@charset "utf-8";
button{cursor:pointer;}
.contents div.big_title{text-align:left; width:1200px; margin:0px auto 40px auto; height:100px; background:url('../images/board/bg/big_title_bg.png') no-repeat center center;}
.contents div.big_title p.b_title{margin-left:20px; font-size:55px; color:#454545;}
.contents div.big_title p.s_title{margin-left:20px;}
#board { width: 1100px; -webkit-text-size-adjust: none; margin:0 auto;}
#board .hidden{display: none;}
/*게시판 리스트 타입 start*/
#board .list_type{ width: 1100px; float: left; }
/*게시판 상단 start*/
#board .list_type .board_top { width: 1100px; height: 45px; border-top: 2px solid #000; border-bottom: 1px solid #E8E8E8;}
#board .list_type .board_top ul { margin:0px; padding:0px; list-style:none; text-align:center;}
#board .list_type .board_top ul li { float:left; line-height: 45px; font-size:16px; color:#000;}
#board .list_type .board_top ul li.no { width: 100px; height: 45px; display: block; border-right: 1px solid #E8E8E8; }
#board .list_type .board_top ul li.title { width: 609px; height: 45px; display: block; border-right: 1px solid #E8E8E8; padding:0px 10px; }
#board .list_type .board_top ul li.name { width: 178px; height: 45px; display: block; border-right: 1px solid #E8E8E8; }
#board .list_type .board_top ul li.date { width: 89px; height: 45px; display: block; border-right: 1px solid #E8E8E8; }
#board .list_type .board_top ul li.hit { width: 100px; height: 45px; display: block; }
#board .list_type .board_top ul li:last-child { border-right: none; }
/*게시판 상단 end*/
/*게시판 본문 start*/
#board .list_type .board_content ul { margin: 0px; padding: 0px; list-style: none; position: relative; min-height: 400px;}
#board .list_type .board_content li { width: 1100px; border-bottom: 1px solid #E8E8E8; float: left; overflow:hidden; position:relative;}
#board .list_type .board_content li span.line { position:absolute; top:0; right:0; width:1px; height:200px; background:#aaa; }
#board .list_type .board_content li span{ float: left; line-height: 22px; position: relative; }
#board .list_type .board_content li img{ padding-right: 2px; padding-left: 2px; }
#board .list_type .board_content li span.list_no { width: 100px; text-align: center; padding-top: 10px; padding-bottom: 10px; height:35px; line-height: 35px; color:#454545;}
#board .list_type .board_content li span.title_total { padding:10px; word-wrap: break-word; word-break: break-all; width: 610px;}
#board .list_type .board_content li span.title_total a{font-size:16px; color:#454545; vertical-align: top; padding-left:10px;}
#board .list_type .board_content li span.check { float: left; padding-right: 3px; }
#board .list_type .board_content li span.headword { float: left; text-align: center; color: #5EAF36; padding-right: 5px; font-weight: bold; }
#board .list_type .board_content li span.title { float: none; padding-right:5px; line-height: 35px;}
#board .list_type .board_content li span.title a:hover { color: #ee4356; }
#board .list_type .board_content li span.name { width: 176px; text-align: center; padding: 10px 2px; height:35px; line-height: 35px; }
#board .list_type .board_content li span.name_ori { width: 168px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-left:8px; height:35px; line-height: 35px; color:#454545;}
#board .list_type .board_content li span.date { text-align:center; width: 90px; padding-top: 10px; padding-bottom: 10px; height:35px; line-height: 35px;}
#board .list_type .board_content li span.hit { width: 100px; display: block; text-align: center; padding-top: 10px; padding-bottom: 10px; height:35px; line-height: 35px; color:#454545;}
#board .list_type .board_content li span.comment { text-align: center; font-weight: bold; color: #5EAF36; float: none; background: url(../images/board/icon/comment.png) no-repeat; width: 32px; display: inline-block; }
#board .list_type .board_content li span.secret { float: none; }
#board .list_type .board_content li span.file { float: none; }
#board .list_type .board_content li span.new { float: none; }
#board .list_type .board_content li span.hot { float: none; }
#board .list_type .board_content li.no_data { height:279px; text-align: center; padding-top: 10px; padding-bottom: 10px; line-height: 270px; border-bottom: 1px solid #333; }
/*게시판 본문 end*/
/*게시판 리스트 타입 end*/
/*게시판 뉴스 타입 start*/
#board .news_type{ width: 1100px; float: left; }
/*게시판 상단 start*/
#board .news_type .board_top { width: 1100px; height: 40px; border-top: 2px solid #000; }
#board .news_type .board_top ul { margin:0px; padding:0px; list-style:none; text-align: center; }
#board .news_type .board_top ul li { float:left; line-height: 40px; }
#board .news_type .board_top ul li.no { width: 60px; height: 40px; display: block; border-right: 1px solid #E8E8E8; }
#board .news_type .board_top ul li.img { width: 275px; height: 40px; display: block; border-right: 1px solid #E8E8E8; }
#board .news_type .board_top ul li.title { width: 743px; height: 40px; display: block; border-right: 1px solid #E8E8E8; padding:0px 10px; }
#board .news_type .board_top ul li:last-child { border-right: none; }
/*게시판 상단 end*/
/*게시판 상단 공지 start*/
#board .news_type .news_top_notice { width: 1100px; border-top: 2px solid #333; }
#board .news_type .news_top_notice ul { list-style: none; padding: 0; border: 1px solid #E8E8E8; margin: 15px 0; background-color: #f3f3f3; height: auto; min-height: 40px; }
#board .news_type .news_top_notice ul li { border-bottom: 1px dotted #666; height: 40px; line-height: 40px; padding-left: 15px; width: 925px; margin: 0; display: block; }
#board .news_type .news_top_notice ul li:last-child { border-bottom-style: none; }
#board .news_type .news_top_notice ul li p { height: 38px; line-height: 38px; display: block; float: left; }
#board .news_type .news_top_notice ul li p img.notice { padding-right: 10px; display: block; float: left; }
#board .news_type .news_top_notice ul li p span.title { width: 660px; height: 30px; overflow: hidden; display: block; float: left; line-height: 38px; }
#board .news_type .news_top_notice ul li p span.title a:hover { color: #5EAF36; }
#board .news_type .news_top_notice ul li p span.title span.comment { text-align: center; font-weight: bold; color: #5EAF36; float: none; background: url(../images/board/icon/comment.png) no-repeat; width: 32px; display: inline-block; line-height: 1.8; }
#board .news_type .news_top_notice ul li img{ vertical-align: top; padding: 8px 0;}
#board .news_type .news_top_notice ul li span.right { display: block; width: 185px; float: right; height: 38px; line-height: 38px; text-align: right; padding-right: 15px; }
#board .news_type .news_top_notice ul li span.right span.date{ font-weight: bold; }
#board .news_type .news_top_notice ul li span.right span.hit{ font-weight: bold; }
/*게시판 상단 공지 end*/
/*게시판 본문 start*/
#board .news_type .board_content { list-style: none; padding: 0; margin: 0; }
#board .news_type .board_content li { border-bottom: 1px solid #E8E8E8; padding: 45px 10px 45px 0px; display: block; min-height: 160px; position: relative; }
#board .news_type .board_content li span.check { width:60px;float: left; text-align:center; height:160px; line-height: 160px;}
#board .news_type .board_content li span.image{ float: left; }
#board .news_type .board_content li span.title{ color: #333; font-size: 18px; height: 32px; display: inline-block; line-height: 1.2; text-align: justify; letter-spacing:-0.05em; padding-top:5px; padding-left:10px; width:740px; background-color:#eee; }
#board .news_type .board_content li span.title a { color: #01A09F; font-size: 18px; height: 30px; line-height: 29px; text-align: justify; letter-spacing:-0.05em; font-weight:500; }
#board .news_type .board_content li span.title2 a { color: #01A09F; font-size: 18px; height: 30px; line-height: 29px; text-align: justify; letter-spacing:-0.05em; font-weight:500; }
#board .news_type .board_content li span.title a:hover { color: #01A09F; font-weight:bold; }
#board .news_type .board_content li span.title2 a:hover { color: #01A09F; font-weight:bold;
}
#board .news_type .board_content li span.content { max-height: 75px; /*white-space: nowrap; text-overflow: ellipsis;*/ overflow: hidden; display: block; text-align: justify; line-height:22px; padding:5px 10px 20px 10px; font-size:14px; }
#board .news_type .board_content li span.content a{color:#999;}
#board .news_type .board_content li span.content a:hover { color: #666; }
#board .news_type .board_content li span.headwordnicon { padding-top: 10px; display:inline-block; height: 30px; }
#board .news_type .board_content li span.comment{ color: #5EAF36; font-weight: bold; display: inline-block; vertical-align: top; line-height: 22px; background: url(../images/board/icon/comment.png); width: 32px; text-align: center; }
#board .news_type .board_content li span.text_icon { height: 24px; overflow: hidden; display: inline-block; }
#board .news_type .board_content li span.right { height: 30px; overflow: hidden; line-height: 30px; color: #999; text-align: right; padding-top: 7px; padding-left:10px; }
#board .news_type .board_content li span.right span { line-height: 30px; color: #999; font-size:12px;}
#board .news_type .board_content li span.right img { vertical-align: -5px; }
#board .news_type .board_content li span.right span.list_no { font-weight: bold; padding-right: 5px; line-height: 30px; color: #999; }
#board .news_type .board_content li span.right span.name { font-weight: bold; padding-right: 5px; }
#board .news_type .board_content li span.right span.date { font-size:12px; font-family:Verdana; }
#board .news_type .board_content li span.right span.hit { font-weight: bold; }
#board .news_type .board_content li.no_data { height:279px; text-align: center; padding: 10px 0; line-height: 270px; border-top: 2px solid #333; border-bottom: 1px solid #333; }
/*게시판 본문 end*/
/*게시판 뉴스 타입 end*/
/*게시판 앨범1 타입 start*/
#board .album_type { width: 1100px; float: left; }
/*게시판 상단 공지 start*/
#board .album_type .album_top_notice { width: 1100px; border-top: 2px solid #333; }
#board .album_type .album_top_notice ul { list-style: none; padding: 0; border: 1px solid #E8E8E8; margin: 15px 0; background-color: #f3f3f3; height: auto; min-height: 40px; }
#board .album_type .album_top_notice ul li { border-bottom: 1px dotted #666; height: 40px; line-height: 40px; padding-left: 15px; width: 925px; margin: 0; display: block; }
#board .album_type .album_top_notice ul li:last-child { border-bottom-style: none; }
#board .album_type .album_top_notice ul li p { height: 38px; line-height: 38px; display: block; float: left; }
#board .album_type .album_top_notice ul li p img.notice { padding-right: 10px; display: block; float: left; }
#board .album_type .album_top_notice ul li p span.title { width: 660px; height: 30px; overflow: hidden; display: block; float: left; line-height: 38px; }
#board .album_type .album_top_notice ul li p span.title a:hover { color: #5EAF36; }
#board .album_type .album_top_notice ul li p span.title span.comment { text-align: center; font-weight: bold; color: #5EAF36; float: none; background: url(../images/board/icon/comment.png) no-repeat; width: 32px; display: inline-block; line-height: 1.8; }
#board .album_type .album_top_notice ul li img{ vertical-align: top; padding: 8px 0;}
#board .album_type .album_top_notice ul li span.right { display: block; width: 185px; float: right; height: 38px; line-height: 38px; text-align: right; padding-right: 15px; }
#board .album_type .album_top_notice ul li span.right span.date{ font-weight: bold; }
#board .album_type .album_top_notice ul li span.right span.hit{ font-weight: bold; }
/*게시판 상단 공지 end*/
/*게시판 본문 start*/
#board .album_type .board_content { list-style: none; margin: 0; padding: 20px 0; border-top: 2px solid #000000; overflow: hidden; }
#board .album_type .board_content li { border: 1px solid #E8E8E8; padding: 10px; line-height: 20px; float: left; margin:0px 14px 10px 14px; overflow: hidden; }
#board .album_type .board_content li span.image { position: relative; overflow: hidden; display: block; }
#board .album_type .board_content li span.image span.check { position: absolute; top: 0px; left: 0px; z-index: 999; display: block; padding: 0 10px 10px 0; }
#board .album_type .board_content li span.image span.text_icon { position: absolute; bottom: 0px; right: 0px; z-index: 999; display: block; }
#board .album_type .board_content li span.image span.text_icon img{ vertical-align: top; margin:5px 5px 5px 0; }
#board .album_type .board_content li span.headword { color: #5EAF36; font-weight: bold; }
#board .album_type .board_content li span.title { color: #333; font-weight: 500; font-size: 18px; height: 23px; overflow: hidden; display: block; text-align: center; line-height: 20px; padding-top:10px;}
#board .album_type .board_content li span.title a { color: #333; font-weight: 500; font-size: 18px; height: 23px; overflow: hidden; display: block; text-align: center; line-height: 20px; }
#board .album_type .board_content li span.title a:hover { color: #ee4356; }
#board .album_type .board_content li span.content { height: 20px; overflow: hidden; display: block; text-align: justify; }
#board .album_type .board_content li span.content a:hover { color: #5EAF36; }
#board .album_type .board_content li span.text_bottom { border: none; height: 25px; text-align: center; display: block; color: #999; clear: both; font-size:12px; }
#board .album_type .board_content li span.text_bottom span { color: #999; }
#board .album_type .board_content li span.text_bottom img { vertical-align: -5px; }
#board .album_type .board_content li span.text_bottom span.list_no { font-weight: bold; padding-right: 5px; }
#board .album_type .board_content li span.text_bottom span.name { font-weight: bold; }
#board .album_type .board_content li span.text_bottom span.date { font-weight: bold; padding-right: 5px; }
#board .album_type .board_content li span.text_bottom span.hit { font-weight: bold; }
#board .album_type .board_content li.no_data { width: 1100px; height:279px; text-align: center; padding: 10px 0; line-height: 270px; border-top: 2px solid #333; border-bottom: 1px solid #333; border-left: none; border-right: none; }
/*게시판 본문 end*/
/*게시판 앨범1 타입 end*/
/*게시판 하단 start*/
#board .board_bottom { width: 1100px; height: 60px; position: relative; left: 0px; clear: both; padding-top: 10px; }
#board .board_bottom ul { padding: 0; margin: 0; position: absolute; }
#board .board_bottom ul li{ list-style: none; float: left; padding-right: 10px; padding-top: 10px; display: block; width: 100px; }
#board .board_bottom ul .btn1{ left: 0px; vertical-align:middle; }
#board .board_bottom ul .btn2{ left: 110px; vertical-align:middle; }
#board .board_bottom ul .btn3{ left: 800px; padding-right: 0px; vertical-align:middle; }
#board .board_bottom .board_btn{ height: 30px; background-color: #4f4f4f; color: #fff; border-radius: 5px; border: 1px solid #333; font-weight: bold; width: 100px; }
/*게시판 하단 end*/
/* 페이징 start */
#board .paging { position: absolute; width: 500px; text-align: center; margin-top: 10px; left: 50%; margin-left: -250px; }
#board .paging span.default_f { cursor:pointer; display:inline-block; width:18px; height:25px; background:URL('../images/board/btn/btn_first.png') center center no-repeat; vertical-align:top; }
#board .paging span.default_p { cursor:pointer; display:inline-block; width:14px; height:25px; background:URL('../images/board/btn/btn_prev.png') center center no-repeat; vertical-align:top; }
#board .paging span.default_b { cursor:pointer; display:inline-block; border:1px solid #333; background:#4f4f4f; font-weight:bold; color:#FFF; padding:2px 10px; margin:0px 2px 0px 2px; vertical-align:top;}
#board .paging span.default_d { cursor:pointer; display:inline-block; border:1px solid #E8E8E8; background:#F5F5F5; font-weight:bold; vertical-align:top; padding:2px 10px; margin:0px 2px 0px 2px; }
#board .paging span.default_d:hover { border:1px solid #333; background:#4f4f4f; color:#FFF; }
#board .paging span.default_n { cursor:pointer; display:inline-block; width:14px; height:25px; background:URL('../images/board/btn/btn_next.png') center center no-repeat; vertical-align:top; }
#board .paging span.default_l { cursor:pointer; display:inline-block; width:18px; height:25px; background:URL('../images/board/btn/btn_end.png') center center no-repeat; vertical-align:top; }
/* 페이징 end */
/*검색 start*/
#board .search{ width: 1050px; height: 28px; position: relative; background-color: #F3F3F3; padding: 20px; vertical-align: middle; border: 1px solid #CCC; margin:0 auto; }
#board .search_text { width: 970px; height: 28px; border: 1px solid #CCC; line-height: 28px; padding: 0px; vertical-align:middle; }
#board .search_btn { background-color: #4f4f4f; color: #fff; border-radius: 5px; border: solid 1px #333; font-weight: bold; width: 70px; height: 30px; line-height: 24px; vertical-align: middle; margin-left:3px; }
#board .search_btn img { vertical-align: top; margin-top: 2px; }
/*검색 end*/
/*게시판 쓰기 페이지 start*/
#board .agree_check { }
#board .agree_check > span { font-size:16px; font-weight:bold; display:block; text-align:center; margin-bottom:20px; color:#000; background:URL('../images/board/bg/bg_pattern01.jpg') left center repeat-x; }
#board .agree_check > span > span { background:#FFF; padding:0px 10px 0px 10px; }
#board .agree_check > div.agree_group { overflow:hidden; margin-top:10px; }
#board .agree_check > div.agree_group:nth-child(2) { margin-top:0px; }
#board .agree_check > div.agree_group > span.title { float:left; display:block; padding-left:15px; width:1183px; height:42px; line-height:42px; color:#000; border:1px solid #DDD; font-size:14px; font-weight:bold; background:#f2f2f2; }
#board .agree_check > div.agree_group > span.title2 { float:left; display:block; width:312px; height:42px; line-height:42px; text-align:center; color:#000; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; font-size:12px; background:#FFF; cursor:pointer; }
#board .agree_check > div.agree_group > span.title3 { float:left; display:block; width:312px; height:42px; line-height:42px; text-align:center; color:#000; border-right:1px solid #DDD; border-bottom:1px solid #DDD; font-size:12px; background:#E8E8E8; cursor:pointer; }
#board .agree_check > div.agree_group > p.content { padding:20px 15px; height:150px; color:#333; background:#E8E8E8; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; border-top:0px; text-align:justify; overflow-y:scroll; }
#board .agree_check > span.check{ margin-top:20px; font-size:15px; font-weight:bold; display:block; text-align:left; background:none; }
#board .agree_check > span.check span{ padding:0px; }
#board .board_write { width: 1100px; border-top: 2px solid #333; position: relative; }
#board .write_table { width:100%; border-spacing: 0; }
#board .write_table th { width: 120px; padding: 12px; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; font-weight: bold; text-align: center; vertical-align: top; line-height: 30px; }
#board .write_table td { padding: 12px; border-bottom: 1px solid #E8E8E8; vertical-align: top; line-height: 30px; text-align:left; }
#board .write_table th.pwd { border-left:1px solid #E8E8E8; }
#board .write_table textarea { width: 690px; border:1px solid #E8E8E8; height:200px; padding:5px; vertical-align:middle; line-height:1; }
#board .write_table select.headword { width: 120px; border:1px solid #E8E8E8; height:32px; padding:5px; vertical-align:middle; line-height:1; }
#board .write_table input.title { width: 650px; border:1px solid #E8E8E8; height:20px; padding:5px; vertical-align:middle; line-height:1; }
#board .write_table input.checkbox { vertical-align: middle; }
#board .write_table input.checkbox_notice { float: right; margin: 10px 5px 0 0; }
#board .write_table input.addfile { width: 465px; height: 30px; vertical-align: middle; line-height: 1; }
#board .write_table input.default { width: 288px; border:1px solid #E8E8E8; height:20px; padding:5px; vertical-align:middle; line-height:1; }
#board .write_table button.board_btn { height: 30px; background-color: #4f4f4f; color: #fff; border-radius: 5px; border: 1px solid #333; font-weight: bold; width: 100px; vertical-align: middle; line-height: 20px; }
#board .write_table span.max_size { float: right; line-height: 30px; }
#board .write_table img.notice { float: right; margin-top: 5px; }
#board .write_table img.secret { vertical-align: top; margin-top: 3px; }
#board .board_write p.button { position: relative; text-align: center; width: 1100px; height: 50px; margin-top: 20px; }
#board .board_write p.button button.board_btn { height: 30px; background-color: #4f4f4f; color: #fff; border-radius: 5px; border: 1px solid #333; font-weight: bold; width: 100px; }
#board .board_write div.editor_area { position: relative; padding: 0; border: none; }
#board .board_write div.editor_area textarea.pc_content { width:99%; height:450px; display:none; }
#board .write_table tr:last-child th { border-bottom: none; }
#board .write_table tr:last-child td { border-bottom: none; }
#board .write_table td.addfile ul { padding: 0px; margin: 0px; }
#board .write_table td.addfile ul li { list-style: none; }
#board .write_table td.addfile ul li img { width: 10px; height: 16px; vertical-align: top; margin-top: 7px; }
#board .write_table td.title_td button.board_btn { float:right; width:150px; }
#board #editor_hidden { border:1px solid #E8E8E8; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:#FFF; display:none; }
/*게시판 쓰기 페이지 end*/
/*게시판 읽기 페이지 start*/
#board .board_view { width: 1100px; border-top: 2px solid #E8E8E8; position: relative; }
#board .board_view dl { margin: 0; padding: 0; overflow: hidden; }
#board .board_view dl dt { display: inline-block; width:1100px; text-align:center; padding: 10px 10px 0px 10px; }
#board .board_view dl dt span.title { font-weight: bold; font-size: 22px; color:#000; }
#board .board_view dl dd { margin: 0; padding: 0; }
#board .board_view dl dd.title_right { color: #666; display: inline-block; float: right; line-height: 40px; padding: 0px 0 10px 10px; }
#board .board_view dl dd.title_right span { color: #666; }
#board .board_view dl dd.title_right span.list_no { font-weight: bold; margin-right: 10px; }
#board .board_view dl dd.title_right span.name { font-weight: bold; margin-right: 10px; }
#board .board_view dl dd.title_right span.date { font-family:verdana; font-size:11px; margin-right: 10px; color:#999; }
#board .board_view dl dd.title_right span.hit { font-weight: bold; margin-right: 5px; }
#board .board_view dl dd.title_right span.hit img { vertical-align: top; margin-top: 9px; }
#board .board_view dl dd.content { padding: 30px; border-top: 1px solid #E8E8E8; display: block; clear: both; word-wrap: break-word; word-break: break-all; min-height:500px; font-size:16px; color:#454545;}
#board .board_view dl dd.content p{ font-size:16px; color:#454545;}
#board .board_view dl dd.content p img { max-width: 1100px; }
#board .board_view dl dd.content span.mod_date { color: #999; }
#board .board_view dl dd.content #img_zoom_100p_layer { position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:1000000; background:URL('../images/board/bg/bg10.png') #999; overflow:hidden; text-align:center; cursor:pointer; }
#board .board_view dl dd.content div.add_img_area { position:relative; text-align:center; margin-bottom:20px; }
#board .board_view dl dd.content div.zoom_icon_area { position:relative; top:-64px; left:-64px; width:1px; height:1px; }
#board .board_view dl dd.content #img_zoom_100p_layer_inner { text-align:center; position:fixed; top:20px; left:20px; right:20px; bottom:20px; border:3px solid #333; overflow:auto; }
#board .board_view dl dd.addfile { padding: 20px 20px 20px 30px; border-bottom: 1px solid #E8E8E8; }
#board .board_view dl dd.addfile ul { padding: 0; }
#board .board_view dl dd.addfile ul li { list-style: none; display: inline-block; padding-right: 20px; }
#board .board_view dl dd.addfile ul li img { width: 10px; height: 16px; vertical-align: top; margin-top: 4px; }
#board .board_view dl dd.addfile ul li a:hover { color: #5EAF36; }
/*게시판 읽기 페이지 댓글*/
#board .comment_total { margin: 10px 0; padding: 0 10px; }
#board .comment_total span.comment_total_ea{ font-weight: bold; }
#board .comment_total button.board_btn { height: 20px; line-height: 15px; background-color: #4f4f4f; color: #fff; border: solid 1px #333; font-weight: bold; width: 100px; border-radius: 5px; float: right; font-size: 12px; }
#board .comment_write { width: 938px; min-height: 100px; background-color: #f3f3f3; border: 1px solid #fff; }
#board .comment_write ul { width: 898px; min-height: 68px; list-style: none; padding: 20px; margin: 0px; }
#board .comment_write ul li span.name_c { width: 80px; display: block; float: left; font-weight: bold; }
#board .comment_write ul li span.pwd_c { width: 80px; display: inline-block; font-weight: bold; padding-left: 10px; }
#board .comment_write input.default { width: 200px; border:1px solid #E8E8E8; height:20px; padding:5px; vertical-align:middle; line-height:1; }
#board .comment_write ul li span.content_c { width: 80px; display: block; float: left; font-weight: bold; }
#board .comment_write textarea { width:1200px; height:53px; border:1px solid #E8E8E8; font-family: "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; }
#board .comment_write ul li button.upload_c { height: 55px; line-height: 32px; background-color: #4f4f4f; color: #fff; border: solid 1px #333; font-weight: bold; width: 55px; border-radius: 5px; margin-left: 10px; margin-top: 5px; }
#board .comment_write ul li button.delete_c { height: 30px; line-height: 20px; background-color: #4f4f4f; color: #fff; border: solid 1px #333; font-weight: bold; width: 55px; border-radius: 5px; margin-left: 10px; vertical-align: middle; }
#board .comment_write ul.comment_list { border-bottom: 1px solid #fff; }
#board .comment_write ul li span.comment_writer { font-size: 14px; font-weight: bold; }
#board .comment_write ul li span.comment_date { font-size: 11px; color: #999; }
#board .comment_write ul li span.comment_func { float: right; }
#board .comment_write ul li span.comment_func button.board_btn{ height: 20px; line-height: 15px; background-color: #f3f3f3; color: #999; border: none; font-weight: bold; font-size: 11px; border-radius: 5px; }
#board .comment_write ul li p.comment_content { padding: 10px; word-break: break-all; }
#board .comment_write ul li ul.comment_reply { padding: 0px; }
#board .comment_write ul li ul.comment_delete { min-height: 38px; padding: 0px; }
#board .comment_write li.comment_c { padding-top:5px; float:left; }
#board .board_view p.button { position: relative; width: 1100px; height: 50px; margin-top: 20px; text-align: right; }
#board .board_view p.button button.board_btn_list { height: 30px; line-height: 25px; background-color: #4f4f4f; color: #fff; border: solid 1px #333; font-weight: bold; width: 100px; float: left; border-radius: 5px; }
#board .board_view p.button button.board_btn { height: 30px; line-height: 25px; background-color: #4f4f4f; color: #fff; border: solid 1px #333; font-weight: bold; width: 100px; border-radius: 5px; }
/*게시판 읽기 페이지 end*/
/*게시판 삭제 페이지 start*/
#board .board_pass { width: 800px; position: relative; border: 2px solid #E8E8E8; height: 156px; text-align: center; padding: 40px 0; margin: 0 auto; top: 60px; }
#board .board_pass .title { margin-top: 20px; }
#board .board_pass .title img { margin-right: 10px; vertical-align: middle; }
#board .board_pass .title span { vertical-align: middle; font-size:16px; font-weight:bold; }
#board .board_pass .pass { height: 70px; display: block; line-height: 70px; margin-top: 30px; }
#board .board_pass .pass input.default { width: 250px; border:1px solid #E8E8E8; height:20px; padding:5px; line-height:1; }
#board .board_pass .board_btn { height: 30px; line-height: 25px; background-color: #4f4f4f; color: #fff; border: solid 1px #333; font-weight: bold; width: 100px; border-radius: 5px; }
#board .board_pass_bottom { position: relative; width: 1100px; height: 50px; margin-top: 70px; text-align: center; }
#board .board_pass_bottom .board_btn { height: 30px; line-height: 25px; background-color: #4f4f4f; color: #fff; border: solid 1px #333; font-weight: bold; width: 100px; border-radius: 5px; }
/*게시판 삭제 페이지 end*/
/*달력 페이지 start*/
#calendar {width:100%;}
#calendar table{ border-collapse:collapse; }
#calendar span {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; color:#333; height:22px; line-height:22px; padding-left:4px; }
#calendar span.num {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#E3E3E3; color:#333; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.holy {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#B32034; color:#fff; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.satu {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#006EA5; color:#fff; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.today {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#93B11D; color:#fff; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.num2 {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; color:#bbb; font-weight:bold; height:22px; line-height:22px; padding-left:4px; }
#calendar span.sch_contents {display:inline-block; overflow:hidden; width:125px; height:40px; }
#calendar span.sch_contents a { color:#333; text-decoration:none; }
#calendar span.sch_contents a:hover { color:#5EAF36; }
/*달력 페이지 end*/
/* 회원 start*/
div.membership_login{width:1200px; border-top:2px solid #000; border-bottom:2px solid #000; padding:30px 0px;}
div.membership_login button{cursor:pointer;}
div.membership_login table{border-collapse:collapse; font-size:16px; width:600px; margin:0 auto;}
div.membership_login table td{height:60px;}
div.membership_login table input{width:360px; height:47px; border:1px solid #bbb; padding-left:5px;}
div.membership_login table button.login_btn{width:100px; height:110px; background-color:#000; color:#fff; border:1px solid #000; font-weight:bold; font-size:16px;}
div.membership_login div.btn_area{padding-top:40px; text-align:center;}
div.membership_login button.find_btn{width:250px; height:50px; background-color:#FFF; color:#454545; border:1px solid #454545; font-size:16px; margin:0px 5px;}
div.membership_login button.join_btn{width:250px; height:50px; background-color:#FFF; color:#454545; border:1px solid #454545; font-size:16px; margin:0px 5px;}
div.membership_join{width:1200px; border-top:2px solid #000; border-bottom:2px solid #000; padding:30px 0px;}
div.membership_join button{cursor:pointer;}
div.membership_join table{border-collapse:collapse; font-size:16px; width:600px; margin:0 auto; margin-top:20px;}
div.membership_join table td{height:60px; padding:5px 0px;}
div.membership_join table input{width:360px; height:47px; border:1px solid #bbb; padding-left:5px;}
div.membership_join table button.login_btn{width:100px; height:110px; background-color:#000; color:#fff; border:1px solid #000; font-weight:bold; font-size:16px;}
div.membership_join table span.agree_doc{height:30px; display:block;}
div.membership_join table span.agree_doc input[type=checkbox]{width:15px; height:15px; vertical-align:middle;}
div.membership_join table span.agree_doc button{border:1px solid #454545; color:#FFF; background-color:#454545; margin-left:5px; border-radius:3px; vertical-align:middle;}
div.membership_join table td button.s_btn{border:1px solid #454545; color:#FFF; background-color:#454545; margin-left:5px; border-radius:3px; width:75px; height:50px; vertical-align:middle;}
div.contents div.btn_area{padding-top:40px; text-align:center;}
div.contents button.join_btn{width:150px; height:50px; background-color:#000; color:#FFF; border:1px solid #000; font-size:16px; margin:0px 5px; cursor:pointer;}
div.contents button.cancel_btn{width:150px; height:50px; background-color:#999; color:#FFF; border:1px solid #999; font-size:16px; margin:0px 5px; cursor:pointer;}
div.membership_out{width:1200px; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:30px 0px;}
div.membership_out button{cursor:pointer;}
div.membership_out table{border-collapse:collapse; font-size:16px; width:600px; margin:0 auto;}
div.membership_out table td{height:60px;}
div.membership_out table input{width:360px; height:47px; border:1px solid #bbb; padding-left:5px;}
div.membership_out table button.login_btn{width:100px; height:110px; background-color:#000; color:#fff; border:1px solid #000; font-weight:bold; font-size:16px;}
div.membership_out div.btn_area{padding-top:40px; text-align:center;}
div.membership_out button.find_btn{width:250px; height:50px; background-color:#FFF; color:#454545; border:1px solid #454545; font-size:16px; margin:0px 5px;}
div.membership_out button.join_btn{width:250px; height:50px; background-color:#FFF; color:#454545; border:1px solid #454545; font-size:16px; margin:0px 5px;}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_tnc > dl > dd >.rule .tit:first-child {
padding:0 0 4px 0;
color:#444;
font-size:14px;
font-weight:bold;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_tnc > dl > dd >.rule .stit {
margin:18px 0 8px 0;
color:#454545;
font-weight:bold;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_tnc > dl > dd >.rule .indent16 {
padding-left:16px;
text-indent:-20px;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_tnc > dl > dd >.rule .indent30 {
padding-left:30px;
text-indent:-20px;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_tnc > dl > dd >.rule .left14 {
padding-left:12px;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl { border:1px solid #DDD; }
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dt { background:#F2F2F2; height:42px; line-height:42px; color:#000; font-weight:bold; font-size:14px; border-bottom:1px solid #DDD; padding-left:30px; }
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd { width:838px; height:150px; margin:0px; padding:20px 30px; color:#000; font-size:12px; text-align:justify; overflow-y: scroll; }
div.membership_content_join div.membership_content_join_agree_tnc_agree{padding:10px 0px 30px 0px;font-weight:bold;}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd {left:0px; top:43px; width:838px; height:150px; margin:0px; padding:20px 30px; color:#000; font-size:12px; text-align:justify; overflow-y: scroll; z-index:1; }
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private_agree { color:#000; font-weight:bold; font-size:14px; padding:10px 0px 30px 0px;}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd >.rule .tit {
padding:20px 0 4px 0;
color:#444;
font-size:14px;
font-weight:bold;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd >.rule .tit:first-child {
padding:0 0 4px 0;
color:#444;
font-size:14px;
font-weight:bold;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd >.rule .stit {
margin:18px 0 8px 0;
color:#454545;
font-weight:bold;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd >.rule .indent16 {
padding-left:16px;
text-indent:-20px;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd >.rule .indent30 {
padding-left:30px;
text-indent:-20px;
}
div.membership_content_join div.membership_content_join_agree > fieldset > div.membership_content_join_agree_private > dl > dd >.rule .left14 {
padding-left:12px;
}
div.terms_membership_content_join_agree_tnc > dl { border:1px solid #DDD; }
div.terms_membership_content_join_agree_tnc > dl > dt { background:#F2F2F2; height:42px; line-height:42px; color:#000; font-weight:bold; font-size:14px; border-bottom:1px solid #DDD; padding-left:30px; }
div.terms_membership_content_join_agree_tnc > dl > dd { width:838px; height:650px; margin:0px; padding:20px 30px; color:#000; font-size:12px; text-align:justify; overflow-y: scroll; }
div.terms_membership_content_join_agree_tnc > dl > dd >.rule .tit {
padding:20px 0 4px 0;
color:#444;
font-size:14px;
font-weight:bold;
}
div.terms_membership_content_join_agree_tnc > dl > dd >.rule .tit:first-child {
padding:0 0 4px 0;
color:#444;
font-size:14px;
font-weight:bold;
}
div.terms_membership_content_join_agree_tnc > dl > dd >.rule .stit {
margin:18px 0 8px 0;
color:#454545;
font-weight:bold;
}
div.terms_membership_content_join_agree_tnc > dl > dd >.rule .indent16 {
padding-left:16px;
text-indent:-20px;
}
div.terms_membership_content_join_agree_tnc > dl > dd >.rule .indent30 {
padding-left:30px;
text-indent:-20px;
}
div.terms_membership_content_join_agree_tnc > dl > dd >.rule .left14 {
padding-left:12px;
}
div.terms_membership_content_join_agree_tnc_img{width:100%; text-align:center; padding-top:30px;}
/* 회원 end*/
/*달력 페이지 start*/
#calendar {width:100%;}
#calendar table{ border-collapse:collapse; }
#calendar span {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; color:#333; height:22px; line-height:22px; padding-left:4px; }
#calendar span.num {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#E3E3E3; color:#333; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.holy {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#B32034; color:#fff; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.satu {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#006EA5; color:#fff; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.today {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-weight:bold; display:inline-block; width:125px; background-color:#93B11D; color:#fff; height:22px; line-height:22px; padding-left:4px; border-radius:5px; }
#calendar span.num2 {font: 12px "Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; color:#bbb; font-weight:bold; height:22px; line-height:22px; padding-left:4px; }
#calendar span.sch_contents {display:inline-block; overflow:hidden; width:125px; height:40px; }
#calendar span.sch_contents a { color:#333; text-decoration:none; }
#calendar span.sch_contents a:hover { color:#5EAF36; }
/*달력 페이지 end*/
/*site start*/
#data_site{width:880px; text-align:left;}
#data_site ul li{display:inline-block; border:2px solid #E8E8E8CCC; border-radius:5px; width:180px; padding:10px; text-align:center; margin:5px;}
#data_site ul li > a > img{vertical-align:middle;}
/*site end*/
/*체육회 화보 start*/
#board button.pic_btn{height: 30px; background-color: #00a7ff; color: #fff; border-radius: 5px; border: 1px solid #00a7ff; font-weight: bold;}
/*체육회 화보 end*/