@charset "utf-8";

@import url(basic.css);
@import url(layout.css);
@import url(board.css);




/* 공통 */
#content { overflow:hidden;}
h6 {font-size:12pt;margin-bottom:15px;}
#content .txt{padding:0 20px 30px 20px;}
#content .txt dt{background:url("/images/common/bu1.gif") left 9px no-repeat;padding-left:8px;padding-top:4px;}
#content .txt dd{color:#a2a2a2;/*font-family:'Dotum';*/background:url("/images/common/bu2.gif") 8px 7px no-repeat;padding-left:15px;}
#content .txt .none{background:none;padding-left:10px;}
#content .txt dd .style1{color:#333333;}
#content .txt dd .style2{color:#fff;background-color:#e10f0f;}
#content .tabmenu_icon li{float:left;padding-right:5px;/*margin-bottom:40px;*/}
#content .category ul { display: flex; flex-wrap: wrap; }
#content .category li { position: relative; width: 20%; border: 1px solid #ddd; box-sizing: border-box; border-right: none; border-top: none; }
#content .category li:nth-child(5n + 5) { border-right: 1px solid #ddd; }
#content .category li:last-child { border-right: 1px solid #ddd; }
#content .category li:nth-child(-n + 5) { border-top: 1px solid #ddd; }
#content .category li a { display: flex; font-size: 13px; color: #555; letter-spacing: -0.025em; align-items: center; justify-content: center; height: 45px; padding: 5px; box-sizing: border-box; }
#content .category li.on a { font-weight: bold; color: #f36621; }
#content .category li.on a:before { display: block; content: ""; border: 1px solid #f36621; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 1; }

.btn_con {text-align:right; margin-bottom:30px;}
.btn_area {text-align:center;margin-top:20px;margin-bottom:30px;}
.btn_area2 {text-align:right;margin-top:10px;margin-bottom:30px;}

