@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:0; background:url("../img/main/bg_goseong.png") no-repeat center top; background-size:100% 1000px;}
.main_content { width:1400px; margin:0 auto; position:relative; padding-top:30px; padding-bottom:60px;}
/* main_visual */
.main_visual { position:relative; width:1400px; margin:0 auto;}

/* today_movie */
.today_movie { position:relative; height:80px; background-image:url("../img/main/bg_today_movie.png"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.today_movie .today_inner { width:1400px; margin:0 auto; position:relative; height:80px; padding-left:30px;}
.today_movie .today { float:left; color:#ffcc00; font-size:25px; line-height:28px; letter-spacing:-0.05em; padding:12px 20px 0 0; width:auto;}
.today_movie .today .title { font-family:"GmarketSansTTFBold"; color:#ffcc00;}
.today_movie .today .day { font-size:21px; color:#fff;}
.today_movie .today span { font-size:16px; color:#fff;}
.today_movie .today .no_br { display:block; height:0;}
.today_movie .today .today_date { display:block; text-align:right;}
.today_movie .today_live { float:left; background-color:#fff; border:none; width:1040px; height:55px; line-height:55px; font-size:18px; color:#666; padding-left:20px; border-radius:0; margin-top:12px;}
.today_movie .btn_more { position:absolute; right:0; top:12px; width:130px; height:55px; line-height:55px; text-align:center; background-color:rgba(255,255,255,0.15); color:#fff; font-size:17px; border-radius:0; border:1px solid rgba(255,255,255,0.4);}

/* main movie */
.main_movie { width:1090px; height:613px; position:relative; overflow:hidden;}
/* live_movie */.main_movie .live_view { display:block; width:100%; position:relative; overflow:hidden;}
.main_movie .live_view::after { content:none; display:none;}
.main_movie .live_view .movie { position:absolute; top:0; bottom:0; right:0; left:0; font-size:0px; 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:1090px; height:613px; position:relative;}
.img_rolling ul li {position:relative; width:1090px; height:613px; 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;}

/* live_channel */
.main_channel { display:flex; flex-wrap:wrap; padding:10px 0 0 0; background-color:transparent; gap:8px; margin-bottom:15px; max-width:1090px;}
.main_channel .title { width:100%; color:#333; padding:0 20px; font-family:"NanumBarunGothicBold"; font-size:28px; letter-spacing:-0.05em; line-height:1.3; margin:0 0 8px 0;}
.main_channel .title strong { color:#1a3e6b;}
.main_channel .title span { font-size:14px; color:#666; font-family:"NanumGothic"; letter-spacing:-0.05em; margin-left:10px; font-weight:normal;}
.channel_box { flex:0 0 266px; display:inline-flex; align-items:center; justify-content:space-between; padding:0 12px; height:58px; font-family:"NanumBarunGothic"; font-size:18px; background-color:rgba(255,255,255,0.85); cursor:pointer; border:1px #ccc solid; color:#555;}
.channel_box:last-child { border-right:1px #ccc solid;}
.channel_box:hover { color:#1a3e6b; border-color:#1a3e6b;}
.channel_box .icon_ch { display:none;}
.channel_box .on_air { display:inline-block; height:22px; line-height:22px; font-size:12px; color:#fff; padding:0 8px; border-radius:3px; background-color:#888; margin:0;}
.ch_select { color:#1a3e6b !important; border-color:#1a3e6b !important; cursor:pointer !important; background-color:rgba(255,255,255,0.95) !important;}
.ch_select .on_air { background-color:#cc3300;}

/* calender */
.today_calendar { position:absolute; right:0px; top:0px; width:300px; height:auto; min-height:613px; padding:15px 15px; background:#fff; border:1px #e0e0e0 solid;}
.today_calendar .title { color:#222; font-size:26px; line-height:32px; font-family:"NanumBarunGothicBold"; letter-spacing:-0.05em; margin-bottom:10px; padding-bottom:5px; text-align:center;}
.today_calendar .title strong { color:#5b3d8f;}
.today_calendar .txt_help01 { font-size:12px; color:#bbb; opacity:1; line-height:22px; letter-spacing:-0.05em;}
.calender { height:auto;}
.calender .cal_today { display:flex; align-items:center; justify-content:center; width:100%; color:#000; line-height:36px; text-align:center; padding:5px 0 8px; gap:15px;}
.calender .cal_today a.btn_pre, .calender .cal_today a.btn_next { width:28px; height:28px; text-align:center; border-bottom:0px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;}
.calender .cal_today a.btn_pre img, .calender .cal_today a.btn_next img { vertical-align:middle; width:22px; }
.calender .cal_today .year { color:#333; font-size:18px; line-height:22px; font-family:"NanumBarunGothicBold";}
.calender .cal_help { display:none;}
.calender .cal_help i { width:13px; height:12px; display:inline-block; background-color:#ccc; float:left; font-size:0px; border-radius:3px; margin:3px 5px 0 0;}
.calender .cal_help i.live { background-color:#cc0000;}
.calender .cal_help i.sch { background-color:#ffcc00;}
.calender_sheet { table-layout:fixed; height:auto; background-color:#fff; overflow:hidden; width:100%;}
.calender_sheet thead th { height:30px; line-height:30px; background:#5b3d8f; text-align:center; font-size:14px; color:#fff; border-left:1px #4e3480 solid;}
.calender_sheet td { position:relative; border:1px #e0e0e0 solid; border-left:0px; padding:0 2px; font-size:13px; color:#888; height:28px; vertical-align:middle; text-align:center;}
.calender_sheet td:first-child {color:#ff606a;} 
.calender_sheet td:last-child {color:#0099ff; border-right:0px;} 
.calender_sheet td .live { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background-color:#cc0000; color:#fff; font-size:13px; padding:0; line-height:1; font-family:"NanumBarunGothic";}
.calender_sheet td .sch_line { position:absolute; left:0px; bottom:0px; width:100%; height:4px; background-color:#ffcc00;}
.calender_sheet td.today { background-color:#f4f4f4; color:#000 !important; font-family: "NanumBarunGothicBold";}
.calender_sheet tfoot td { background-color:#f0f4ff; border:1px #e0e0e0 solid; text-align:right; color:#333 !important; padding:7px; font-size:14px;}
.calender_sheet tfoot td .sch_box { display:inline-block; height:21px; line-height:20px; color:#000; background-color:#ffcc00; padding:0 7px; border-radius:3px; font-size:13px; margin-right:3px; }
.calender_sheet span.on {background-color:#de4b38; color:#fff;  width:24px; height:24px; line-height:24px; display:inline-block; border-radius:30px; font-size:12px;}
/* select today informatino */ 
.today_infor { height:auto; max-height:240px; letter-spacing:-0.02em; border-left:0px; overflow-y:auto; padding-right:4px; margin-top:10px; padding-top:5px;}
/* ��ũ�ѹ��� �� �ʺ� */.today_infor::-webkit-scrollbar { width:8px;}
.today_infor::-webkit-scrollbar-thumb { border-radius:5px; cursor:pointer;
	background-color: #F90; 
	background-image: -webkit-linear-gradient(45deg,
                      rgba(255, 255, 255, .2) 25%,
                      transparent 25%,
                      transparent 50%,
                      rgba(255, 255, 255, .2) 50%,
                      rgba(255, 255, 255, .2) 75%,
                      transparent 75%,
                      transparent)}
.today_infor::-webkit-scrollbar-track { background:#f0f0f0; opacity:0.2 ;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius:5px;}
.today_infor .select_day { font-size:22px; line-height:32px; color:#333; font-family:"NanumBarunGothicBold"; background:none; padding-left:0; margin-bottom:8px; text-align:left;}
.today_infor .select_day .clo_01 { color:#cc0000;}
.today_infor dl { padding:5px 0; border-top:1px #e0e0e0 dashed; }
.today_infor dd { font-size:15px; color:#555; line-height:22px;}
.today_infor dd a { display:block; color:#555; padding:3px 0;}
.today_infor dd a::before { content:"• "; color:#999;}
.today_infor dd a:hover { color:#1a3e6b;}
.today_calendar .btn_more { display:none; 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;}
.today_calendar .btn_more:hover { color:#fff; background-color:#ffcc00;}



/* section */
.section01 { width:100%; background:#fff; padding:50px 0 50px; margin:0; position:relative;}
.section_inner { width:1400px; margin:0 auto; position:relative; display:flex; gap:13px; align-items:stretch;}
.section_inner .main_notice { float:none; width:770px; height:auto; min-height:260px; margin-right:0; flex-shrink:0; box-sizing:border-box; padding:15px 20px 20px 20px;}
.section_inner .tab_list { float:none; width:617px; height:auto; min-height:260px; flex-shrink:0; box-sizing:border-box; background-color:#eef4fb; display:flex; flex-direction:column;}
.section_inner .tab_list .btn_tab { flex-shrink:0;}
.section_inner .tab_list .btn_tab .tabs { background-color:#eef4fb; border-bottom:none; position:relative; height:60px;}
.section_inner .tab_list .btn_tab .tabs li { height:60px; line-height:60px;}
.section_inner .tab_list .btn_tab .tabs li a { font-size:20px;}
.section_inner .tab_list .btn_tab .tabs::after { content:""; position:absolute; bottom:0; left:15px; right:15px; height:1px; background:#ccd9e8;}
.section_inner .tab_list .btn_tab .tabs li { border-right:none; position:relative; background:transparent !important;}
.section_inner .tab_list .btn_tab .tabs li:not(.btn_more)::after { content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); height:18px; width:1px; background:#999;}
.section_inner .tab_list .btn_tab .tabs li a { color:#bbb;}
.section_inner .tab_list .btn_tab .tabs li a:hover { height:60px; background-color:transparent; color:#1a3e6b;}
.section_inner .tab_list .btn_tab .tabs li.active a { color:#1a3e6b !important; font-family:"NanumBarunGothicBold";}
.section_inner .tab_list .btn_tab .tabs .btn_more { border-left:none; position:relative; width:auto; height:60px; margin:0; float:right; display:flex; align-items:center; padding:0 12px; background:transparent !important;}
.section_inner .tab_list .btn_tab .tabs .btn_more::before { content:none;}
.section_inner .tab_list .btn_tab .tabs .btn_more a { font-size:20px !important; color:#666; background:#fff; padding:0 !important; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border:1px #999 solid; border-radius:3px; line-height:1;}
.section_inner .tab_list .btn_tab .tabs .btn_more a:hover { background-color:#ffcc00 !important; border-color:#ffcc00 !important; color:#fff !important; height:28px !important;}
.section_inner .tab_list .tab_container { flex:1; position:relative;}

/* main_newvod [�ֽſ���]*/
.main_newvod { width:1400px; margin:0 auto; position:relative; margin-bottom:12px;}
.main_newvod .title { color:#222; font-size:30px; line-height:32px; text-align:center; font-family:"NanumBarunGothicBold"; letter-spacing:-0.02em; margin-bottom:10px;}
.main_newvod .title .col_point { color:#1a3e6b; display:inline; font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
.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:10px 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 3px;}
.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:340px; height:260px; padding:10px; padding-top:20px; border:1px #ddd solid; margin-right:13px;}
.main_notice .title { color:#333; font-size:22px; line-height:22px; font-family: "NanumBarunGothic"; padding:10px; padding-left:10px;}
.main_notice ul { margin:0; padding:0; list-style:none;}
.new_notice { border-bottom:1px #ccc dashed; position:relative; padding-bottom:10px;}
.new_notice .title { color:#444; font-size:18px; font-family:"NanumBarunGothic"; line-height:22px; letter-spacing:-0.05em; margin:7px 0; background:url("../img/main/icon_dot.png") no-repeat left center; padding-left:13px; padding-right:110px;}
.new_notice .new_txt { font-size:15px; letter-spacing:-0.05em; line-height:22px; padding-left:13px; color:#666;}
.new_notice .new_day { position:absolute; right:0; top:0; font-size:15px; color:#888; line-height:26px;}
.notice_list { padding:7px 0 0; position:relative;}
.notice_list a { position:relative; display:block; color:#555; font-size:16px; font-family:"NanumBarunGothic"; line-height:22px; letter-spacing:-0.05em; background:none; padding:4px 110px 4px 0;}
.notice_list a::before { content:"-"; color:#999; margin-right:6px;}
.notice_list a:hover { color:#1a3e6b;}
.notice_list .day { position:absolute; right:0; top:0; font-size:15px; color:#888; line-height:26px; padding-left:10px; letter-spacing:0; font-family:"NanumGothic";}
.notice_infor a { font-size:16px; display:block; clear:both; font-family: "NanumBarunGothic"; line-height:18px; letter-spacing:-0.02em; background:url("../img/main/icon_dot.png") no-repeat left 17px; padding:9px 0 9px 10px; color:#666;}
.notice_infor a .day { float:right; font-size:14px; color:#777; font-family: "NanumGothic"; letter-spacing:-0.05em;}
.notice_infor a .txt { display:none;}
.notice_infor a:hover { color:#d84374;}
.notice_infor a:last-child .day { margin-bottom:0px;}
.main_notice a.btn_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; border:1px #ddd solid;}
.main_notice a.btn_more:hover { color:#fff; background-color:#ffcc00; border:1px #ffcc00 solid;}

/* 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 15px 40px; flex:1; position:relative;}
.tab_container .list_infor ul { margin:0; padding:0; list-style:none;}
.tab_container .list_infor li a { display:block;}
.tab_container .list_infor li:last-child { border:0px;}
.tab_container .tab_name { font-size:16px; color:#555; background:url("../img/main/icon_dot.png") no-repeat left center; padding:0 0 5px 15px; line-height:24px; margin:0; margin-top:5px;}
.tab_container .tab_speaker { color:#366baa;}
.tab_container .tab_title { color:#333; font-size:19px; line-height:28px; font-family:"NanumBarunGothicBold"; padding:2px 0 5px 15px; margin:0;}
.tab_container .tab_con { font-size:16px; color:#555; padding:2px 0 5px 15px; line-height:22px; margin:0;}
.tab_container .tab_con::before { content:"- "; color:#999;}
.tab_container .tab_day { font-size:15px; color:#999; padding-left:15px; position:absolute; bottom:20px; left:15px;}


/* main_link */
.main_link { float:right; height:260px; width:340px;}
.main_link a { display:block; height:124px; padding:20px 30px; color:#fff; position:relative;}
.main_link a .icon { position:absolute; right:0px; bottom:0px; border-radius:50%; width:85px;}
.main_link .link_title { font-size:24px; line-height:40px; font-family: "NanumBarunGothic";}
.main_link .link_txt { font-size:14px; opacity:0.6; line-height:19px;}
.main_link .link1 { background:#624f33 url("../img/main/icon_link02_bg.png") no-repeat right bottom; margin-bottom:12px;}
.main_link .link2 { background:#3c93bd url("../img/main/icon_link01_bg.png") no-repeat right bottom;}









@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%; height:auto; padding:10px 15px;}
.today_movie .today_inner { width:100%; height:auto; padding-left:0;}
.today_movie .today { float:none; width:100%; font-size:16px; line-height:26px; display:flex; align-items:center; justify-content:space-between; padding:0;}
.today_movie .today .no_br { display:none;}
.today_movie .today .today_date { display:inline; text-align:right; font-size:14px;}
.today_movie .today_live { float:none; clear:none; width:100%; height:auto; line-height:22px; font-size:14px; padding:6px 0 0; margin-top:5px; border-top:1px solid rgba(255,255,255,0.2);}
.today_movie .btn_more { top:8px; right:10px; width:75px; height:30px; line-height:30px; font-size:13px;}

/* 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;}

/* live_channel */
.main_channel { margin-top:0; padding:10px 0; height:auto; gap:0;}
.main_channel .title { color:#000; padding:0; font-size:20px; letter-spacing:-0.05em; line-height:22px; margin:0 0 8px 0;}
.main_channel .title span { font-size:13px; color:#888; font-family:"NanumGothic"; letter-spacing:-0.05em;}
.channel_box { flex:0 0 25%; float:none; width:auto; height:52px; font-size:15px; letter-spacing:-0.03em; padding:0 10px;}
.channel_box .icon_ch { display:none;}

/* calender */
.today_calendar { position:relative; width:100%; height:auto; min-height:auto; padding:15px;}
.today_calendar .title { padding:5px 0; text-align:center;}
.calender { float:none; width:100%; padding-right:0;}
.calender_sheet tfoot td { text-align:left; padding-left:0px;}
.today_infor { float:none; padding-top:0; width:100%; height:auto; max-height:none; margin-top:8px;}


/* section */
.section01 { padding:0 20px 50px;}
.section_inner { width:100%; flex-direction:column; gap:10px;}
.section_inner .main_notice { width:100%;}
.section_inner .tab_list { width:100%;}

/* 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:49%; height:260px; margin-right:2%; margin-bottom:13px; padding:10px;}
.main_notice .title { padding-left:10px; margin-bottom:10px;}
.notice_infor a { padding:8px; background:url("../img/main/icon_dot.png") no-repeat left 15px;}

/* 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 { width:49%;}
.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:10px 12px;}
.today_movie .today_inner { width:100%; height:auto; padding-left:0;}
.today_movie .today { float:none; width:100%; font-size:15px; line-height:24px; display:flex; align-items:center; justify-content:space-between; padding:0;}
.today_movie .today .no_br { display:none;}
.today_movie .today .today_date { display:inline; font-size:13px;}
.today_movie .today_live { float:none; clear:none; width:100%; height:auto; line-height:20px; font-size:13px; padding:5px 0 0; margin-top:4px; border-top:1px solid rgba(255,255,255,0.2);}
.today_movie .btn_more { top:8px; right:10px; width:70px; height:28px; line-height:28px; font-size:12px;}

/* 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%;}/* ��ž/��� ��ư ���� */

/* live_channel */
.main_channel { margin-top:0; padding:8px 0 0; height:auto; gap:0;}
.main_channel .title { margin:0 0 8px; font-size:20px;}
.main_channel .title span { font-size:13px;}
.channel_box { flex:0 0 50%; float:none; width:auto; height:52px; font-size:14px; letter-spacing:-0.03em; padding:0 10px; border-top:1px #ccc solid; border-bottom:0; line-height:normal;}
.channel_box .icon_ch { display:none;}
.channel_box .on_air { height:20px; line-height:20px;}
.ch_select { }
.ch_select .on_air { margin:0;}

/* calender */
.today_calendar { position:relative; width:100%; height:auto; min-height:auto; padding:15px;}
.today_calendar .title { text-align:center; padding:5px 0;}
.calender { float:none; width:100%;}

/* select today informatino */
.today_infor { float:none; padding-top:0; width:100%; height:auto; max-height:none; margin-top:8px;}
.today_calendar .btn_more { top:10px; right:10px;}


/* section */
.section01 { padding:10px;}
.section_inner { width:100%; flex-direction:column; gap:10px;}
.section_inner .main_notice { width:100%;}
.section_inner .tab_list { width:100%;}

/* 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:0px; margin-bottom:13px; padding:10px 20px;}
.main_notice .title { padding-left:10px; font-size:20px; padding:5px;}
.notice_infor a { padding:7px; background:url("../img/main/icon_dot.png") no-repeat left 15px;}
.notice_infor a .day { font-size:14px; line-height:24px;}

/* 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 { width:100%; height: auto;}
.main_link a { width:49%; float:left;}
.main_link a:first-child { margin-right:2%;}
.main_link .link_title { font-size:22px;}



}





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

/* today_movie */
.today_movie { height:auto; padding:8px 10px;}
.today_movie .today_inner { width:100%; padding-left:0; height:auto;}
.today_movie .today { float:none; width:100%; font-size:14px; line-height:22px; display:flex; align-items:center; justify-content:space-between; padding:0;}
.today_movie .today .no_br { display:none;}
.today_movie .today .today_date { display:inline; font-size:12px;}
.today_movie .today_live { float:none; clear:none; width:100%; height:auto; min-height:0; line-height:20px; font-size:13px; padding:5px 0 0; border-radius:0; margin-top:4px; border-top:1px solid rgba(255,255,255,0.2);}
.today_movie .btn_more { right:10px; top:8px; width:65px; height:26px; line-height:26px; font-size:12px; border-radius:3px;}

/* live_channel */
.main_channel { margin-top:0; padding:8px 0 0; height:auto; gap:0;}
.main_channel .title { margin:0 0 8px; font-size:18px;}
.main_channel .title span { font-size:12px;}
.channel_box { flex:0 0 50%; float:none; width:auto; height:50px; font-size:13px; letter-spacing:-0.03em; padding:0 8px; border-top:1px #ddd solid; border-bottom:0; line-height:normal;}
.channel_box .icon_ch { display:none;}
.channel_box .on_air { height:18px; line-height:18px; font-size:11px;}
.ch_select { }
.ch_select .on_air { margin:0;}

/* 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:0px; margin-bottom:13px; padding:10px;}
.main_notice .title { padding-left:0px; font-size:20px; padding:5px;}
.notice_infor a { padding:7px; background:url("../img/main/icon_dot.png") no-repeat left 15px;}
.notice_infor a .day { float:none; font-size:14px; line-height:24px;}
	
/* main_link */
.main_link { width:100%; height:auto;}
.main_link a { width:100%; float:left;}
.main_link .link_title { font-size:22px;}

	
}