@charset "utf-8";

pre{font-family: 'Nanum Gothic', Nanum Myeongjo, 나눔고딕, 나눔명조, monospace !important;}
.hidden{display:none;}

.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_50{margin-top:50px;}

.mr_2{margin-right:2px;}
.mr_10{margin-right:10px;}
.mr_25{margin-right:25px;}


.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}


.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}

.clear{clear:both;}


.tx_orange{color:#f37721;}
.tx_blue{color:#0e95cf !important;}
.tx_normal{font-size:15px; font-weight:normal; color:#7d7d7d;}


.line{border-bottom:dashed 1px #d6d6d6; padding:20px 0;}


.inline li{display:inline; float:left;}
.inline:after{clear:both; display:block; visibility:hidden; content:"";}

.center{text-align:center;}


#contents li{list-style:none;}
#contents h3{margin-bottom:20px; font-size:24px; color:#333;}
#contents h3 img{padding-left:10px; width:120px;}
#contents h4{font-size:18px; color:#444; margin-bottom:5px; padding-top:10px;}
#contents h5{font-size:15px; color:#555; margin-bottom:5px; padding-top:10px;}




/**********************************************   소개마당  ***********************************************************/

.infor_title{width:100%;}
.infor_title li{display:inline; float:left;}
.infor_title li img{width:140px; padding:5px 0 0 10px;}
.infor_intro{font-size:16px; font-weight:bold; color:#333; line-height:22px; margin-bottom:16px;}

.infor_img{width:100%; margin-top:20px; clear:both; float:left;}

.infor_img dl{width:100%;margin-bottom:10px;}
.infor_img dt{font-size:17px; font-weight:bold; color:#333; margin-bottom:10px; padding-top:10px;}
.infor_img dt span{width:18px; height:18px; text-align:center; font-weight:bold; font-size:18px; color:#fff; background-color:#45a6b7; padding:4px; margin-top:-3px; margin-right:5px; float:left;}
.infor_img ul{width:250px; float:left;}



.infor_img2{width:100%; margin-top:20px; clear:both; float:left;}
.infor_img2 dt{font-size:17px; font-weight:bold; color:#333; margin-bottom:5px; padding-top:8px;}
.infor_img2 dt span{width:18px; height:18px; text-align:center; font-weight:bold; font-size:18px; color:#fff; background-color:#45a6b7; padding:4px; margin-top:-5px; margin-right:5px; float:left;}




.sub_con dt{font-size:17px; font-weight:bold; color:#333; margin-bottom:10px; padding-top:10px;}

.sub_title{font-size:17px; font-weight:bold; color:#333; margin-bottom:5px; padding-top:10px;}

.infor_con li{margin-bottom:10px; background:url('../img/infor_bar.gif') no-repeat; padding-left:20px;}


/**********************************************   점자의이해  ***********************************************************/ 


.dot_infor{margin-top:10px;}
.dot_infor p{width:220px; float:left;}
.dot_infor p img{width:200px;}
.dot_infor_img02{float:right;}
.dot_infor_img02 img{width:200px; margin-left:20px;}
.clear{clear:both;}



/*
.dot_process{margin-top:20px; color:#333;clear:both; font-weight:bold; margin-bottom:5px; font-size:15px; float:left;}
.dot_process ul{clear:both; margin-left:30px; color:#7d7d7d; font-weight:normal; float:left;}
.dot_process .pro_no{width:16px; height:18px; text-align:center; font-weight:bold; font-size:18px; color:#fff; background-color:#45a6b7; padding:3px; margin-top:-3px; margin-right:5px; float:left;}
.dot_process span.tx_normal{width:100%; clear:both; background-color:none; font-size:15px; font-weight:normal; margin:5px 0 0 30px; color:#7d7d7d; float:left;}
*/

.dot_process{width:100%;}
.dot_process div{display:inline; float:left;}
.process_con{width:182px; height:300px; padding-right:20px; border-right:dashed 1px #d6d6d6; float:left;}

.academy_con li{display:inline; float:left; padding-bottom:7px; width:251px; background-color:#efefef; text-align:center; margin-top:10px; color:#333; font-size:13px;}
.academy_con li img{width:251px;}
.academy_con li span{padding-top:10px;}
.academy_con:after{clear:both; display:block; visibility:hidden; content:"";}


.performance_con li{display:inline; float:left; width:180px; text-align:center; margin-top:10px; color:#333; font-size:13px;}
.performance_con li img{
width:180px;
height:150px;
}
.performance_con:after{clear:both; display:block; visibility:hidden; content:"";}

/**********************************************   점자악보  ***********************************************************/

.caption:after{clear:both; display:block; visibility:hidden; content:"";}

.search_select{width:80px; height:30px;}
.search_select1{width:250px; height:26px;}



.search{width:362px; float:right;}
.music_board{width:100%; margin-top:3px; margin-bottom:30px; float:left;}
.music_board li{display:inline; float:left;}
.board_title{width:100%; border-top:solid 1px #333; float:left;}
.board_title li{color:#333; padding:10px 0; font-weight:bold; border-bottom:solid 1px #b8b8b8; background-color:#f3f3f3; text-align:center;}

.title_no{width:50px; border-right:solid 1px #b8b8b8;}
.title_part{width:77px; border-right:solid 1px #b8b8b8;}
.title_inst{width:77px; border-right:solid 1px #b8b8b8;}
.title_name{width:372px; border-right:solid 1px #b8b8b8;}
.title_swriter{width:134px; border-right:solid 1px #b8b8b8;}
.title_file{width:62px; border-right:solid 1px #b8b8b8;}
.title_down{width:57px;}


.board_con{width:100%; font-size:14px; float:left;}
.board_con li{font-size:14px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #e3e3e3;}

.notice_no{width:50px; border-right:solid 1px #e3e3e3; text-align:center; color:#f37721; font-weight:bold; clear:both;}
.notice_part{width:77px; border-right:solid 1px #e3e3e3; font-weight:bold;color:#f37721; text-align:center;}
.notice_inst{width:77px; border-right:solid 1px #e3e3e3; font-weight:bold;color:#f37721; text-align:center;}
.notice_name{width:352px; padding-left:10px; padding-right:10px; border-right:solid 1px #e3e3e3;color:#f37721; font-weight:bold;}
.notice_swriter{width:134px; text-align:center; font-weight:bold;color:#f37721; border-right:solid 1px #e3e3e3;}
.notice_file{width:62px; border-right:solid 1px #e3e3e3; font-weight:bold;color:#f37721; text-align:center;}
.notice_down{width:57px; font-weight:bold; color:#f37721; text-align:center;}


.con_no{width:50px; border-right:solid 1px #e3e3e3; text-align:center; clear:both;}
.con_part{width:77px; border-right:solid 1px #e3e3e3; text-align:center;}
.con_inst{width:77px; border-right:solid 1px #e3e3e3; text-align:center;}
.con_name{width:352px; padding-left:10px; padding-right:10px; border-right:solid 1px #e3e3e3;}
.con_swriter{width:134px; text-align:center; border-right:solid 1px #e3e3e3;}
.con_file{width:62px; border-right:solid 1px #e3e3e3; text-align:center;}
.con_down{width:57px; text-align:center;}

/*.page_btn{clear:both;}
.page_btn td{width:34px; text-decoration:none; text-align:center; font-size:15px; margin-left:-1px; float:left;}
.page_btn td a{text-decoration:none;}
.page_btn td.page{color:#868686; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3; float:left;}
.page_btn td.page a{color:#868686; padding:7px 10px 7px 12px; float:left;}
.page_btn td.page_on{color:#fff; font-weight:bold; background-color:#1995d3; float:left;}
.page_btn td.page_on a{color:#fff; padding:8px 10px 8px 12px; float:left;}
*/
.music_view{width:733px; padding:20px; border-bottom:solid 1px #333; float:left;}
.music_view ul{width:100%; clear:both; border-bottom:dashed 1px #d6d6d6; float:left;}
.music_view li{display:inline; float:left;}
.music_left{padding:10px; width:100px;font-weight:bold; color:#333;}
.music_left span{color:#45aab6;}
.music_right{padding:10px;}
.music_right a{color:#7d7d7d;}

.music_right li{clear:both;}
.music_right ul{border:0;}
.movie{margin-top:80px; float:left;}
.movie h5{color:#333; font-size:18px; font-weight:bold;}
.movie div{margin-top:10px; float:left;}
.movie div iframe{width:640px; height:360px;}
.movie div span{font-size:15px; float:left;}





/**********************************************   커뮤니티  ***********************************************************/
.community_no{width:70px; border-right:solid 1px #b8b8b8;}
.community_part{width:100px; border-right:solid 1px #b8b8b8;}
.community_name{width:428px; border-right:solid 1px #b8b8b8;}
.community_writer{width:100px; border-right:solid 1px #b8b8b8;}
.community_hit{width:70px;}


.board_con li.community_no{width:70px; border-right:solid 1px #e3e3e3; text-align:center; clear:both;}
.board_con li.community_part{width:100px; border-right:solid 1px #e3e3e3; text-align:center;}
.board_con li.community_name{width:408px; border-right:solid 1px #e3e3e3; padding-left:10px; padding-right:10px;}
.board_con li.community_name a{color:#7d7d7d; font-size:14px;}
.board_con li.community_name a:hover{color:#333; font-weight:bold; font-size:14px;}
.board_con li.community_writer{width:100px; border-right:solid 1px #e3e3e3; text-align:center;}
.board_con li.community_hit{width:70px; text-align:center;}
.write_go_btn{float:right; margin-top:-20px; margin-bottom:30px;}


.view{width:100%; clear:both; margin-top:5px; float:left;}
.view_top{width:100%; background-color:#f7f7f7; text-align:center; border-top:solid 1px #333; border-bottom:solid 1px #d6d6d6; padding:10px 0; float:left;}
.view_top h4{text-align:center;}
.view_infor{text-align:center; padding-bottom:5px;}
.view_infor li{display:inline; color:#666;}
.view_con{width:733px; padding:20px; font-size:15px; line-height:22px; border-bottom:solid 1px #333; float:left;}

.view_file{width:100%;}
.view_file li{display:inline; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #333; float:left;}
.view_file li.file_title{width:120px; color:#333; border-right:solid 1px #d6d6d6; text-align:center;}
.view_file li.file_con{width:632px; padding-left:10px; padding-right:10px; float:left;}


.view_btn{width:578px; margin:10px 102px 80px; float:left;}
.view_btn li{display:inline; padding-left:10px; float:left;}

.view_list{width:100%; border-bottom:solid 1px #333; border-top:solid 1px #333; float:left;}
.view_list li{display:inline; padding-top:10px; padding-bottom:10px; float:left;}
.pre_left{width:120px; background-color:#f1f1f1; text-align:center; color:#333; border-bottom:solid 1px #d6d6d6;}
.pre_right{width:643px; padding-left:9px; border-bottom:solid 1px #d6d6d6;}
.pre_right a{color:#7d7d7d;}
.next_left{width:120px; background-color:#f1f1f1; text-align:center; color:#333;}
.next_right{width:643px; padding-left:9px;}
.next_right a{color:#7d7d7d;}


.write{width:100%; border-top:solid 1px #333; border-bottom:solid 1px #333; margin-top:5px; float:left;}
.write_top{width:100%; float:left;}
.write_top li{display:inline; border-bottom:solid 1px #d6d6d6; float:left;}
.write_title1{width:120px; background-color:#f1f1f1; color:#333; padding:11px 0 12px; text-align:center; clear:both; float:left;}
.write_title2{width:635px; padding:5px 9px;text-align:left; float:left;}
.input1{width:621px; border:solid 1px #d6d6d6; padding:7px; color:#666;}
.con_select{width:160px; height:31px; color:#666 border:solid 1px #d6d6d6;;}
.write_con{width:120px; background-color:#f1f1f1; color:#333; padding:12px 0 200px; text-align:center; clear:both; float:left;}
.textbox{width:621px; border:solid 1px #d6d6d6; padding:7px; height:204px; color:#666;}
.file{width:300px; height:31px; background-color:#fff;}
.write_btn{width:284px; margin:30px 0 0 244px; float:left;}
.write_btn li{display:inline; margin-left:10px; float:left;}
.write_ok{background:url('img/write_ok.gif'); width:132px; height:36px; text-align:center;}
.write_title2 li{display:inline; float:left;}



/**********************************************   일반자료실  ***********************************************************/
.library_title{width:100%; border-top:solid 1px #333; float:left;}
.library_title li{color:#333; padding:10px 0; font-weight:bold; border-bottom:solid 1px #b8b8b8; background-color:#f3f3f3; text-align:center;}

.library_title li.title_no{width:70px; border-right:solid 1px #b8b8b8;}
.library_title li.title_part{width:120px; border-right:solid 1px #b8b8b8;}
.library_title li.title_name{width:500px; border-right:solid 1px #b8b8b8;}
.library_title li.title_down{width:79px;}

.library_con{width:100%; font-size:12px; float:left;}
.library_con li{font-size:12px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #e3e3e3;}
.library_con li.notice_no{width:70px; border-right:solid 1px #e3e3e3; color:#f37721; text-align:center; font-weight:bold; clear:both;}
.library_con li.notice_part{width:120px; border-right:solid 1px #e3e3e3; font-weight:bold; color:#f37721; text-align:center;}
.library_con li.notice_name{width:480px; padding-left:10px; padding-right:10px; border-right:solid 1px #e3e3e3; color:#f37721; font-weight:bold;}
.notice_name a{ color:#f37721;}
.library_con li.notice_down{width:79px; font-weight:bold; color:#f37721; text-align:center;}


.library_con li.con_no{width:70px; border-right:solid 1px #e3e3e3; text-align:center; clear:both;}
.library_con li.con_part{width:120px; border-right:solid 1px #e3e3e3; text-align:center;}
.library_con li.con_name{width:480px; padding-left:10px; padding-right:10px; border-right:solid 1px #e3e3e3;}
.con_name a{color:#7d7d7d;}
.con_name a:hover{font-weight:bold; color:#333;}
.library_con li.con_down{width:79px; text-align:center;}

/***************************************음악점자강의*****************************************************/
.infor_con a{color:#6e6e6e;}
.border_1{border:solid 1px #d6d6d6;}
.dot_img li img{border:solid 1px #d6d6d6;}


/**********************************************   커뮤니티  ***********************************************************/
.faq_bottom{margin-top:80px; float:left;}
.mail{width:379px; height:106px; border:solid 1px #d6d6d6; float:left;}
.mail p{float:left; margin:15px 0 0 36px;}
.mail dl{float:right; margin:12px 30px 0 0;}
.mail dd {color:#666;}
.call{width:379px; height:106px; border:solid 1px #d6d6d6; margin-left:10px; float:left;}
.call p{float:left; margin:15px 0 0 46px;}
.call dl{float:right; margin:12px 70px 0 0;}
.call dd {color:#666;}

.btn_submit2{
  background: #333 url(../img/btn_search.png) no-repeat center center;
  padding: 5px 26px;
  height: 30px;
  border: 0;
  color: #333;
  cursor: pointer;
  text-indent: -9999px;
}

.pic_size{
width:30px;
}