.wid {max-width:1920px; width:100%; margin:0 auto; padding:0 60px;}
@media screen and (min-width:1920px) {
	.wid {max-width:100%;}
}

.board {padding:60px 90px 90px 90px;  }
.board:after {content:''; clear:both; display: table;}

.board h3 {font-size:14px; color:#d7d7d7; }
.board h2 {font-size:25px; margin-top:12px; color:#111; font-weight:500;}

.board .tab {position: absolute; width:380px; right:90px; top:75px;}
.board .tab li {float:left; width:calc((100% - 20px) / 3); margin-right:10px;}
.board .tab li:last-child {margin-right:0;}
.board .tab li a {display: inline-block; width:100%; font-size:15px; text-align: center; padding:10px 0; color:#777; background:#f6f6f6; border-radius:50px;}
.board .tab li.on a {background:#111; color:#fff; }
.board .tab:after {content:''; clear:both; display: table;}

.board .tab2 {width:250px;}
.board .tab2 li {width:calc((100% - 10px) / 2); }

.board .total {font-size:15px; color:#777; float:left; margin-top:25px;}
.board .total b {color:#222;}
.board .total img {margin:-2px 5px 0 0;}
.board .total span {display: inline-block; width:1px; height:13px; background:#ccc; margin:0 12px; position: relative; top:1px;}

.board .search_box {position: relative; float:right; margin-top:4px;}
.board .search_box input[type="text"] {width:380px; border:none; border-bottom:2px solid #222; height:45px; font-size:15px; color:#111; font-weight:600; padding-left:32px; outline: none; padding-bottom:4px;}
.board .search_box input[type="text"]::placeholder {color:#222;}
.board .search_box .search_bt {position: absolute; left:0; bottom:10px; width:30px; height:30px; border:none; background:none;}

.board .list {margin-top:20px;}
.board .list ul { height:80px; display: flex; align-items: center; border-top:1px solid #eee; cursor: pointer; transition: .3s;}
.board .list ul.top {background:#f8f8f8; height:62px;}
.board .list ul:after {content:''; clear:both; display: table;}
.board .list ul li {float:left; font-size:15px; color:#777; }
.board .list ul li:after {content:''; clear:both; display: table;}
.board .list ul li button {height:40px; font-size:14px; color:#777; border:none; border-radius:10px; width:100px; background:#f4f4f4; float:left;}
.board .list ul li button.down {color:#fff; background:#111; margin-left:10px;}
.board .list ul li button img {margin:0 0 0 6px;}
.board .list ul li button.file {width:40px; margin-left:10px;}
.board .list ul li button.file img {margin:0;}
.board .list ul li button.file.on {background:#111;}
.board .list ul li button.file.on img {filter:brightness(0) invert(1)}

.board .list ul li:nth-child(2) {font-size:18px; color:#111; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:20px;}
.board .list ul li b {font-size:15px; color:#fff; padding:5px 8px;border-radius:7px; background:#111; display: inline-block; margin-right:10px; font-weight:500;}
.board .list ul.top {box-shadow: initial !important; cursor: initial;}
.board .list ul.top li:nth-child(2) {font-size:15px; color:#777; font-weight:400;}
.board .list ul:first-child, .board .list ul:nth-child(2) {border:none;border-radius:20px;}
.board .list ul:last-child {border-bottom:1px solid #eee;}
.board .list ul:hover {border-color:#fff; border-radius:20px; box-shadow: 0 0 20px rgba(0,0,0,.11)}

.board .list1 ul li:nth-child(1) {width:90px; text-align: center;}
.board .list1 ul li:nth-child(2) {width:calc(100% - 90px - 145px - 180px); }
.board .list1 ul li:nth-child(3) {width:145px; }
.board .list1 ul li:nth-child(4) {width:180px; }

.board .list2 ul li:nth-child(1) {width:90px; text-align: center;}
.board .list2 ul li:nth-child(2) {width:calc(100% - 90px - 145px - 190px); }
.board .list2 ul li:nth-child(3) {width:100px; }
.board .list2 ul li:nth-child(4) {width:110px; text-align: center;}
.board .list2 ul li:nth-child(5) {width:120px; }

.board .list3 {margin-top:20px;}
.board .list3:after {content:''; clear:both; display: table;}
.board .list3 li {float:left; width:calc((100% - 60px) / 4); margin:0 20px 20px 0; border:1px solid #e4e4e4; border-radius:15px; overflow: hidden; cursor:pointer;}
.board .list3 li:nth-child(4n) {margin-right:0;}
.board .list3 li .img {width:100%; padding-top:100%; }
.board .list3 li .txt {padding:18px 23px 20px 23px;}
.board .list3 li .txt b {display: inline-block;font-size:13px; padding:5px 9px; border-radius:5px; background:#EAF2E8; color:#84967F; font-weight:500;}
.board .list3 li .txt b.col2 {background:#F2E8F0; color:#9C73A9}
.board .list3 li .txt p {margin-top:10px; font-size:16px; color:#222; font-weight:600; line-height:1.4em; display: -webkit-box; display: -ms-flexbox; overflow:hidden; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:45px;}
.board .list3 li .txt span {display: inline-block; width:100%; margin-top:15px; font-size:13px; color:#999;}


.pagination {width:298px; margin:50px auto 0 auto;}
.pagination:after {content:''; clear:both; display: table;}
.pagination button {float:left; margin-right:8px; width:calc((100% - 48px) / 7); border:none; background:none; color:#aaa; font-size:15px; border-radius:10px; height:35px; padding-bottom:2px;}
.pagination button:last-child {margin-right:0; border:1px solid #e6e6e6;}
.pagination button:first-child {border:1px solid #e6e6e6}
.pagination button.on {background:#111; color:#fff;}

.board .bt_box {text-align: center; margin-top:50px;}
.board .bt_box button {width:135px;  height:45px; border:1px solid #111; background:#fff; border-radius:50px;font-size:16px; color:#111; font-weight:500; margin:0 2px;}
.board .bt_box button.write_bt {background:#111; color:#fff; }


.board .detail {margin-top:30px;}
.board .detail:after {content:''; clear:both; display: table;}
.board .detail h4 {font-size:18px; font-weight:700; border-top:2px solid #111; padding-top:20px;}
.board .detail h5 {font-weight:400; margin-top:7px; font-size:15px; color:#777;}
.board .detail h5 span {display: inline-block; margin:0 8px;}

.board .detail .file {margin-top:20px; margin-bottom:20px;}
.board .detail .file li {position: relative; background:#f8f8f8; border-radius:20px; padding:20px 25px; margin-top:8px;}
.board .detail .file li p {font-size:16px; color:#666; padding-right:220px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board .detail .file li p img {margin:-2px 7px 0 0; opacity: .7;}
.board .detail .file li p span {display: inline-block; font-size:15px; color:#aaa; display: inline-block; margin-left:5px;}
.board .detail .file li .bt {position: absolute; right:13px; top:11px;}
.board .detail .file li .bt:after {content:''; clear:both; display: table;}
.board .detail .file li .bt button {float:left; width:100px; height:40px; border-radius:12px; font-size:14px; color:#777; background:#fff; border:none; }
.board .detail .file li .bt button img {margin:-2px 0 0 7px;}
.board .detail .file li .bt button.down {background:#111; color:#fff; margin-left:7px;}

.board .detail .noteIframe {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

.board .detail .content_txt {padding:30px 0 0 2px;}
.board .detail .content_txt2 { border-top:1px solid #e8e8e8; margin-top:25px;}
.board .detail .content_txt p {font-size:16px; color:#333; font-weight:400; line-height:1.5em;}

.board .detail .content_txt img {margin:20px 0; width:auto; height:auto; max-width:100%; max-height:100%;}

.board .detail table {margin-top:130px; border-collapse: collapse;width:100%; table-layout: fixed; cursor:pointer;}
.board .detail table th {border-radius:15px 0 0 0; background:#f8f8f8; border-bottom:1px solid #eee; color:#999; font-weight:400; width:80px; font-size:15px;  padding:15px 0px; }
.board .detail table td {font-size:15px; padding:15px 18px; color:#777; border:1px solid #eee; border-left:none; border-radius:0 15px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board .detail table tr:last-child th {border-radius: 0 0 0 15px; border-color:#f8f8f8}
.board .detail table tr:last-child td {border-radius: 0 0 15px 0;}

.board .detail .bottom_bt {float:right; margin-top:20px;}
.board .detail .bottom_bt button {width:105px; height:44px; border:1px solid #ccc; border-radius:14px; color:#999; font-size:15px; font-weight:400; background:#fff; float:left; margin-left:8px;}
.board .detail .bottom_bt button.on {background:#111; border:none; color:#fff;}


.write {max-width:1230px; width:100%; margin:0 auto;}
.write .write_box .input_box {margin-top:35px;}
.write .write_box .input_box2 {float:left; width:calc((100% - 25px) / 2);}
.write .write_box .input_box3 {float:right; width:calc((100% - 25px) / 2);}
.write .write_box .input_box:after {content:''; clear:both; display: table;}
.write .write_box .input_box p {font-size:18px; color:#111; font-weight:600;}
.write .write_box .input_box span {font-size:14px; color:#777; margin-top:5px; display: inline-block; width:100%;}
.write .write_box .input_box span.pwd_txt {color:#8ab1b8; margin-top:7px;}
.write .write_box .input_box input[type="text"] {width:100%; margin-top:8px; border:1px solid #e4e4e4; border-radius:10px; padding:0 17px; font-size:15px; color:#111; height:45px;}
.write .write_box .input_box input[type="text"].sel_input {float:right; width:calc(100% - 157px);}
.write .write_box .input_box input[type="password"] {width:100%; margin-top:8px; border:1px solid #e4e4e4; border-radius:10px; padding:0 17px; font-size:15px; color:#111; height:45px;}
.write .write_box .input_box input[type="text"].add1 {float:left; width:calc((100% - 114px) / 2); margin-left:7px;}
.write .write_box .input_box input[type="text"].typeInput { float:left; width:150px;  position: relative; margin:8px 0 0 0;}
.write .write_box .input_box .editor {width:100%; margin-top:8px; border:1px solid #e4e4e4; color:#111; height:500px;}
.write .write_box .input_box .add_bt {float:left; width:100px; height:45px; border-radius:10px; background:#111; border:none; color:#fff; font-size:16px; margin-top:8px; padding-bottom:2px; }

.write .write_box .input_box .select { float:left; width:150px;  position: relative; margin:8px 0 0 0;}
.write .write_box .input_box .select .label {width:100%; text-align:left;  height:45px; padding-left: 15px; font-size:15px; padding-bottom:1px; color:#888; background:url('../img/down_arrow2.svg')no-repeat center right 15px #fff; border-radius:10px;font-weight:500; cursor: pointer; border:1px solid #e4e4e4}
.write .write_box .input_box .select .optionList {position: absolute; top:50px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; border-radius:8px; font-weight:400; border:1px solid rgba(255,255,255,0);}
.write .write_box .input_box .select.active .optionList {max-height: 170px;overflow:auto; background:#fff; border:1px solid #e4e4e4;}
.write .write_box .input_box .select .optionItem { padding:6px 15px 6px 15px; font-size:15px; color:#888; font-weight:400;
	cursor: pointer;}
.write .write_box .input_box .select .optionItem:last-child {padding-bottom:12px;}
.write .write_box .input_box .select .optionItem:first-child {padding-top:12px;}
.write .write_box .input_box .select .optionList::-webkit-scrollbar {width: 6px;}
.write .write_box .input_box .select .optionList::-webkit-scrollbar-thumb {background:  none; border-radius: 45px;}



.write .write_box .input_box .file_cont {margin-top:10px;}
.write .write_box .input_box .file_cont .file_box:after {content:''; clear:both; display: table;}
.write .write_box .input_box .file_cont .file_box {position: relative; margin-top:8px;}
.write .write_box .input_box .file_cont .file_box input[type="file"] {display: none;}
.write .write_box .input_box .file_cont .file_box label {display: inline-block; border:1px solid #e4e4e4; border-radius:10px; padding:0 18px; height:45px; line-height:44px; width:calc(100% - 148px); margin-left:148px; font-size:15px; position: relative; color:#bbb; padding-right:45px; cursor:pointer;}
.write .write_box .input_box .file_cont .file_box label:after {content:''; clear:both; display: table;}
.write .write_box .input_box .file_cont .file_box label span {width:140px; height:45px; line-height:45px; text-align: center; position: absolute; left:-149px; top:0; background:#f8f8f8; font-size:15px; color:#888; border-radius:10px; margin-top:0px; z-index: 1;}
.write .write_box .input_box .file_cont .file_box label em {display: inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style:initial;}
.write .write_box .input_box .file_cont .file_box label {}
.write .write_box .input_box .file_cont .file_box .add_bt {float:right; width:100px; height:45px; border-radius:10px; font-size:15px; background:#111; color:#fff; font-weight:500; border:none;}
.write .write_box .input_box .file_cont .file_box .miu_bt {float:right; width:100px; height:45px; border-radius:10px; font-size:15px; background:#F0F0F0; color:#9D9D9D; font-weight:500; border:none;}
.write .write_box .input_box .file_cont .file_box .close_bt {position: absolute; right:0px; border:none; background:none; top:0px; z-index: 1; width:45px; height:45px;}

.write .write_box .input_box .img_upload {margin-top:15px; margin-bottom:-10px;}
.write .write_box .input_box .img_upload:after {content:''; clear:both; display: table;}
.write .write_box .input_box .img_upload .img_box {float:left; width:calc((100% - 30px) / 4); margin-right:10px; position: relative;margin-bottom:10px;}
.write .write_box .input_box .img_upload .img_box:nth-child(4n) {margin-right:0;}
.write .write_box .input_box .img_upload .img_box button {width:100%; padding-top:100%; border-radius:10px; border:1px solid #eee; }
.write .write_box .input_box .img_upload .img_box button.no {border:1px dashed #ddd; background:url('../img/img_close.svg')no-repeat center;}
.write .write_box .input_box .img_upload .img_box .close {position: absolute; right:7px; top:7px; cursor: pointer;}

.write .write_box .input_box .img_upload .img_box2 {width:100%;}
.write .write_box .input_box .img_upload .img_box2 button {padding-top:0; height:122px;}

.write .write_box .input_box textarea {width:100%; border:1px solid #e4e4e4; border-radius:10px; padding:15px 20px; font-size:15px; color:#111; height:250px; margin-top:14px; outline: none;}

.write #editor {margin-top:15px; border-radius:15px;}

.write .write_bt:after {content:''; clear:both; display: table;}
.write .write_bt {width:230px; margin:30px auto 0 auto ; }
.write .write_bt button {float:left; width:calc((100% - 8px) / 2); height:48px; border-radius:14px; color:#aaa; border:1px solid #ddd; background:#fff; font-size:16px; }
.write .write_bt button.on {float:right; background:#111; color:#fff; border:none;}

.toastui-editor-defaultUI {border-radius:14px !important; overflow: hidden;}


@media screen and (max-width:1500px) {
	.board {padding:50px 60px;}
	.board .tab {right:60px;}
}


@media screen and (max-width:1200px) {
	.wid {padding:0 25px;}
	.board {padding:40px 40px;}
	.board .tab {right:40px; top:40px;}
	.board .search_box {margin-top:-3px;}
	.board .list ul li:nth-child(2) {font-size:16px;}
	.board .list ul li b {font-size:14px; margin-right:7px;}

	.board .list1 ul li:nth-child(2) {width:calc(100% - 90px - 145px - 200px)}
	.board .list1 ul li:nth-child(3) {width:115px;}
	.board .list1 ul li:nth-child(4) {width:210px;}

	.board .list2 ul li:nth-child(2) {width:calc(100% - 90px - 115px - 200px)}
	.board .list2 ul li:nth-child(3) {width:95px;}
	.board .list2 ul li:nth-child(4) {width:110px;}
	.board .list2 ul li:nth-child(5) {width:120px;}

	.board .list3 li {float:left; width:calc((100% - 40px) / 3);}
	.board .list3 li:nth-child(4n) {margin-right:20px;}
	.board .list3 li:nth-child(3n) {margin-right:0px;}
}

@media screen and (max-width:1024px) {
	.board .tab {position: relative; right:0; top:0; width:100%; margin-top:25px;}
	.board .total {margin-top:29px;}
	.board .search_box {margin-top:11px;}

	.board .list ul li button {width:90px;}
	.board .list ul li button.down {margin-left:5px;}
	.board .list ul li:nth-child(2) {font-size:15px;}
	.board .list ul li b {font-size:13px; padding:4px 7px;}
	.board .list1 ul li:nth-child(1) {width:80px;}
	.board .list1 ul li:nth-child(2) {width:calc(100% - 90px - 145px - 137px);}
	.board .list1 ul li:nth-child(3) {width:105px;}
	.board .list1 ul li:nth-child(4) {width:185px;}

	.write .write_box .input_box .img_upload .img_box {float:left; width:calc((100% - 40px) / 5);}
	.write .write_box .input_box .img_upload .img_box:nth-child(7n) {margin-right:10px;}
	.write .write_box .input_box .img_upload .img_box:nth-child(5n) {margin-right:0;}

	.board .list3 li .txt p {font-size:15px;}

	.write .write_box .input_box .img_upload .img_box {width:calc((100% - 10px) / 2);}
		.write .write_box .input_box .img_upload .img_box:nth-child(2n) {margin-right:0;}
	.write .write_box .input_box .img_upload .img_box2 {width:100%;}
	.write .write_box .input_box .img_upload .img_box2 button {height:160px;}
	.write .write_box .input_box2 {width:100%;}
	.write .write_box .input_box3 {width:100%;}
}



@media screen and (max-width:767px) {
	.wid {padding:0 0px;}
	.board h2 {margin-top:0px; position: fixed; z-index: -1; top:127px; left:0; width:100%; color:#fff; text-align: center; }
	.board h3 { margin-top:0px; position: fixed; z-index: -1; top:106px; left:0; width:100%; color:#fff; text-align: center; font-weight:500; color:rgba(255,255,255,.8)}
	.board .tab {margin-top:0;}
	.board .tab li a {font-size:14px;}
	.board {padding:30px 25px 60px 25px;}

	.board .total {margin-top:16px; font-size:14px;}
	.board .total img {width:15px;}
	.board .search_box input[type="text"] {width:100%;}
	.board .search_box {width:100%; margin-top:6px;}

	.board .list ul:not(.top) {display: inline-block; padding:15px 0 12px 5px;}
	.board .list ul.top li:nth-child(3), .board .list ul.top li:nth-child(4) {display: none;}
	.board .list ul.top {border-radius:10px; height:45px; }
	.board .list ul.top li {font-size:13px; padding:0 15px;}
	.board .list ul li:nth-child(1) { display:none; }
	.board .list ul li:nth-child(2) {width:100%;}

	.board .list ul {width:100%; height:auto;}
	.board .list1 ul li:nth-child(2) {width:100%; padding-right:0;}
	.board .list1 ul li:nth-child(3) {width:100%; margin-top:6px; font-size:14px;}
	.board .list1 ul li:nth-child(4) {width:100%;}

	.board .list2 ul li:nth-child(2) {width:100%; padding-right:0;}
	.board .list2 ul li:nth-child(3) {width:100%; margin-top:6px; font-size:14px;}
	.board .list2 ul li:nth-child(4) {width:100%; display: none;}
	.board .list2 ul li:nth-child(5) {width:100%; display: none;}

	.board .list ul li button {height:34px; width:100px; padding-bottom:2px;}
	.board .list1 ul li:nth-child(4) {margin-top:10px; margin-left:-1px;}

	.board .list3 li {float:left; width:calc((100% - 15px) / 2); margin-right:15px; border-radius:10px;}
	.board .list3 li:nth-child(4n) {margin-right:15px;}
	.board .list3 li:nth-child(3n) {margin-right:15px;}
	.board .list3 li:nth-child(2n) {margin-right:0px;}
	.board .list3 li .txt {padding:12px 15px 16px 15px;}
	.board .list3 li .txt p {font-size:14px; height:39px;}
	.board .list3 li .txt span {margin-top:10px;}
	.board .list3 li:nth-last-child(-n+2) {margin-bottom:0;}

	.board .detail {margin-top:20px;}
	.board .detail h4 {font-size:16px; padding-top:15px;}
	.board .detail h5 {font-size:13px;}

	.board .detail .file li {padding:15px 15px 12px 15px; border-radius:10px;}
	.board .detail .file li p {padding-right:0; font-size:14px;}
	.board .detail .file li p img {width:17px; margin-right:5px;}
	.board .detail .file li .bt {position: relative; right:0; top:0; width:100%; margin:10px 0 0 21px;}
	.board .detail .file li .bt button {height:34px; border-radius:8px; width:90px; font-size:13px; padding-bottom:2px;}

	.board .detail .content_txt {padding-top:20px;}
	.board .detail .content_txt p {font-size:15px; }

	.board .detail table th {font-size:14px; width:70px;}
	.board .detail table td {font-size:14px; padding:15px 15px;}
	.board .detail .list {float:initial; margin:25px auto 0 auto; display: block; border-radius:10px;}



	.write .write_box {margin-top:-30px;}
	.write .write_box .input_box {margin-top:25px;}
	.write .write_box .input_box p {font-size:16px;}
	.write .write_box .input_box input[type="text"] {font-size:14px; padding:0 15px; height:40px; border-radius:8px;}
	.write .write_box .input_box .file_cont .file_box label {margin-left:88px; height:40px; line-height:39px; width:calc(100% - 88px); font-size:14px; padding:0 45px 0  14px;}
	.write .write_box .input_box .file_cont .file_box label span {width:80px; font-size:14px; height:40px; border-radius:8px; line-height:40px; left:-88px;}
	.write .write_box .input_box .file_cont .file_box .add_bt b {display: none;}
	.write .write_box .input_box .file_cont .file_box .add_bt {width:75px; font-size:14px; height:40px;  border-radius:8px;}
	.write .write_box .input_box .file_cont .file_box .miu_bt b {display: none;}
	.write .write_box .input_box .file_cont .file_box .miu_bt {width:75px; font-size:14px; height:40px;  border-radius:8px;}
	.write .write_box .input_box .file_cont .file_box .close_bt { width:40px; height:40px;}
	.write .write_box .input_box .file_cont .file_box .close_bt img {width:20px;}
	.write .write_box .input_box textarea {font-size:14px;}

	.write .write_bt {width:100%;}

	.board .more_bt {width:100%; margin-top:30px; height:40px; font-size:15px; padding-bottom:2px;}

	.board .detail .bottom_bt {width:100%;}
	.board .detail .bottom_bt button {float:left; width:calc((100% - 14px) / 3); margin:0 7px 0 0; }
	.board .detail .bottom_bt button:last-child {margin-right:0;}

	.board .detail .bottom_bt1 button {width:100%; margin:0;}

	.write .write_box .input_box .img_upload .img_box {float:left; width:calc((100% - 20px) / 3);}
	.write .write_box .input_box .img_upload .img_box:nth-child(5n) {margin-right:10px;}
	.write .write_box .input_box .img_upload .img_box:nth-child(3n) {margin-right:0;}

	.write .write_box .input_box input[type="text"].add1 {width:100%; margin-left:0;}
	.write .write_box .input_box .add_bt {height:40px; font-size:15px; width:100%; }


	.write .write_box .input_box2, .write .write_box .input_box3 {width:100%; float:initial;}
	.write .write_box .input_box .img_upload .img_box2 {width:100%;}


	.write .write_box .input_box .select {width:100%;}
	.write .write_box .input_box .select .label {height:40px; font-size:14px;}
	.write .write_box .input_box .select .optionItem {font-size:14px;}
	.write .write_box .input_box .select .optionList {top:45px;}
	.write .write_box .input_box input[type="text"].sel_input {width:100%;}
}