@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 {}
.main_content { background-color:#f5f6fa; padding:20px 0 40px 0;}
/* main_visual */
.main_visual { position:relative; width:1400px; margin:0 auto;}

/* today_movie */
.today_movie { position:relative; height:80px; background-color:#eef2ff; }
.today_movie .today_inner { width:1400px; margin:0 auto; position:relative;}
/* today */ .today_movie .today { float:left; color:#000; font-size:28px; height:80px; line-height:80px; letter-spacing:-0.05em; padding-right:15px;}
.today_movie .today .title { font-family: "GmarketSansTTFBold"; color:#4963bd; padding-right:10px;}
.today_movie .today .day { font-size:30px; letter-spacing:0; color:#4963bd; letter-spacing:0;}
.today_movie .today span { font-size:20px;}
.today_movie .today .no_br { display:none;}
/* today_live */ .today_movie .today_live { float:left; background-color:#fff; border:1px #dde1e4 solid; width:830px; height:55px; line-height:55px; font-size:18px; color:#666; padding-left:20px; border-radius:10px; margin-top:12px;}
.today_movie .today_live .on_air, .today_movie .today_live .off_air { display:inline-block; height:26px; line-height:29px; font-size:13px; padding:0 10px; border-radius:15px; margin-right:5px; font-family: "GmarketSansTTFLight";}
.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:#f7f7f7; border:1px #ddd solid;}
.today_movie .btn_more { position:absolute; right:0px; top:12px; width:150px; height:55px; line-height:55px; text-align:center; background-color:#4963bd; color:#fff; font-size:18px; transition:0.3s; border-radius:10px;}
.today_movie .btn_more:hover {border-color:#314778; background-color:#314778;}

/* main movie */
.main_movie { position:relative; letter-spacing:-0.05em;}
/* live_movie */.main_movie .live_view { width:1060px; height:596px; overflow:hidden; border-radius:10px; display:inline-block; 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:#cfe6f2 url("../img/header/bg_movie.png") no-repeat center; font-size:0px;  background-size:100% 100%; overflow:hidden; }
.main_movie .hd_txt { font-size:40px; color:#333; text-align:center; padding:70px 0 20px;}
.main_movie .hd_txt strong { color:#dfb926;}
.main_movie .sm_txt { font-size:16px; text-align:center; color:#777; line-height:24px;}

/* channel */
.channel { position:absolute; right:0px; top:0px; overflow:hidden; width:320px; height:596px; background:#3e4d7b url("../img/main/bg_channel.png") no-repeat right bottom; padding:20px; border-radius:10px; overflow:hidden;}
.channel .title { text-align:center; font-family: "GmarketSansTTFMedium"; font-size:28px; line-height:50px; color:#fff;}
.channel .title strong { color:#dfb926;}
.channel a { font-size:20px; color:#999; height:60px; line-height:63px; display:block; background-color:#fff; cursor:default; margin-bottom:4px; padding-left:10px; border-radius:8px;}
.channel .on_air { display:inline-block; width:64px; height:30px; line-height:32px; text-align:center; font-size:11px; color:#fff; background-color:#969696; border:1px #969696 solid; border-radius:20px; margin-right:5px; letter-spacing:-0.05em; }
.channel a.select { cursor:pointer; color:#cc3333;}
.channel a.select .on_air { background:url("../img/main/bg_onair.gif") no-repeat center; color:#fff; border:0px;}
.channel .btn_more { position:absolute; bottom:20px; left:20px; }
.channel .btn_more a { cursor:pointer; font-size:28px; color:#ccc; text-align:center; width:280px; padding:0; height:80px; line-height:80px; display:inline-block; border-radius:8px; background-color:#3e4d7b; border:1px #ccc solid;}
.channel .btn_more a:hover, .channel .btn_more a:active {transition-property:background-color; transition-duration:0.5s; background-color:#4963bd; color:#fff; border:1px #002d62 solid;}

/* section */
.section01 { width:1400px; padding:40px 0 30px; margin:0 auto; position:relative;}
.section02 { padding:40px 0 50px; background-color:#f7f7f7;}

/* notice */
.main_notice { float:left; position:relative; width:530px; height:240px; padding:30px; border:1px #dde1e4 solid; margin-right:20px; border-radius:10px;}
.main_notice .title {  font-family: "GmarketSansTTFMedium"; color:#333; font-size:28px; line-height:28px; padding-bottom:15px;}
.main_notice .title strong { color:#365fa7;}
.notice_infor a { font-size:16px; display:block; clear:both; padding:6px 0 5px; color:#666; letter-spacing:-0.05em;}
.notice_infor a .day { float:right; font-size:14px; color:#999; opacity:0.8;}
.notice_infor a .txt { display:none;}
.notice_infor a .new { margin-left:8px;}
.notice_infor a:hover { color:#365fa7;}
.notice_infor a:last-child .day { margin-bottom:0px;}
.main_notice a.btn_more { font-size:0px; position:absolute; top:20px; right:30px; height:35px; width:35px; background: #fff url('../img/main/btn_more02.png') no-repeat center; border-radius:5px; transition:0.3s; border:1px #dde1e4 solid;}
.main_notice a.btn_more:hover { background:#4963bd url('../img/main/btn_more.png') no-repeat center; border:1px #ffcc00 solid;}

/* tab_list */
.tab_list { position:relative; float:left; width:530px; height:240px; padding:20px; border:1px #dde1e4 solid; border-radius:10px;}
.tab_list .title { display:inline-block; font-family: "GmarketSansTTFMedium"; color:#333; font-size:28px; line-height:40px; padding-left:10px; }
.tab_list .title strong { color:#365fa7;}
/* btn_tab */.tab_list .btn_tab { border-bottom:1px #365fa7 solid;}
.btn_tab .tabs { float:right; height:35px; position:relative; padding-right:40px;}
.btn_tab .tabs li { float:left; height:35px; width:120px; border-radius:5px; overflow:hidden; background-color:#f4f5f6; border:1px #dde1e4 solid; margin-left:5px;}
.btn_tab .tabs li a { color:#666; display:block; text-align:center; font-size:17px; line-height:37px;}
.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:#365fa7;}
.btn_tab .tabs li.active a { background:#365fa7; color:#fff; border:1px #365fa7 solid;}
.btn_tab .tabs li.active a:hover { color:#fff !important; background:#366baa !important;}
/* tab_container */.tab_list .tab_container { height:160px; padding-top:15px; position:relative;}
.tab_container .list_infor a { display:block;}
.tab_container .list_infor li { padding-left:10px;}
.tab_container .tab_name { color:#777; font-size:16px; background:url("../img/main/icon_dot.png") no-repeat left center;}
.tab_container .tab_name span { color:#365fa7;}
.tab_container .tab_title { color:#000; font-size:18px; padding:10px;}
.tab_container .tab_con { font-size:15px; padding-left:10px; color:#999; line-height:20px;}
.tab_container .tab_day { position:absolute; bottom:10px; left:0px; font-size:14px; color:#999; opacity:0.8;}
.tab_content .btn_more { position:absolute; right:0px; top:-40px; height:35px; width:35px;}
.tab_content .btn_more a { font-size:0px; display:block; height:35px; width:35px; background: #fff url('../img/main/btn_more02.png') no-repeat center; border-radius:5px; transition:0.3s; border:1px #dde1e4 solid;}
.tab_content .btn_more a:hover { background:#4963bd url('../img/main/btn_more.png') no-repeat center; border:1px #ffcc00 solid;}

/* main_link */
.main_link { width:100%; height:auto; overflow:hidden;}
.main_link a { display:flex; align-items:center; float:left; width:calc(50% - 10px); height:90px; padding:0 22px 0 100px; color:#333; position:relative; border-radius:12px; background:#fff; border:1px solid #e0e0e0; box-sizing:border-box; transition:background 0.2s, box-shadow 0.2s;}
.main_link a:hover { box-shadow:0 3px 12px rgba(0,0,0,0.08);}
/*.main_link a::before { content:''; position:absolute; left:12px; top:50%; transform:translateY(-50%); width:64px; height:64px;  border-radius:10px;}*/
.main_link a::after { content:">>"; color:#fff; font-size:22px; letter-spacing:-4px; flex-shrink:0; line-height:1; margin-left:10px;}
.main_link a .icon { position:absolute; left:18px; top:50%; transform:translateY(-50%); width:72px; height:auto; /*filter:grayscale(100%) opacity(0.5);*/ filter: brightness(0) invert(1); opacity:1; z-index:1;}
.main_link .link_title { font-family:"GmarketSansTTFMedium"; font-size:22px; line-height:1.2; color:#fff; flex:1;}
.main_link .link_btn { display:none;}

.main_link .link1 { margin-right:20px;background-color:#7FD3CB;}
.main_link .link2 { background-color:#5F63AF;}



/* 
/* main_newvod [�ֽſ���]*/
.main_newvod { width:1400px; margin:0 auto; position:relative;}
.main_newvod .title { font-family: "GmarketSansTTFMedium"; color:#365fa7; font-size:36px; text-align:center; letter-spacing:-0.05em; padding-bottom:15px;}
.main_newvod .title strong { color:#333;}
.tabnav { text-align:center; }
.tabnav li { display:inline-block; height:46px; text-align:center;}
.tabnav li a.active:before { background:#7ea21e;}
.tabnav li a { position:relative; display:inline-block; background:#fff; width:180px; color:#444; height:50px; line-height:52px; font-size:20px; margin:0 1px; border:1px #dde1e4 solid; border-radius:10px; letter-spacing:-0.05em;}
.tabnav li a:hover { transition:0.3s; background-color:#f3f2f9; color:#365fa7; }
.tabnav li a.active { background:#365fa7; color:#fff; }
/* tabcontent */.tabcontent{ padding-top:25px;}
/* video_box */.video_box { width:340px; height:auto;}
.video_box a { display:block;}
.video_box .live_view { width:340px; height:191px; border-radius:10px 10px 0 0; overflow:hidden;}
/* video_infor */.video_infor { position:relative;}
.video_infor li { float:left; display:inline-block; margin-right:13px;}
.video_infor li:last-child { margin-right:0px;}
.video_infor .vod_infor { position:relative; background-color:#fff; height:115px; border:1px #dde1e4 solid; border-top:0px; border-radius:0 0 10px 10px; padding:15px 20px; margin-top:-5px;}
.video_infor .vod_confer { color:#365fa7;}
.video_infor .vod_title { font-size:17px; padding:7px 0;}
.video_infor .vod_date { position:absolute; left:20px; bottom:15px; font-size:14px; color:#999; opacity:0.8;}

.main_newvod .vod_more  { clear:both; width:240px; margin:0 auto; height:60px; margin-top:20px;}
.main_newvod .vod_more a { display:block; height:60px; line-height:62px; border:1px #365fa7 solid; background-color:#fff; border-radius:10px; text-align:center; font-size:20px; color:#365fa7; letter-spacing:-0.05em;}
.main_newvod .vod_more a:hover { transition-property:background-color; transition-duration:0.3s; transition-duration:0.5s; background-color:#4963bd; color:#fff; border:1px #002d62 solid; }










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

.main_con {}
.main_content { background-color:#fff; padding:0px;}
/* main_visual */
.main_visual { width:100%;}

/* today_movie */
.today_movie { height:auto;}
.today_movie .today_inner { width:100%; padding:10px 20px;}
/* today */ .today_movie .today { height:auto; line-height:normal; font-size:24px; line-height:40px; padding-left:10px;}
.today_movie .today .day { font-size:28px;}
/* today_live */ .today_movie .today_live { clear:both; float:none; width:100%; height:50px; line-height:50px; font-size:16px;}
.today_movie .btn_more { right:20px; top:7px; width:110px; height:40px; line-height:40px;}

/* main movie */
/* live_movie */.main_movie .live_view { width:100%; height:auto; border-radius:0px;}/* 16:9 �ڵ������� */
.main_movie .hd_txt { font-size:4vw;  padding:6.5% 0 2%;}
.main_movie .sm_txt { font-size:1.7vw; line-height:2.5vw;}

/* channel */
.channel { position:inherit; width:100%; height:auto; border-radius:0px; padding:10px 20px; margin-top:-5px;}
.channel .title { text-align:left; font-size:26px; line-height:40px; padding-left:10px;}
.channel a { width:24%; float:left; margin:0 0.5%; font-size:18px;}
.channel .btn_more { display:inline-block; right:25px; top:5px; left:inherit; bottom:inherit;}
.channel .btn_more a { font-size:16px; width:160px; padding:0; height:38px; line-height:38px;}

/* section */
.section01 { width:100%; padding:30px 20px; height:auto;}
.section02 { width:100%; padding:30px 20px; height:auto;}

/* notice */
.main_notice { width:48%; margin:0 1%; padding:20px; min-height:220px; height:auto;}
.main_notice .title { padding-bottom:10px; font-size:26px; line-height:26px;}
.main_notice a.btn_more { top:10px; right:20px;}

/* tab_list */
.tab_list { float:right; width:48%; margin:0 1%; padding:20px; height:220px;}
.tab_list .title { font-size:26px; padding-left:0px;}
.btn_tab .tabs li { width:96px;}
.btn_tab .tabs li a { font-size:15px;}
/* tab_container */.tab_list .tab_container { height:150px;}

/* main_link */
.main_link { clear:both; float:none; width:100%; padding:20px 0 0; height:auto;}
.main_link a { width:48%; margin:0 1%; float:left; height:75px; padding:0 15px 0 82px;}
.main_link a::before { width:56px; height:56px;}
.main_link a .icon { width:44px; left:15px;}
.main_link .link_title { font-size:18px;}
.main_link .link1 { margin-right:1%;}

/* main_newvod [�ֽſ���]*/
.main_newvod { width:100%;}
.main_newvod .title { font-size:30px;}
.tabnav li a { width:150px; font-size:19px;}
/* video_box */.video_box { width:32%; height:auto;}
.video_box .live_view { width:100%; height:auto;}
/* video_infor */
.video_infor li { margin:0 0.5%;}
.video_infor li:first-child { margin-left:1%;}
.video_infor li:last-child { display:none;}
.video_infor .vod_infor { padding:10px 10px; height:100px;}
.video_infor .vod_title { font-size:16px; padding:5px 0;}
.video_infor .vod_date { left:10px; bottom:10px;}

.main_newvod .vod_more  { width:200px; height:50px;}
.main_newvod .vod_more a { height:50px; line-height:52px; font-size:19px;}

}





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

/* channel */
.channel a { position:relative; height:73px; line-height:normal; padding:10px; text-align:center;}
.channel .on_air { position:absolute; bottom:8px; left:50%; margin-left:-32px; width:64px; margin-right:0px;}
.channel .btn_more { right:25px; top:5px; left:inherit; bottom:inherit;}

/* notice */
.main_notice { width:98%; margin:0 1%; padding:20px; float:none; margin-bottom:20px;}

/* tab_list */
.tab_list { float:none; width:98%; margin:0 1%; padding:20px; height:220px;}
.btn_tab .tabs li { width:130px;}
.btn_tab .tabs li a { font-size:17px;}

}





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

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


/* today_movie */
.today_movie { height:auto;}
.today_movie .today_inner { width:100%; padding:10px; height:auto;}
/* today */ .today_movie .today { height:auto; line-height:normal; font-size:24px; line-height:normal; padding:10px 0 5px 10px;}
.today_movie .today .day { font-size:24px;}
.today_movie .today span { font-size:16px;}
.today_movie .today .no_br {}
/* today_live */ .today_movie .today_live { clear:both; float:none; width:100%; min-height:50px; height:auto; line-height:20px; padding:15px 10px; font-size:15px; border-radius:5px;}
.today_movie .btn_more { right:10px; top:8px; width:95px; height:40px; line-height:42px; font-size:16px; border-radius:5px;}

/* live_movie */
.main_movie .live_view { width:100%; height:auto; border-radius:0px;}/* 16:9 �ڵ������� */
.main_movie .hd_txt { font-size:5.5vw;  padding:3.5% 0 2%;}
.main_movie .sm_txt { font-size:3.3vw; line-height:4vw;}

/* channel */
.channel { position:inherit; width:100%; height:auto; border-radius:0px; padding:10px; margin-top:-5px;}
.channel .title { text-align:left; font-size:22px; line-height:40px; padding-left:10px; padding-bottom:5px;}
.channel a { width:49%; float:left; margin:0.5%; font-size:18px; height:53px; line-height:55px;}
.channel .btn_more { display:inline-block; right:15px; top:10px; left:inherit; bottom:inherit;}
.channel .btn_more a { font-size:16px; width:160px; padding:0; height:38px; line-height:38px;}

/* section */
.section01 { width:100%; padding:10px; height:auto;}
.section02 { width:100%; padding:10px; padding-top:20px; height:auto;}

/* notice */
.main_notice { width:100%; margin:0 0 10px 0; padding:10px; min-height:220px; height:auto; border-radius:5px;}
.main_notice .title { padding:10px 0 5px 0; font-size:22px; line-height:26px;}
.notice_infor a { font-size:15px; line-height:20px;}
.notice_infor a .day { clear:both; float:none; padding-left:10px;}
.main_notice a.btn_more { top:10px; right:10px;}

/* tab_list */
.tab_list { clear:both; float:none; width:100%; margin:0; padding:10px; min-height:150px; height:auto; border-radius:5px; margin-bottom:10px;}
.tab_list .title { width:30%; font-size:22px; padding-left:0px;}
.btn_tab .tabs li { width:110px;}
.btn_tab .tabs li a { font-size:15px;}
/* tab_container */
.tab_list .tab_container { min-height:130px; height:auto;}
.tab_container .list_infor { min-height:100px; height:auto;}
.tab_container .tab_title { font-size:16px;}
.tab_container .tab_con { padding-bottom:20px;}
.tab_container .tab_day { position:inherit;}

/* main_link */
.main_link { clear:both; float:none; width:100%; height:auto; padding-bottom:10px;}
.main_link a { width:49.5%; margin:0; height:70px; padding:0 12px 0 74px;}
.main_link a::before { width:50px; height:50px; left:10px;}
.main_link a::after { font-size:16px;}
.main_link a .icon { width:38px; left:13px;}
.main_link .link_title { font-size:14px; line-height:1.2;}
.main_link .link_btn { display:none;}
.main_link .link1 { float:left; margin-right:0;}
.main_link .link2 { float:right;}

/* main_newvod [�ֽſ���]*/
.main_newvod { width:100%; clear:both;}
.main_newvod .title { font-size:24px; padding-bottom:10px;}
.tabnav li { height:55px;}
.tabnav li a { width:100px; font-size:16px; border-radius:5px;}
/* tabcontent */.tabcontent{ padding-top:15px;}
/* video_box */.video_box { width:100%; height:auto;}
.video_box .live_view { width:100%; height:auto; border-radius:5px 5px 0 0;}
/* video_infor */
.video_infor li { float:none; margin:0; margin-bottom:10px;}
.video_infor li:last-child { display:none;}
.video_infor .vod_infor { padding:10px 10px; height:100px; border-radius:0 0 5px 5px;}
.video_infor .vod_title { font-size:16px; padding:5px 0;}
.video_infor .vod_date { left:10px; bottom:10px;}
.main_newvod .vod_more  { width:150px; height:46px; margin:0 auto; margin-bottom:25px;}
.main_newvod .vod_more a { height:46px; line-height:48px; font-size:16px; border-radius:5px;}


}





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


/* today_movie */
.today_movie { height:auto;}
.today_movie .today_inner { width:100%; padding:10px; height:auto;}
/* today */ .today_movie .today { height:auto; line-height:normal; font-size:22px; line-height:normal; padding:0 0 5px 10px;}
.today_movie .today .day { font-size:22px;}
.today_movie .today span { font-size:16px;}
.today_movie .today .no_br { display:block; height:0px;}
/* today_live */ .today_movie .today_live { clear:both; float:none; width:100%; min-height:50px; height:auto; line-height:20px; padding:15px 10px; font-size:15px; border-radius:5px;}
.today_movie .btn_more { right:10px; top:10px; width:95px; height:45px; line-height:46px; font-size:16px; border-radius:5px;}

/* channel */
.channel { position:inherit; width:100%; height:auto; border-radius:0px; padding:10px; margin-top:-5px;}
.channel .title { text-align:left; font-size:22px; line-height:40px; padding-left:10px; padding-bottom:5px;}
.channel a {font-size:17px; position:relative; height:66px; line-height:normal; padding:10px; text-align:center;}
.channel .on_air { position:absolute; bottom:8px; left:50%; margin-left:-30px; width:60px; margin-right:0px; font-size:10px; height:26px; line-height:27px;}
.channel .btn_more { display:inline-block; right:13px; top:10px; left:inherit; bottom:inherit;}
.channel .btn_more a { font-size:15px; width:140px; padding:0; height:35px; line-height:35px;}

/* tab_list */
.tab_list { clear:both; float:none; width:100%; margin:0; padding:10px; min-height:150px; height:inherit; margin-bottom:10px;}
.tab_list .title { width:100%; font-size:22px; padding-left:0px; padding-top:5px; line-height:30px;}
/* btn_tab */.tab_list .btn_tab { height:76px;}
.btn_tab .tabs { float:left;}
.btn_tab .tabs li { width:120px; margin-left:0px; margin-right:5px;}
.btn_tab .tabs li a { font-size:15px;}
/* tab_container */.tab_list .tab_container { min-height:130px; height:auto;}
.tab_container .list_infor { min-height:110px; height:auto;}
.tab_container .tab_title { font-size:16px;}
.tab_container .tab_con { padding-bottom:20px;}
.tab_container .tab_day { position:inherit;}

/* main_link */
.main_link { clear:both; float:none; width:100%; padding:0; height:auto;}
.main_link a { width:100%; margin:0; height:65px; padding:0 12px; gap:10px;}
.main_link a::after { font-size:16px;}
.main_link a .icon { width:42px; height:42px; padding:6px;}
.main_link .link_title { font-size:14px; line-height:1.2;}
.main_link .link_btn { display:none;}
.main_link .link1 { margin-bottom:8px;}

/* main_newvod [�ֽſ���]*/
.main_newvod { width:100%; clear:both;}
.main_newvod .title { font-size:22px; padding-bottom:10px;}
.tabnav li { width:48%; height:55px;}
.tabnav li a { width:100%; font-size:16px; border-radius:5px;}
/* tabcontent */.tabcontent{ padding-top:15px;}
/* video_box */.video_box { width:100%; height:auto;}
.video_box .live_view { width:100%; height:auto; border-radius:5px 5px 0 0;}
/* video_infor */
.video_infor li { float:none; margin:0; margin-bottom:10px;}
.video_infor li:last-child { display:none;}
.video_infor .vod_infor { padding:10px 10px; height:100px; border-radius:0 0 5px 5px;}
.video_infor .vod_title { font-size:16px; padding:5px 0;}
.video_infor .vod_date { left:10px; bottom:10px;}
.main_newvod .vod_more  { width:150px; height:46px; margin:0 auto; margin-bottom:25px;}
.main_newvod .vod_more a { height:46px; line-height:48px; font-size:16px;}

}