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


#container		{ clear:both;}
/* text color */
.txt_orenge { color:#ff3300;}
.txt_navyblue { color:#2a2aa8;}
.txt_green { color:#009900;}
.txt_blue { color:#0066ff;}
select {
  width:; /* 원하는 너비설정 */
  height:26px;
  padding:0 30px 0 5px; /* 여백으로 높이 설정 */
  font-family:NotoSansCJKkr-Thin;  /* 폰트 상속 */
  font-size:12px; /* 폰트 크기 */
  color:#4f4f4f;
  background:#fff url("../images/content/icon_select.jpg") no-repeat 95% 50%; /* 네이티브 화살표 대체 */  
  border: 1px solid #bbbbbb; 
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}

table { width:100%;border: 0px currentColor; border-image: none; border-collapse: separate; border-spacing: 0;}
table,caption,tbody,tfoot,thead,tr,th,td {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}
table, th, td { margin:0; padding:0; font-size:12px; border-collapse:collapse;}
table caption { display:none;}

/* conttit_wrap */
.conttit_wrap { overflow:hidden; margin:0 auto; height:43px; background:url('../images/content/conttit_bg.gif') no-repeat left top;}
.conttit_wrap .text_wrap { float:left; font-size:18px; color:#fff; padding:10px 0 0 20px;}
.conttit_wrap .location { float:right; font-size:12px; color:#fff; background:url('../images/content/icon_home.png') no-repeat left center; padding:0 10px 0 20px; margin-top:18px; letter-spacing:-0.05em; font-weight:normal;}
.location .on{color:#fff;}


/* tab */
.tab_form { margin-bottom:30px; margin:10px;}
.tab_form a { border-radius:5px; float:left; display:block; min-width:49%; height:30px; font-size:14px; text-align:center; line-height:28px; background-color:#f5f5f5; border:1px #ccc solid;}
.tab_form a:last-child { float:right;}
.tab_form a.select { background-color:#54473e; color:#fff; font-weight:bold; border-top:1px #ccc solid;}


/* No live air */
.No_live_air { text-align:center; padding:10px 0 50px 0;}
.No_live_air img { width:100%; max-width:350px;}
.No_live_air h3 { text-align:center; font-size:24px; color:#000; padding:10px 0 3px 0; letter-spacing:-0.05em; font-weight:normal;}
.No_live_air .text { color:#ff6600; font-size:15px; padding-bottom:15px;}
.No_live_air p { text-align:center; font-size:11px; color:#888; letter-spacing:-0.05em;}




/* movie form */ 
.onair_form {margin-bottom:20px;}
.onair_form .onair_list { min-height:163px;}
.onair_form .onair_list:last-child { border-bottom:0px;}
.onair_form .onair_list li.onair { padding:0 10px;}
.onair_form .onair_list li.onair img {width:100%;}
.onair_form .onair_list li.infor { padding:10px;}
.onair_form .onair_list li .onair_title { font-size:16px; padding:0 0 5px 18px; letter-spacing:-0.05em; line-height:22px; color:#000;background:url("../images/content/con_arrow.jpg") no-repeat left 5px;}
.onair_form .onair_list li .play_infor { color:#828282; font-size:12px; padding:0 0 5px 18px;}
.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 { font-size:13px; border-top:1px #e5e5e5 dashed; border-bottom:1px #ccc solid;  padding:10px 10px 30px 10px; color:#7c7b7b;}



.onair_form .onair_list li.onair { text-align:center; padding:10px; padding-top:0px; padding-bottom:0px; position: relative;}
.onair_form .onair_list li.onair li a {}
.onair_form .onair_list li.onair img { width:100%; z-index:10;}
.onair_form .onair_list li.onair .media_player {  width:72px; height:72px; overflow:auto; margin:auto ; position:absolute; top:0; left:0; bottom:0; right:0; }


/* Board Page Number */
.page_number {text-align:center; clear:both;padding:20px 0 30px 0 !important;}
.page_number a {border:1px solid #ddd; padding:5px 8px; font-size:11px;}
.page_number a:hover {border:1px solid #0961af;}
.page_number a.on {border:1px solid #0961af; background:#0961af; 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 #0961af;}
.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 #0961af;}



/* schedul */
.live_schedul { padding:0;}
.live_schedul table { width:100%; table-layout:fixed; table-layout:fixed;}
.live_schedul table thead th { color:#666; font-size:20px; height:50px; color:#000; font-weight: normal; }
.live_schedul table thead th img { margin:0 10px; margin-top:-9px;}
.live_schedul table thead th.live_help { font-size:12px; color:#666; text-align:left; padding-left:20px;}
.live_schedul table thead th.live_help img { margin:0;}
.live_schedul table thead td { text-align:center; height:30px; color:#666; background-color:#f2f2f2; border-top:3px #0961af solid; font-family:'NanumGothicBold', sans-serif;}
.live_schedul table thead tr td:first-child { color:#ff3300; border-left:5px #0961af solid;}
.live_schedul table thead tr td:last-child { color:#0066ff; border-right:5px #0961af solid;}
.live_schedul table tbody { border:5px #0961af solid; border-top:0px; border-bottom:0px;}
.live_schedul table tbody td { border:1px #eeeeee solid; height:35px; font-size:12px; vertical-align:top; padding:2px 0 2px 4px; }
.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:#e8e0d7;}
.live_schedul table .onday a { display:block; width:100%; height:100%; color:#000; font-size:11px;font-family:'NanumGothicBold', sans-serif;}
.live_schedul table .on_air { border:2px #ff6600 solid; color:#ff6600;}
.live_schedul table .on_air img { float:right; margin-right:2px;}
.live_schedul table .on_air a { display:block; width:100%; height:100%; color:#ff6600;}
.live_schedul table .on_air p { text-align:center; font-size:11px; margin:0; padding:3px 3px 3px 0; clear:both;}
/* schedul_infor */
.schedul_infor {overflow:hidden; margin:0 auto;}
.schedul_onair { text-align:center; height:45px; font-size:18px; font-weight:normal; color:#fff; line-height:45px; background-color:#0961af;}
.schedul_infor ul { border-bottom:1px #dddddd solid; padding:15px 0; margin:0 4px;}
.schedul_infor ul:last-child { border-bottom:0px;}
.schedul_infor ul li { padding:5px 10px;}
.schedul_infor ul li.tit { color:#000; background:url("../images/content/con_arrow.jpg") no-repeat 7px 8px; padding-left:27px; border-bottom:1px #e5e5e5 dashed; letter-spacing:-0.05em;}
.schedul_infor ul li.con { font-size:13px; color:#888;}

/* movie_search */
.movie_search { padding:10px 10px 10px 10px; height:30px; background-color:#f2f2f2; position:relative;}
.movie_search:after{display:block;visibility:hidden;clear:both;content:""}
.movie_search input { width:80%; height:26px; padding:0 7px 2px 7px; border:1px #ccc solid;}
.movie_search .search_submit { position:absolute; right:10px; top:10px; background-color:#333333; border:1px solid #033c6e; color:#fff; width:15%; font-weight:bold; padding:3px 10px 10px 10px; margin-left:-3px; height:30px;}

/* movie_list */
.movie_list { padding:10px;}
.movie_list ul { padding:10px 0; border-bottom:1px #ccc dashed; position:relative; min-height:98px; clear:both;}
.movie_list .movie { position:absolute; left:0px; top:10px; width:155px; height:98px;}
.movie_list .movie a { display:block;}
.movie_list .movie a img { width:155px; height:98px;}
.movie_list .movie a p { margin-top:-68px; text-align:center;}
.movie_list .movie a p img { width:39px; height:39px;}
.movie_list .movie_infor { margin-left:165px;}
.movie_list .movie_infor h3 { font-size:14px; color:#333; background:url("../images/content/con_arrow.jpg") no-repeat left 2px; padding:0 0 6px 18px; letter-spacing:-0.05em;font-family:'NanumGothicBold', sans-serif;}
.movie_list .movie_infor p { color:#817f7f; font-size:12px; background:url("../images/content/icon_condot.gif") no-repeat 10px 5px; padding-left:18px;}



/* confer_box */
.confer_box {}
.confer_box h3 { background: url('../images/content/title_bullet.gif') no-repeat 10px 15px; color:#000; padding:15px 0 5px 55px; font-size:20px; font-weight:normal; letter-spacing:-0.05em;}
.confer_box .dropdown { border-top:2px #1b95d8 solid; margin:10px; margin-bottom:10px;}
.confer_box .dropdown li { padding: 0 10px; border-bottom:1px #ccc dotted;}
.confer_box .dropdown li.selected { padding-bottom:10px;}
.confer_box .dropdown li a {display: block; padding:10px; padding-left:15px; text-decoration: none; text-transform: uppercase;color: black; font-size:16px; color:#000; background: url('../images/content/con_arrow.jpg') no-repeat 0 16px; }
.confer_box .dropdown li a:hover { color:#FF6600;}
.confer_box .dropdown li > ul li { padding:5px 20px; border-bottom:0px; background:#f2f2f2 url('../images/content/con_bullet.jpg') no-repeat 15px 15px;}
.confer_box .dropdown li > ul li a {color:#666; padding:2px;  font-size:14px; background-image:none;}

.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;}

/* Board View Page Style */
.board_form_view {}
.board_form_view ul {}
.board_form_view .title { background-color:#f2f2f2; color:#000;}
.board_form_view .title li.subject {font-size:16px; padding:10px; letter-spacing:-0.05em;}
.board_form_view .title li.info { font-size:12px; color:#666; background:#fff url('../images/content/icon_condot.gif') no-repeat 10px 12px; padding:5px 20px 15px 20px;}
.board_form_view .title li.info_view { font-size:12px; color:#666; background:#fff url('../images/content/icon_condot.gif') no-repeat 10px 12px; padding:5px 20px 5px 20px; border-bottom:1px #ccc dotted;}
.board_form_view .media { text-align:center; padding:10px; padding-top:0px; padding-bottom:0px;}
.board_form_view .media li { width:100%; position: relative;}
.board_form_view .media img { width:100%; z-index:10;}
.board_form_view .media .media_player { width:72px; height:72px; overflow:auto; margin:auto ; position:absolute; top:0; left:0; bottom:0; right:0; }
.board_form_view .basic { padding:10px; font-size:12px; border-top:1px dashed #ddd; padding-bottom:30px;}
.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; padding:15px 10px; position:relative; height:40px;}
.board_form_view ul.button.li {float:left;}
.board_form_view ul.button li.next_prev a {padding:8px 10px; border:1px solid #ccc; margin-right:5px}
.board_form_view ul.button li.next_prev a:hover {border:1px solid #666;}
.board_form_view ul.button li.list { position:absolute; right:10px; top:15px;}
.board_form_view ul.button li.list a {padding:8px 10px; border:1px solid #ccc;}
.board_form_view ul.button li.list a:hover {border:1px solid #0961af;}
.board_form_view .con_infor { padding:0 10px; padding-bottom:20px;}
.board_form_view .con_infor .con_title { text-align:center; text-align:center;padding:6px 0 8px 0; font-size:16px; font-weight:normal; color:#fff; background-color:#54473e;}
.board_form_view .con_infor p { border-bottom:1px #ccc dotted;}
.board_form_view .con_infor p span { float:right; color:#ff6600; font-size:13px;}
.board_form_view .con_infor a { display:block; padding:7px 8px 7px 15px; font-size:16px; background:url('../images/content/icon_condot.gif') no-repeat 7px 16px; border:-top:1px #ccc dotted; }
.board_form_view .con_view { padding:10px 20px 30px 20px; font-size:14px; min-height:330px; font-size:13px; color:#333; border-bottom:1px #ccc solid;}
.board_form_view .con_view img { width:100%; margin:10px 0 15px 0;}

/* mov_list - tree list */
.mov_list {}
.mov_list .mov_title {padding:0 0 3px 20px;}
.mov_list h3 { background:url('../images/content/title_bullet.gif') no-repeat 10px 15px; color:#000; padding:15px 0 5px 55px; font-size:20px; font-weight:normal; letter-spacing:-0.05em;}
.mov_list>ul{ margin:10px; border-top:2px #1b95d8 solid; padding-top:15px;}
.mov_list .mov_date {color:#666; font-size:13px;}
.mov_list li { padding:0 0 6px 8px;}
.mov_list .on { background: url('../images/content/title_sub_on.png') no-repeat 5px 5px;}
.mov_list .off{ background: url('../images/content/title_sub_off.png') no-repeat 5px 5px;}
.mov_list .mov_sub_list { padding:0 0 0 5px; margin:0; zoom:1; background: url('../images/content/sub_bg.gif') repeat-y 5px 0;}
.mov_list .mov_sub_list li {padding:0;  background:url('../images/content/sub_bullet.png') no-repeat left 6px; font-size:14px; padding:2px 0 2px 37px;}
.mov_list .mov_sub_list li a { display:block;}


/* notice_search */
.notice_search { padding:10px 10px 10px 10px; height:30px; background-color:#f2f2f2; position:relative;}
.notice_search:after{display:block;visibility:hidden;clear:both; }
.notice_search select { width:30%; height:28px;}
.notice_search .search_text { width:60%; border:1px solid #ccc; height:26px; padding:0 5px; vertical-align:top;}
.notice_search .search_submit { position:absolute; right:10px; top:10px; background-color:#333333; border:1px solid #033c6e; color:#fff; width:15%; font-weight:bold; padding:3px 10px 5px 10px; margin-left:-3px;}

/* board_search */
.list_numsearch { padding:10px;}
.list_numsearch .num { background: url('../images/content/icon_dot01.gif') no-repeat left 8px; padding-left:7px; margin-top:10px; font-size:12px; }

/* board notice */
.notice_board {overflow:hidden; padding:0; max-width:800px; margin:0 auto; border-top:2px #0961af solid;}
.notice_board ul li { text-align:right; font-size:13px; height:36px; color:#888; border-bottom:1px #ccc dotted; line-height:36px; padding:0 10px;}
.notice_board ul li p { width:73%; float:left; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden;}
.notice_board ul li a { display:block; text-decoration:none; text-align:left; color:#333; font-size:13px; line-height:36px; letter-spacing:-0.05em;}




/* 롤링 서브메뉴 2016년 8월 31일 추가*/
.nav_menu{position:relative;width:100%;margin:0 auto; border-top:1px solid #26a7ac; overflow:hidden;background: url('../images/content/conttit_bg_sub.gif') repeat;}
.nav_menu .nav_wrap{width:84%;height:48px;margin:0 auto;overflow:hidden;}
.nav_wrap ul{position:relative;height:48px; width:100%;}
.nav_wrap ul li{display:block;float:left; height:24px; padding:14px 0; width:100%;}
.nav_wrap ul li a{display: block; border-left:1px solid #dcdcdc; text-align:center;color:#fff;font-size:13px;line-height:24px; font-family:'NanumGothicBold', sans-serif;letter-spacing:-0.08em; vertical-align:middle;}
.nav_wrap ul li:first-child a{border:none;}
.nav_menu button{position:absolute;top:15px;width:22px;height:22px;margin:0;padding:0;background:none;border:0;}
.nav_menu button.btn_prev{left:10px;}
.nav_menu button.btn_next{right:10px;}
.nav_menu button::-moz-focus-inner{padding:0;border:0;}




/* VOD sub menu // 2016년 9월 1일 추가 */
@media screen and (max-width: 400px) {

.vod_submenu { padding:10px; background-color:#e5f2f3; border-bottom:1px #ccc solid;}
.vod_submenu .left { clear:left; float:left;width:49%;}
.vod_submenu .right { clear:right; float:right; width:49%;}
.vod_submenu .cnetner { clear:both; padding-top:1px;}
.vod_submenu ul li { margin:0; padding:0;}
.vod_submenu ul li a { padding:10px 0; margin:2px 0; display:block; background-color:#fff; border:1px #b6dcde solid; text-align:center; border-radius :5px; font-size:14px; color:#333; letter-spacing:-0.05em; font-family:'NanumGothicBold', sans-serif;}

.vod_submenu ul li .select { background-color:#009096; color:#fff; border:1px #0a767b solid;}

}

@media screen and (min-width:401px) {
.vod_submenu { padding:10px; height:50px; background-color:#e5f2f3; border-bottom:1px #ccc solid;}
.vod_submenu ul li { margin:0; padding:0; float:left; width:19.2%; margin-right:1%; display:table-cell;}
.vod_submenu ul li:last-child { float:left; margin-right:0;}
.vod_submenu ul li a { height:30px; width:105px; padding:10px; margin:0; display:table-cell; background-color:#fff; border:1px #b6dcde solid; text-align:center; border-radius :5px; font-size:10px; color:#333; letter-spacing:-0.05em; font-family:'NanumGothicBold', sans-serif; vertical-align:middle;}

.vod_submenu ul li .select { background-color:#009096; color:#fff; border:1px #0a767b solid;}

}