/* 탭메뉴&상단검색 */
.top_con {margin-bottom:20px;overflow:hidden; width:100%;}
.top_con .tabmenu {float:left;}
.top_con .tabmenu li { float:left; padding:0 14px; background:url(/images/common/cate_line.gif) no-repeat right 3px; font-size:95%;}
.top_con .tabmenu .on { font-weight:bold; }
.top_con .tabmenu .clear {background:none;}
.top_con fieldset { float:right; width:150px;}
.top_con fieldset input {float:left;}
.top_con fieldset .input_txt {border:1px solid #e7e7e7; background:#fafafa;height:22px; width:112px;}
.experience_title { margin:10px 0 30px 0 }

.tit_btn{ width:100%; overflow:hidden;}
.tit_btn h6{float:left;}
.tit_btn a{ float:right;margin-bottom:8px;}

.sfont{font-size:95%; text-align:right; margin-bottom:8px;}
.txt_depth1{margin-bottom:30px; padding-left:13px;}

/* 센터소개 */
#content .introduce_img{padding:50px 30px 30px 30px;}
.history_year {width:120px;padding-top:10px;padding-right:40px;float:left;}
.history_list {min-height:140px;background:url("/images/about/history_dot.gif") bottom repeat-x;float:right;width:480px;}
.history_list ul {vertical-align:middle;}
.history_list ul li {padding:5px 0;line-height:220%;}
.history_list ul .s_month {padding:0 0 5px 80px;}
.history_list ul .last_month {padding:0 0 20px 80px;}
.history_list ul .last {padding:0 0 20px 0;}
.history_list ul li span {font-weight:bold;display:block;width:70px;padding-left:10px;float:left;}
.history_list .h_list01 {padding-top:47px;}
.history_list .h_list02 {padding-top:28px;}
.top_dot {background:url("/images/about/history_dot.gif") top repeat-x;}

#faq_list .faq_tb {width:100%;}
#faq_list .faq_tb th {border-top:2px solid #ff5614;border-bottom:2px solid #ff5614;height:28px;}
#faq_list .faq_tb td {border-bottom:1px solid #e5e5e5;padding:5px;}
#faq_list .faq_tb .answer {background:#f8f8f8;}
.ex_txt {font-size:100%;color:#a8a8a8;}
#content .location_map{width:100%;margin-bottom:40px;}
#content .bus td{padding:6px 0 7px 10px;background:url("/images/boardskin/td_line.gif") bottom repeat-x;color:#7a7a7a;}

#content .space{padding:30px 0 0 20px;*padding:0 0 0 20px;}
#content .space_keyfacility{padding:0 30px 20px 20px;width:370px;float:left;}
#content .space_keyfacility ul{margin-bottom:20px;}
#content .space_keyfacility li{background:url("/images/common/bu2.gif") 0px 7px no-repeat;padding-left:10px;}
#content .space_keyfacility p{color:#939393;padding:5px 0 0 10px;line-height:140%;}
#content .space_keyfacility .img{float:left;}

/* 센터소개 - 이용안내 */
.member_cat{background:url("/images/about/use_time1_thbg.gif") 0px 0px no-repeat;}

.member_grade	{padding-top:20px;}
.member_grade table	{border-top:2px solid #13a0b2;width:100%;}
.member_grade table	th{padding:5px 0;border:1px solid #e7e7e7;font-size:90%;}
.member_grade table	td{padding:5px 0;text-align:center;border:1px solid #e7e7e7;}
.member_grade table	th.f{border-left:none;}
.member_grade table	th.l{border-right:none;}
.member_grade table	td.f{border-left:none;}
.member_grade table	td.l{border-right:none;}
.member_grade table	th.mg_header{background:#fafafa;font-weight:normal;font-size:100%;}

/* 교육 */
/*
#content .edu_info1{background:url("/images/education/introduce_regular_img1.gif") 95px 95px no-repeat;}
#content .edu_info2{background:url("/images/education/introduce_experience_img1.gif") 95px 95px no-repeat;}
#content .edu_info3{background:url("/images/education/introduce_saturdaymedia_img1.gif") 95px 95px no-repeat;}*/
/* 교육 상단 배경 짤림현상 : 2012.08.09  이은실수정 */
#content .tabmenu_icon	{overflow:hidden;padding-bottom:30px;}
#content .edu_info1 .tabmenu_icon{/*background:url("/images/education/introduce_regular_img1.gif") 95px 34px no-repeat;*/}
#content .edu_info2 .tabmenu_icon{background:url("/images/education/introduce_experience_img1.gif") 95px 34px no-repeat;}
/*#content .edu_info3 .tabmenu_icon{background:url("/images/education/introduce_saturdaymedia_img1.gif") 95px 34px no-repeat;}*/
#content .edu_info3 .tabmenu_icon{}

#content .introduce_regular{background:url("/images/education/introduce_regular_thbg.gif") top left no-repeat;}

#content .list_title {width:100%; height:20px; padding-bottom:10px;}

.lst_type{width:760px;border-top:2px solid #ff5614;list-style:none;margin-bottom:30px;}
.lst_type li{clear:both;_height:0;padding-top:10px;padding-bottom:10px;padding-left:10px;_font-size:0;border-bottom:1px solid #e5e5e5;}
.lst_type2{overflow:hidden;background-color:#fff;/*font-family:'돋움',Dotum;*/font-size:12px}
.lst_type2 dt{padding:5px 0;font-size:14px}
.lst_type2 dt.tit{margin-left:220px}
.lst_type2 dd.photo{display:inline;float:left;margin:-28px 20px 0 0;color:#fff;text-align:center; }
.lst_type2 dd.button{float:right;margin-top:30px;}
.lst_type2 dd{line-height:16px;margin-left:220px}
.lst_type2 dd img{border:none}
.lst_type2 a{color:#2d2c2d;text-decoration:none}
.lst_type2 a:hover{text-decoration:underline}


.edu_tit {font-size:12pt;margin-bottom:15px;font-weight:bold;}
.view_type {width:760px;padding-top:10px;border-top:2px solid #ff5614;list-style:none;margin-bottom:30px;}
.view_type li{clear:both;_height:0;padding-top:10px;padding-bottom:10px;padding-left:10px;_font-size:0;border-bottom:1px solid #e5e5e5;}
.view_type2{overflow:hidden;background-color:#fff;/*font-family:'돋움',Dotum;*/font-size:12px}
.view_type2 dt{padding:5px 0;font-size:14px}
.view_type2 dd.photo{display:inline;float:left;margin:0 20px 0 0;color:#fff;text-align:center}
.view_type2 dd.button{float:right;margin-top:30px;margin-left:0;}
.view_type2 dd{line-height:16px;margin-left:220px}
.view_type2 dd img{border:none}
.view_type2 a{color:#2d2c2d;text-decoration:none}
.view_type2 a:hover{text-decoration:underline}

.lecturer_con{width:645px;padding:15px;*padding:15px 15px 0 15px;border:3px solid #e6e6e6;margin-bottom:20px;margin-left:15px;}
.lecturer_con .lecturer_img{float:left;width:150px;}
.lecturer_con .lecturer_txt{float:left;width:490px;line-height:150%;}
.lecturer_con .lecturer_txt p{color:#454545;padding:7px 0 7px 0;}
.lecturer_con .lecturer_txt p.name{font-weight:bold;}
.lecturer_con .lecturer_txt .resume {height: 110px;overflow-y:auto;}

.pds {padding:10px 30px;border:1px solid #e5e5e5; margin-bottom:30px;}
.experience_info {margin-bottom:25px;}
.comment {text-align:right;margin-top:10px;}
.comment span {color:#ff6633;}
.satmedia_cat {color:#4d88ec;font-size:11px;letter-spacing:-1px;/*font-family:'돋움',Dotum;*/}

#content .edu_gallery_list	{background:url('/images/boardskin/td_line.gif') repeat-x 0 bottom;padding:15px 10px 3px 10px;margin-bottom:25px;}
#content .edu_gallery_list p{text-align:center;padding:7px 0 10px 0;}
#content .edu_gallery_list li{float:left;margin:0 8px;}

#content .edu_info table{border-top:2px solid #295eb8;width:100%;}
#content .edu_info th{padding:5px 0;border:1px solid #e7e7e7;font-size:90%;/*font-family:'돋움',Dotum;*/}
#content .edu_info td{padding:10px;border:1px solid #e7e7e7;color:#8a8a8a;}
#content .edu_info td p{color:#6891d6;padding:3px 0 2px 7px;}

#content .regular_info table{border-top:2px solid #295eb8;width:100%;}
#content .regular_info th{padding:5px 0;border:1px solid #cccccc;}
#content .regular_info td{padding:5px 10px;border:1px solid #cccccc;color:#8a8a8a;}
#content .regular_info td ul li {background:url("/images/common/bu2.gif") 0 7px no-repeat;padding-left:10px;}
#content .regular_info td.color_yellow {background:#fdd842;}/*#fdd842*/
#content .regular_info td.color_yellow2 {background:#ffff99;}/*#ffff99*/
#content .regular_info td.color_blue {background:#63aef8;}/*#63aef8*/
#content .regular_info td.color_blue2 {background:#99ccff;}/*#99ccff*/
#content .regular_info td.color_pink {background:#ffccff;}/*#ffccff*/
#content .regular_info td.color_purple {background:#c4c4c4;}/*#c4c4c4*/
#content .regular_info td.color_green {background:#b3f373;}/*#b3f373*/
#content .regular_info td.color_green2 {background:#99cc99;}/*#99cc99*/
/*
.thum_list{border-top:2px solid #ff5614;list-style:none;margin-bottom:30px;}
.thum_list li{position:relative;padding:15px 0;margin:0 0 -1px 0;border:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1}
.thum_list li:after{display:block;clear:both;content:""}
.thum_list a strong{display:inline-block;margin:0 0 4px 0;color:#333; font-size:110%; font-family:gulim; margin-bottom:10px;}
.thum_list .thumb{display:inline-block;float:left;margin:0 15px 0 0;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666}
.thum_list .thumb img{display:block;border:0}
.thum_list p{line-height:1.4;color:#767676}
.thum_list dl{ width:520px; overflow:hidden;}
.thum_list dt{float:left; width:80px; font-weight:bold; font-size:95%;}
.thum_list dt, .thum_list dd{margin-bottom:5px;}
.thum_list dd.half{ float:left; width:180px;}
.thum_list .btn{ text-align:right; padding-right:20px;}*/

/*장비공간이용안내*/
#content .list_space{ background:url(/images/common/list_bg02.gif) no-repeat left top;margin-left:20px; margin-bottom:20px;}
#content .list_space table{width:100%;}
#content .list_space th{font-size:95%; height:33px;border-right:1px solid #e7e7e7;}
#content .list_space td{ text-align:center; padding:7px 10px;border-bottom:1px solid #e7e7e7;border-right: 1px solid #E7E7E7;}
#content .list_space .txt{font-size:95%;text-align:left;}
#content .list_space .none{border-right:none;}

#content .retal_fee{border-top:2px solid #13b278;margin-bottom:40px;}
#content .retal_fee table{width:100%;}
#content .retal_fee th{font-size:95%;padding:5px 0;border-bottom:2px solid #989898;border-right:1px solid #e7e7e7;}
#content .retal_fee .th2{font-size:95%;padding:5px 0;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
#content .retal_fee td{text-align:center;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;padding:5px 10px;}
#content .retal_fee .dot_line{background:url("/images/boardskin/td_line.gif") bottom repeat-x;border-bottom:none;}
#content .retal_fee .l{text-align:left;}
#content .retal_fee .r{text-align:right;}
#content .retal_fee .none{border-right:none;}

#content .retal_content{padding:40px 20px 0 20px;*padding:0px 20px 0 20px;}
#content .rental_txt {padding:20px 0 30px 20px;}
#content .rental_txt li{padding-bottom:10px;}

/*장비/공간*/
.material_list { padding:10px 0;border-top:2px solid #13B278;margin-bottom:30px;max-height:750px;}
.material_list li{ float:left;background:url(/images/common/dot_line.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:10px; width:177px; height:179px;}
.material_list dl{margin:10px 11px; width:155px;}
.material_list a.photo{display:block; width:100%; height:0px; background:#90C; position:relative; margin-bottom:15px;}
.material_list a.photo .more{top:0px; z-index:2; right:0px; position:absolute;}
.material_list .photo_img {margin-bottom:15px;}
.material_list .photo_img1 {margin-bottom:5px;}
.material_list .no_data {width:100%;line-height:177px;text-align:center;}
.material_list dd{ margin-bottom:5px; overflow:hidden; color:#4f4f4f; min-height:35px;}
.material_list dd.equipment { margin-bottom:5px; overflow:hidden; color:#4f4f4f; min-height:0px;}
.material_list dd.price{ font-size:95%; color:#8a8a8a;}
.material_list dd.price span{float:left;}
.material_list dd.price a	{float:right;}
.material_list dd.space_btn {position:relative;height:22px;}
.material_list dd.space_btn img{position:absolute;right:0;top:0;}


/* 장비/공간 상세보기 레이어 */
#layer_zone { width:650px; min-height:260px;_height:260px; background:#fff; border:7px solid #b1b1b1; position:relative;}
#layer_zone:after{display:block;clear:both;content:""}
#layer_zone .close{ position:absolute; top:-7px; left:657px; z-index:20;} 
#layer_zone .photo_zone { width:237px; float:left; margin:20px}
#layer_zone .photo_zone ul{ width:100%; overflow:hidden; margin-top:5px;}
#layer_zone .photo_zone li{float:left; margin:0 7px 0 0; display:inline;}



/* 장비용 */
#layer_zone .contents_zone { width:350px; overflow:hidden; float:left; margin:20px 0;}
#layer_zone .contents_zone dl{ margin-top:66px;}
#layer_zone .contents_zone dt{color:#4f4f4f; font-size:110%; /*font-family:"gulim";*/ margin-bottom:10px; font-weight:bold;}
#layer_zone .contents_zone dd{ margin-bottom:5px;}
#layer_zone .contents_zone dd strong{ color:#c3c3c3;}
#layer_zone .contents_zone dd.tbox{  padding-left:12px;}
#layer_zone .contents_zone a { position:absolute; z-index:10; top:20px; left:535px;}

.rental_detail{ border:2px solid #13b278;  height:1%; margin-bottom:30px; position:relative; padding-bottom:20px;}
.rental_detail:after{display:block;clear:both;content:""}
.rental_detail .close{ position:relative; top:-8px; left:345px; z-index:20;} 
.rental_detail .photo_zone { width:237px; float:left; margin:20px 20px 0 20px; display:inline;}
.rental_detail .photo_zone ul{ width:100%; overflow:hidden; margin-top:5px;}
.rental_detail .photo_zone li{float:left; margin:0 7px 0 0; display:inline;}
.rental_detail dl{ width:340px; float:left; display:inline;  padding-top:5px; margin:20px 0px 0 0;}
.rental_detail dt{color:#4f4f4f; font-size:110%; /*font-family:"gulim";*/ margin-bottom:10px; font-weight:bold;}
.rental_detail dd{line-height:1.4em; margin-bottom:6px; width:100%; overflow:hidden;}
.rental_detail dd label{font-size:90%; color:#9e766c; display:block; float:left; width:80px;/*font-family:'Dotum';*/}
.rental_detail dd p{float:right; width:70%; margin-bottom:5px;}
.rental_detail .bt {position:absolute; z-index:10; top:20px; right:20px;}
.rental_detail .bt_cart{position:absolute; z-index:10; top:105px; right:20px;}


.rental_app{ border:2px solid #8a8a8a;  height:1%; margin-bottom:30px; position:relative; padding-bottom:20px;}
.rental_app:after{display:block;clear:both;content:""}
.rental_app .photo{ width:237px; float:left; margin:20px 20px 0 20px; display:inline;}
.rental_app dl{ width:340px; float:left; display:inline;  padding-top:5px; margin:20px 0px 0 0;}
.rental_app dt{color:#4f4f4f; font-size:110%; /*font-family:"gulim";*/ margin-bottom:10px; font-weight:bold;}
.rental_app dd{line-height:1.4em; margin-bottom:6px;}
.rental_app dd strong{font-size:95%; font-weight:bold; color:#c3c3c3; display:block; float:left; width:90px;}
.rental_app .bt {position:absolute; z-index:10; top:20px; right:20px;}

/*커뮤니티지원*/
#content .community_apply{padding:30px;}
#content .community_apply .basic{height:19px;background-color:#fff;border:1px solid #e9e9e9;}
#content .support_result {border-top:2px solid #ffdd40;width:100%; margin-bottom:10px;}
#content .support_result th{height:30px;color:#7f7f7f;font-size:95%;border-bottom:2px solid #ffdd40;}
#content .support_result td{padding:8px 0 6px 0; text-align:center;background:url("/images/boardskin/td_line.gif") bottom repeat-x;}
#content .support_result .title{text-align:left;}

#content .com_introduce_txt {padding:0 20px;}
#content .introduce_txt{width:640px;height:240px;background:url("/images/community/introduce_img_bg.jpg") no-repeat;margin:0 0 40px 0;padding:32px;}
#content .introduce_txt p{line-height:150%;color:#8a8a8a;}
#content .introduce_area {float:left;width:210px;margin-left:4px;margin-right:29px;}
#content .end {float:left;width:210px;margin-left:4px;margin-right:0;}
#content .introduce_area .introduce_tit {position:relative;border-bottom:2px solid #505050;padding-bottom:9px;}
#content .introduce_area .introduce_tit span {right:0;position:absolute;}
#content .introduce_area p {padding:15px 0 0 1px;line-height:150%;}
#content .list01 {margin-left:20px;}
#content .list01 li {background:url("/images/common/bullet_label.gif") 2px 7px no-repeat;padding-left:9px;}
#content .list01 li p {line-height:18px;}

#content .citizen_txt {padding:40px 20px 0 20px;*padding:0 20px 0 20px;}
#content .citizen_txt .mundan {text-align:justify;padding:0 0 40px 0;line-height:150%;}

#content .citizen_ul {width:490px;}
#content .citizen_li {width:160px;height:20px;display:inline-block; float:left; }

#community_board_tab {padding:22px 40px 0px 40px;display:list-item;}
#community_board_tab li {float:left;}

/*20180817_추가*/
.introduce_header {margin: 0 auto; width: 100%}
.introduce_header>.img {overflow: hidden; width:704px; margin-bottom: 40px;}
.introduce_header>.img>.fl {float: left; width: 336px;}
.introduce_header>.img>.fl>img {margin-bottom: 15px;}
.introduce_header>.img>.fr {float: right; width: 336px;}
.introduce_header>.img>.fr>img {margin-bottom: 15px;}
.introduce_header>.img>div p {line-height: 20px; margin-bottom: 10px;}
.introduce_header>.img>div h5 {line-height: 20px; color: #464646;}

.introduce_board {overflow: hidden;}
.introduce_board>.board1 {width: 335px; float: left;}
.introduce_board>.board1>.header {overflow: hidden;padding-bottom: 15px;}
.introduce_board>.board1>.header>.title {float: left;}
.introduce_board>.board1>.header>.more {float: right;}
.introduce_board>.board2 {width: 335px; float: right;}
.introduce_board>.board2>.header {overflow: hidden;padding-bottom: 15px;}
.introduce_board>.board2>.header>.title {float: left;}
.introduce_board>.board2>.header>.more {float: right;}

/*마을미디어 지도*/
.map_contents {position:relative;}
.map_contents .dot_point_zone {position: absolute;}
.map_contents .dot_place {background-color:#FFFFFF;border:1px solid #BFBFBF;color:#9C9C9C;font-size:90%;font-weight:bold;letter-spacing:-1px;padding:4px;/*font-family:'Dotum';*/}
#pointer_pop {background-color:#FFFFFF;border:2px solid #295eb8;padding:10px;position:absolute;width:350px;left: 210px; top: 200px; z-index: 999;display:none;}
#pointer_pop .pointer_title {border-bottom:1px dotted #D8D8D8;color:#606060;font-weight:bold;padding-bottom:5px;font-size:120%;}
#pointer_pop .pointer_option {padding:5px 0;position:relative;}
#pointer_pop .pointer_option dt {position:absolute;color:#c3c3c3;font-weight:bold;font-size:90%;}
#pointer_pop .pointer_option dd {padding:0 0 3px 80px;position:relative;}

/*공동체방송국*/
#content .categoryImg {margin:0 0 20px 0;}
#content .categoryImg img {width:710px; height:150px;}

#content .station_mVisual {margin:0 0 20px 0;}
#content .station_mVisual .station_mL {float:left;}
#content .station_mVisual .station_mL iframe { width:545px; height:328px; }
#content .station_mVisual .station_mR {float:right;}

#content .radio_mList {float:left; width:100%;}
#content .radio_mList h6 {float:left;}
#content .radio_mList span {float:right;}
#content .radio_mList .font_st {font-size:12px; color:#3399cc;}

#content .cnt_mList {float:right; width:190px;}
#content .cnt_mList h6 {float:left;}
#content .cnt_mList span {float:right;}
#content .cnt_mList ul {width:100%; border-top: 2px solid #ffdd40;}
#content .cnt_mList li {width:100%;float:left; padding:4px 2px;}


#content .radio {width:100%;border-top:2px solid #2a80a4;}
#content .radio li{background:url("/images/boardskin/td_line.gif") bottom repeat-x;padding:10px;}
#content .radio li.top {background:url("/images/boardskin/td_line.gif") bottom repeat-x;padding:20px 10px 10px 10px;}
#content .radio li.bottom {background:url("/images/boardskin/td_line.gif") bottom repeat-x;padding:10px 10px 20px 10px;}
#content .radio dl{width:100%; overflow:hidden;}
#content .radio dt{float:left;padding-right:20px;}
#content .radio dt img { width:120px; height:63px; }
#content .radio dd{font-size:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#content .radio .title{font-size:100%;font-weight:bold;padding:px 0;color:#606060;}
#content .radio .date{color:#9f9f9f;padding:3px 0 7px 0;}
#content .radio .tag{color:#9f9f9f;padding-top:5px;/*font-family:'Dotum';*/font-size:95%;}
#content .tag{color:#9f9f9f;padding-top:2px;/*font-family:'Dotum';*/font-size:95%;letter-spacing:-0.5px;}
#content .podcast_list li{float:left;}
#content .podcast {width:300px;border:1px solid #c7c7c7;padding:18px;}
#content .podcast .hot{position:relative;border-bottom:1px solid #e7e7e7;padding-bottom:18px;}
#content .podcast .hot .title{position:absolute;left:165px;bottom:25px;line-height:150%;}
#content .podcast li{width:290px;border-bottom:1px solid #e7e7e7;padding:8px 5px 5px 5px;color:#606060;}
#content .podcast span{font-size:90%;color:#9c9c9c;}


#content .program_layer {border:2px solid #295eb8;padding:27px 27px 27px 27px; max-height:698px; overflow-x:hidden; overflow-y: auto;}
#content .program_layer img {padding:0px 0px 15px 0px;}



/*동네극장*/
#content .theater{border-top:2px solid #a81c63;}
#content .theater .movie{padding:15px;background:url("/images/boardskin/td_line.gif") bottom repeat-x;}

#content .tabmenu_visit li{float:left;}
#content .visit_txt{padding:40px 30px 0 30px;}
#content .visit_ul li{background:url("/images/theater/bu_visit.gif") 2px 6px no-repeat;padding:0 0 7px 15px;}
#content .visit_txt .apply{border-top:2px solid #a81c63;}
#content .visit_txt .apply th{background:url("/images/boardskin/td_line.gif") bottom repeat-x;padding-left:10px;text-align:left;font-size:95%;/*font-family:'Dotum';*/color:#8a8a8a;}
#content .visit_txt .apply td{background:url("/images/boardskin/td_line.gif") bottom repeat-x;font-size:95%;/*font-family:'Dotum';*/color:#8a8a8a;padding:6px 0;}
#content .visit_txt .apply .input_apply{height:20px;background-color:#f8f8f8;border:1px solid #e9e9e9;}
#content .visit_txt .businesssituation th{border-top:2px solid #a81c63;border-bottom:2px solid #a81c63;font-size:95%;/*font-family:'Dotum';*/padding:6px 0;}
#content .visit_txt .businesssituation td{background:url("/images/boardskin/td_line.gif") bottom repeat-x;font-size:95%;/*font-family:'Dotum';*/padding:10px 0;text-align:center;}
#content .visit_txt .businesssituation .title{text-align:left;}
#content .visit_txt .title_year{height:20px;background:url("/images/theater/year_bg.gif") 10px top no-repeat;color:#fff;font-weight:bold;padding:6px 0 0 21px;letter-spacing:-1px;}

#mediahall{}
#mediahall .txt{float:left;width:660px;border:5px solid #c8c8c8;background-color:#fff;padding:25px;}
#mediahall .close{float:left;}

/*미디어도서관*/
#content .library_guide{width:100%;border-top:1px solid #e7e7e7;}
#content .library_guide th{border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;padding:15px;text-align:left;}
#content .library_guide td{border-bottom:1px solid #e7e7e7;padding:15px;}

#content .book_category{margin-bottom:20px;}
#content .book_category th{height:31px;}
#content .book_category td{border:1px solid #e7e7e7;padding:15px;vertical-align:top;}
#content .book_category li{font-size:90%;}
#content .book_category .on{padding-left:5px;font-weight:bold;background-color:#adadad;color:#fff; *color: white;}
#content .book_category .on a{color:#fff;}



/* 회원가입 */
#contents .cont_box { background:url("/images/member/box_bg02.gif") top left repeat-y; text-align:center;margin-top:10px;margin-bottom:10px;}
#member_join .agree{ border-top:2px solid #ff5614; border-bottom:1px solid #e5e5e5; padding:20px; margin-top:10px; margin-bottom:20px;}
#member_join .agree .stit {color:#6F6F6F;margin-bottom:10px; background:url("/images/common/bullet06.gif") 3px no-repeat; padding-left:18px;font-weight:bold;}
#member_join .agree_con{ border:1px solid #e1e1e1; width:660px; height:220px; margin-bottom:30px;}
#member_join .agree_ok {text-align:center;}

#content .login{padding:30px 0 0 50px;}
#content .login_box {width:600px; overflow:hidden;padding:45px 0 45px 0;border-top:2px solid #505050;border-bottom:1px solid #505050;margin-top:15px;}
#content .login_box ul{float:left;padding-left:100px;}
#content .login_box li{margin-bottom:5px; text-align:left;}
#content .login_box li input{height:28px; width:200px; border:1px solid #e1e1e1;}
#content .login_box .btn_login{float:left;padding-left:5px;}
.login_box .login_join {clear:both;padding-top:20px;padding-bottom:10px;margin-left:220px;border-top:1px solid #e5e5e5;}
.label_text { font-size:90%; color:#f95951; }
#content .login_txt{margin-top:50px;width:500px;padding-left:100px;font-size:90%;}
#content .login_txt dt{float:left;}
#content .login_txt dd{text-align:right;padding-bottom:5px;}
.step_menu{width:100%; overflow:hidden; margin-bottom:30px;}
.step_menu li{float:left;}

.zip_title{position:relative;height:50px;background-color:#696969;}
.zip_title p{padding:12px 0 0 12px;}
.zip_title span{position:absolute;right:7px;top:7px;}
.zip_search{padding:20px;}
.zip_search .box{padding:15px;background-color:#f3f3f3;text-align:center;}
.input_zip_search{height:20px;width:150px;}
.zipcode_tb th{font-size:90%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;height:24px;}
.zipcode_tb td{border-bottom:1px solid #f4f4f4;padding:4px 0 2px 0;}
.zipcode_tb .zipcode{text-align:center;/*font-family:'Tahoma';*/font-size:95%;}
.privacy{width:670px;height:680px;padding:20px;color:#696969;line-height:150%;}

/*마이페이지*/
#content .mypage_txt{font-size:90%;padding:0 0 15px 0;}
#content .mypage{border-top:2px solid #ffdd40;}
#content .mypage th{background:url("/images/boardskin/td_line.gif") bottom repeat-x;font-size:90%;text-align:left;padding-left:10px;}
#content .mypage th span{display:block;color:#bdbdbd;}
#content .mypage td{padding:6px 0 5px 0;background:url("/images/boardskin/td_line.gif") bottom repeat-x;}
#content .mypage td span{font-size:90%;}
#content .mypage td dt{font-size:95%;}
#content .mypage td dd{padding:7px 0 15px 0;}
#content .mypage .input_mypage{height:20px;background-color:#f8f8f8;border:1px solid #e9e9e9;}
#content .list_on { display:block; }
#content .list_off { display:none; }
#content #education_area ul { display:inline; overflow:hidden; }
#content #education_area ul li { float:left; padding-right: 20px; }
#content .my_use_title {background:url('/images/common/bu3.gif') no-repeat 10px 2px; padding:0 0 8px 23px;font-size:120%;}
#content .my_use_title.on {font-weight:bold;}
#content .my_use_view{font-size:90%;color:#f08b59;}
#content .mypage_edu_apply1{border:2px solid #f4f4f4;font-size:90%;padding:20px;}
#content .mypage_edu_apply2{border:2px solid #6e6e6e;padding:20px;}
#content .mypage_edu_apply2 li{padding:5px 0;}
#content .edu_contents_list label { font-weight: bold; color: #000; letter-spacing: -0.02em; font-size: 14px; }
#content .edu_contents_list > li { margin-bottom: 15px; }
#content .edu_contents_list > li:last-child { margin-bottom: 0; }
#content .edu_contents { display: block; padding: 10px; border:1px solid #e7e7e7; margin-top: 10px; margin-left: 16px; }

/* 기본 테이블 */
.basic_table {width:100%;margin-top:10px;margin-bottom:10px;border-top:2px solid #ffdd40;}
.basic_table th {background:url("/images/boardskin/th_line.gif") right no-repeat #fff;height:30px;color:#7f7f7f;font-size:95%; border-bottom:1px solid #e5e5e5;padding-left:10px;}
.basic_table .th2 {background:#fff;}
.basic_table .th3 {background:#f3f3f3;}
.basic_table td {padding:5px 10px;border-bottom:1px solid #e5e5e5;}
.basic_table td.subject {padding-left:10px;text-align:left;}
.tit_category {font-size:11px;color:#999999;}
.fee {font-size:11px;color:#ff6633;font-weight:bold;}

#content .table_style1{width:100%;}
#content .table_style1 td{border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;padding:6px;font-size:100%;}

#content .table_style1 th{border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;padding:9px;}
#content .table_style1 th.f_style1{background:url("/images/education/introduce_regular_thbg.gif") 0 0 no-repeat;}
#content .table_style1 th.f_style2{background:url("/images/education/introduce_regular_thbg.gif") -10px 0 no-repeat;}
#content .table_style1 th.f_style3{background:url("/images/education/introduce_regular_thbg.gif") right 0 no-repeat;}
#content .table_style1 th.f_style4{background:url("/images/education/introduce_regular_thbg.gif") 0 bottom no-repeat;}
#content .table_style1 th.f_style5{background:url("/images/education/introduce_regular_thbg.gif") -10px bottom no-repeat;}
#content .table_style1 th.f_style6{background:url("/images/education/introduce_regular_thbg.gif") -10px bottom no-repeat;}
#content .table_style1 th.f_style7{background:url("/images/education/introduce_regular_thbg.gif") right bottom no-repeat;}
#content .table_style1 .none{border-right:none;}
#content .table_style1 .btm_none{border-bottom:none;}
#content .table_style1 .table_list li{background:url("/images/common/bullet_label.gif") 2px 7px no-repeat;padding-left:9px;}


/* 입력폼 테이블 */
.form_table{margin:1em 0;}
.form_table table{width:100%;border-top:2px solid #ff5614;}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:8px;border:0;vertical-align:top;border-bottom:1px solid #e5e5e5}
.form_table th{font-weight:bold; color:#7f7f7f; font-size:95%; background:#FFF;border-bottom:1px solid #e5e5e5; text-align:left;}
.form_table td{color:#666}
.form_table td.noline{border-bottom:none; padding:3px 10px;}
.form_table td label{ margin-right:20px; margin-left:3px;}
.form_table textarea {width:98%; height:80px}

/*스케쥴*/
#schedule .schedule_cont {margin:0 25px;}
#schedule .schedule_cont table{width:100%; background:url(/images/schedule/day_bg04.gif) left top repeat-x; font-size:95%;}
#schedule .schedule_cont th{ height:34px;}
#schedule .schedule_cont .tit_sun { background:url(/images/schedule/day_bg01.gif) left top repeat-x;}
#schedule .schedule_cont .tit_normal { background:url(/images/schedule/day_bg02.gif) right no-repeat;}
#schedule .schedule_cont .tit_sat {  background:url(/images/schedule/day_bg03.gif) right top repeat-x;}
#schedule .schedule_cont .day_sun { color:#e30000; }
#schedule .schedule_cont .day_normal { color:#808080; }
#schedule .schedule_cont .day_sat { color:#0080ff; }

#schedule .schedule_cont td {background:url('/images/schedule/dotline_v.gif') left bottom repeat-x; height:100px; vertical-align:top}
#schedule .schedule_cont .today{ border:5px solid #a5da32;}
#schedule .schedule_cont dl{ margin:10px 0; padding:0 10px; background:url(/images/schedule/dotline_h.gif) top right repeat-y; height:104%; overflow:hidden; overflow-y:auto; scrollbar-face-color:#e1e1e1; scrollbar-arrow-color:#fff; scrollbar-track-color:#fefefe; scrollbar-3dlight-color:#fff; scrollbar-shadow-color:#fefefe;scrollbar-darkshadow-color:#fff;}
#schedule .schedule_cont dt{ font-size:130%;color:#73a900; font-size:110%; /*font-family:"gulim";*/ color:#4e4e4e; font-weight:bold; margin-bottom:10px; text-align:right}
#schedule .schedule_cont dd{ height:20px; width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px;}
#schedule .schedule_cont dd a:hover{ color:#4b4b4b;}
#schedule .schedule_cont p.cate{text-align:right;padding-right:5px; margin-bottom:10px;}
#schedule .schedule_cont p.cate span{margin:0 5px;}

.material_info{ margin-bottom:30px; border-top:2px solid #13b278;}
.material_info table {width:100%;margin-top:10px;margin-bottom:10px;}
.material_info th {background:url("/images/boardskin/th_line.gif") right no-repeat #fff;height:30px;color:#7f7f7f;font-size:95%; border-bottom:1px solid #e5e5e5;padding-left:10px;}
.material_info .th2 {background:#fff;}
.material_info .th3 {background:#f3f3f3;}
.material_info td {padding:5px 10px;border-bottom:1px solid #e5e5e5;}
.material_info td.subject {padding-left:10px;text-align:left;}

/* 마이페이지 교육신청 취소시 환불정보 레이어 */
#refund_area{ margin-left:100px; margin-top:200px; border:8px solid #d5d5d5;position:absolute; width:600px;background:#ffffff; z-index:99; overflow:hidden; padding-bottom:10px; display:none;}
#refund_area .close{ float:right; margin:10px;}
#refund_area .refund_area_wrap h5{margin-bottom:15px;}
#refund_area .refund_area_wrap{ padding:20px;}
#refund_area .refund_area_wrap textarea{width:100%;}
#refund_area .refund_area_wrap .bt{ text-align:right; }
#refund_area #refund_settle_type_zone { display:none; }
#refund_area #refund_bank_own_zone { display:none; }
#refund_area #refund_bank_name_zone { display:none; }
#refund_area #refund_bank_no_zone { display:none; }
#refund_area td ul li span { font-size:100%; color: red; }

.map_pop			{width:150px;border:2px solid #00929F;background:#ffffff;padding:5px 5px 5px 5px;}
.map_poptit		{font-size:8pt;}

/*회원가입 팝업*/
#pop_join{position:relative;background:url("/images/member/bg_pop.gif") repeat-y 40px 0;}
#pop_join .btn_pop_close{position:absolute;top:30px;right:30px;}
#pop_join .left_title{position:absolute;left:35px;top:35px;}
#pop_join .pop_join_area{padding:45px 0 50px 110px;width:590px}

#pop_join .pop_join_area .pop_join_txt{margin-top:40px;}
#pop_join .pop_join_area .pop_join_txt .stitle_no{float:left;padding-right:15px;}
#pop_join .pop_join_area .pop_join_txt .stitle{padding-bottom:10px;}
#pop_join .pop_join_area .pop_join_txt .btn_pop_go{text-align:right;padding-top:12px;}

/*예매공지 팝업*/
.reserve_notice {width:700px;height:770px;position:relative;}
.reserve_notice span{position:absolute;top:30px;right:30px;}



/* 교육설문 */
.survey_contents {
	width: 780px;
	margin:10px;
	padding:10px;
	border: 2px solid #e7e7e7;
	/*font-family:Tahoma, Malgun Gothic, Dotum, sans-serif;*/
}

.survey_contents .location {
	background-color: #fafafa;
	padding: 25px 0 25px 40px;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
}

.survey_contents h3 {font-size:16px;}

.survey_contents h5 {font-size:13px; margin:3px; padding:3px; border-bottom: 2px solid #ffdd40;}

.survey_contents .txt {    font-size: 90%;    padding: 10px;}

.survey_contents .survey {	margin-bottom:10px;}

.survey_contents .survey input[type="checkbox"]  {margin:0 0 0 10px;}
.survey_contents .survey input[type="radio"]  {margin:0 0 0 10px;}
.survey_contents .survey input[type="radio"].first  {margin:0;}
.survey_contents .survey input[type="radio"].first_mg  {margin:0 0 0 48px;}

.survey_contents textarea  {width:100%; height:70px;}

.survey_contents .survey th {
	background: url("/images/boardskin/td_line.gif") bottom repeat-x;
	text-align: left;
	padding: 7px 0 7px 5px;
}

.survey_contents .survey td {
	padding: 7px 0 7px 0;
	background: url("/images/boardskin/td_line.gif") bottom repeat-x;
}

.survey_contents .svy_text2 {width:500px;}

.survey_contents .survey_btn_zone {    text-align: right;    padding: 20px 20px 20px 0px;}

.survey_contents .survey_btn_zone input[type="submit"]  {padding:7px 15px; font-size:12px; font-weight:bold;}

.survey_contents .survey01 li{margin:15px 0;}
.survey_contents .survey01 li input[type="radio"] { margin-left:12px; }
.survey_contents .survey01 li input[type="radio"].first { margin-left:15px; }
.survey_contents .survey01 li span { margin-left:20px; }

.survey_contents .survey01 li dl dd { display:inline-block; margin-left:35px; }
.survey_contents .survey01 li dl dd.first { margin-left:12px; } 
.survey_contents .survey01 li dl dd.second { margin-left:15px; } 


/*출석부*/
.rollbook_box{width:709px; height:56px; position:relative;}
.rollbook_box .rollbook_title{padding-left:20px; background: url("/images/mypage/rollbook_arrow.gif") left 16px no-repeat; font-weight:bold; padding-top:15px;}
.rollbook_box .rollbook_images{position:absolute; right:0; top:0; z-index:998;}

.attendance_table{border-top:2px solid #f36621;}

.attendance_title tr th{height:61px; border-bottom:1px solid #ddd; background-color:#fff;}

.attendance_date tr th.num_txt{text-align:center;  border-bottom:1px solid #ddd; height:30px; background-color:#fff;}
.attendance_date tr th.date_txt{ text-align:center; border-bottom:1px solid #ddd; height:30px; background-color:#fcfcfc; font-size:11px; font-weight:normal;}

.attendance_left tr td{height:30px; border-bottom:1px solid #ddd; background-color:#fff;}
.attendance_left tr td.center_txt{text-align:center;}
.attendance_left tr td.left_txt{text-align:left; padding-left:5px;}

.attendance_list tr td{border-bottom:1px solid #ddd; height:30px; text-align:center;}
.attendance_list tr td.tdColor_01{background-color:#ffffff;}
.attendance_list tr td.tdColor_02{background-color:#fef4ef;}

/*교육내용 테이블*/

.basic-list01		{border-top:2px solid #666; margin-top:20px; position:relative;}
.basic-list01 table{width:100%;}
.basic-list01 thead tr{background-color:#f7f7f7; }
.basic-list01 th	{padding:13px 0 12px 0;color:#454545; border-right:1px solid #ddd;  border-bottom:1px solid #ddd; font-size:100%;}
.basic-list01 th.td_end{border-right:none;}
.basic-list01 td	{padding:12px 0; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ddd;}
.basic-list01 td.td_end{border-right:none;}

/*교육_ 미디어스쿨 추가*/
.edu_title01{display:block;}
.edu_title02{display:inline-block; padding:3px 0;}


/*제작지원 신설 20170704*/
.support_dl {padding-left:20px;}
.support_dl dl {width:100%;padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.support_dl dl.top_line {border-top:1px solid #ddd;} 
.support_dl dt {float:left;width:22%;font-weight:bold;}
.support_dl dd {float:left;width:78%;}
.support_dl_clear {clear:both;}

.support_list_area{width:100%;padding:40px 0;}
.support_list_area .btn_zone {text-align:right; padding:0;}

.support_list {width:100%; border-top:2px solid #e91403; overflow:hidden; margin-bottom:30px; margin-top:10px; }
.support_list ul{width:660px;overflow:hidden;margin:0 auto;}
.support_list li{ float:left;background:url(/images/common/dot_line.gif) bottom repeat-x; margin-bottom:10px; padding:20px 10px; width:200px; text-overflow:ellipsis; white-space:nowrap; word-break: break-all;}
.support_list li.full{ float:left;background:url(/images/common/dot_line.gif) bottom repeat-x; margin-bottom:10px; padding:20px 11px; width:100%; text-overflow:ellipsis; white-space:nowrap; word-break: break-all; overflow:hidden; }
.support_list li p{ text-align:right; margin:5px 0; color:#c3c3c3; font-size:95%;}
.support_list li dl{width:200px; overflow:hidden;}
.support_list li dt a{display: block;width: 200px; color:#606060;text-overflow:ellipsis; white-space:nowrap; word-break: break-all; overflow:hidden; }
.support_list li dt.title_center {width:100%;text-align:center;font-size:110%;font-weight:bold; padding-bottom:10px;}
.support_list li dt span{color:#f26741; /*font-family:tahoma;*/ font-size:85%;}
.support_list li dd{float:left; font-size:95%;text-overflow:ellipsis; white-space:nowrap; word-break: break-all; overflow:hidden;}
.support_list li dd.hit{float:left;}
.support_list li dd.date{float:right;}
.support_list li dd.center{width:100%;text-align:center;}
.support_list li dd strong{ color:#c3c3c3;}
/* .photo { width:120px; height:150px;} */
.photo { width:220px; height:120px;}

.stillcut_list {width:100%; overflow:hidden;}
/* .stillcut_list p{float:left;padding:15px 20px;text-overflow:ellipsis; white-space:nowrap; word-break: break-all; overflow:hidden;} */
.stillcut_list p{float:left;padding:0;text-overflow:ellipsis; white-space:nowrap; word-break: break-all; overflow:hidden;}

.stillcut {position:relative;width:100%; height:390px; overflow:hidden;margin-bottom:40px;}
/*
.stillcut .stillcut_img {position:absolute;top:20px;left:20px;width:630px;height:350px;}
.stillcut .stillcut_img img { width:630px;height:350px;}
.stillcut .stillcut_arrow_n {position:absolute;top:165px;right:20px;}
.stillcut .stillcut_arrow_p {position:absolute;top:165px;left:20px;}
*/
.stillcut .stillcut_img {position:absolute;width:670px;height:390px;}
.stillcut .stillcut_img img { width:670px;height:390px;}
.stillcut .stillcut_arrow_n {position:absolute;top:165px;right:5px;}
.stillcut .stillcut_arrow_n img { cursor:pointer; }
.stillcut .stillcut_arrow_p {position:absolute;top:165px;left:5px;}
.stillcut .stillcut_arrow_p img { cursor:pointer; }


.support_view		{margin-bottom:10px;}
.support_view .con	{padding:20px;background:url("/images/boardskin/td_line.gif") bottom repeat-x;}
.support_view .con .sns{text-align:right;padding-top:5px;}
.support_view .con dl	{position:relative;font-size:95%;padding-top:20px;}
.support_view .con dl dt{position:absolute;left:0;color:#2a80a4;}
.support_view .con dl dt.f	{color:#f37453;}
.support_view .con dl dd{padding:0 0 0 55px;}
.support_view .con .movie_overflow{ overflow-x:hidden; word-break:break-all;}

#content .support_view .product_base_info {border-bottom:2px solid #ccc; padding-bottom:20px; }
#content .support_view .product_base_info li	{position:relative;padding:10px 10px 10px 195px;/*font-family:gulim;min-height:229px;_height:229px;*/min-height:109px;_height:109px;}
#content .support_view .product_base_info li .thumb{position:absolute;top:10px;left:-4px;}
#content .support_view .product_base_info li .thumb img{width:200px;height:120px;}
#content .support_view .product_base_info li p	{position:relative;left:25px; font-weight:bold;color:#606060;font-size:120%;padding:5px 0px 5px 0px;}
#content .support_view .product_base_info li p img{position:relative;top:-1px;}
#content .support_view .product_base_info li div dl	{position:relative;width:450px;padding-top:2px; left:25px; }
#content .support_view .product_base_info li div dl dt { color:#9e766c;margin:0;font-size:100%;width:100px; float:left;}
#content .support_view .product_base_info li div dl dd { margin:0; width:350px; float:left; padding-left:100px; }


.support_view .station_txt li{float:left;padding-right:40px;}
.support_view .station_txt li span{color:#2a80a4;}
.support_view .station_txt .station_txt_tit{color:#2a80a4;padding:15px 0 5px 0;}
.support_view .station_txt .station_txt_con{border:1px solid #e1e1e1;padding:15px; margin-bottom:15px;}
.support_view .station_txt .station_txt_con_nobd{border:none;padding:15px; margin-bottom:15px;}

.staff_list	{border-top:1px solid #ddd; margin-bottom:40px; position:relative;}
.staff_list table{width:100%;}
.staff_list th	{padding:10px 20px; color:#454545; border-right:2px solid #e91403;  border-bottom:1px solid #ddd; font-size:100%; background-color:#f7f7f7; text-align:left; }
.staff_list td	{padding:10px 20px; text-align:left; border-bottom:1px solid #ccc; border-right:1px solid #ddd; }
.staff_list td.td_end{border-right:none;}


/*미디어ON 마을영상 & 마을라디오*/
.tvon_contents {padding-top: 50px;overflow: hidden;width: 668px; margin: 0 auto;}

.tvon_contents .tvon_media {width: 700px;float: left;}
.tvon_contents .tvon_radio {width: 318px;float: right;}

.tvon_contents .header {width: 318px; line-height: 30px; border-bottom: 2px solid #cb3e5f;padding-bottom:15px;}

.tvon_contents .board>li {padding: 15px 0; overflow: hidden; border-bottom: 1px dotted #c5c5c5;}
.tvon_contents .board>li>div {width: 155px; height: 97px; float: left;}
.tvon_contents .board>li>dl {padding-left: 15px; width: 148px; float: right;}


/*마을미디어 지원현황*/
.mediaView_title {padding: 30px 20px 0 20px;}
.product_base_info .media_conttxt {overflow: hidden;position: relative;}
.product_base_info .media_conttxt>.fl {width: 350px; float: left;}
.product_base_info .media_conttxt>.fr {width: 80px; float: right;margin: 0;left: 0; right: 0; top: 0; bottom: 0; position:relative; }

.snin_warp {}
.snin {padding-right:22px;}
.snin_warp li:last-child {padding-right:0px;}
.sn_icon {padding-top:10px;}

.fl_wrap:after{display:block;clear:both;content:""}
.station_base_info {padding-bottom: 20px; border-bottom: 2px solid #ccc;}
.view_img {float:left; width:150px;}
.view_text{float:right; width:460px;}
.view_text_b{float:right; width:460px; color:#333; font-size:13px; padding-bottom:5px;}
.text_b{color:#666; font-size:13px; padding-top:7px; padding-bottom:7px;}
.view1_top{padding-top:24px;}

.vp_left{width:300px; float: right;}

.station_box>* {display:inline-block; vertical-align:top;}
.station_box>.video_box {width: 270px;}
.station_box>.video_box>* {width: 100% !important;}
.station_box>p {width:calc(100% - 290px); padding-left:10px;}
.station_txt_con_sn1{border:1px solid #e1e1e1; padding:15px;}
.station_txt_con_sn2{border:1px solid #e1e1e1; padding:15px;}

.float_pd{padding: 20px 32px 10px 0; background:url("/images/boardskin/td_line.gif") bottom repeat-x;}
.float_pd:after{display:block;clear:both;content:""}
.float_pd li {width: 150px; padding-right: 22.5px;}
.float_pd li a {display: block; width: 150px; height: 100%;}
.float_pd li .sn_icon {width: 150px;}
.float_pd li .sn_icon>img {height: 19.8px;}

.broadcasting {width:100%;border-top:2px solid #cb3e5f;}

.ellipsis {display: block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/**/
.pt00 {padding-top: 0 !important;}
.mt00 {margin-top: 0 !important;}

/* 공동체 방송국 온라인교육 레이어 팝업 */
#pop_station_20200730 { top: 116px; background:#FFCF6D; }
.pop_station { position: absolute; top:116px; left:237px; z-index: 1000; padding:10px; background:#222; }
.pop_station .close { }
.pop_station .close label, .pop_station .close strong { font-family: 'Noto Sans KR', sans-serif; color: #333; font-size:13px; font-weight:600; }

.close {text-align:right; height:30px; line-height:30px; padding:0 5px; vertical-align:middle; }
.close div{display:inline-block; text-align:right; color:#fff; }
.close form > div {margin-left:0; vertical-align: middle; font-size:0; }
.close label { cursor:pointer; font-size:12px; }
.close strong { font-size:11px; color:#fff; font-weight:400; }
.close input[type=checkbox] { margin-right:5px; }


/* 공간대관 수용인원 축소 운영 안내 레이어 팝업 */
#pop_space_20200731 { top: 0px; background:#FFCF6D; }
.pop_space { position: absolute; top:0px; left:237px; z-index: 1000; padding:10px; background:#222; }
.pop_space .close { }
.pop_space .close label, .pop_space .close strong { font-family: 'Noto Sans KR', sans-serif; color: #333; font-size:13px; font-weight:600; }


/* 레이어 팝업 */
#pop_main_20210312 { top: 77px; left:236px; background:#FFCF6D; }
.pop_main { position: absolute; top:30px; left:20px; z-index: 1000; padding:10px; background:#222; }
.pop_main .close { }
.pop_main .close label, .pop_main .close strong { font-family: 'Noto Sans KR', sans-serif; color: #333; font-size:13px; font-weight:600; }

.close {text-align:right; height:30px; line-height:30px; padding:0 5px; vertical-align:middle; }
.close div{display:inline-block; text-align:right; color:#fff; }
.close form > div {margin-left:0; vertical-align: middle; font-size:0; }
.close label { cursor:pointer; font-size:12px; }
.close strong { font-size:11px; color:#fff; font-weight:400; }
.close input[type=checkbox] { margin-right:5px; }

/* 개인정보처리방침 */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url('../fonts/NotoSansKR-Regular.woff') format('woff'), url('../fonts/NotoSansKR-Regular.otf') format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), url('../fonts/NotoSansKR-Bold.woff') format('woff'), url('../fonts/NotoSansKR-Bold.otf') format('opentype'); }
.privacy_policy { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: -0.5px; color: #333; font-weight: 400; }
.privacy_policy * { font-family: 'Noto Sans KR', sans-serif; }
.privacy_policy a { text-decoration: none; color: #00f !important; }
.privacy_policy a:hover { text-decoration: underline; }
.privacy_policy .policy_title { font-size: 22px; font-weight: bold; margin-bottom: 15px; text-align: center; }
.privacy_policy .policy_desc { margin-bottom: 30px; text-align: center; word-break: keep-all; font-size: 14px; }
.privacy_policy .labeling_list_wrap { line-height: 1.3; width: 100%; margin-bottom: 30px; table-layout: fixed; border-collapse: collapse; border: 1px solid #ddd; }
.privacy_policy .labeling_list_wrap th,
.privacy_policy .labeling_list_wrap td { padding: 10px; border: 1px solid #ddd; font-size: 14px; vertical-align: baseline; }
.privacy_policy .labeling_list_wrap th { font-size: 15px; font-weight: bold; text-align: center; border-top: 2px solid #333; background-color: #f1f1f1; }
.privacy_policy .labeling_list_wrap td { text-align: center; word-break: keep-all; color: #666; }
.privacy_policy .labeling_list_wrap .labeling_img { display: inline-block; width: 55px; margin-bottom: 7px; }
.privacy_policy .labeling_list_wrap .labeling_img2 { display: inline-block; width: 31px; margin-right: 5px; }
.privacy_policy .labeling_min_img { width: 31px; margin-left: 5px; vertical-align: bottom; }
.privacy_policy .labeling_list_wrap .labeling_item:hover,
.privacy_policy .labeling_list_wrap .labeling_item:focus { text-decoration: underline; }
.privacy_policy .labeling_item_title { font-weight: bold; color: #333; }
.privacy_policy .privacy_policy_title { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.privacy_policy .privacy_policy_list { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; word-break: keep-all; }
.privacy_policy .privacy_policy_list > li { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 14px; }
.privacy_policy .privacy_policy_list > li:last-child { margin-bottom: 0; }
.privacy_policy .privacy_policy_list .privacy_policy_list { font-size: 13px; margin-top: 7px; }
.privacy_policy .privacy_policy_list .privacy_policy_list > li { padding-left: 15px; }
.privacy_policy .privacy_policy_list2 { list-style: none; margin: 0; padding: 0; }
.privacy_policy .privacy_policy_list2 > li { position: relative; padding-left: 10px; }
.privacy_policy .privacy_policy_list2 > li:before { position: absolute; top: 10px; left: 0; display: block; width: 2px; height: 2px; content: ""; background-color: #333; }
.privacy_policy .privacy_policy_num { position: absolute; top: 0; left: 0; }
.privacy_policy .policy_cont { margin-bottom: 30px; }
.privacy_policy .policy_table { line-height: 1.3; width: 100%; margin-top: 10px; border-collapse: collapse; border-top: 2px solid #333; }
.privacy_policy .policy_table th,
.privacy_policy .policy_table td { font-size: 13px; padding: 5px 10px; text-align: center; border: 1px solid #ddd; vertical-align: middle; }
.privacy_policy .policy_table th { font-weight: bold; background-color: #f1f1f1; }
.privacy_policy .policy_table .align_left { text-align: left !important; }
.privacy_policy .policy_btn { font-size: 13px; display: inline-block; margin: 5px 0; padding: 5px 10px; color: #fff !important; background-color: #333; }
.privacy_policy .toc { display: flex; align-items: center; text-align: left; }
.privacy_policy .privacy_img1 { margin: 30px 0; text-align: center; border: 1px solid #ddd; padding: 30px; }
.privacy_policy .privacy_img1 img { max-width: 100%; }
.policy_color { color: #fc4c4e !important; font-weight: bold !important; }

/* 마을 미디어 */
.village_media { padding: 50px 0 30px 0; box-sizing: border-box; overflow: hidden; width: 708px; margin: 0 auto; }
.village_media .village_media_img { text-align: center; margin-bottom: 45px; }

/* 공통 리스트 */
.cm_doc_list1,
.cm_doc_list1 * { box-sizing: border-box; }
.cm_doc_list1 .doc1_list { display: flex; flex-wrap: wrap; margin: -10px; }
.cm_doc_list1 .doc1_list > li { width: 25%; padding: 10px; perspective: 500px; }
.cm_doc_list1 .doc1_box { transform-style: preserve-3d; transition: 0.35s ease; position: relative; display: block; width: 162px; height: 162px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; }
.cm_doc_list1 .doc1_front,
.cm_doc_list1 .doc1_back { text-align: center; display: flex; align-items: center; justify-content: center; padding: 15px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top:0; left: 0; backface-visibility: hidden; }
.cm_doc_list1 .doc1_front { z-index: 1; }
.cm_doc_list1 .doc1_front img { max-width: 100%; width: 120px; height: 120px; }
.cm_doc_list1 .doc1_back { transform: rotateY(180deg); font-weight: bold; font-size: 14px; color: #000; letter-spacing: -1px; }
.cm_doc_list1 .doc1_list > li.skin1 .doc1_box { background-image: url(/images/community/village_media_bg1.png); }
.cm_doc_list1 .doc1_list > li.skin2 .doc1_box { background-image: url(/images/community/village_media_bg2.png); }
.cm_doc_list1 .doc1_list > li.skin3 .doc1_box { background-image: url(/images/community/village_media_bg3.png); }
.cm_doc_list1 .doc1_list > li.skin4 .doc1_box { background-image: url(/images/community/village_media_bg4.png); }
.cm_doc_list1 .doc1_list > li:hover .doc1_box { transform: rotateY(180deg); }

.btn_b{background:#5F6B72; color:#fff !important; padding:5px; font-size: 8px;}