@charset "utf-8";


/* Board Common Botton */
input.bdCmBtn{display:inline-block; width:54px; height:26px; padding-bottom:3px; border:none; background:url('/include/commonBoard/images/bd_common_btn.gif') repeat-x left top; color:#fff; text-align:center; font-size:13px; cursor:pointer; vertical-align:middle;}
a.bdCmBtn{display:inline-block; width:54px; height:26px; padding-top:1px; background:url('/include/commonBoard/images/bd_common_btn.gif') repeat-x left top; color:#fff; text-align:center; font-size:13px; vertical-align:middle;}
input.bdCmBtn:hover, a.bdCmBtn:hover{color:#eee;}
a.bdCmBtn span{display:inline-block;}

.cursorHand{cursor:pointer;}

.boardCategory{padding-bottom:20px;}
.boardCategory:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.boardCategory h3{display:none;}
.boardCategory ul{list-style:none;}
.boardCategory ul li{float:left;}
.boardCategory ul li a{display:block; padding:15px 30px 15px 30px; margin-right:8px; margin-bottom:8px;  border:1px solid #c2c2c2; font-size:15px; color:#666;}
.boardCategory ul li a.cateOv,
.boardCategory ul li a:hover{background:#a50505; color:#fff;}


/* Board List Area */
.ListBoardWrap table{clear:both; border-collapse:collapse;}
.ListBoardWrap table caption{display:none;}
.ListBoardWrap table th{padding:10px 0; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#888; font-size:14px;}
.ListBoardWrap table td{padding:10px 0; border:1px solid #ddd; text-align:center; vertical-align:middle; color:#888; font-size:14px;}
.ListBoardWrap table td a{color:#888;}
.ListBoardWrap table td.subject{text-align:left; padding-left:20px;}
.ListBoardWrap table tr.noticeWrap td{background:#fbf7fb;}
.ListBoardWrap table td.notice{font-weight:bold;}


.ListBoardWrap table.faqList .subject{font-size:17px;}
.ListBoardWrap table.faqList .subject a{display:inline-block; padding:5px 20px 2px 32px; line-height:1.2em;}
.ListBoardWrap table td .faqFdtxt{position:absolute; font-size:25px; color:#555;}
.ListBoardWrap table td .faqWrap{display:none; padding:20px; background:#f4f4f4; margin:20px;}
.ListBoardWrap table td .faqFatxt{position:absolute; font-size:25px; line-height:1.1em; color:#555;}
.ListBoardWrap table td .faqContent{padding:6px 20px 8px 28px;  line-height:1.2em;}


.ListBoardWrap table td.searchResult{height:450px; line-height:450px; vertical-align:middle;}
.ListBoardWrap table td span.cmti{color:#ff5a00; font-size:11px; vertical-align:middle;}
.ListBoardWrap table td img{vertical-align:middle;}
.ListBoardWrap .boardButton{float:right; padding:24px 0 0 0;}
.ListBoardWrap .boardPaging{width:100%; height:23px; padding-top:24px; text-align:center; vertical-align:middle; color:#949494;}

.ListBoardWrap .boardPaging a{margin-left:4px;}
.ListBoardWrap .boardPaging b.listThisBtn{display:inline-block; width:24px; height:24px; line-height:1.2em; margin-left:4px; background:url('/include/commonBoard/images/bd_page_num_ov_bg.gif') repeat-x left top; vertical-align:middle; color:#fff; margin-top:-3px; font-size:13px;}
.ListBoardWrap .boardPaging a.listBtn{display:inline-block; width:24px; height:24px; line-height:1.2em; background:url('/include/commonBoard/images/bd_page_num_bg.gif') repeat-x left top; vertical-align:middle; color:#666;}
.ListBoardWrap .boardPaging a.listBtn:hover{color:#000;}
.ListBoardWrap .boardPaging b.listThisBtn span,
.ListBoardWrap .boardPaging a.listBtn span{display:inline-block; padding-top:2px;}

.GalleryList table th{height:auto; border:none;}
.GalleryList table td{height:auto; border:none; vertical-align:top;}
.GalleryList table td .listData{margin:10px; max-width:205px; border:1px solid #c8c8c8;}
.GalleryList table td .listData img{/*width:100%; max-width:232px;*/}
.GalleryList table td .listData a{display:block; color:#888; font-size:13px;}
.GalleryList table td .listData .SubjectT a{border-top:1px solid #ddd; padding:10px 10px 12px 10px; line-height:1.5em; word-break:keep-all;}
.GalleryList table td .listData a > span{display:block; width:205px; height:115px;}




/* Board View Area */
.ViewBoardWrap{width:100%; padding-top:25px;}
.ViewBoardWrap table{border-collapse: collapse; color:#666;}
.ViewBoardWrap table caption{display:none;}
.ViewBoardWrap table th{padding:10px 0; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#888; font-size:15px;}
.ViewBoardWrap table td{padding:10px 0; border:1px solid #ddd; text-align:center; vertical-align:middle; color:#888; font-size:15px;}
.ViewBoardWrap table span.fileSizeByte{font-size:15px; color:#888;}
.ViewBoardWrap table td.content{padding:40px 20px; text-align:justify; color:#888;}
.ViewBoardWrap table td.images{padding:20px 0; text-align:center;}
.ViewBoardWrap table td.content img{width:100%; max-width:900px; /*max-width:660px;*/ margin:10px 0;}
.ViewBoardWrap table hr{display:block; width:100%;}
.ViewBoardWrap .boardButton{height:50px;}
.ViewBoardWrap .boardButton ul{display:inline; float:right; padding:15px 0 0 0;}
.ViewBoardWrap .boardButton li{display:inline; float:left; margin-left:4px;}
.ViewBoardWrap .fontColor{font-weight:bold; color:#888;}
.ViewBoardWrap .writeData{text-align:left !important; padding-left:20px;}
.ViewBoardWrap .linkArticle{margin-top:20px; border:1px solid #ddd; color:#888; font-size:13px;}
.ViewBoardWrap .articlePrev{height:26px; padding:4px 0 0 10px; border-bottom:1px solid #ddd;}
.ViewBoardWrap .articleNext{height:26px; padding:3px 0 0 10px;}
.ViewBoardWrap .articleNext li, 
.ViewBoardWrap .articlePrev li{float:left; margin-right:10px;}


/* Board Write Area */
.WriteBoardWrap{padding-top:25px;}
.WriteBoardWrap table{border-collapse: collapse; color:#666;}
.WriteBoardWrap table caption{display:none;}
.WriteBoardWrap table th{padding:10px 0; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#888; font-size:15px;}
.WriteBoardWrap table td{border:1px solid #ddd; text-align:center; vertical-align:middle; color:#888; font-size:15px;}
.WriteBoardWrap table td.writeInfo{padding:6px 0 5px 20px; text-align:center;}
.WriteBoardWrap table td.content{height:350px; padding:0;}
.WriteBoardWrap .boardButton{width:100%; height:30px; text-align:center;}
.WriteBoardWrap .boardButton p{padding-top:15px;}
.WriteBoardWrap .fontColor{font-weight:bold; color:#666; padding-left:0 !important}
.WriteBoardWrap .fontColorFile{font-size:11px; color:#de5807;}
.WriteBoardWrap .writeData{text-align:left !important; padding-left:5px;}
.WriteBoardWrap .writeQuestion{padding:10px 0;}
.WriteBoardWrap .writeData input[type=text]{width:30%; padding:0 10px; border:1px solid #aaa !important;}
.WriteBoardWrap .writeData input[type=password]{width:30%; padding:0 10px; border:1px solid #aaa !important;}
.WriteBoardWrap .writeData select{width:90px; height:25px;}
.WriteBoardWrap .writeData .InputReadonly{background:#eee; color:#bbb;}
.WriteBoardWrap .writeData .WriteInputSubject{width:90% !important; border:1px solid #aaa !important;}
.WriteBoardWrap .writeData .WriteInputFile{width:510px; height:25px;}
.WriteBoardWrap .disableText{width:95%; height:400px; padding:10px; margin:10px; border:1px solid #aaa !important;}


/* Board Password Area */
.PasswordBoardWrap{width:100%; margin-top:25px;}
.PasswordBoardWrap div.title{height:40px; padding-top:23px; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#888; font-size:15px;}
.PasswordBoardWrap div.content{width:100%; height:220px; padding-top:120px; border-bottom:1px solid #e8e8e8; text-align:center;}
.PasswordBoardWrap .fontColor{font-weight:bold; color:#000;}
.PasswordBoardWrap .WriteInput{width:200px; height:24px; padding:0 5px; line-height:17px; border:1px solid #cbcbcb;}
.PasswordBoardWrap .passText{padding-bottom:20px; color:red;}
.PasswordBoardWrap .passInput{width:380px; margin:0 auto;}


/* Board Reply Area */
.ReplyWrite{width:100%; padding-top:20px; border-bottom:1px solid #ebebeb; color:#a4a4a4;}
.ReplyWrite .WriteInfo{float:left; padding:10px 0;}
.ReplyWrite .WriteInfo b{color:#999;}
.ReplyWrite .WriteTextWrap{padding-bottom:10px;}
.ReplyWrite .WriteTextArea{width:99%; height:60px; padding:5px; border:1px solid #cdcdcd; color:#666; font-family:Dotum;}
.ReplyWrite .WriteBtn{float:right; padding:10px 0;}
.ReplyWrite .WriteBtn input{border:none;}

.ReplyView{width:100%; border-bottom:1px solid #ebebeb; margin-bottom:5px; background:#fafafa; color:#666;}
.ReplyView .ViewInfo{float:left; padding-top:20px; padding-left:20px; list-style:none;}
.ReplyView .ViewInfo li{float:left; padding-right:20px;}
.ReplyView .DeleteBtn{float:right; padding:10px 0;}
.ReplyView .DeleteBtn a{display:block; padding:4px;}
.ReplyView .ViewInfo b{color:#83c1d6;}
.ReplyView .ViewContent{clear:both; padding:10px 20px 20px 20px;}


@media screen and (max-width:1023px){
	.mhide{display:none;}
}

@media screen and (max-width:640px){
	.GalleryList table td{display:block; width:340px; padding-bottom:20px;}
	.GalleryList table td .listData{width:232px; border:1px solid #c8c8c8; margin:0 auto;}
}