@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 : 2018.03.21
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */


#container_mainbg { height:465px; background-color:#f5f4f4;}
#container_head { width:1100px; height:465px; margin:0 auto; position:relative; background:url("../images/main/main_bg.jpg") no-repeat left top; }

/* main
=================================================================================*/
/* main visual */
.main_visual { position: absolute; top:70px;}
.main_visual .Slogan { padding:0; font-size:35px; color:#000; letter-spacing:-0.05em; font-family:'NanumGothicBold', sans-serif; line-height:34px; }
.main_visual .Slogan .txt_clo01 {color:#32a18d; font-size:45px;}
.main_visual .Slogan .txt_clo02 {color:#43a30f; font-size:45px;}
.main_visual .Slogan .txt_clo03 {  font-family:'NanumGothic', sans-serif !important; font-size:20px; font-weight:normal;}
.main_visual .Slogan_con { padding-top:15px; color:#666; font-family:'NanumGothic', sans-serif;}

/* 생방송 플레이어 */
.liveplay { position:absolute; top:50px; right:0px; width:550px; height:373px; background-color:#363c48; border:5px #104273 solid; }
.liveplay .livepalytitle { width:540px; height:60px; background:url("../images/main/livepalytitle_bg.gif") no-repeat left top; text-align:center; color:#000; line-height:60px; font-size:16px;}
.liveplay #jwobject { width:540px; height:307x; background-color:#ededed;}


/* 퀵배너 */
.mbanner { width:530px; height:150px; position:absolute; left:0px; top:283px;}
.mbanner h3 { color:#000; font-size:18px; padding-bottom:10px;}
.mbanner h3 span { font-size:26px; color:#12937c;}
.mbanner ul { padding-left:1px; height:107px;}
.mbanner ul li { float:left; width:20%; text-align:center; border:1px #ddd solid; margin-left:-1px; background-color:#fff;}
.mbanner ul li .link_img img { margin:15px 0 6px;}
.mbanner ul li p { font-size:15px; color:#333; font-family:'NanumGothic', sans-serif; letter-spacing:-0.08em;}
.mbanner ul li a { display:block; cursor:default; position:relative; height:105px;}
.mbanner ul li a.select { background-color:#12937c;}
.mbanner ul li a.select .link_img { border:0px;}
.mbanner ul li a.select .live_view { position:absolute; right:3px; top:3px;}
.mbanner ul li a.select:hover { cursor:pointer;}
.mbanner ul li a.select p { color:#fff; font-family:'NanumGothicBold', sans-serif;}


/* 공지사항 */
.main_notice { position:relative; top:40px; left:0px; width:265px; height:200px; border:1px #ddd solid; background-color:#fff; padding:0 0 0 20px;}
.main_notice h3 {  font-size:18px; padding:20px 0 10px; color:#000; margin-bottom:7px;}
.main_notice p { text-align:left; background:url("../images/main/icon_condot.gif") no-repeat left 10px; padding:2px 0 2px 7px;}
.main_notice a { height:28px; width:100%; margin:0;font-family:'NanumGothic', sans-serif;}
.main_notice .notice_more { position:absolute; right:10px; top:10px;}


/* 영상검색 */
.main_moviesearch { position: absolute; left:264px; top:40px; border:1px #ddd solid; width:275px; height:200px; background:url("../images/main/img_moviesearch_bg.gif") no-repeat left top;}
.main_moviesearch a { width:275px; height:200px; display:block; text-align:center;}
.main_moviesearch h3 { font-size:18px; padding:20px 0 10px; color:#000; margin-bottom:7px;}
.main_moviesearch .com { color:#666;opacity: 0.8; font-family:'NanumGothic', sans-serif;}
.main_moviesearch .thumb {	width:140px; height:140px; margin:0 auto;}
.main_moviesearch .thumb img { text-align:center; margin:10px 0 0 20px; transition:0.3s ease-in-out;}
.main_moviesearch a:hover .thumb img {	transform: scale(1.1);}
.main_moviesearch a:focus .thumb img {	transform: scale(1.1);}
.main_moviesearch .btn { border:1px #fff solid; color:#fff; width:110px; height:35px; margin:0 auto; overflow: hidden; line-height:33px;}


/* 오늘의 생방송 일정 */
#main_onair { width:255px; height:200px; position:absolute; right:295px; top:40px; border:5px #104273 solid;}
#main_onair h3 { height:51px; font-size:18px; color:#fff; line-height:50px; background:#104273 url("../images/main/icon_today_live.png") no-repeat 7px 9px; padding-left:43px;}
#main_onair .today_onair { font-size:16px; padding:10px 15px; color:#333; text-align:center; letter-spacing:-0.04em; border-bottom:1px #ddd dashed; margin:0 5px;}
#main_onair .today_onair span { color:#ff6600; font-size:20px;}
#main_onair .onair_infor { text-align:center; color:#666; display:inline-block; width:100%; padding-top:20px;}
#main_onair .onair_infor a { color:#666;}
#main_onair .btn_onair { position:absolute; top:0px; right:0px;}
#main_onair .btn_onair a { display:block; width:60px; height:46px; background-color:#ff6600; text-align:center; color:#fff; text-align:center; font-family:'NanumGothicBold', sans-serif; padding-top:3px;}


/* 생방송일정 */
#main_calendar { width:295px; height:200px; position:absolute; right:0px; top:40px; border:1px #ddd solid; border-left:0px; background-color:#fff; padding:0;}
#main_calendar .calendar_select { text-align:center; color:#333; font-size:18px; padding:7px;}
#main_calendar .calendar_select strong { padding:0 10px;}
#main_calendar .calendar_select .month_prev {}
#main_calendar .calendar_select .month_next {}
/* 달력 */
#main_calendar #calendar_calendar {}
#main_calendar #calendar_calendar table { table-layout:fixed;}
#main_calendar #calendar_calendar table thead th { color:#333; font-size:13px !important; background-color:#efeff0; height:28px;  }
#main_calendar #calendar_calendar table tbody td { font-size:12px !important; text-align:center; height:20px; color:#999999;}
#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 .onday { background-color:#efeff0; color:#000; font-size:12px;}
#main_calendar #calendar_calendar a { display:block; width:21px; height:21px; margin:0 auto; color:#fff; background:url("../images/main/icon_onair.png") no-repeat center;}


/* 최근영상 */
#main_newvod { width:539px; height:220px; position:absolute; top:250px; left:0px; background-color:#fff; border:1px #ddd solid;}
#main_newvod  h3 { font-size:18px; color:#000; height:55px;font-family:'NanumGothicBold', sans-serif; padding:20px 0 10px 20px;}
#main_newvod ul {clear:both; margin:0 20px 0 20px;}
#main_newvod ul li { float:left; margin-right:12px;}
#main_newvod ul li:last-child { margin-right:0px;}
#main_newvod .vod_img { display:inline-block; width:157px; height:95px; background:#d5d5d5 url("../images/main/img_nomovie.gif") no-repeat center;}
#main_newvod .vod_img img { width:157px; height:95px;}
#main_newvod .subject, #main_newvod .date {}
#main_newvod .subject a {letter-spacing:-0.05em;  display:block; padding:5px 0 1px 0; font-family:'NanumGothic', sans-serif;}
#main_newvod .date { position:absolute; bottom:15px; color:#999; font-size:12px;}
#main_newvod .newvod_more { position:absolute; top:10px; right:22px;}


/* 5분 자유발언 */
.free_5time { width:550px; height:102px; position:absolute; top:250px; right:0px; border:1px #333 solid; background:#fff url("../images/main/img_free5time.png") no-repeat 7px center;}
.free_5time h3 { font-size:18px; color:#333333; padding:17px 0 10px 100px; float:left;}
.free_5time p { color:#666; padding-left:100px; float:left; clear:both; font-family:'NanumGothic', sans-serif;}
.free_5time #scrollstagetpl { position:absolute; right:0px; top:0px; border-left:2px #ccc dashed; width:256px; height:70px; margin:15px 40px 10px 0; padding:0 10px;}
.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 { position:absolute; right:0px; top:0px;}
.free_5time #scrollBtn .next { position:absolute; right:0px; bottom:0px;}
.free_5time #scrollstage div { position:relative;}
.free_5time .time5_title { color:#666; line-height:16px;}
.free_5time .time5_title span { color:#000; font-family:'NanumGothicBold', sans-serif;}
.free_5time .time5_name { position:absolute; bottom:0px; font-size:12px; color:#999;}


/* 시정질문 */
.main_qpuestion { width:255px; height:108px; position:absolute; top:362px; left:550px; background:#408fdd url("../images/main/mbanner_bg.png") repeat;}
.main_qpuestion a { width:255px; height:108px; display:block;}
.main_qpuestion h3 { margin-left:120px; font-size:18px; color:#fff; padding:20px 0 10px;}
.main_qpuestion .com { margin-left:120px; color:#fff;opacity: 0.8; font-family:'NanumGothic', sans-serif;}
.main_qpuestion .thumb { position: absolute; left:20px; top:3px; width:83px; height:83px; margin:0 auto;}
.main_qpuestion .thumb img { margin-top:10px; transition:0.3s ease-in-out;}
.main_qpuestion a:hover { background:#3185d7 url("../images/main/mbanner_bg.png") repeat;}
.main_qpuestion a:hover .thumb img {transform: scale(1.2);}
.main_qpuestion a:focus .thumb img {transform: scale(1.2);}


/* QR코드*/ 
#mQRcood { position:absolute; right:0px; top:362px; width:285px; height:108px; border:1px #ddd solid; padding:20px 0 0 20px;}
#mQRcood h3 {font-size:18px; padding:0; color:#000;}
#mQRcood h3 span { color:#3366cc;}
#mQRcood .text_mobile { font-size:13px; color:#61af2c;}
#mQRcood .text_mobile span { font-size:10px;}
#mQRcood .link_com { color:#999999; letter-spacing:-0.05em; line-height:16px;}
#mQRcood .img_QR { position:absolute; right:10px; top:18px; }