/*baord*/
.behind{width: 0rem; height: 0rem; line-height: 0; text-indent: -9999px; overflow: hidden; position: absolute;}

input[type=text] { display: inline-block; border: 1px solid #c2c2c2; background: #f8f8f8; line-height: 1.8rem; position: relative; box-sizing: border-box; text-align: left; vertical-align: middle; padding: 0 0.7rem 0.14rem; height: 2.28rem; overflow: hidden}
input[type=text]::-ms-clear { display: none; }

textarea {font-family: "나눔고딕","nanumgothic",dotum,"돋움";}

span.select { position: relative; display: inline-block; line-height: 2rem; position: relative; box-sizing: border-box; text-align: left; vertical-align: middle; }
span.select > span, span.select > button { padding: 0 2.14rem 0.28rem 0.7rem; line-height: 2rem; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 1px solid #ccc;  text-align: left; background: #fff url("../images/common/select_btn.png") right center no-repeat;}
span.select > button { position: relative; width: 100%; line-height: 1.85rem; height: 2.28rem;}
span.select select { position: relative; filter: alpha(opacity=0); opacity: 0; min-width: 8rem; height: 2.28rem; padding-right: 2.14rem; vertical-align: middle; }
span.select div.option { position: absolute; left: 0; right: 0; border: 1px solid #7d7d7d; background: #fff; box-sizing: border-box; z-index: 1; padding: 0.57rem 0.92rem; font-size: 0.80rem; line-height: 2rem; margin-top: -1px !important; color: #333; text-align: center; filter: alpha(opacity=0); opacity: 0; }
span.select div.option.ready { filter: alpha(opacity=100); opacity: 1; }
span.select div.option button { width: 100%; padding-bottom: 0rem; transition: background .1s; padding-bottom: 1px; vertical-align: top; }
span.select div.option button:hover,
span.select div.option button:active,
span.select div.option button:focus { background: #f2f2f2; transition: none; }
span.select div.option button.on,
span.select div.option .on > button { background: #006fba; color: #fff; }
span.select div.option dt { padding-bottom: 1px; }
span.select div.option input[type=text] { min-width: 0; height: 1.57rem; width: 100%; border: 1px solid #ccc; text-align: center; padding-left: 0; line-height: 1.42rem; }



span.select{text-align: left; line-height: 2rem; vertical-align: middle; display: inline-block; position: relative; box-sizing: border-box;}
span.select > span{background: url("../images/common/select_btn.png") no-repeat right rgb(255, 255, 255); padding: 0rem 2.14rem 0.286rem 0.7rem; border: 1px solid rgb(204, 204, 204); border-image: none; left: 0rem; top: 0rem; text-align: left; right: 0rem; bottom: 0rem; line-height: 2rem; position: absolute;}
span.select > button{background: url("../images/common/select_btn.png") no-repeat right rgb(255, 255, 255); padding: 0rem 2.14rem 0.286rem 0.7rem; border: 1px solid rgb(204, 204, 204); border-image: none; left: 0rem; top: 0rem; text-align: left; right: 0rem; bottom: 0rem; line-height: 2rem; position: absolute;}
span.select > button{width: 100%; height: 2.28rem; line-height: 1.85rem; position: relative;}
span.select select{height: 2.28rem; padding-right: 2.14rem; vertical-align: middle; position: relative; min-width: 8rem; opacity: 0;}
span.select div.option{background: rgb(255, 255, 255); padding: 0.57rem 0.92rem; border: 1px solid rgb(125, 125, 125); border-image: none; left: 0rem; text-align: center; right: 0rem; color: rgb(51, 51, 51); line-height: 2em; font-size: 0.8em; margin-top: -1px !important; position: absolute; z-index: 1; box-sizing: border-box; opacity: 0;}
span.select div.ready.option{opacity: 1;}
span.select div.option button{transition:background 0.1s; width: 100%; padding-bottom: 1px; vertical-align: top;}
span.select div.option button:hover{background: rgb(242, 242, 242); transition:none;}
span.select div.option button:active{background: rgb(242, 242, 242); transition:none;}
span.select div.option button:focus{background: rgb(242, 242, 242); transition:none;}
span.select div.option button.on{background: rgb(0, 111, 186); color: rgb(255, 255, 255);}
span.select div.option .on > button{background: rgb(0, 111, 186); color: rgb(255, 255, 255);}
span.select div.option dt{padding-bottom: 1px;}
span.select div.option input[type=text]{border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; height: 1.57rem; text-align: center; line-height: 1.42rem; padding-left: 0rem; min-width: 0rem;}



.list table{border-top-color: #436e9d; border-top-width: 2px; border-top-style: solid; width:100%;border-collapse: collapse; }
.list .caption{padding-bottom: 0.5rem;}
.list caption{padding-bottom: 0.5rem;}
.list .caption::after{clear: both; display: block; content: "";}
.list caption::after{clear: both; display: block; content: "";}
.list .caption .listNum{float: left; font-size:1.14rem;}
.list caption .listNum{float: left;font-size:1.14rem;}
.list .caption .listNum strong{color: rgb(108, 161, 61); font-weight: 500;}
.list caption .listNum strong{color: rgb(108, 161, 61); font-weight: 500;}
.list .caption .listNum strong.press{color: rgb(0, 117, 193);}
.list caption .listNum strong.press{color: rgb(0, 117, 193);}
.list .caption div.search{float: right;}
.list caption div.search{float: right;}
.list .caption div.search::after{clear: both; display: block; content: "";}
.list caption div.search::after{clear: both; display: block; content: "";}
.list .caption div.search > *{float: left;}
.list caption div.search > *{float: left;}
.list .caption div.search > * + *{margin-left: 0.357rem;}
.list caption div.search > * + *{margin-left: 0.357rem;}
.list .caption div.search > input[type=text]{width: 150rem; height: 2.28rem; padding-right: 0rem; border-right-color: currentColor; border-right-width: 0rem; border-right-style: none;}
.list caption div.search > input[type=text]{width: 150rem; height: 2.28rem; padding-right: 0rem; border-right-color: currentColor; border-right-width: 0rem; border-right-style: none;}
.list .caption .search button.search{border-width: 1px 1px 1px 0rem; border-style: solid solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) currentColor; padding: 0rem 0rem 0.357rem; border-image: none; width: 2.28rem; height: 2.28rem; margin-left: 0rem;}
.list caption .search button.search{border-width: 1px 1px 1px 0rem; border-style: solid solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) currentColor; padding: 0rem 0rem 0.357rem; border-image: none; width: 2.28rem; height: 2.28rem; margin-left: 0rem;}
.list .caption .search button.search img{float: none;}
.list .caption .search button.search img{float: none;}

.list thead th{background:#fafcfe;padding: 0.8rem 0rem;border-bottom:1px solid #e4e9ed }
.list thead th span{width:100%;color:#666; display: block; box-sizing: border-box;letter-spacing: 1px;font-size:1.0rem;font-weight: bold;text-align: center}


.list td{padding: 0.65rem 0rem; transition:background 0.3s; line-height: 1.4em; border-bottom-color: #e1e7ed; border-bottom-width: 1px; border-bottom-style: solid;font-size:0.9rem ;}


.list tr:hover{background:#fafcfe; transition:none;}
.list tr:active{background:#fafcfe; transition:none;}
.list tr:focus{background:#fafcfe; transition:none;}

.list td.no{text-align:center}
.list td.views{text-align:center}


/*
.list td dl{padding: 0rem 100rem 0rem 62px; position: relative;}
.list td dl::after{clear: both; display: block; content: "";}
.list td dd{top: 0rem; text-align: center; position: absolute;}
.list td dt.no{left: 0rem; top: 0rem; width: 62px; text-align: center; line-height: inherit; position: absolute;}
.list td dt.no img{margin-top: -0.286rem;}
.list td dt span.cate{text-align: center; color: rgb(0, 111, 186); margin-right: 1.357rem; float: left; display: inline-block;}
.list td dt a.a_q{}
.list td dd.views{width: 100rem; right: 0rem;}
.list td dt{line-height: 1.5em; white-space: nowrap;}
.list td dt a{transition:color 0.3s; overflow: hidden; padding-right: 100rem; font-size: 1.2em; font-weight: 700; margin-right: -80.357rem; vertical-align: middle; float: left; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 80%; box-sizing: border-box;}
.list td dt.file a{padding-right: 130.357rem; margin-right: -120.357rem;}
.list td dt.new a{padding-right: 130.357rem; margin-right: -120.357rem;}
.list td dt.new.file a{padding-right: 150.357rem; margin-right: -149px;}
.list td dt a:hover{transition:color; color: rgb(0, 111, 186);}
.list td dt a:active{transition:color; color: rgb(0, 111, 186);}
.list td dt a:focus{transition:color; color: rgb(0, 111, 186);}
.list td dt img + .date{margin-left: 1.357rem;}
*/

.list .noArticle td{height: 50rem; text-align: center; padding-bottom: 1.57rem; font-size: 1.15em; font-weight: 400;}
.list .date{ text-align: center;}

.list .paging{padding: 2rem 0rem; text-align: center;}
.list .paging button{background: no-repeat center; border: 1px solid #e1e7ed; border-image: none; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; text-indent: -1000rem; overflow: hidden; padding-bottom: 2px; vertical-align: middle; display: inline-block; box-sizing: border-box;}
.list .paging strong{background:#446e9e;color:#fff!important; border: 1px solid #666; border-image: none; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; text-indent: -1000rem; overflow: hidden; padding-bottom: 2px; vertical-align: middle; display: inline-block; box-sizing: border-box;}

.list .paging{clear: both;}
.list .paging ol{margin: 0rem 0.42rem;}
.list .paging ol{display: inline-block;}

.list .paging li{display: inline-block;}
.list .paging li + li{margin-left: 1px;}
.list .paging li button{text-indent: 0rem;}
.list .paging li strong{text-indent: 0rem;}
.list .paging button:hover{ color:#446e9e;font-weight:bold}
.list .paging button:active{}
.list .paging button:focus{}
.list .paging strong{}
.list .paging strong{color: rgb(86, 127, 175); font-weight: 700;}
.list .paging button.first{background: url("../images/common/list_paging_first_btn.png")center;border:1px solid #94a5b6 ; border-radius: 3rem}
.list .paging button.prev{background: url("../images/common/list_paging_prev_btn.png")center;border:1px solid #94a5b6 ; border-radius: 3rem}
.list .paging button.next{background: url("../images/common/list_paging_next_btn.png")center;border:1px solid #94a5b6 ; border-radius: 3rem}
.list .paging button.last{background: url("../images/common/list_paging_last_btn.png")center;border:1px solid #94a5b6 ; border-radius: 3rem}
.list .paging button.first:hover{background:#446e9e url("../images/common/list_paging_first_btnon.png")center;border:1px solid #264f7e;border-radius: 3rem}
.list .paging button.prev:hover{background:#446e9e url("../images/common/list_paging_prev_btnon.png")center;border:1px solid #264f7e;border-radius: 3rem}
.list .paging button.next:hover{background:#446e9e url("../images/common/list_paging_next_btnon.png") center;border:1px solid #264f7e;border-radius: 3rem}
.list .paging button.last:hover{background:#446e9e url("../images/common/list_paging_last_btnon.png") center;border:1px solid #264f7e;border-radius: 3rem}
.list .paging button.mobile.prev{display: none;}
.list .paging button.mobile.next{display: none;}

.contents .search section.category ul.files li{ackground: url("../images/common/file_icon.png") no-repeat left 0.286rem; color: rgb(102, 102, 102); padding-left: 20.357rem; font-size: 0.85em;}


.view table{width:100%;border-collapse: collapse;border-top-color: #446e9e; border-top-width: 2px; border-top-style: solid; margin-bottom:2.14rem;}
.view th{ line-height: 1.3em; padding:1.0rem;  font-weight: 700; border-bottom:1px solid #e3e9ee; color:#000;background:#fbfcfe;}
.view thead td{ border-bottom:1px solid #4b82be;}
.view thead td dl{color:#000;display: block;}
.view thead td dt{ line-height: 1rem;  font-weight: 600; vertical-align: middle;display: inline-block;}
.view thead td dd{ line-height: 1rem;   vertical-align: middle; display: inline-block;border-right:#6b6b6b 1px solid;padding-right: 0.5rem}
.view thead td dd:last-child{border-right:none}
.view thead .file{clear: both; width:100%;display: block;border-top:1px solid #e3e9ee;padding:0.7rem 1rem;color:#666; box-sizing: border-box;size:0.85rem;}
.view thead .file span.f_tit{padding-right: 1.2rem;letter-spacing: 0.05rem;}
.view thead .file .f_icon{margin-right: 0.2rem;}
.view thead .file a{clear: both;padding:0 0.5rem; line-height:1.7rem} 
.view thead .file a:hover{text-decoration: underline;font-weight: 600;color:#3a82c9}
.view thead .file a:active{text-decoration: underline;font-weight: 600;color:#3a82c9}
.view thead .file a:focus{text-decoration: underline;font-weight: 600;color:#3a82c9}

/*게시판 이동*/

/*
.view th .nav{margin-left: -30.357rem;}
.view th .nav button{border: 1px solid rgb(221, 221, 221); transition:background 0.3s; border-image: none; width: 40.357rem; height: 40.357rem; text-align: center; line-height: 0; float: left; display: block; position: absolute;}
.view th .nav button.prev{left: -80rem;}
.view th .nav button.next{right: -80rem;}
.view th .nav button.list{width: 20.357rem; height: 1.85rem; line-height: 0; margin-top: 0.286rem; margin-right: 0.7rem; position: static;}
.view th .nav button img{transition:opacity 0.3s; opacity: 0.4;}
.view th .nav button:hover{background: rgb(246, 246, 246); transition:none;}
.view th .nav button:active{background: rgb(246, 246, 246); transition:none;}
.view th .nav button:focus{background: rgb(246, 246, 246); transition:none;}
.view th .nav button:hover img{transition:none; opacity: 1;}
.view th .nav button:active img{transition:none; opacity: 1;}
.view th .nav button:focus img{transition:none; opacity: 1;}
*/

.view tbody td {width:100%;line-height:1.57rem;}
.view tbody td.pnone{padding: 0rem;}
.view tbody td.text{color: rgb(51, 51, 51); font-size: 1.0rem;}
.view tbody td.text *{font: inherit; font-size-adjust: inherit; font-stretch: inherit;}
.view tbody td.text h1{line-height: 1.2; font-weight: 400;}
.view tbody td.text h2{line-height: 1.2; font-weight: 400;}
.view tbody td.text h3{line-height: 1.2; font-weight: 400;}
.view tbody td.text h4{line-height: 1.2; font-weight: 400;}
.view tbody td.text h5{line-height: 1.2; font-weight: 400;}
.view tbody td.text h6{line-height: 1.2; font-weight: 400;}
.view tbody td.text h1{margin: 0.66em 0rem; font-size: 2em;}
.view tbody td.text h2{margin: 0.83em 0rem; font-size: 1.5em;}
.view tbody td.text h3{margin: 1em 0rem; font-size: 1.17em;}
.view tbody td.text h4{margin: 1.33em 0rem;}
.view tbody td.text h5{margin: 1.67em 0rem; font-size: 0.83em;}
.view tbody td.text h6{margin: 2.33em 0rem; font-size: 0.67em;}
.view tbody td.text hr{border-width: 1px 0rem 0rem; border-style: solid none none; border-color: rgb(204, 204, 204) currentColor currentColor; margin: 0.5em 0rem; border-image: none;}
.view tbody td.text img.right{padding: 0.357rem; border: 1px solid rgb(204, 204, 204); border-image: none; margin-left: 1.357rem; float: right;}
.view tbody td.text img.left{padding: 0.357rem; border: 1px solid rgb(204, 204, 204); border-image: none; margin-right: 1.357rem; float: left;}
.view tbody td.text pre{font: inherit; margin: 1em 0rem; white-space: pre-wrap; -ms-word-wrap: break-word; font-size-adjust: inherit; font-stretch: inherit; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4;}
.view tbody td.text .marker{background-color: yellow;}
.view tbody td.text span[lang]{font-style: italic;}
.view tbody td.text figure{background: rgba(0, 0, 0, 0.05); margin: 0.7rem 1.42rem; padding: 0.7rem; border-radius: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; display: inline-block;}
.view tbody td.pnone{border: currentColor; border-image: none;}
.view tbody td.pnone > table.in_table{margin-bottom: 2.14rem; border-top-color: currentColor; border-top-width: medium; border-top-style: none;}
.view tbody td.pnone > table.in_table th{border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(202, 202, 202) rgb(202, 202, 202); padding: 1.357rem 1.42rem; border-image: none;}
.view tbody td.pnone > table.in_table td{border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(202, 202, 202) rgb(202, 202, 202); padding: 1.357rem 1.42rem; border-image: none;}
.view tbody td.pnone > table.in_table th:first-child {	border-left-color: currentColor; border-left-width: medium; border-left-style: none;}
.view tbody td.pnone > table.in_table td:first-child {	border-left-color: currentColor; border-left-width: medium; border-left-style: none;}
.view tbody td.pnone > table.in_table .b_r {	border-right-color: currentColor; border-right-width: medium; border-right-style: none;}
.view tbody td.pnone > table.in_table th {	background: rgb(250, 250, 250); color: rgb(0, 0, 0); font-size: 1.286rem; font-weight: 700; position: inherit;}
.view tbody td.pnone > table.in_table td {	background: rgb(255, 255, 255); padding: 1.357rem 0.357rem;}
.view tbody td.pnone > table.in_table strong {	color: rgb(19, 59, 126); font-weight: 500;}
.view tbody td.pnone > table.in_table em {	background: rgb(255, 247, 228); margin: 0rem 0.357rem; padding: 0.214rem 0.7rem; border: 1px solid rgb(250, 238, 207); border-image: none; color: rgb(51, 53, 67); font-style: normal; font-weight: 700; display: inline-block;}
.view tbody td.pnone > table.in_table span {	background: url("../images/common/table_time.png") no-repeat 0rem / auto 100%; padding-left: 2.14rem; margin-left: 0.357rem; display: inline-block;}
.view tbody td.text figure > figcaption {	text-align: center; display: block;}
.view tbody td.text p + p {	margin-top: 0rem;}
.view tbody td.text a > img {	margin: 1px; padding: 1px; outline: rgb(7, 130, 193) solid 1px; border: currentColor; border-image: none;}
.view tbody td.text strong {	font-weight: 700;}
.view tbody td.text em{font-style: italic;}
.view tbody td.text u{text-decoration: underline;}
.view tbody td.text s{text-decoration: line-through;}
.view tbody td.text address{font-style: italic;}
.view tbody td.text table{border: 1px solid rgb(224, 224, 224); border-image: none; border-collapse: collapse;}
.view tbody td.text table[align='center']{margin: 0rem auto;}
.view tbody td.text table[align='right']{margin: 0rem 0rem 0rem auto; float: none;}
.view tbody td.text th{font: inherit; padding: 0.357rem 0.7rem; border: 1px solid rgb(224, 224, 224); border-image: none; font-size-adjust: inherit; font-stretch: inherit;}
.view tbody td.text td{font: inherit; padding: 0.357rem 0.7rem; border: 1px solid rgb(224, 224, 224); border-image: none; font-size-adjust: inherit; font-stretch: inherit;}
.view tbody td.text th{background: rgb(249, 249, 249); text-align: center;}
.view tfoot td{padding:0.5rem 0}
.view tfoot td.prev{border-top: 1px solid #578ac2}
.view tfoot td.next{border-bottom: 1px solid #578ac2;border-top:1px solid #e1e7ed}


.view .neighbor{padding: 0.7rem 1rem ;font-size:1rem;}
.view .neighbor dt{width: 3.5rem; color: rgb(0, 0, 0); font-weight: 600; float: left; background: #FCC6C6}
.view td.prev .neighbor dt{background: url(../images/common/bbs_viewup.png) no-repeat 0 0.2rem;padding-left:1.5rem}
.view td.next .neighbor dt{background: url(../images/common/bbs_viewdown.png) no-repeat 0 0.2rem;padding-left:1.5rem}
.view .neighbor dd{color: rgb(164, 164, 164); overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;}
.view .neighbor dd a{color: rgb(85, 85, 85); }
.view .neighbor dd a:hover{text-decoration: underline;font-weight: 600;color:#3a82c9}
.view .neighbor dd a:active{text-decoration: underline;font-weight: 600;color:#3a82c9}
.view .neighbor dd a:focus{text-decoration: underline;font-weight: 600;color:#3a82c9}
.view .neighbor dd span.date{float:right; fon-size:0.8rem;color:#000}

.view tbody td.text figure.media{background: none; margin: 0rem; padding: 0rem; border: 0rem currentColor; border-image: none; display: block;
}
.view figure.media > *{margin: 0rem auto 3em; padding-top: 40rem; display: block; max-width: 100%;}
.view tbody td.p_none{padding: 0rem;}
.view dl.td_point{border-bottom-color: rgb(202, 202, 202); border-bottom-width: 1px; border-bottom-style: solid;}
.view dl.td_point dt{background: rgb(245, 245, 245); width: 15%; text-align: center; line-height: 40.357rem; float: left; display: inline-block;
}
.view dl.td_point dd {width: 34%; line-height: 40.357rem; padding-left: 1%; float: left; display: inline-block;}
.view dl.td_point::after{clear: both; display: block; content: "";}



.action a {background: rgb(0, 111, 186); padding: 0.357rem 0.7rem; border-radius: 2px; transition:background 0.2s; color: rgb(255, 255, 255); display: inline-block; min-width: 80.357rem; box-sizing: border-box;}
.action button{background:#436f9e; padding: 0.357rem 0.7rem; border-radius: 2px; transition:background 0.2s; color: rgb(255, 255, 255); display: inline-block; min-width: 80.357rem; box-sizing: border-box;}
a.action{background:#436f9e; padding: 0.357rem 0.7rem; border-radius: 2px; transition:background 0.2s; color: rgb(255, 255, 255); display: inline-block; min-width: 80.357rem; box-sizing: border-box;}
button.action{background:#436f9e; padding: 0.357rem 0.7rem; border-radius: 2px; transition:background 0.2s; color: rgb(255, 255, 255); display: inline-block; min-width: 80.357rem; box-sizing: border-box;}
.action a:hover{background:#436f9es;}
.action a:active{background: #436f9e;}
.action button:hover{background:#436f9e;}
.action button:active{background:#436f9e;}

button.action:hover{background:#436f9e;}
button.action:active{background:#436f9e;}

button {color: rgb(109, 109, 109);  margin: 0rem; padding: 0rem; border: 0rem currentColor; border-image: none; cursor: pointer;background: none; vertical-align: middle;}

/*
.write table{width:100%;border-top: #446e9e 2px solid;border-bottom:2px solid #446e9e;margin-bottom:2.14rem;border-collapse: collapse;}*/
.write table{border-top-color: #436e9d; border-top-width: 2px; border-top-style: solid; width:100%;border-collapse: separate;table-layout: auto}
.write tr{text-align: left; color: rgb(51, 53, 67); line-height: 1.3em; padding-right: 140rem; padding-bottom: 10.286rem; font-size: 1rem; font-weight: 500;}
.write thead tr th.write thead tr td{background: #fbfcfe}
.write tr:first-child td,.write tr:first-child th{border-bottom: 1px solid #ddd;padding-right:0;background: #fbfcfe}
.write td label.radio{line-height: 2rem;margin-right:1.5rem}
.write th{text-align: center;padding:0.5rem ;border-bottom:1px solid #e0e7ed;border-right:1px solid #e0e7ed}
.write th label{line-height: 2.72rem; display: block; font-weight:600}
.write tbody td.text input,.write tbody td.text textarea{width:100%;color:#666;font-size:0.85em;}

.write tbody td.text input[type=text]:focus{border:1px solid #436e9d;background: #fafcfe }

.write tbody td textarea{height:30rem; border: 1px solid #c2c2c2;padding:0.7rem; font-size:0.85em;line-height:1.57rem; box-sizing: border-box; font-weight: normal; background: #f8f8f8;  }
.write tbody td textarea:focus{border:1px solid #436e9d;background: #fafcfe }
.write tbody td {padding:0.9rem;border-bottom:1px solid #e0e7ed; }
.write tbody td.pnone{padding: 0rem;}
.write tbody td.text{color: rgb(51, 51, 51); font-size: 1.286rem;}
.write tbody td.text h1{line-height: 1.2; font-weight: 400;}
.write tbody td.text h2{line-height: 1.2; font-weight: 400;}
.write tbody td.text h3{line-height: 1.2; font-weight: 400;}
.write tbody td.text h4{line-height: 1.2; font-weight: 400;}
.write tbody td.text h5{line-height: 1.2; font-weight: 400;}
.write tbody td.text h6{line-height: 1.2; font-weight: 400;}
.write tbody td.text h1{margin: 0.66em 0rem; font-size: 2em;}
.write tbody td.text h2{margin: 0.83em 0rem; font-size: 1.5em;}
.write tbody td.text h3{margin: 1em 0rem; font-size: 1.17em;}
.write tbody td.text h4{margin: 1.33em 0rem;}
.write tbody td.text h5{margin: 1.67em 0rem; font-size: 0.83em;}
.write tbody td.text h6{margin: 2.33em 0rem; font-size: 0.67em;}
.write tbody td.text hr{border-width: 1px 0rem 0rem; border-style: solid none none; border-color: rgb(204, 204, 204) currentColor currentColor; margin: 0.5em 0rem; border-image: none;}
.write tbody td.text img.right{padding: 0.357rem; border: 1px solid rgb(204, 204, 204); border-image: none; margin-left: 1.357rem; float: right;}
.write tbody td.text img.left{padding: 0.357rem; border: 1px solid rgb(204, 204, 204); border-image: none; margin-right: 1.357rem; float: left;}
.write tbody td.text pre{font: inherit; margin: 1em 0rem; white-space: pre-wrap; -ms-word-wrap: break-word; font-size-adjust: inherit; font-stretch: inherit; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4;}
.write tbody td.text .marker{background-color: yellow;}
.write tbody td.text span[lang]{font-style: italic;}
.write tbody td.text figure{background: rgba(0, 0, 0, 0.05); margin: 0.7rem 1.42rem; padding: 0.7rem; border-radius: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; display: inline-block;}

.write tbody td.text figure > figcaption {	text-align: center; display: block;}
.write tbody td.text p + p {	margin-top: 0rem;}
.write tbody td.text a > img {	margin: 1px; padding: 1px; outline: rgb(7, 130, 193) solid 1px; border: currentColor; border-image: none;}
.write tbody td.text strong {	font-weight: 700;}
.write tbody td.text em{font-style: italic;}
.write tbody td.text u{text-decoration: underline;}
.write tbody td.text s{text-decoration: line-through;}
.write tbody td.text address{font-style: italic;}
.write tbody td.text table{border: 1px solid rgb(224, 224, 224); border-image: none; border-collapse: collapse;}
.write tbody td.text table[align='center']{margin: 0rem auto;}
.write tbody td.text table[align='right']{margin: 0rem 0rem 0rem auto; float: none;}
.write tbody td.text th{font: inherit; padding: 0.357rem 0.7rem; border: 1px solid rgb(224, 224, 224); border-image: none; font-size-adjust: inherit; font-stretch: inherit;}
.write tbody td.text td{font: inherit; padding: 0.357rem 0.7rem; border: 1px solid rgb(224, 224, 224); border-image: none; font-size-adjust: inherit; font-stretch: inherit;}
.write tbody td.text th{background: rgb(249, 249, 249); text-align: center;}
.write tbody td.text figure.media{background: none; margin: 0rem; padding: 0rem; border: 0rem currentColor; border-image: none; display: block;
}

.write tbody td {height:29px;}
/*.write tbody td.text .filebox {width:50%; display: inline-block}*/
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; box-sizing: border-box } 
.filebox label { display: inline-block; padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #919191; cursor: pointer; border: 1px solid #919191;} 
.filebox label:active,.filebox label:hover{border: 1px solid #446e9e; background-color: #446e9e; color:#fff}
.filebox .upload-name { display: inline-block; padding: .5em .75em;font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f8f8f8; ; border: 1px solid #c2c2c2; }


/*테이블 스타일*/
.table_st table{border-top-color: #446e9e; border-top-width: 2px; border-top-style: solid; width:100%;border-collapse: collapse;border-bottom:2px solid #ccc;margin-bottom:0.7rem;}
.table_st thead th{background:#f4f4f4;padding: 0.85rem 0rem;border-bottom:1px solid #ccc }
.table_st thead th span{border-right:1px solid #ccc;width:100%;color:#666; display: block; box-sizing: border-box;letter-spacing: 1px;font-size:1.357rem;font-weight: bold}
.table_st thead th:last-child span{border-right:none;}

.table_st td{padding: 0.85rem 0.357rem; transition:background 0.3s; line-height: 1.4em; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;text-align: center;}
.table_st td,.table_st th{border-right:1px solid #ccc;}
.table_st td:first-child,.table_st th:first-child{border-left:1px solid #ccc;}



/*모바일*/
@media all and (max-width:767px){
.list td.no,.list td.views,.list td.date{display: none;}
	.list td span{font-size:1.1rem;color:#919191;margin-bottom:0.5rem; display: inline-block; position: absolute; top:1.4rem}
	.list td a{font-size:1.2rem; font-weight:600;margin-top:2.0rem; width:100%;display: block;line-height:1.8rem; white-space:normal;word-wrap: break-word; word-break: keep-all }
	.list td{padding:1.2rem 0 2rem 0; position: relative}

	
	.list .paging button{width: 2.5rem; height: 2.5rem;}
	
	.list .paging button.first,.list .paging button.last{display: none;}
	.list .paging div.num{display: inline-block!important; width:5rem;}
	.list .paging div.num span{color:#264f7e;font-weight: 600}
	.view th{text-align: left;font-size: 1.4rem;font-weight: 600;  display: block;line-height:1.8rem; white-space:normal;word-wrap: break-word; word-break: keep-all}
	.view thead .file a{display: block;padding:0.2rem 0}
	.view thead td dl{padding:0.7rem 0;}
	.view thead td dt{padding:0 0.5rem}
	.view thead td dl{font-size:1.0rem;}
	.view tbody td {padding:1.2rem 0.5rem;}
	.view thead .file{size:1.2rem;}
	.view tbody td.text{font-size: 1.15rem!important;}
	.view .neighbor{font-size:1.05rem;}
	.view .neighbor dd a{width:35rem;white-space:normal!important;}
	
	/*
	.function{text-align: center!important}
	.function button {min-width: 50%!important;height:3rem;font-size:1.15rem!important}
	.view .neighbor dd a{width:35rem;white-space:normal;word-wrap: break-word; word-break: keep-all;float:left }
	*/
	.function{padding-bottom: 3.5rem}
	.function button{height:3rem;font-size:1.15rem!important;padding:0 2rem;}
	
	.write tbody td {padding:0.9rem 0 0.9rem 1rem;}
	
}


/* 768이상값 PC*/
@media all and (min-width:768px){
.list td a{float:left}
.list td span.date{float:right;padding-right:1rem}
.list td a{font-size: inherit;width:30rem;text-overflow:ellipsis;  white-space:nowrap;  word-wrap:normal;
  overflow:hidden;line-height:1.4rem;display: block;}
	
	
	
	
	.view th{text-align: left;font-size: 1rem;  }
	.view thead td dl{float:right;}
	.view thead .file a{display: inline-block;}
	.view thead .file a::after{content: " , "}
	.view thead .file a:last-child::after{content: ""}
	.view thead td dl{padding:0.7rem 0;}
	.view thead td dt{padding:0 0.5rem}
	.view thead td dl{font-size:0.95rem;}
	.view tbody td {padding:1.857rem 1.0rem;}
	.view .neighbor dd a{width:35rem;text-overflow:ellipsis;  white-space:nowrap;  word-wrap:normal;
  overflow:hidden; float:left }

	.write tbody td.text .m1{width:50%!important}
	
	
}



@media all and (max-width:767px) and (min-width:481px)
{

}

@media all and (max-width:480px)
{
	
.list td {padding:0.9rem 1rem }
	
.write th{padding:0rem!important} 
.write th label{line-height:1.7rem;margin-top:0.8rem; 
 padding:0 0.5rem }
.write tbody td {padding:0.9rem 1rem 0.9rem 1rem!important;}
.write td label.radio{margin-right:0.5rem}
	
.view tbody td {padding:1.2rem 1rem;}	
}

