@charset "utf-8";




/* CSS Document */

.total{text-align:right; padding:5px; color:#666; font-size:0.8em;}
.table_wrap{width:100%; border-top:2px solid #555; border-bottom:1px solid #555; color:#555; overflow:hidden;}
.row{width:100%;}
/* .mobile{display:none;} */
.no{text-align:center;}
a{color:#555;}


select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }


/* footer */
/*
.search{padding:10px 0; width:100%;}
.search_wrap{width:50%; float:left; box-sizing:border-box;}
.search_wrap select{padding:4px 15px 4px 5px; border:1px solid #ccc; color:#666; -webkit-appearance: none; -moz-appearance: none; border-radius:1px; appearance: none; background:url('../images/select_down.png')95% 50% no-repeat;}
.search_wrap select::-ms-expand {display: none;화살표 없애기 for IE10, 11}
.search_wrap form{display:inline; margin:0 5px;}
.search_wrap input{width:200px; height:25px; border:1px solid #ccc; border-radius:1px;}
*/
.search_wrap_right{display:inline-block; width:100%; float:right; box-sizing:border-box;max-width:120px;}
.search_wrap_right .button{float:right;}
.m_button{display:none;}

/************************search-wrap****************************/
.search{width:100%; margin:20px 0; overflow:hidden;}
.search-wrap{display:inline-block; width:100%; max-width:300px;}
.search-box{float:left; width:25%; margin-right:5px; position:relative;}
.select-search{height:30px; width:100%; margin-right:5px; padding:5px; color:#555; border:1px solid #888; font-size:12px; }
.search-box:before{content:""; position:absolute; top:50%; right:10px; width:0; height:0; margin-top:-1px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #999;}

.search-wrap .search-bar{float:left; display:inline-block; width:70%; height:30px; border:1px solid #888; background:#fff; box-sizing:border-box; overflow:hidden; position:relative;}
.search-wrap .search-bar input{font-size:13px; width:70%; height:100%; min-width:100px;/*  max-width:235px; */ box-sizing:border-box; border:0; outline:none; float:left; padding-left:10px; line-height:28px; color:#555;}
.search-wrap .btn-search{height:100%; border:0; background:#555; outline:none; float:right; color:#fff;/*  line-height:26px; */ cursor:pointer; font-size:12px; /* padding:0 25px;  */box-sizing:border-box; margin:0; border-radius:0; position:absolute; padding:0; width:30%; right:0; top:0;}



/* .page	{float:left; width:100%; text-align:center; margin:0 auto;}
.page_wrap ul{width:340px; margin:0 auto; overflow:hidden;}
.page_wrap ul li{border:1px solid #ccc; float:left; text-align:center; margin-left:5px;}
.page ul{padding-left:0}
.page ul li{border:1px solid #ccc; display:inline-block; color:#666; font:0.8em "arial"; padding:6px 10px; margin-right:2px;}
.page ul li:first-child{border-radius:5px 0 0 5px;}
.page ul li:last-child{border-radius:0 5px 5px 0;}
.page_wrap ul li .arrow{padding:6px 11px; letter-spacing:1px;} 
.page ul li:hover{background:#013469; color:#fff; cursor:pointer;}
.page ul li a{display:block;}
.page ul li:hover a{color:#fff;}
.page .active{background:#013469; color:#fff;} */

.pagination {display: inline-block;width:100%; margin:10px 0;text-align:center;}
/*20201111수정 .pagination a {color: #555; padding: 3px 10px;text-decoration: none;transition: all 0.2s;border: 1px solid #ccc; font-size:13px; margin-right:2px;} */
.pagination a {color: #555; text-decoration: none;transition: all 0.2s;border: 1px solid #aaa; font-size:13px; margin:1px; width:32px; height:32px; box-sizing:border-box; display:inline-block; line-height:30px;}
.pagination a:first-child{border-radius:5px 0 0 5px;}
.pagination a:last-child{border-radius:0 5px 5px 0;}
.pagination a.active {background-color: #555; color: #fff; border: 1px solid #555;}
.pagination a:hover:not(.active) {background-color: #555; color:#fff; border-color:#555;}


/*********************** list *********************/
#list {padding-bottom:50px;}
#list .list_table{width:100%; text-align:center;}
#list .list_table tr:first-child th{border-bottom:1px solid #999;}
#list .list_table tr:nth-child(2){font-weight:600;}
/* #list .list_table tr:nth-child(11) td{border:0;} 
#list .list_table tr~tr:hover{background:#eee;}*/
#list .list_table tr th, #list .list_table tr td{padding:10px 15px; border-bottom:1px solid #ccc; line-height:26px; font-size:16px;}
#list .list_table tr td{font-weight:400;}
#list .list_table tr:last-child td{border-bottom:0;}
#list .list_table th:nth-child(2){width:50%;}
#list .list_table td p{display:none;}
#list .list_table td span{font-size:0.8em; color:#ff2200; font-weight:600; padding:0 5px 0 0;}
#list .list_table td:nth-child(2){text-align:left;}
#list .list_table .mobile-left{display:none;}
#list .no-list{min-height:300px; line-height:300px; width:100% !important; font-size:14px !important;}
/* #list .list_table tr:not(.no-list):hover{border: 1px solid red; }  */

.file-down i{font-size:18px;}
.file-down:hover{color:#ea5918;}
/*********************** blog *********************/

#blog .blog_table{width:100%; border-bottom:1px solid #ccc; color:#555; padding-bottom:10px;}
#blog .blog_table:last-child{border-bottom:0;}
/* #blog .blog_table:hover{background:#eee; cursor:pointer;} */
#blog .blog_table th > span{padding:0 5px; border:1px solid #999; display:inline-block; text-align:center; line-height:25px; font-size:0.8em; margin-right:5px;}
#blog .blog_table th{font-size:1.2em; text-align:left; padding:10px 5px 0; border-bottom:0;}
#blog .blog_table td{color:#555; text-align:left; padding:10px 5px 0; border-bottom:0;}
#blog .blog_table td p{float:left; padding-right:20px;}
#blog .blog_table tr:nth-child(3n) td{font-size:0.8em;}

/*********************** gallery *********************/
/* #gallery {padding:50px 0;} */
#gallery .table_wrap{padding:10px 0; box-sizing:border-box;}
/* #gallery .col-4{width:33.3%; float:left; box-sizing:border-box;} */
/* #gallery .gallery_wrap{border-bottom:1px solid #ccc; padding:5px 0 25px 0; margin:10px;} */
#gallery .gallery_wrap .gallery_img{width:100%; padding-top:60%; border:1px solid #333; box-sizing:border-box; margin-bottom:10px;}
#gallery .gallery_wrap h3{font-size:1.2em; color:#555; margin-bottom:5px; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
#gallery .gallery_wrap p{font-size:0.8em; color:#666; margin:0;}
#gallery .gallery_wrap p:nth-of-type(2){float:left;}
#gallery .gallery_wrap p:last-child{float:right;}
/* #gallery .gallery_wrap:hover{cursor:pointer; background:#eee;} */
#gallery .no{height:300px; line-height:300px; font-size:0.8em;font-weight:600}

/*20190923 갤러리 수정 */
#gallery .gallery-box{width:95%; max-width:380px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; float:left; margin:10px; position:relative;}
#gallery .mission-week{position:absolute; z-index:1; background:#f16548; padding:7px 15px; box-sizing:border-box; top:30px; left:0;}
#gallery .mission-week h4{font-size:14px; font-weight:500; color:#fff;}
#gallery .gallery-box a{cursor:pointer; display:block; padding:10px; box-sizing:border-box;}
#gallery .gallery-img{background-size:cover !important; width:100%; min-height:240px; border:1px solid #ccc; box-sizing:border-box; background-position:center center !important;}
#gallery .g-title{font-size:16px; font-weight:500; color:#333; width:100%; margin:10px 0; display:block; white-space:nowrap; word-break:normal; text-overflow:ellipsis; overflow:hidden;}
#gallery .g-name{font-size:14px; color:#555;}
#gallery .gallery-info{width:100%; overflow:hidden; margin-top:10px; padding-top:5px; border-top:1px dotted #aaa; box-sizing:border-box;}
#gallery .gallery-info li{font-size:13px; color:#888; width:50%; float:left; box-sizing:border-box;}
#gallery .gallery-info li:last-child{text-align:right;}

/*2019-10-24 추가&수정*/
#gallery .gallery_wrap{width:95%; max-width:380px; margin:10px auto; border-bottom:1px solid #ccc; overflow:hidden; box-sizing:border-box;}
#gallery .gallery_wrap h4{font-weight:500; width:100%; display:block; white-space:nowrap; word-break:normal; text-overflow:ellipsis; overflow:hidden; margin:7px 0;}




/*********************** webzine *********************/
#webzine .table_wrap{/* float:left; */ box-sizing:border-box; margin-bottom:10px;}
#webzine .table_wrap .row{width:100%; padding:10px 0; float:left; box-sizing:border-box; border-bottom:1px solid #ccc;}
#webzine .table_wrap .row:last-child{border:0;}
/* #webzine .table_wrap .row:hover{background:#eee; cursor:pointer;} */
#webzine .table_wrap .row .col-3{width:25%; display:inline-block; float:left; padding:5px; box-sizing:border-box;}
#webzine .table_wrap .row .col-3 .webzine_img{width:100%; padding-top:60%; border:1px solid #666; box-sizing:border-box;}
#webzine .table_wrap .row .col-9{width:75%; display:inline-block; padding:5px; box-sizing:border-box;}
#webzine .table_wrap .row .right{padding:5px 5px 5px 10px;}
#webzine .table_wrap .row .right h3{font-size:1.2em; color:#555; padding:10px 0 0; margin:0;}
#webzine .table_wrap .row .right h3 span{padding:0 5px; border:1px solid #999; display:inline-block; text-align:center; line-height:25px; font-size:0.8em; margin-right:5px;}
#webzine .table_wrap .row .right p:nth-of-type(4){font-size:0.9em;}
#webzine .table_wrap .row .right p{font-size:0.8em; float:left; padding-right:20px;}
#webzine .no-list{min-height:300px; line-height:300px; width:100% !important; font-size:14px; text-align:center;}

/*********************** view *********************/
/* #view {padding:50px 0;} */
#view p{margin:0; font-size:15px; color:#666; line-height:26px;}
#view .table_wrap .title{padding:5px 10px; border-bottom:1px solid #ccc;}
#view .table_wrap .title h3{font-size:1.2em; margin:10px 0;}
#view .table_wrap .title span{font-size:1em; padding-right:5px; /*게시판번호숨김*/display:none;}
#view .table_wrap .info{padding:5px 10px; border-bottom:1px solid #666; overflow:hidden;}
#view .table_wrap .info p{font-size:0.9em; float:left; padding-right:20px;}
#view .table_wrap .fileinfo{padding:5px 10px; border:1px solid #ccc; overflow:hidden;}
#view .table_wrap .fileinfo p{font-size:0.9em; float:left; padding-right:20px;}
#view .text{width:100%; padding:10px 10px 50px 10px; min-height:500px; box-sizing:border-box; overflow:hidden;}
#view .text img{width:100%; display:block;}
#view .button{margin:0 5px 10px;}

#view .view_list{width:100%; border-top:1px solid #555; border-bottom:1px solid #555; overflow:hidden; color:#666;}
#view .view_list a{color:#666; font-size:15px;}
#view .view_list p{line-height:40px; cursor:default;}
#view .view_list .next{border-bottom:1px solid #ccc; /* padding:0 10px;  */overflow:hidden; box-sizing:border-box;}
#view .view_list .pre{/* padding:0 10px; */ overflow:hidden; box-sizing:border-box;}
/* #view .view_list .next:hover, .pre:hover{background:#eee; cursor:pointer;} */
#view .view_list .left{width:10%; float:left; box-sizing:border-box; border-right:1px solid #ccc;  text-align:center;}
#view .view_list .left img{margin:0 5px 5px;}
#view .view_list .right{ width:88%;  float:left; box-sizing:border-box; line-height:38px; padding-left:20px;}
#view .view_list .right span{font-size:1em; /*게시판번호숨김*/display:none;}
#view .list-name{font-size:13px !important; float:right;}

#view .text img{display:block; max-width:100%; height:auto !important;}

/* view - 첨부파일 추가 */
.w10{width:10%;}
.attachment{border-bottom:1px solid #666; overflow:hidden;}
.attachment-table{width:100%;}
.attachment-table th{font-size:14px; font-weight:500; color:#333; padding:8px 10px; background:#f1f1f1;}
.attachment-table td{font-weight:400; color:#555;}
.attach-file-wrap ul li .file-num{display:inline-block; background:#f9f9f9; padding:5px 20px; margin-right:10px;}
.attach-file-wrap ul li .file-num h5{color:#333; font-size:13px; font-weight:500;}
.attach-file-wrap ul li{line-height:26px; border-top:1px dotted #555;}
.attach-file-wrap ul li:first-child{border-top:0;}
.attach-file-wrap ul li a{font-size:13px; cursor:pointer;}
.attach-file-wrap ul li a:hover{border-bottom:1px solid #555;}
.attach-file-wrap ul li a i{transform:rotate(-15deg); color:#666;}
.file-capacity{font-size:12px; padding-left:20px; color:#999;}


/*20190924 view2*/
#view2 .view-top h4{font-size:16px; font-weight:500; color:#333; padding:10px; box-sizing:border-box;}
#view2 .view-top ul{border-top:1px dotted #aaa; border-bottom:1px solid #555; overflow:hidden;}
#view2 .view-top ul li{padding:2px 10px; box-sizing:border-box; font-size:13px; color:#666; display:inline-table; line-height:26px; font-weight:400;}
#view2 .view-contents{padding:10px; box-sizing:border-box; overflow:hidden; min-height:400px;}
#view2 .view-contents img{display:block; max-width:100%;}

#comments{margin-top:20px; overflow:hidden;}
#comments .comments-top{margin-bottom:5px; padding:0 10px; box-sizing:border-box;}
#comments .comments-top h3{font-size:16px; font-weight:500; display:inline-block;}
#comments .c-count{text-align:right; float:right; font-size:14px; color:#888;}
#comments .comments-wrap{background:#fdfdfd; border-top:1px solid #555; border-bottom:1px solid #555; box-sizing:border-box; overflow:hidden;}
#comments .comments-view{}
#comments .comments-txt{padding:10px 15px; box-sizing:border-box; border-top:1px dotted #aaa;}
#comments .comments-txt:first-child{border-top:0;}
#comments .comments-txt h4{font-size:14px; font-weight:600; color:#333; margin-bottom:10px;}
.c-date{font-size:13px; color:#999; margin-top:5px;}

#inquiryForm{overflow:hidden;}





/*********************** write *********************/

#write .write_table{width:100%;}
/*20190923수정 #write .write_table th{padding:10px; text-align:left; border-bottom:1px solid #999; width:10%; border-right:1px solid #ccc; padding-left:15px; border-left:1px solid #666;}
#write .write_table td{padding:10px; text-align:left; border-bottom:1px solid #999;}
#write .write_table tr:last-child th{border-bottom:0;}
#write .write_table tr:last-child td{border-bottom:0;} 
#write input{width:100%; padding:5px 10px; box-sizing:border-box;}*/
#write textarea{width:100%; height:500px; padding:5px 10px; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; border:1px solid #ccc;}
#write .mobile_write{display:none;}

#write .section1{margin-bottom:7%; overflow:hidden;}
#write .report-notice p{font-size:14px; color:#555; line-height:26px; margin:0;}
#write .report-notice ul{margin:10px 0;}
#write .report-notice ul li{font-size:14px; color:#555; line-height:26px; text-indent:-0.8em; margin-left:0.8em;}

#write .report-box{padding:15px;border:1px solid #ccc; margin-top:20px}
#write .report-box .sub-title{padding:0;}
#write .agree-box {background:#eff5fa; overflow:hidden; padding:15px; border:1px solid #ccc; margin-top:-1px; text-align:center;}
#write .agree-box h4{font-size:14px; color:#555; margin:0 0 5px 0;}
#write .agree-box ul{text-align:center;}
#write .agree-box ul li{display:inline-table; padding:0 10px; font-size:14px; color:#555; line-height:26px; text-indent:-0.8em; margin-left:0.8em}
#write .agree-box ul li input{vertical-align:middle; margin-right:10px;}

#write .report-table-wrap p{margin:5px 0; font-size:12px; text-align:right; color:#555;}
#write .essential{color:red;}
#write .report-table{width:100%; border-top:3px solid #66a0cf; border-bottom:3px solid #66a0cf;}
#write .report-table th{padding:10px 15px; font-size:14px; color:#555; text-align:left; background:#eff5fa; border-top:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; width:13%;}
#write .report-table td{padding:10px 15px; font-size:14px; color:#555; border-top:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
#write .report-table td p{text-align:left; color:#0060af; margin:3px 0;}
#write .report-table ul li{float:left; margin-right:20px;}
#write .report-table ul li input{vertical-align:middle; margin-right:10px;}
#write .report-table input{font-size:14px; color:#555; border:1px solid #ccc; padding:3px 5px;}
#write .report-table textarea{width:100%; min-height:300px; padding:10px; box-sizing:border-box; color:#555; font-size:14px; line-height:26px; border:1px solid #ccc; font-family:"Noto Sans KR", sans-serif;}
#write .report-table td .full-text{width:100%; box-sizing:border-box;}
#write .report-table td .full-text2{width:70%; box-sizing:border-box;}
#write .captcha_wrap .input-text{float:left;}
#write .captcha_wrap p{margin-bottom:5px !important;}
#write .captcha_wrap input{padding-left:10px; vertical-align:middle; width:100%; max-width:180px;}
#write .captcha_wrap a{display:inline-block; box-sizing:border-box; font-size:18px; color:#ccc; font-weight:700;}

#write .filebox input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#write .filebox .file-btn{vertical-align:middle; /* margin-left:10px; */ cursor:pointer; border:1px solid #ccc; color:#555; padding:2px 15px; font-size:12px; background:#ddd; }
#write .filebox .upload-name{display:inline-block; padding:3px 5px; border:1px solid #ccc; font-size:inherit; line-height:normal; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff;}

#write .btn-wrap{margin:20px 0; float:right;}
#write .btn-wrap .write-btn{padding:5px 20px; border:1px solid #ccc; box-sizing:border-box; font-size:14px; color:#555; margin-left:5px;}
#write .btn-wrap .write-btn-gray{background:#ddd;}
#write .btn-wrap .write-btn:hover{background:#0060af; color:#fff;}

/*2019-09-23추가*/
#write .write_table th, #write .write_table td{font-size:14px; color:#555; padding:7px 10px; border-top:1px solid #ccc;}
#write .write_table th{font-weight:500; background:#f2f7fb;}
.file-box2 .upload-name{width:auto;}
.border-dotted{border-top:1px dotted #aaa !important;}
.input-title{padding:5px 10px; box-sizing:border-box; border:1px solid #ccc;}
.w-btn-wrap{text-align:center; margin:40px 0;}
.w-btn-wrap .w-btn, .w-btn-wrap .b-btn{width:100%; max-width:120px; height:40px;  line-height:40px; font-size:13px; display:block; display:inline-table; margin:0 10px; transition:all 0.4s; padding:0 10px; box-sizing:border-box;}


@media all and (max-width:768px){
	.wysiwyg img {width:100% !important;}
	.total{display:none;}	
	table th, td{padding:15px 5px;}
/* 	.hidden-xs{display:none;} */
	
	
	/* list */
	#list .list_table th{display:none;}
	#list .list_table,
	#list .list_table thead,
	#list .list_table tbody,
	#list .list_table tr,
	#list .list_table td{display:block;}
	
	#list .list_table tr{width:100%; overflow:hidden; border-bottom:1px solid #ccc;}
	#list .list_table th{border:none;}
	#list .list_table td{border:none; float:left;}
	#list .list_table td:nth-child(1){width:10%; box-sizing:border-box; font-size:1em; padding:10px 0 0 0;}
	#list .list_table td:nth-child(2){width:90%; box-sizing:border-box; font-size:1em; padding:10px 0 0 0;}
	#list .list_table td:nth-child(3){padding-left:10%;}
	#list .list_table tr td{font-size:0.8em; padding-right:5%; border-bottom:0;}
	
	/* blog */
	#blog .blog_table th{padding:5px 0 0; text-align:left;}
	#blog .blog_table td{padding:5px 0 0; text-align:left;}
	#blog .blog_table td p span{display:none;}
	
	/* gallery */
	#gallery .col-12{width:100%; padding:0; border-bottom:1px solid #ccc;}
	/* #gallery .gallery_wrap{border-bottom:0; padding:10px 0 25px; margin:0;} */
	#gallery .gallery_wrap h3{padding:0;}
	#gallery .gallery_wrap p{float:left; padding-right:5%;}
	#gallery .gallery_wrap p:last-child{float:left;}
	#gallery .gallery_wrap p span{display:none;}
	
		/*2019-09-23*/
		#gallery .gallery-box{max-width:100%;}
	
	/* webzine*/
	/* #webzine .table_wrap{margin-bottom:0;} */
	#webzine .table_wrap .row .col-12{width:100%; padding:0;}
	#webzine .row .right p span{display:none;}
	#webzine .row .mobile{padding-top:10px;}

	/* view */
	#view .table_wrap .info > p  span{display:none;}
	#view .view_list .col-1{width:8.3%; float:left; box-sizing:border-box;}
	#view .view_list .col-11{width:91.6%; float:left; box-sizing:border-box;}
	#view .view_list .left{display:none;}
	#view .view_list .left p{font-size:0.5em;}
	#view .view_list .right span:last-child{display:none;}
	#view .button{margin:5px;}
	
	.attachment-table td{padding:0;}
	
	/* write */
	#write .write_table,
	#write .write_table thead,
	#write .write_table tbody,
	#write .write_table tr,
	#write .write_table th,
	#write .write_table td{
		display:block;	
	}
	
	#write .write_table tr{border-bottom:1px solid #999;}
	#write .write_table th,
	#write .write_table td{border:none;}
	
	/* .mobile{display:block;}
	.mobile ul li{float:left; font-size:0.8em; color:#666; padding-right:20px}
	.mobile ul li:nth-child(2n){color:#ccc;}
	.mobile ul li:last-child{margin-top:-2px;}
	.mobile span{padding:0 10px; color:#ccc;}
	 */
	/* .search{float:left;} */
	.search_wrap{float:left;}
	.search_wrap select{padding:4px 5px; font-size:0.8em;}
	.search_wrap input{width:30%;}
	
	/*
	.search_wrap .w_button{display:none;}
	.m_button{display:block; width:100px; margin:10px auto;}
	*/
	.border-dotted{border:none !important;}
		
	.attach-file-wrap ul li .file-num{width:100%; text-align:center; margin-right:0;}
	.attach-file-wrap ul li a{display:inline-block; margin:5px 10px;}
}

@media all and (max-width:525px){
	.wysiwyg img {width:100% !important;}
	.search_wrap{width:100%;}
	
	.attachment-table th, .attachment-table td{display:block;}
	.file-box2 .upload-name{width:80%;}
	.file-box2 label{font-size:11px; padding:0 5px; letter-spacing:-0.05em; overflow:hidden;}
	
	/*2019-10-24추가*/
	#gallery .gallery_wrap{width:100%; max-width:100%; margin:0; margin-bottom:20px; padding:10px;}
}