@charset "utf-8";

/* Board Common Botton */
input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px; color:#424242; border:1px solid #346989; background-color:#fff; font-weight:bold;}
input.bdCmBtn:hover {background:#346989; color:#fff; font-weight:bold;text-decoration: none}

a.bdCmBtn span{display:inline-block; font-size:16px; height:20px; padding:5px 10px; color:#424242; border:1px solid #346989; background-color:#fff; font-weight:bold;}
a.bdCmBtn span:hover {background:#346989; color:#fff; font-weight:bold;text-decoration: none}

/*
input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px; color:#3478c1; border:1px solid #3478c1; background-color:#fff; font-weight:bold;}
input.bdCmBtn:hover {background:#3478c1; color:#fff; font-weight:bold;text-decoration: none}

a.bdCmBtn span{display:inline-block; font-size:16px; height:18px; padding:5px 10px; color:#3478c1; border:1px solid #3478c1; background-color:#fff; font-weight:bold;}
a.bdCmBtn span:hover {background:#3478c1; color:#fff; font-weight:bold;text-decoration: none}
*/

.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; word-wrap:break-word;}
.ListBoardWrap table caption{display:none;}
.ListBoardWrap table th{height:44px; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#424242; font-size:14px; font-weight:bold;}
.ListBoardWrap table td{height:44px; border:1px solid #ddd; text-align:center; vertical-align:middle; color:#424242; font-size:14px;}
.ListBoardWrap table td a{color:#424242;}

.ListBoardWrap table td.subject {text-align: left; padding-left: 20px;}
.ListBoardWrap table th.col_category {width:110px;}
.ListBoardWrap table th.col_number {width:65px;}
.ListBoardWrap table th.col_move {width:45px;}
@media all and (max-width:480px) {
	.ListBoardWrap table td.subject {text-align: left; padding-left: 5px;}
	.ListBoardWrap table th.col_category {width:60px;}
	.ListBoardWrap table th.col_number {width:45px;}
}

.ListBoardWrap table tr.noticeWrap td{background:#fbf7fb;}
.ListBoardWrap table td.notice{font-weight:bold;}
.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 .boardButtonMove{float:left; padding:24px 0 0 0;}
.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:23px; margin-left:4px; background:url('../images/bd_page_num_ov_bg.gif') repeat-x left top; vertical-align:middle; color:#fff; font-size:11px;}
.ListBoardWrap .boardPaging a.listBtn{display:inline-block; width:24px; height:23px;  background:url('../images/bd_page_num_bg.gif') repeat-x left top; vertical-align:middle; color:#666; font-size:11px;}
.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:232px; border:1px solid #c8c8c8;}
.GalleryList table td .listData img{width:100%; max-width:232px;}
.GalleryList table td .listData a{display:block; color:#424242; 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;}


/* Board View Area */
.ViewBoardWrap{width:100%; padding-top:25px; word-wrap:break-word;}
.ViewBoardWrap table{border-collapse: collapse; color:#666;}
.ViewBoardWrap table caption{display:none;}
.ViewBoardWrap table th{height:40px; border:1px solid #ddd; padding-top:4px; text-align:center; vertical-align:middle; background:#fbfbfb; color:#424242; font-size:15px;}
.ViewBoardWrap table td{height:40px; border:1px solid #ddd; padding-top:4px; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}
.ViewBoardWrap table span.fileSizeByte{font-size:15px; color:#424242;}
.ViewBoardWrap table td.content{padding:40px 20px; text-align:left; color:#424242;}
.ViewBoardWrap table td.images{padding:20px 0; text-align:center;}
.ViewBoardWrap table td.content img{/*width:100%;*/ max-width:900px; /*max-width:660px;*/ margin:0;}
.ViewBoardWrap table td.content table th,
.ViewBoardWrap table td.content table td{text-align:left; vertical-align:top;}


.ViewBoardWrap table td.content ul{margin-left:35px;}
.ViewBoardWrap table td.content ol{margin-left:50px;}

/*
.ViewBoardWrap table td.content table th,
.ViewBoardWrap table td.content table td{width:auto !important;}
.ViewBoardWrap table td.content table{width:900px !important; zoom:0.97;}
*/

.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:#424242;}
.ViewBoardWrap .writeData{text-align:left !important; padding-left:20px;}
.ViewBoardWrap .linkArticle{margin-top:20px; border:1px solid #ddd; color:#424242; font-size:13px;}
.ViewBoardWrap .linkArticle:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articlePrev{height:26px; padding:14px 0 0 10px; border-bottom:1px solid #ddd;}
.ViewBoardWrap .articleNext{height:26px; padding:14px 0 0 10px;}
.ViewBoardWrap .articleNext:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articleNext li,
.ViewBoardWrap .articlePrev li{float:left; margin-right:10px;}



.ListBoardWrap table.faqList .subject{font-size:17px;}
.ListBoardWrap table.faqList .faqTitle{padding:10px;}
.ListBoardWrap table.faqList .faqTitle b{position:absolute; font-size:25px; line-height:1.3em; color:#555;}
.ListBoardWrap table.faqList .faqTitle a{display:block; padding:5px 20px 2px 32px; line-height:1.6em;}
.ListBoardWrap table.faqList .faqWrap{display:none; padding:20px; background:#f4f4f4; margin:0 20px 20px 20px;}
.ListBoardWrap table.faqList .faqFatxt{/*position:absolute;*/float:left; font-size:25px; line-height:1.3em; color:#555;}
.ListBoardWrap table.faqList .faqContent{padding:6px 20px 8px 28px;  line-height:1.6em;}
.ListBoardWrap table.faqList tr:first-child td .faqWrap{display:block;}
.ListBoardWrap table.faqList .faqMdBtn{float:right; margin:-25px 10px 0 0; cursor:pointer; color:blue;}
.ListBoardWrap table.faqList .faqMdBtn:hover{text-decoration:underline;}

/*
.smartOutput{font-size:12px; line-height:1.5em; font-family:Dotum, AppleGothic, Sans-serif;}
.smartOutput p{ margin-top:7px; margin-bottom:7px;}
.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}
.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url('/board/SmartEditor/img/bg_qmark.gif') no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}
.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}
*/



/* Board Write Area */
.WriteBoardWrap{padding-top:25px;}
.WriteBoardWrap table{border-collapse: collapse; color:#666;}
.WriteBoardWrap table caption{display:none;}

.WriteBoardWrap table th{height:44px; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#424242; font-size:15px;}
.WriteBoardWrap table td{height:44px; border:1px solid #ddd; text-align:center; vertical-align:middle; color:#424242; 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:#424242; 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:17px; padding:0 5px; line-height:17px; border:1px solid #cbcbcb;}
.PasswordBoardWrap .passText{padding-bottom:20px; color:red;}
.PasswordBoardWrap .passInput{width:380px; margin:0 auto;}
.PasswordBoardWrap .passInput *{display:inline;}

/* Board Reply Area */
.ReplyWrite{width:100%; padding-top:20px; border-bottom:1px solid #ebebeb; color:#555;}
.ReplyWrite .WriteInfo{float:left; padding:10px 0 5px 0;}
.ReplyWrite .WriteInfo b{color:#555;}
.ReplyWrite .WriteTextWrap{padding-bottom:10px;}
.ReplyWrite .WriteTextArea{width:99%; height:60px; padding:5px; border:1px solid #cdcdcd; color:#424242;}
.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:#424242;}
.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;}
	#content .ViewBoardWrap table td.content img{width:100%; max-width:1024px;}
	.ViewBoardWrap table td.content{overflow-x:auto;}
}

@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;}
	#content .ViewBoardWrap table td.content img{width:100%; max-width:640px;}
}

@media print {
	#menu_guide{display:none !important;}
	#content .ViewBoardWrap table td.content img{width:100%; margin:10px 0;}
}

.smartOutput p {
	margin: 7px 0;
}

.smartOutput {
	font-size:15px;
	line-height:1.6;
}

.smartOutput li {
	display: list-item;
	text-align: -webkit-match-parent;
}

.smartOutput ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.smartOutput ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.smartOutput table{
	width: auto;
}

.smartOutput td{
	padding:4px;
}