@charset "utf-8";

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


/* txt color */
.txt_blue { color:#3f67ba;}
.txt_orenge { color:#ff3300;}

.flot_L { float:left;}
.flot_R { float:right;}





/* visible_sub
=================================================================================*/
#visible_area { width:980px; height:120px; margin:0 auto; background: url("../images/content/sub_visible_250319.png") no-repeat center bottom; }
#visible_area .slogan { font-size:25px; color:#3f67b2; letter-spacing:-0.1em; padding:38px 0 0 40px;}
#visible_area .slogan span { font-size:30px;}
#visible_area .slo_com { font-size:15px; color:#4f4e4e; padding:10px 0 0 40px; letter-spacing:-0.1em;}


/* left banner */
#leftbanner { background: url("../images/content/left_banner_bg.gif") no-repeat center top; width:250px; height:370px; position:relative;}
#leftbanner h3 { text-align:center; font-size:20px; color:#333333; font-weight:normal; letter-spacing:-0.03em; line-height:24px; padding:30px 0 10px 0;}
#leftbanner .txt1 { text-align:center; color:#8d938e; line-height:16px;}


/* QR �ڵ� */
#QRcood { min-height:200px; background: url("../images/content/left_QRcood.gif") no-repeat center bottom; position:relative;}
#QRcood h3 { font-size:25px; padding:17px 10px 10px 10px; color:#333;}
#QRcood .text_mobile { position:absolute; left:100px; top:18px; font-size:16px; color:#61af2c; letter-spacing:-0.05em;}
#QRcood .text_mobile .sm { font-size:10px;}
#QRcood .link_com { font-size:11px; line-height:14px; padding-left:10px; color:#999999; letter-spacing:-0.05em;}


/* page title */
#pagetitle { height:48px; border-bottom:1px #cccccc solid; margin-bottom:30px;} 
#pagetitle h1 { float:left; padding-top:20px;}
#pagetitle .com { font-size:12px; color:#999999; font-weight:normal;}
#pagetitle .location { margin-top:25px; float:right; font-size:#666; background: url("../images/content/icon_home.gif") no-repeat left center; padding-left:20px;}


/* tab */
.tab_form { height:31px; border-bottom:1px #ccc solid; margin-bottom:30px;}
.tab_form a { float:left; border:1px #ccc solid; display:block; min-width:100px; padding:0 30px; height:30px; font-size:14px; text-align:center; line-height:28px; margin-right:1px;}
.tab_form a.select { background-color:#1b95d8; color:#fff; font-weight:bold; border:1px #1b87c2 solid;}
.tab_form a:hover { background-color:#1b95d8; color:#fff; font-weight:bold; border:1px #1b87c2 solid;}


/* No live air */
.No_liveair { background:url("../images/content/img_Noair.gif") no-repeat center top; margin:100px 0;}
.No_liveair .text1 { text-align:center; font-size:26px; color:#333; padding:210px 0 15px 0; letter-spacing:-0.1em;}
.No_liveair p { text-align:center; font-size:12px; color:#888;}


/* movie form */ 
.onair_form { border-top:1px #3f67ba solid; border-bottom:1px #ccc solid; margin-bottom:20px;}
.onair_form .onair_list {padding-top:10px; min-height:163px; border-bottom:1px #ddd solid; padding-bottom:10px;}
.onair_form .onair_list:last-child { border-bottom:0px;}
.onair_form .onair_list li.onair { float:left; width:250px;}
.onair_form .onair_list li.infor { margin-left:270px; padding:0;}
.onair_form .onair_list li .onair_title { font-size:17px; padding-bottom:5px; letter-spacing:-0.03em; line-height:22px; color:#000; font-weight:bold;}
.onair_form .onair_list li .play_infor { color:#828282;}
.onair_form .onair_list li .play_infor span { background:url("../images/content/icon_condot.gif") no-repeat left center; padding:0 15px 0 6px;}
.onair_form .onair_list li .onair_text { margin:5px 0; border-top:1px #e5e5e5 dashed; min-height:70px; padding-top:7px;}


/* Board Page Number */
.page_number {text-align:center; clear:both; padding-top:20px !important;}
.page_number a {border:1px solid #ddd; padding:5px 9px; font-size:12px;}
.page_number a:hover {border:1px solid #003c71;}
.page_number a.on {border:1px solid #003c71; background-color:#005bac; color:#fff;}
.page_number a.prev {border:1px solid #ddd; padding:5px 8px; font-size:11px; margin-right:15px;}
.page_number a.prev:hover {border:1px solid #003c71;}
.page_number a.next {border:1px solid #ddd; padding:5px 8px; font-size:11px; margin-left:15px;}
.page_number a.next:hover {border:1px solid #003c71;}


/* Popup on_air & pop_vod */
.pop_movieworp {width:990px;}

.pop_movieheader { border-bottom:5px #0961af solid; height:50px; background:url("../images/content/pop/pop_head_bg.gif") repeat-x top;}
.pop_movieheader h1 { float:left; padding:9px 0 0 10px;}
.pop_movieheader .header_btn { float:right; padding-right:35px;}
.pop_movieheader p { padding-top:13px;}
.pop_movieheader .btn_playdown { border:0px; background:url("../images/content/pop/btn_play.png") repeat-x top; width:130px; height:26px; color:#fff; padding:0 0px 0 18px;}
.pop_movieheader .btn_close { border:0px; background:url("../images/content/pop/btn_close.png") repeat-x top; width:80px; height:26px; color:#fff; padding:0 0px 0 18px;}



.content_information{ float:right;; width:330px; background:url('../images/content/pop_underline.png') no-repeat 0 20px;}
.content_information h3 {clear:both; font-size:1.2em;}
.content_information h4 {font-size:1em; background:url('../images/content/ico_notice.jpg') no-repeat left 4px; padding-left:17px; height:20px;}
.detail_information {clear:both; margin-top:10px;}
.detail_content {float:left; width:240px;}
.detail_content:after{display:block;visibility:hidden;clear:both;content:""}
.detail_content li{clear: both; background:url('../images/content/con_bullet.jpg') no-repeat 0 11px; border-bottom: 1px dashed #e9e9e9; width: 100%; padding: 2px 0 0 5px;}
.detail_photo {float:left; margin-right:10px;}
.content_information:after{display:block;visibility:hidden;clear:both;content:""}





.pop_moviecontnet { border:5px #0961af solid; border-top:0px; padding: 30px; position:relative;}
.pop_moviecontnet .play_area { float:left; width:562px;}
.pop_moviecontnet .play_area h3 { background-color:#f15931; color:#fff; font-size:16px; text-align:center; height:34px; line-height:32px;}
.pop_moviecontnet .play_movie { width:562px; height:318px; background-color:#f5f5f5;}

.pop_moviecontnet .confer_pro { clear:right; float:right; width:330px; margin-top:10px;} 
.pop_moviecontnet .confer_pro h3 { background:url("../images/content/pop/icon_confer_pro.gif") no-repeat left top; height:34px; line-height:28px; padding-left:45px; font-size:18px; color:#333;}
.pop_moviecontnet .confer_list { border:2px #006699 solid; padding:10px; height:188px; overflow-y:scroll;}
.pop_moviecontnet .confer_list ul li { padding:3px; background:url("../images/content/pop/icon_dot_list.gif") repeat-x bottom; position:relative;}
.pop_moviecontnet .confer_list span { padding-bottom:3px; margin-top:-1px;}
.pop_moviecontnet .confer_list .box1 { float:left; background-color:#656d77; color:#fff; margin-right:7px; font-size:11px; width:55px; text-align:center;border-radius:3px;  }
.pop_moviecontnet .confer_list .box2 { float:left; background-color:#113d8e; color:#fff; margin-right:7px; font-size:11px; width:55px; text-align:center;border-radius:3px;}
.pop_moviecontnet .confer_list .box3 { float:left; background-color:#f66c0f; color:#fff; margin-right:7px; font-size:11px; width:55px; text-align:center;border-radius:3px;}
.pop_moviecontnet .confer_list .box4 { float:left; background-color:#4e8f00; color:#fff; margin-right:7px; font-size:11px; width:55px; text-align:center;border-radius:3px;}
.pop_moviecontnet .confer_list .list { margin-left:60px; width:160px; padding:1px; }
.pop_moviecontnet .confer_list .time { position:absolute; right:0; top:4px; width:55px; text-align:right;}

.pop_moviecontnet .confer_see { clear:both; margin-top:20px; position:relative;}
.pop_moviecontnet .confer_see h3 { background:url("../images/content/pop/icon_confer_view.gif") no-repeat left top; height:34px; line-height:28px; padding-left:45px; font-size:18px; color:#333;}
.pop_moviecontnet .btn_print { border:0px; background:url("../images/content/pop/btn_print.png") repeat-x top; width:115px; height:26px; color:#fff; padding:0 0px 0 18px;}
.pop_moviecontnet .confer_see p { position:absolute; right:0px; top:0px;}
.pop_moviecontnet .confer_view { border:1px #ccc solid; width:880px; height:200px; padding:10px 20px; background-color:#f5f5f5; overflow-y:scroll; }

.pop_moviecontnet .confer_see_right { position:absolute; right:0px; top:30px; width:350px;}
.pop_moviecontnet .confer_see_right h3 { background:url("../images/content/pop/icon_confer_view.gif") no-repeat left top; height:34px; line-height:28px; padding-left:45px; font-size:18px; color:#333;}
.pop_moviecontnet .btn_print { border:0px; background:url("../images/content/pop/btn_print.png") repeat-x top; width:115px; height:26px; color:#fff; padding:0 0px 0 18px;}
.pop_moviecontnet .confer_see_right p { position:absolute; right:30px; top:0px;}
.pop_moviecontnet .confer_view_right { overflow-y:scroll; border:1px #ccc solid; width:278px; height:298px; padding:10px 20px; background-color:#f5f5f5; }

.pop_moviecontnet .clear { clear:both;}
.pop_moviefoot { background-color:#0961af; text-align: center; padding:5px; color:#fff;}



/* schedul */
.live_schedul {}
.live_schedul table { table-layout:fixed; table-layout:fixed; margin-bottom:20px;}
.live_schedul table thead th { color:#666; font-size:18px; height:50px; color:#000;}
.live_schedul table thead th img { margin:0 20px;}
.live_schedul table thead td { text-align:center; height:40px; background-color:#f2f2f2; border:1px #ededed solid; font-weight:bold;}
.live_schedul table thead tr td:first-child { color:#ff3300;}
.live_schedul table thead tr td:last-child { color:#0066ff;}
.live_schedul table tbody td { border:1px #ededed solid; height:60px; font-size:14px; vertical-align:top; padding:5px 8px; }
.live_schedul table tbody tr td:first-child { color:#ff3300; }
.live_schedul table tbody tr td:last-child { color:#0066ff;}
.live_schedul table .onday { background-color:#e6eefb;}
.live_schedul table .onday a { display:block; width:100%; height:100%; color:#0033FF; font-weight:bold; font-size:14px;}
.live_schedul table .on_air { border:2px #ff6600 solid; color:#ff6600;}
.live_schedul table .on_air a { display:block; width:100%; height:100%; color:#ff6600; font-weight:bold; font-size:14px;}
.live_schedul table .on_air p { text-align:center; font-size:11px; line-height:14px;}
/* schedul infor */
.schedul_infor { border:1px #ccc solid; padding:10px 15px; background:#f5f5f5; margin-bottom:20px; letter-spacing:-0.025em;}
.schedul_infor p { background:url("../images/content/icon_today.png") no-repeat left 2px; font-size:15px; padding-left:27px;}
.schedul_infor span { font-weight:bold; padding-right:10px;}
.schedul_infor .title { color:#333; padding-bottom:8px;}
.schedul_infor .time { background-image:none; border-bottom:1px #ccc dashed; padding:0 0 7px 25px;background:url("../images/content/icon_dot01.gif") no-repeat 14px 7px; color:#0033CC; font-size:15px;}
.schedul_infor .infor { background-image:none; background-color:#fff; padding:15px 27px; font-size:13px; color:#666;}







/* confer_box */
.confer_box { border:1px #ccc solid; border-top:0px; width:310px;}
.confer_box h3 { background:#1b95d8; color:#fff; padding:10px 0; text-align:center;}
.confer_box .dropdown { margin:10px; font-size: 12px; margin-bottom:10px; height:400px; overflow-y:auto;}
.confer_box .dropdown li { padding: 0 10px; border-bottom:1px #ccc dotted; background: url('../images/content/con_arrow.jpg') no-repeat 5px 15px;}
.confer_box .dropdown li.selected { background-color: #f2f2f2; padding-bottom:10px;}
.confer_box .dropdown li a {display: block; padding:10px; text-decoration: none; text-transform: uppercase;color: black; font-size:14px; color:#000; }
.confer_box .dropdown li a:hover { color:#FF6600;}
.confer_box .dropdown li > ul li { padding:0 20px; border-bottom:0px; background: url('../images/content/con_bullet.jpg') no-repeat 13px 12px; }
.confer_box .dropdown li > ul li a {color:#666; padding:2px;  font-size:13px;}

.con_paging { text-align:center; margin:20px 0px;}
.con_paging ul {display: inline-block;}
.con_paging ul li {float:left; border-left:1px solid #e9e9e9; padding: 0 7px;}
.con_paging ul li a { display:block; }
.con_paging ul li a:hover { color:#3366cc;}
.con_paging ul li:first-child {border-left:0px;}

.confer_box h4 { background:url('../images/content/con_arrow.jpg') no-repeat 10px 15px; color:#ff6600; padding:10px 0px 10px 25px; font-size:15px; font-weight:normal; letter-spacing:-0.02em;}
.confer_box .confer_pro { padding:0 10px 10px 10px; height:424px; overflow-y:auto;}
.confer_box .confer_pro li { position:relative; font-size:13px; padding:7px; background:#f1f1f1 url('../images/content/icon_title1.gif') no-repeat 10px 11px; padding-left:28px; height:letter-spacing:-0.02em;}
.confer_box .confer_pro li.no_bg { background-color:#fff;}
.confer_box .confer_pro li img { margin-top:-2px;}
.confer_box .confer_pro li p { width:210px; font-size:12px;}
.confer_box .confer_pro li a { position:absolute; right:5px; top:7px;}

.confer_divider { position:absolute; top:230px; left:317px;}



/* Board View Page Style */
.board_form_view {}
.board_form_view ul {border-bottom:1px solid #ddd;margin-bottom:20px;}
.board_form_view .title li.subject { border-top:2px solid #000; color:#000; font-size:20px; padding:10px 0 10px 0; letter-spacing:-0.02em;}
.board_form_view .title li.info { padding-bottom:15px;}
.board_form_view .media { text-align:center; padding-bottom:30px; border-bottom:1px dashed #ddd;}
.board_form_view .media img { margin:10px;}
.board_form_view .basic { padding:0 20px 30px 20px; font-size:14px;}
.board_form_view .basic1 { padding:0 20px 30px 20px; font-size:14px; min-height:330px;}
/* button */
.board_form_view ul.button { border-bottom:none; margin-bottom:0px;}
.board_form_view ul.button.li {float:left;}
.board_form_view ul.button li.next_prev a {padding:8px 30px; border:1px solid #ddd; margin-right:10px}
.board_form_view ul.button li.next_prev a:hover {border:1px solid #666;}
.board_form_view ul.button li.list {float:right; margin-top:-14px;}
.board_form_view ul.button li.list a {padding:8px 30px; border:1px solid #ddd;}
.board_form_view ul.button li.list a:hover {border:1px solid #003c71;}



/* search */
#search_area { clear:both; height:33px;}
#search_area ul {padding:0px; margin:0px; list-style:none; float:left; clear:none;}
#search_area ul select {}
#search_area ul input {padding:4px;border:1px #ccc solid;}
#search_area ul.right {float:right;}
#search_area ul a { float:right;}
#search_area ul a.btn_search { background-color:#005bac; padding:3px 10px 5px 12px; color:#fff; margin-left:-2px;}
/* con speaker */
.con_speaker {background:url("../images/content/speaker_tbg.gif") no-repeat left top; margin-bottom:20px;}
.con_speaker h3 {background:url("../images/content/speaker_tbg.gif") no-repeat right top; font-size:14px; color:#fff; font-weight:bold; margin-left:5px; padding:8px 10px;}
.con_speaker ul { background-color:#fff; border:1px #ccc solid; border-top:0px; height:40px; padding-left:5px;}
.con_speaker ul li { float:left; padding-left:12px; background:url("../images/content/icon_menu_on.gif") no-repeat left 4px; margin:10px; font-size:13px;}


/* board_list1 */
.board_list table { margin-bottom:20px;}w
.board_list table caption { display:none;}
.board_list table thead { border-top:2px #017ec1 solid; border-bottom:1px #eeeeee solid; text-align:center; color:#000;}
.board_list table thead tr th { height:38px; font-size:13px;}
.board_list table tbody tr td { text-align:center;border-bottom:1px #eeeeee solid;height:38px;}
.board_list table tbody tr td.left { text-align:left;}
.board_list table tbody tr td .btn_play {padding:2px 6px 4px 6px; background-color:#55ac00; border-radius:4px; font-size:10px; color:#fff !important; font-weight:bold;}
.board_list .table_auto { table-layout: auto;}
/* board_search */
.board_list .list_numsearch { height:35px;}
.board_list .list_numsearch .flot_L { background: url('../images/content/icon_dot01.gif') no-repeat left 11px; padding-left:7px; margin-top:10px; }
.board_list .list_numsearch .flot_R {}
.board_list .list_numsearch .search_area { border:1px #ccc solid; height:22px;}
.board_list .list_numsearch .search_submit { background-color:#005bac; color:#fff; border:1px solid #136794; padding:3px 10px 6px 10px !important; height:27px; margin:0 0 0 -6px; }

/* con_Speaker */
.con_Speaker { margin-bottom:20px; position: relative;}
.con_Speaker h3 { color:#fff; float:left;  padding:10px; font-size:17px; position:absolute; left:10px; top:0px;}
.con_Speaker .sp_select { background-color:#1b95d8; height:40px;}
.con_Speaker .sp_select li { float:right; padding-top:8px;}
.con_Speaker .sp_select select { background-color:#fff; border:0px; width:100px;}
.con_Speaker .sp_select .search_submit { color:#fff; background:#333; border:1px solid #000; padding:3px 10px 6px 10px !important; height:27px; margin:-1px 0 0 -6px; }
.con_Speaker .sp_select .a_orange { background:#55ac00; padding:2px 10px 4px 10px; border:1px solid #fff; color:#fff !important; float:right; margin:0 7px;}
.con_Speaker .Speaker { background-color:#f2f2f2; border:1px #1b95d8 solid; border-top:0px; padding:10px;}
.con_Speaker .Speaker li { float:left;}
.con_Speaker .Speaker li a {background:url("../images/content/icon_condot.gif") no-repeat left 9px; padding:0 15px 0 7px; font-size:13px;}
.con_Speaker .Speaker li:last-child { padding-right:0px;}
.con_Speaker .Speaker li a.selected { font-weight:bold; color:#599d17;}