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


/* main visual
---------------------------------*/
#main_visual{display:block; height:220px; overflow:hidden; background:#0557aa url("../images/main/main_visual_bg.jpg") no-repeat left top; position:relative;}
#main_visual .visual_list { height:220px;}
#main_visual .visual_list li {width:100%; height:220px; display:none;}
#main_visual .visual_list li.active {display:inline-block;}
#main_visual .visual_list li div.visual_txtarea a { display:block; height:220px; padding:0 20px;}
#main_visual .visual_list li div.visual_txtarea a:hover { color:#000;}
#main_visual .visual_list li div.txt_area { float:left; padding-top:10px; font-size:12px; letter-spacing:-0.03em; color:#dfdfdf;}
#main_visual .visual_list li div.txt_area .ti p {display:block; color:#fff;}
#main_visual .visual_list li div.txt_area .small_ti{ color:#99ff99;font-size:16px; padding-left:3px;}
#main_visual .visual_list li div.txt_area .ti {display:block; margin:15px 0;color:#66ffff; font-size:20px; font-weight:normal; font-family:'NanumGothicBold', sans-serif; letter-spacing:-0.05em;line-height:26px;}
#main_visual .visual_list li div.txt_area .txt_blue { color:#fff; font-family:'NanumGothicBold', sans-serif;}
#main_visual .visual_list li div.txt_area .ti_com {font-size:14px; color:#fff; padding-bottom:8px;}
#main_visual .visual_list li div.visual_txtarea img { float:right;}

#main_visual .visual_ctrl{position:absolute; right:10px; bottom:10px; height:30px; margin:0; padding:0; z-index:100;}
#main_visual .visual_ctrl a{display:block;float:left;width:30px;}
#main_visual .visual_ctrl button{display:block;float:left; width:30px; height:30px; padding:0;margin:0; background:#fff; border:1px solid #0d5dad; border-right:0px; cursor:pointer; line-height:0;font-size:0;}
#main_visual .visual_ctrl .visual_btn_Next {border-right:1px solid #0d5dad;}
#main_visual .visual_ctrl button img{width:9px;height:18px;}



/* QuickLink
---------------------------------*/
.QuickLink { position:relative; min-height:355px; letter-spacing:-0.05em;}
.QuickLink ul { clear:both;}
.QuickLink ul li { width:47%;}
.QuickLink ul li a { display:block; letter-spacing:-0.05em;}
.QuickLink ul li.link1 { position:absolute; left:2%; top:2%; height:221px; background:url("../images/main/main_link1_bg.jpg") no-repeat left top; border:1px #ccc solid;}
.QuickLink ul li.link1 h2 { float:right; font-size:17px; padding:27px 10px 10px 0; color:#000;  font-family:'NanumGothicBold', sans-serif;}
.QuickLink ul li.link1 p { float:right; clear:both; font-size:12px; color:#333; padding-right:10px;}
.QuickLink ul li.link2 { position:absolute; right:2%; top:2%; background:#4b9bbd url("../images/main/main_link2_bg.jpg") no-repeat center top;}
.QuickLink ul li.link3 { position:absolute; right:2%; top:122px; background:#577ed1 url("../images/main/main_link3_bg.jpg") no-repeat center top;}
.QuickLink ul li.link4 { position:absolute; left:2%; top:237px; background:#f3920f url("../images/main/main_link4_bg.jpg") no-repeat center top;}
.QuickLink ul li.link5 { position:absolute; right:2%; top:237px; background:#ff5e3f url("../images/main/main_link5_bg.jpg") no-repeat center top;}
.QuickLink
.link2 a,
.link3 a,
.link4 a,
.link5 a {text-align:center; font-size:17px; font-family:'NanumGothicBold', sans-serif; color:#fff; height:108px; line-height:174px;}



/* »ý¹æ¼ÛÀÏÁ¤ */
.main_onair { border-top:1px #ccc solid; border-bottom:1px #ccc solid; position:relative;}
.main_onair h2 { background:url("../images/main/icon_onair.gif") no-repeat 10px center; font-size:17px; padding:10px 40px 7px 40px; color:#333; letter-spacing:-0.05em; font-family:'NanumGothicBold', sans-serif;}
.main_onair .today { font-size:13px; color:#666; padding:0 0 10px 13px;}
.main_onair .day { font-size:18px; color:#ff3300; padding:0 5px;}
.main_onair .schedul { background-color:#fbeae9; text-align:center; padding:16px; font-size:13px; color:#4f4e4e;}
.main_onair .btn_onair { position:absolute; right:0px; top:0px; display:block; width:88px; height:66px; background:#e74c3c url("../images/main/icon_onair_play.gif") no-repeat center 14px; border:1px #cb3a2b solid; text-align:center; color:#fff; font-size:13px; line-height:100px; }






/* ÃÖ±Ùµ¿¿µ»ó */
#main_newvod { position:relative; padding-bottom:15px;}
#main_newvod ul { padding:0 10px;}
#main_newvod h2 { padding:15px 12px 8px 12px; float:left; font-size:17px; color:#333333; letter-spacing:-0.05em; font-family:'NanumGothicBold', sans-serif;}
#main_newvod ul {clear:both; padding:}
#main_newvod ul li { float:left; width:32%; margin-right:2%; text-align:center; font-size:12px;}
#main_newvod ul li:last-child { margin-right:0px;}
#main_newvod .vod_img {}
#main_newvod .vod_img img { width:100%;}
#main_newvod .subject a { font-size:12px; letter-spacing:-0.07em; color:#000; display:block; padding:7px 0 5px 0;}
#main_newvod .subject a:hover { color:#3366cc;}
#main_newvod .subject_no { padding-top:5px;}
#main_newvod .date { color:#666; font-weight:normal;}
#main_newvod .newvodmore { position:absolute; top:10px; right:10px;}




/* °øÁö»çÇ× */
.main_notice				{background-color:#f5f5f5; position:relative; padding-bottom:20px; border-top:1px #ccc solid;}
.main_notice h2				{ padding:15px 12px 8px 12px; float:left; font-size:17px; color:#333333; letter-spacing:-0.05em; font-family:'NanumGothicBold', sans-serif;}
.main_notice ul 			{ padding:10px; clear:both;}
.main_notice ul li			{text-align:right; font-size:12px; height:26px; color:#666;}
.main_notice ul li p		{width:73%; float:left; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden;}
.main_notice ul li a		{display:block; text-decoration:none; text-align:left; color:#333; font-size:13px;}
.main_notice ul li a:hover	{color:#005bac;}
.main_notice .noticermore { position:absolute; top:10px; right:10px;}