@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:url("../img/main/bg_img.png") repeat; padding:40px 0;}

/* main_visual */
.main_visual { background-color:#373c3f; padding:10px; position:relative; width:1200px; margin:0 auto;}

/* today_movie */
.today_movie { width:840px; height:80px; background:#fff url("../img/main/bg_today_movie.png") repeat-x bottom; overflow:hidden; padding:0 10px 0 90px;}
.today_movie .icon_title { position:absolute; left:20px; top:22px; width:62px;}
.today_movie .today { color:#000; font-size:20px; line-height:40px; border-bottom:1px #ccc dashed; letter-spacing:-0.05em;}
.today_movie .today .clo_O { color:#ff6600;}
.today_movie .today_live { line-height:36px; font-size:16px; color:#333;}
.today_movie .today_live .on_air, .today_movie .today_live .off_air { display:inline-block; font-size:12px; line-height:14px; padding:2px 10px 4px; border-radius:3px; margin-right:5px; vertical-align: middle;}
.today_movie .today_live .on_air { color:#fff; background-color:#de4b38; }
.today_movie .today_live .off_air { color:#666; background-color:#eeee; border:1px #ccc solid; }

/* main movie */
.main_movie { width:840px; height:471px; position:relative; overflow:hidden;}
.main_movie .img_txt01 { position:absolute; width:480px; left:50%; top:40px; margin-left:-240px; z-index:100;}
.main_movie .icon_movie_play { position:absolute; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; z-index:100;}
.main_movie .img_logo { position:absolute; width:230px; left:50%; bottom:13%; margin-left:-115px; z-index:100;}
/* img_rolling */.main_movie .img_rolling {width:840px; height:471px; position:relative;}
.img_rolling ul li {position:relative; width:840px; height:471px; 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:#000;}
/* ÄÁÆ®·Ñ½ºÅ¸ÀÏ */
.bx-wrapper {margin:0px;}
.bx-controls { background-color:#339900;}
.bx-controls .bx-pager { position:absolute; left:50%; bottom:20px; overflow: hidden; z-index:100;}/* µÕ±¼ÀÌ ¸µÅ© ¿µ¿ª */
.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:47%; 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;}

/* quick_channel */
.quick_channel { position:absolute; right:10px; top:10px; width:330px; height:551px; padding:15px 20px ; background:#2d799b url("../img/main/bg_channel.png") no-repeat right bottom;}
.quick_channel .title { color:#fff; font-size:22px; height:65px; border-bottom:1px #afbacd dashed; letter-spacing:-0.05em; line-height:26px; margin-bottom:10px;}
.quick_channel .title span { font-size:14px; opacity:0.7;}
.quick_channel .title .no_br {}
.quick_channel a { display:block; height:76px; line-height:76px; position:relative; font-size:18px; color:#fff; cursor:default; letter-spacing:-0.02em; padding-left:87px; margin-bottom:7px;}
.quick_channel .ch_icon01, .quick_channel .ch_icon02, .quick_channel .ch_icon03, .quick_channel .ch_icon04, .quick_channel .ch_icon05 { position:absolute; left:0px; top:0px; width:76px; height:76px; border-radius:40px;}
.quick_channel .ch_icon01 { background:#6aa0b8 url("../img/main/icon_ch_01.png") no-repeat center; }
.quick_channel .ch_icon02 { background:#6aa0b8 url("../img/main/icon_ch_02.png") no-repeat center; }
.quick_channel .ch_icon03 { background:#6aa0b8 url("../img/main/icon_ch_03.png") no-repeat center; }
.quick_channel .ch_icon04 { background:#6aa0b8 url("../img/main/icon_ch_04.png") no-repeat center; }
.quick_channel .ch_icon05 { background:#6aa0b8 url("../img/main/icon_ch_05.png") no-repeat center; }
.quick_channel a.select { cursor: pointer; line-height:40px;}
.quick_channel .select .ch_icon01, .quick_channel .select .ch_icon02, .quick_channel .select .ch_icon03, .quick_channel .select .ch_icon04, .quick_channel .select .ch_icon05 { background-color:#de4b38;}
.quick_channel a .on_air { display:none; }
.quick_channel a.select .on_air { display:inline-block; position:absolute; left:90px; top:38px; width:87px; line-height:24px; text-align:center; color:#333; font-size:14px; background-color:#fff; border-radius:2px;}
.quick_channel a.select .on_air:hover { background-color:#de4b38; color:#fff;}

/* section */
.wp_section { width:1200px; padding:40px 0; margin:0 auto; position:relative;}

/* calender */
.today_calendar { float:right; position:relative; width:510px; height:250px; padding:10px; background-color:#fff; border:1px #ccc solid; overflow:hidden;}
.calender { width:210px; height:240px;}
.calender .cal_today { color:#000; font-size:22px; line-height:25px; text-align:center;}
.calender .cal_today a.btn_pre, .calender .cal_today a.btn_next { width:34px; height:34px; text-align:center; border-bottom:0px; cursor:pointer;}
.calender .cal_today a.btn_pre img, .calender .cal_today a.btn_next img { vertical-align:top; }
.calender .cal_today a.btn_pre { float:left;}
.calender .cal_today a.btn_next { float:right;}
.calender .cal_today .txt_help { display:none; position:absolute; right:10px; font-size:13px; line-height:25px; color:#888;}
.calender .cal_today .txt_help img { vertical-align:middle; margin-right:5px;}
.calender_sheet { table-layout:fixed;}
.calender_sheet th {border:1px solid #ddd; background:#2d799b; padding:3px 0; text-align:center; font-size:13px; color:#fff;}
.calender_sheet td:first-child {color:#ff606a;} 
.calender_sheet td:last-child {color:#0099ff;} 
.calender_sheet td { text-align:center; font-size:12px; color:#888; border:1px #ddd solid; height:28px;}
.calender_sheet td.today { background-color:#f7f7f7; color:#000 !important;}
.calender_sheet span.on {background-color:#ff6600; color:#fff;  width:24px; height:24px; line-height:24px; display:inline-block; border-radius:30px; font-size:12px;}
/* select today informatino */ .today_infor { position:absolute; right:10px; top:12px; width:260px; letter-spacing:-0.05em;}
.today_infor .title { color:#000; font-size:22px; padding-bottom:4px;}
.today_infor .select_day { font-size:20px; color:#000; background:url("../img/main/icon_sch_infor.png") no-repeat left center; background-size:16px; border-bottom:1px #ccc dashed; padding:7px 20px; margin-bottom:5px;} 
.today_infor .select_day .clo_01 { color:#ff6600;}
.today_infor .txt_help01 { color:#888; line-height:40px; clear:both;letter-spacing:-0.08em; }
.today_infor dl { font-size:14px; clear:both; line-height:24px;}
.today_infor dt { float:left; width:60px; float:left; padding-left:8px; background: url("../img/main/icon_dot.gif") no-repeat left center;}
.today_infor dd { color:#444; margin-left:50px;  padding-left:10px;}
.today_calendar .btn_more { position:absolute; top:-1px; right:-1px; width:45px; height:45px; display:inline-block; background:url("../img/main/btn_more02.png") no-repeat center; font-size:0px; border:1px #ccc solid;}

/* quick_link */
.quick_link { width:250px; height:250px; overflow:hidden;}
.quick_link a { display:inline-block; width:125px; height:125px; text-align:center; float:left; background-color:#f2f2f2; border:1px #dddddd solid; font-family:'NanumBarunGothic', sans-serif; font-weight:normal; font-size:16px;}
.quick_link img { margin-top:12px;}

/* notice */
.main_notice { position:absolute; left:260px; top:40px; width:420px; height:250px; border:1px #ccc solid; background-color:#fff; padding:10px 20px; }
.main_notice .title { color:#000; font-size:22px; line-height:34px; padding-bottom:15px;}
.main_notice a {display:block; padding:7px 0; padding-left:8px; font-size:15px; background: url("../img/main/icon_dot.gif") no-repeat left 15px; letter-spacing:-0.05em;}
.main_notice a img { vertical-align:middle; margin:-3px 0 0 3px;}
.main_notice .day { float:right; color:#888; opacity:0.8; font-size:13px;}
.main_notice .btn_more { position:absolute; right:-1px; top:-1px; width:45px; height:45px; display:inline-block; font-size:0; background:#fff url("../img/main/btn_more02.png") no-repeat center; vertical-align:middle; border:1px #ccc solid;}

/* main_newvod */
#main_newvod { position:relative; overflow:hidden; border:1px #ccc solid; padding:10px 14px 0; margin-top:10px;}
#main_newvod .title { color:#000; font-size:22px; line-height:22px; padding:10px 0;}
#main_newvod .title span { font-size:13px; opacity:0.5;}
#main_newvod li { float:left; margin-right:10px; margin-bottom:10px;}
#main_newvod li:last-child { margin-right:0px;}
#main_newvod li a {display:block;}
#main_newvod li .vod_infor { padding:10px 0 0 10px; height:65px; border-top:0px; background-color:#fff;}
#main_newvod .vod_movie { width:285px; height:160px; background:#f5f5f5 url("../img/main/no_movie.png") no-repeat center; }
#main_newvod .vod_img { width:100%; height:100%;}
#main_newvod .subject { font-size:15px; color:#000; line-height:20px; letter-spacing:-0.02em;}
#main_newvod .subject:hover { color:#FF6600;}
#main_newvod .subject .new { margin-top:-3px;}
#main_newvod .subject span { color:#FF6600; margin-right:5px;}
#main_newvod .subject img { vertical-align:middle; margin-left:5px;}
#main_newvod a:hover .contents { color:#000;}
#main_newvod .date { font-size:13px; color:#999; line-height:26px;}
#main_newvod .btn_more { position:absolute; right:-1px; top:-1px; width:45px; height:45px; display:inline-block; font-size:0; background:#fff url("../img/main/btn_more02.png") no-repeat center; vertical-align:middle; border:1px #ccc solid;}










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

.main_content { width:100%; padding:20px;}

/* main_visual */
.main_visual { width:100%; max-width:840px;}

/* main movie */
.main_movie { width:100%; max-width:840px; height:51.9vw; max-height:471px;}
.main_movie .img_txt01 { width:400px; margin-left:-200px;}
.main_movie .img_logo { width:200px; margin-left:-100px;}
/* img_rolling */.main_movie .img_rolling { width:100%; max-width:840px; height:51.9vw; max-height:471px;}

/* today_movie */
.today_movie { width:100%;}

/* quick_channel */
.quick_channel { width:100%; position: static; top:0px; height:auto;}
.quick_channel .title { height:40px;}
.quick_channel .title .no_br { display:none;}
.quick_channel a { width:50%; float:left; padding-left:67px; height:60px; line-height:60px; font-size:18px;}
.quick_channel .ch_icon01, .quick_channel .ch_icon02, .quick_channel .ch_icon03, .quick_channel .ch_icon04, .quick_channel .ch_icon05 { width:60px; height:60px; background-size:60px;}
.quick_channel a.select { line-height:26px;}
.quick_channel a.select .on_air { left:67px; top:30px;}

/* section */
.wp_section { width:100%; max-width:840px; padding:20px 0; margin:0 auto; position:relative;}

/* calender */
.today_calendar { float:none; width:100%; padding:10px 20px; height:260px; border:1px #ddd solid;}
.calender {width:40%;}
/* select today informatino */ .today_infor { width:54%;}

/* quick_link */
.quick_link { width:40%; height:inheritl; margin-top:10px;}
.quick_link a { width:50%;}

/* notice */
.main_notice { left:40%; top:280px; width:60%; margin-top:10px; border:1px #ddd solid;}

/* main_newvod */
#main_newvod { width:100%; max-width:840px; margin:10px auto 0;}
#main_newvod .title { font-size:20px;}
#main_newvod li { width:32.5%; margin-right:1.2%;}
#main_newvod li:last-child { display:none;}
#main_newvod li:nth-child(3) { margin-right:0px;}
#main_newvod .vod_movie { width:100%; height:16.9vw; max-height:153px;}
#main_newvod .vod_img { height:auto;}
#main_newvod .btn_more {}

}










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

.main_content { width:100%; padding:0px; padding-bottom:6px;}

/* main_visual */
.main_visual { width:100%; padding:0px; border-radius:0px; margin:0;}

/* main movie */
.main_movie { width:100%; height:54.1vw; background-color:#000;}
.main_movie .img_txt01 { width:60%; max-width:400px; top:10%; margin-left:-30%;}
.main_movie .icon_movie_play { width:12%; top:50%; margin-top:-6%; margin-left:-6%;}
.main_movie .img_logo { width:30%; max-width:200px; bottom:17%; margin-left:-15%;}
/* img_rolling */.main_movie .img_rolling { width:100%; height:54.1vw;}
.bx-controls-direction .bx-prev { width:25px; background:url("../img/main/icon_ave.png") no-repeat left; background-size:50px;}
.bx-controls-direction .bx-next { width:25px; background:url("../img/main/icon_ave.png") no-repeat right; background-size:50px;}
.bx-controls-auto { left:45%;}

/* today_movie */
.today_movie { width:100%; height:70px; border-top:1px #ccc solid; padding-left:70px;}
.today_movie .icon_title { left:7px; top:10px; width:50px;}
.today_movie .today { font-size:18px; line-height:36px;}
.today_movie .today_live { line-height:30px; font-size:14px;}

/* quick_channel */
.quick_channel { width:100%; position: static; top:0px; height:auto; padding:10px;}
.quick_channel .title { height:33px; font-size:22px;line-height:25px;}
.quick_channel .title span {font-size:13px;}
.quick_channel .title .no_br { display:none;}
.quick_channel a { width:50%; float:left; padding-left:55px; height:50px; line-height:50px; font-size:14px; letter-spacing:-0.08em;}
.quick_channel .ch_icon01, .quick_channel .ch_icon02, .quick_channel .ch_icon03, .quick_channel .ch_icon04, .quick_channel .ch_icon05 { width:50px; height:50px; background-size:54px;}
.quick_channel a.select { line-height:22px;}
.quick_channel .select .ch_icon01, .quick_channel .select .ch_icon02, .quick_channel .select .ch_icon03, .quick_channel .select .ch_icon04, .quick_channel .select .ch_icon05 {}
.quick_channel a.select .on_air { left:55px; top:23px; width:80px; line-height:23px; font-size:12px;}

/* section */
.wp_section { width:100%; padding:0;}

/* calender */
.today_calendar { float:none; width:100%; padding:70px 10px 20px 10px; height: auto; border:0px;}
.calender {width:100%;}
/* select today informatino */ .today_infor { width:100%; position: static;}
.today_infor .title { position:absolute; top:10px; left:10px; font-size:22px;}
.today_infor .select_day { font-size:18px; margin-top:10px;} 
.today_infor .txt_help01 { position:absolute; top:24px; left:10px; font-size:13px;}
.today_infor dl { padding-left:10px;}

/* quick_link */
.quick_link { width:100%; height:inheritl; margin-top:0px; height:auto;}
.quick_link a { width:33.333%;}
.quick_link a:last-child { display:none;}

/* notice */
.main_notice { position:relative; left:0px; top:0px; width:100%; border:0px; border-bottom:1px #ddd solid; height:auto; padding-bottom:20px;}
.main_notice .title { font-size:22px; padding-bottom:5px;}
.main_notice a { font-size:14px; padding:5px 0; padding-left:8px; background: url("../img/main/icon_dot.gif") no-repeat left center;}

/* main_newvod */
#main_newvod { width:100%; padding:0 10px 50px; margin:0px; border:0px; background-color:#f5f5f5;}
#main_newvod ul { width:100%;}
#main_newvod .title { height:46px; line-height:46px; font-size:22px; padding:0px; text-align:center;}
#main_newvod li { float:none; width:100%; min-height:inherit; margin-right:0px;}
#main_newvod li:last-child { display:none;}
#main_newvod li .vod_infor { padding:10px 0 0 10px; height:65px; border:0px; border:1px #ccc solid; border-top:0px;}
#main_newvod .vod_movie { width:100%; height:54.4vw; max-height:417px; overflow:hidden;}
#main_newvod .vod_img { height:100%;}
#main_newvod .btn_more { position: relative;left:50%; margin-left:-75px; font-size:14px; width:150px; text-align: center; height:40px; line-height:40px; background-image:none; background-color:#fff;}




}