@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
   ATRIUM.co.kr , Tel : 0505-901-9000 
 * ---------------------------------------------------------------------------------
 * @File Name 	: main.css
 * @Description : main Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 2016.07.25
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */


#container_mainbg {background: url("../images/main/img_main_bg.jpg") repeat-x center top;}

/* main
=================================================================================*/
.liveplay {	width:580px; height:375px; position:absolute;left:-2px; top:30px;}
.liveplay .livepalytitle { width:580px; height:48px; margin-bottom:1px; background:#fff url("../images/main/livepalytitle_bg.jpg") repeat-x left center; text-align:center; color:#000000; line-height:48px; font-size:14px; border:1px solid #9fbad6; box-sizing:border-box; border-radius:7px;}
.liveplay #jwobject { width:580px; height:326px; background-color:#ededed;}



/* ����ũ */
.mbanner { width:378px; min-height:153px; float:right; top:30px; padding-top:30px;}
.mbanner ul li { float:left; margin:0 0 5px 5px; border-radius:10px; width:120px; height:100px;color:#666; border-radius:10px; border:1px #9fbad6 solid; box-sizing:border-box;}
.mbanner ul li p { text-align:center; line-height:14px; padding-top:73px; padding-bottom:7px; font-size:14px;}
.mbanner ul li a { display:block; border-radius:10px; color:#338b08;}
.mbanner .link_title { background:url("../images/main/channel_bg.png") no-repeat left top; border:1px solid #5d905c;}
.mbanner .link_title h3 { font-size:16px; color:#fff; text-align:center; padding-top:73px; font-family:'NanumGothicBold', sans-serif;}

.mbanner .link1 { background:#fff url("../images/main/link1_off.png") no-repeat center 12px; }
.mbanner .link2 { background:#fff url("../images/main/link2_off.png") no-repeat center 12px; }
.mbanner .link3 { background:#fff url("../images/main/link3_off.png") no-repeat center 12px; }
.mbanner .link4 { background:#fff url("../images/main/link4_off.png") no-repeat center 12px; }
.mbanner .link5 { background:#fff url("../images/main/link5_off.png") no-repeat center 12px; }
.mbanner .link6 { background:#fff url("../images/main/link6_off.png") no-repeat center 12px; }

.mbanner .link1_on,
.mbanner .link2_on,
.mbanner .link3_on,
.mbanner .link4_on,
.mbanner .link5_on,
.mbanner .link6_on,
.mbanner .link7_on,
.mbanner .link8_on,
.mbanner .link9_on,
.mbanner .link10_on {}

.mbanner .link1_on a { background:#0267cf url("../images/main/link1_on.png") no-repeat center 12px; color:#fff; font-weight:bold; padding-bottom:5px;}
.mbanner .link2_on a { background:#0267cf url("../images/main/link2_on.png") no-repeat center 12px; color:#fff; font-weight:bold; padding-bottom:5px;}
.mbanner .link3_on a { background:#0267cf url("../images/main/link3_on.png") no-repeat center 12px; color:#fff; font-weight:bold; padding-bottom:5px;}
.mbanner .link4_on a { background:#0267cf url("../images/main/link4_on.png") no-repeat center 12px; color:#fff; font-weight:bold; padding-bottom:5px;}
.mbanner .link5_on a { background:#0267cf url("../images/main/link5_on.png") no-repeat center 12px; color:#fff; font-weight:bold; padding-bottom:5px;}


/* ����� ���� */
#main_onair { width:370px; height:151px; position:absolute; top:255px; right:0px; letter-spacing:-0.07em; overflow:hidden; border:1px solid #5c7eb2; border-radius:10px; background:#fff url("../images/main/main_onair.png") repeat-x; }
#main_onair h3 {margin-top:10px; padding-bottom:10px; padding-left:62px; height:30px; font-size:17px; color:#333333;background: url("../images/main/icon_onairview.png") no-repeat 10px top; line-height:24px;font-family:'NanumGothicBold', sans-serif; bor}
#main_onair .onairrmore { position:absolute; top:14px; right:10px;}
/* ������ ����� */
#main_onair_content {position:relative; float:left; width:346px; height:87px; margin-left:12px; border-top:1px dotted #999; box-sizing:border-box;}
#main_onair_content .today_onair { font-size:15px; padding:10px 5px; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; position:relative;}
#main_onair_content .today_onair span { font-size:18px;}
#main_onair_content .btn_onair { position:absolute; right:7px; top:7px;}
#main_onair_content .btn_onair a { display:block; width:83px; height:31px; background:#4da71c url("../images/main/icon_onair.png") no-repeat 8px center; text-align:center; color:#fff; font-size:13px; line-height:31px; border-radius:5px; text-indent:12px;}
#main_onair_content .onair_infor { display:table-cell; margin-left:10px; padding-left:10px; width:365px; height:32px; text-align:left; border-bottom-left-radius:10px; font-size:13px; color:#4f4e4e; border-bottom-right-radius:10px; vertical-align:middle; line-height:16px; background:url("../images/main/onair_infor.png") no-repeat left center;}



/* �ֱٵ����� */
#main_newvod {position:absolute; padding:20px 11px; top:652px; left:0px; width:680px; height:207px;  background:#f4f4fa; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:10px}
#main_newvod h3 { float:left; font-size:18px; color:#333333; height:32px;font-family:'NanumGothicBold', sans-serif;}
#main_newvod ul {clear:both;}
#main_newvod ul li { float:left; padding-right:12px; text-align:center;}
#main_newvod ul li:last-child { padding-right:0px;}
#main_newvod .vod_img { width:155px; height:98px; background:url("../images/main/img_nomovie.gif") no-repeat left top;}
#main_newvod .subject a { font-size:14px; letter-spacing:-0.05em; color:#000; display:block; padding:5px 0 1px 0;}
#main_newvod .subject a:hover { color:#3366cc;}
#main_newvod .date { color:#999; font-size:13px;}
#main_newvod .newvodmore { position:absolute; top:10px; right:13px;}



/* �������� */
#main_notice { width:335px; position: relative; top:465px; }
#main_notice h3 { height:25px; font-size:18px; color:#333333; font-family:'NanumGothicBold', sans-serif;}
#main_notice ul {}
#main_notice ul li { padding:9px 0 0 10px; background: url("../images/main/icon_condot.gif") no-repeat left 16px;}
#main_notice .subject a { font-size:13px; letter-spacing:-0.05em; color:#666;}
#main_notice .subject a:hover { color:#3366cc;}
#main_notice .date { float:right; color:#666; font-size:12px;}
#main_notice .noticermore { position:absolute; top:0px; right:0px;}




/* ����� ���� */
#main_calendar {position:absolute; width:290px; min-height:233px; top:465px; right:0px; border:1px #ccc solid; border-radius:10px; box-sizing:border-box;}
#main_calendar h3 {padding:10px 0 0 10px; height:32px; font-size:18px; color:#333333; font-family:'NanumGothicBold', sans-serif;}
#main_calendar .calendarmore { position:absolute; top:9px; right:9px;}
#main_calendar .calendar_select { position:absolute; right:50px; top:12px; width:120px; text-align:center; color:#333; font-size:19px;}
#main_calendar .calendar_select .month_prev { position:absolute; left:0px; top:0px;}
#main_calendar .calendar_select .month_next { position:absolute; top:0px; right:0px;}
#main_calendar .calendar_select span .calendar_btn {display:block;}
#main_calendar .calendar_select span .calendar_btn img {display:block; padding:2px 5px;}
#main_calendar #calendar_body {position:relative; border-radius:10px; height:190px; background-color:#fff;}

/*[�޷�]*/
#main_calendar #calendar_calendar { position:absolute; left:0px; width:100%;}
#main_calendar #calendar_calendar table { width:100%; table-layout:fixed;}
#main_calendar #calendar_calendar table thead th { background-color:#f2f2f2; color:#666; font-size:11px; height:40px; }
#main_calendar #calendar_calendar table tbody td { border-top:1px #eeeeee solid; height:25px; text-align:center; box-sizing:border-box;}
#main_calendar #calendar_calendar table tbody tr td:first-child { color:#ff3300;}
#main_calendar #calendar_calendar table tbody tr td:last-child { color:#0066ff;}
#main_calendar #calendar_calendar table .sun { color:#ff3300;}
#main_calendar #calendar_calendar table .sat { color:#0066ff;}
#main_calendar #calendar_calendar table .onair {color:#fff; font-weight:bold; background:url("../images/main/onair.jpg") no-repeat center;}
#main_calendar #calendar_calendar table .onair a { color:#fff; font-weight:bold; display:block;}
#main_calendar #calendar_calendar table .today {background:#eeeff3;}


/* û�ҳ���ȸ���� */
#a_standing_committee {width:157px; height:157px; position:absolute; top:465px; left:356px; background:#eeeff3 url("../images/main/a_standing_committee.jpg") no-repeat center 35px; border-radius:10px; }
#a_standing_committee a{display:block; width:100%; height:100%;}
#a_standing_committee h3 { padding-top:110px; color:#333; font-family:'NanumGothicBold', sans-serif;  font-size:16px; text-align:center}


/* QR�ڵ�*/ 
#VODbroadcasting {width:157px; height:157px; position:absolute; top:465px; left:524px; background:#eeeff3 url("../images/main/VODbroadcasting.jpg") no-repeat center 35px; border-radius:10px; }
#VODbroadcasting a{display:block; width:100%; height:100%;}
#VODbroadcasting h3 { padding-top:110px; color:#333; font-family:'NanumGothicBold', sans-serif;  font-size:16px; text-align:center}


/* QR�ڵ� */
.mQRcood { position:absolute; top:716px; right:0px; width:290px; height:138px; background:url("../images/main/img_QRcood.jpg") no-repeat right bottom;}
.mQRcood h3 { font-size:18px; font-family:'NanumGothicBold', sans-serif; padding:20px 10px 2px 20px; color:#333; letter-spacing:-0.05em;}
.mQRcood .text_mobile { padding:0px 0px 10px 20px; font-size:13px; color:#61af2c; font-family:'NanumGothicBold', sans-serif;}
.mQRcood .text_mobile .sm { font-size:11px;}
.mQRcood .link_com { font-size:12px; line-height:15px; padding-left:20px; color:#999999; letter-spacing:-0.05em; font-family:'NanumGothicBold', sans-serif;}