@charset "utf-8";

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

a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; background:#009da3; color:#fff; border:1px solid #009da3;}

/*
a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff;}
a.bdCmBtn span:hover {background:#114291; color:#fff; 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;}


	@media all and (max-width:680px) {
		.ListBoardWrap table tbody td, .tbl_gray1 tfoot td{font-size:14px;}
		.ListBoardWrap table td.subject{padding-left:5px; width:80%;}
		.ListBoardWrap table tbody td.date{display:none;}
	}

.ListBoardWrap{padding-bottom:40px;}

.ListBoardWrap table td.subject{text-align:left;}
/*.ListBoardWrap table td.subject a:before{content:''; position:absolute; top:0; left:0; margin-top:30px; margin-left:calc(50% - 12px); width:24px; height:8px; background-color:rgba(13, 185, 223, 0.4); border-radius:10px;}*/
.ListBoardWrap table th.col_category{width:110px;}
.ListBoardWrap table th.col_number {width:65px;}
.ListBoardWrap table th.col_move {width:45px;}
.ListBoardWrap table{position:relative; clear:both; word-break:break-all !important;}
.ListBoardWrap table .table_tip{position:absolute; right:0; top:-25px; color:#666; font-size:14px; font-weight:normal;}
.ListBoardWrap table{border-collapse:separate; border-top:1px solid #333; margin-left:-1px; width:100%;}
.ListBoardWrap table thead th {background:#f4f4f4; font-size:15px; padding:15px 10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-weight:bold;}
.ListBoardWrap table thead th {display:none;}
.ListBoardWrap table tbody td, .tbl_gray1 tfoot td {background:#fff; font-size:15px;}
.ListBoardWrap table tbody td {border-bottom:1px solid #ddd; text-align:center; padding:20px 15px;}
.ListBoardWrap table tbody td.tbltext_le{ text-align:left;}
.ListBoardWrap table tr.noticeWrap td{background:#fff;}
.ListBoardWrap table tr.hideAT td, .ListBoardWrap table tr.hideAT td a{color:#999;}
.ListBoardWrap table td.notice{font-weight:bold;}
.ListBoardWrap table td.searchResult{height:250px; line-height:250px; vertical-align:middle; border-bottom:1px solid #ddd;}
.ListBoardWrap table td span.cmti{color:#ff5a00; font-size:11px; vertical-align:middle;}
.ListBoardWrap table td img{vertical-align:middle;}
.ListBoardWrap table td.num_cir{display:block; z-index:10;}
.ListBoardWrap table td.num_cir:before{content:''; position:absolute; margin-top:-10px; margin-left:-11px; width:64px; height:64px; background:rgba(13, 185, 223, 0.4); border-radius:100%; z-index:0;}
.ListBoardWrap table td.num_cir_top{display:block; z-index:10;}
.ListBoardWrap table td.num_cir_top:before{content:''; position:absolute; margin-top:-10px; margin-left:-28px; width:64px; height:64px; background:rgba(13, 185, 223, 0.4); border-radius:100%; z-index:0;}
.ListBoardWrap table th.col_number {display:none;}
.ListBoardWrap table th:first-child,
.ListBoardWrap table td:first-child{border-left:none;}
.mhide{display:none;}

		@media all and (max-width:580px){
			/*.ListBoardWrap {overflow-x: auto;}
			.ListBoardWrap table{overflow-x: scroll; width:570px !important;}
			.ViewBoardWrap {overflow-x: auto;}
			.ViewBoardWrap table{overflow-x: scroll; width:570px !important;}*/
			.ViewBoardWrap .boardButton{width:100%;}
			.ViewBoardWrap .linkArticle{width:100%;}
			.ViewBoardWrap .articleNext li,
			.ViewBoardWrap .articlePrev li{width:100%; text-align:left;}
			.ListBoardWrap img.event{ width:100%;}
		}

.BookList{clear:both; width:100%;}
.BookList:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.BookList > ul{list-style:none; margin:0; padding:0;}
.BookList > ul li{float:left; width:294px; height:100%; background:#fff; margin-right:21px; margin-bottom:21px; border:1px solid #e9e9eb;}
.BookList > ul li a{display:block; color:#7f8186;}
.BookList > ul li a:hover{text-decoration:none;}
.BookList > ul li:nth-child(3n){margin-right:0;}
.BookList > ul li span{display:block; width:185px; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em;}
.BookList > ul li strong{display:block; width:225px;  padding:38px 0 10px 0; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em; text-align:center; overflow: hidden; font-size:16px; color:#494c52;}
.BookList > ul li strong.spec{padding-top:16px;}
.BookList > ul li span.l_img{display:block; padding:8px 0;}
.BookList > ul li span.l_img img{-webkit-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); -moz-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); box-shadow: 5px 5px 20px 5px rgba(217,217,217,1);}
.BookList > ul li span.l_text{display:block; font-size:14px; line-height:1.4em;}
.BookList > ul li span.l_info{display:block; text-align:right; padding:20px 0 10px 0; font-size:13px; letter-spacing:0;}
.BookList > ul li span.l_info .l_hit{display:inline-block; padding:0 15px 0 26px; background:url('/images/bd_latest_icon.gif') no-repeat left 2px;}
.BookList > ul li span.l_info .l_date{display:inline-block; padding-left:10px; background:url('/images/bd_latest_line_bg.gif') no-repeat left 5px;}


.WebzineList span.l_img{display:block; padding:8px 0;}
.WebzineList span.l_img img{-webkit-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); -moz-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); box-shadow: 5px 5px 20px 5px rgba(217,217,217,1);}


.GalleryList{clear:both; width:100%;}
.GalleryList:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.GalleryList > ul{list-style:none; margin:0; padding:0;}
.GalleryList > ul li{float:left; width:268px; height:290px; background:#fff; margin-right:13px; margin-bottom:21px; border:1px solid #e9e9eb;}
.GalleryList > ul li a{display:block; color:#7f8186;}
.GalleryList > ul li a:hover{text-decoration:none;}
.GalleryList > ul li:nth-child(4n){margin-right:0;}
.GalleryList > ul li strong,
.GalleryList > ul li span{display:block; width:205px; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em;}
.GalleryList > ul li strong{display:block; width:225px; height:16px;  padding:38px 0 10px 0; margin:0 auto; letter-spacing:-0.05em; line-height:1.4em; text-align:center; overflow: hidden; font-size:16px; color:#494c52;}
.GalleryList > ul li strong.spec{padding-top:16px;}
.GalleryList > ul li span.l_img{display:block; padding:8px 0;}
.GalleryList > ul li span.l_img img{border:1px solid #ccc;}
.GalleryList > ul li span.l_text{display:block; font-size:14px; line-height:1.4em;}
.GalleryList > ul li span.l_info{display:block; text-align:right; padding:20px 0 10px 0; font-size:13px; letter-spacing:0;}
.GalleryList > ul li span.l_info .l_hit{display:inline-block; padding:0 15px 0 26px; background:url('/images/bd_latest_icon.gif') no-repeat left 2px;}
.GalleryList > ul li span.l_info .l_date{display:inline-block; padding-left:10px; background:url('/images/bd_latest_line_bg.gif') no-repeat left 5px;}


.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; font-size:15px;}
.ListBoardWrap table.faqList .faqContent a{color:blue; text-decoration:underline;}
.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;}

.ViewBoardWrap{width:100%; word-wrap:break-word; border-top:1px solid #333; margin-top:60px;}
.ViewBoardWrap table{border-collapse:collapse; color:#666;}
.ViewBoardWrap table caption{display:none;}
.ViewBoardWrap table thead th{font-size:24px; font-weight:500; border-bottom:1px dashed #d9d9d9; padding:15px 0;}
.ViewBoardWrap table > tbody{}
.ViewBoardWrap table th{height:40px; padding-top:4px; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}
.ViewBoardWrap table td{height:40px; padding-top:4px; padding-left:20px; text-align:left; 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 img{max-width:880px; width:100%;}
.ViewBoardWrap table td.images{padding:20px 0; text-align:center; max-width:880px; width:100%;}
.ViewBoardWrap table td.content img{width:100%; max-width:880px; /*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 hr{display:block; width:100%;}
.ViewBoardWrap .boardButton{height:60px;}
.ViewBoardWrap .boardButton ul{display:inline; float:right; padding:15px 0 0 0;}
.ViewBoardWrap .boardButton li{display:inline; float:left; margin-left:4px;}
.ViewBoardWrap .writeData{text-align:left !important; padding-left:20px;}
.ViewBoardWrap .linkArticle{position:relative; border-top:1px solid #ddd; color:#424242; font-size:13px; background:#f9f9f9;}
.ViewBoardWrap .linkArticle:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articlePrev{padding:12px 0 12px 20px; border-bottom:1px solid #ddd;}
.ViewBoardWrap .articlePrev:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articleNext{padding:12px 0 12px 20px;}
.ViewBoardWrap .articleNext:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articleNext li,
.ViewBoardWrap .articlePrev li{float:left; margin-right:10px;}


.WriteBoardWrap table{border-collapse:collapse; color:#666; border-top:1px solid #333;}
.WriteBoardWrap table caption{display:none;}
.WriteBoardWrap table thead th{height:50px; font-weight:bold; border-bottom:1px dashed #d9d9d9;}
.WriteBoardWrap table th{height:44px; border-bottom:1px solid #ddd; background:#f9f9f9; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}
.WriteBoardWrap table td{height:44px; border-bottom:1px solid #ddd; padding-left:10px; text-align:left; vertical-align:middle; color:#424242;}
.WriteBoardWrap table td.writeInfo{padding:6px 0 5px 20px; text-align:center;}
.WriteBoardWrap table td.content{height:350px; padding:0;}
.WriteBoardWrap table td select{width:auto; height:30px; padding-left:5px; font-size:15px;}
.WriteBoardWrap table td input[type=text],
.WriteBoardWrap table td input[type=password]{width:90%; padding:3px 5px; border:1px solid #aaa; font-size:15px;}
.WriteBoardWrap table td input[type=file]{width:93%;}
.WriteBoardWrap table td .InputReadonly{background:#eee; color:#bbb;}
.WriteBoardWrap .boardButton{width:100%; text-align:center;}
.WriteBoardWrap .boardButton p{padding-top:30px;}
.WriteBoardWrap .fontColorFile{font-size:11px; color:#de5807;}
.WriteBoardWrap .writeQuestion{padding:10px 0;}


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

@media screen and (max-width:640px){
	.ViewBoardWrap table thead th{font-size:1.3rem;}
	.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;}
}

.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;
}