@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../../fonts/NanumBarunGothic.html);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../../../fonts/NanumBarunGothicd41d.html?#iefix) format('embedded-opentype'),
       url(../../../fonts/NanumBarunGothic-2.html) format('woff2'),
       url(../../../fonts/NanumBarunGothic-3.html) format('woff'),
       url(../../../fonts/NanumBarunGothic-4.html) format('truetype');
}

#board *, .innersubcontent * { font-family:"Nanum Barun Gothic"; }

.board_list{width:100%; clear:both; overflow:hidden; }
.board_list table{width:100%; border-collapse:collapse; table-layout:fixed; }
.board_list th{font-size:13px; color:#333; border-bottom:1px solid #d9d9d9; background:#f8f8f8; border-top:1px solid #77c3cb; padding:10px 0; font-weight:500}
.board_list td{font-size:13px; color:#999; border-bottom:1px solid #d9d9d9; padding:10px 0; text-align:center; line-height:18px; word-break:keep-all; }
.board_list td a{display:block; color:#444; text-align:left; padding:0 10px;}
.board_list td a:hover{color:#0094a1;}
.board_list td img{vertical-align:middle}

.board_list colgroup col.col1 { width:50px; }
.board_list colgroup col.col2 { width:calc(100% - 280px); }
.board_list colgroup col.col3 { width:80px; }
.board_list colgroup col.col4 { width:100px; }
.board_list colgroup col.col5 { width:50px; }

	@media (min-width:640px) and (max-width:1400px) {
	.board_list colgroup col.col1 { width:50px; }
	.board_list colgroup col.col2 { width:calc(100% - 260px); }
	.board_list colgroup col.col3 { width:70px; }
	.board_list colgroup col.col4 { width:90px; }
	.board_list colgroup col.col5 { width:50px; }
	}

	@media (min-width:320px) and (max-width:640px) {
	.board_list colgroup col.col1 { width:30px; }
	.board_list colgroup col.col2 { width:calc(100% - 170px); }
	.board_list colgroup col.col3 { width:80px; }
	.board_list colgroup col.col4 { width:60px; }
	/*.board_list colgroup col.col5 { width:30px; }*/

	.board_list table .cnt { display:none; }
	}

	@media (min-width:320px) and (max-width:1400px) {
	.board_list{width:90%; padding:0 5%; }
	}

.board_list td.bTitle { position:relative; }
.board_list td.bTitle a { position:absolute; top:10px; left:0; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.pagecut{text-align:center; margin-top:30px;}
.pagecut a{padding:0 5px; color:#999}
.pagecut strong{padding:0 5px; color:#0094a1}
.pagecut img{vertical-align:middle}

.pageMobile { display:none; }
	@media (min-width:320px) and (max-width:1400px) {
	.pageMobile { display:block; }
	.pagePC { display:none; }
	}

.bd_category {float:left; margin-bottom:30px;}
.bd_category  form > select{border:1px solid #d6d6d6; padding:5px; color:#555;}
.bd_category  form > input[type="text"]{border:1px solid #d6d6d6; height:28px; width:200px; color:#555;}

.bdl_category {}
.bdl_category select{border:1px solid #CCC; padding:2px; color:#555;}

.sch{float:right; margin-bottom:30px; text-align:right;}
.sch  form > select{border:1px solid #d6d6d6; padding:5px; color:#555;}
.sch  form > input[type="text"]{border:1px solid #d6d6d6; height:28px; width:35%; color:#555;}
.sch  form > input[type="image"]{vertical-align:bottom}
	@media (min-width:320px) and (max-width:1400px) {
		.sch{ padding:3% 5%; margin-bottom:0; }
	}

input.w_title {width:80%; border:1px solid #d6d6d6; height:28px; color:#555; text-indent:10px; }
input.w_name {width:30%; border:1px solid #d6d6d6; height:28px; color:#555; text-indent:10px; }
input.w_home {width:80%; border:1px solid #d6d6d6; height:28px; color:#555; text-indent:10px; }
input.w_email {width:30%; border:1px solid #d6d6d6; height:28px; color:#555; text-indent:10px; }
input.w_youtube {width:80%; border:1px solid #d6d6d6; height:28px; color:#555; text-indent:10px; }
input.w_tel {width:30%; border:1px solid #d6d6d6; height:28px; color:#555; text-indent:10px; }
input.w_pw {width:30%; border:1px solid #d6d6d6; height:28px; color:#555; text-indent:10px; }
input.w_content {width:100%}
textarea.w_conf_content {width:100%; min-height:50px; border:1px solid #ccc;}

.brdbtns {text-align:center;padding:7% 0 5% 0; }
.brdbtns img {width:auto;}


/*[ºä]*/
.border_view{width:100%; margin-bottom:40px; clear:both; /* overflow:hidden; */}
.border_view table{width:100%; border-collapse:collapse;}
.border_view table th{font-size:14px; color:#333; border-bottom:1px solid #d9d9d9; background:#f8f8f8; border-top:1px solid #77c3cb; padding:10px 15px; font-weight:600; text-align:left; line-height:24px; word-break:break-all; }
.border_view td{font-size:13px; color:#999; border-bottom:1px solid #d9d9d9; padding:10px 15px; color:#555; line-height:24px;}
/*
.border_view td span{display:inline-block; padding:0 8px; color:#999;}
.border_view td p{/*display:inline-block;*/ }
*/
.border_view td p input{width:200px}
.border_view td.downloadFiles a { text-decoration:none; color:#666; margin-right:10px; }
.border_view td.file_td{text-align:right;}
.border_view td.file_td img{vertical-align:middle}
.border_view td.content_td{padding:30px 15px; width:100%; line-height:24px; }
.border_view td.content_td * { word-break:keep-all; }
.border_view td.content_td div.contentWrapper{width:100%; word-break:break-all;}
.border_view td.content_td div.contentWrapper img {width:100% !important; max-width:933px; cursor:pointer; }
@media (min-width:320px) and (max-width:640px) {
	.border_view td.content_td * {font-size:12px !important; }
}
@media (min-width:320px) and (max-width:1400px) {
	.border_view td.content_td div.contentWrapper img { width:100% !important; height:auto; }
}

.bbsBtns { position:relative; margin-left:10px; margin-top:20px; margin-bottom:20px; }
	@media (min-width:320px) and (max-width:1400px) {
	.bbsBtns { left:5%; }
	}

.snsBtns { /*font-size:0;*/ }
.snsBtns li { display:inline-block; }

.btn_list_wrap { position:relative; padding:10px 0 20px 0; }
p.btn_list{float:right; margin-bottom:0px; margin-left:5px;}
p.btn_list a{display:block; background:#47bdc7; color:#fff; font-size:13px; padding:8px 30px;}
p.btn_list a.btnok {background:#00A1EA}

#loading { position:absolute; width:100%; height:100%; text-align:center; line-height:50px; background:#fff; opacity:0.8; }
.fileAdd { position:relative; width:100%; font-size:0; padding:10px 0; }
#fileToUpload { display: inline-block; width:78%; height:26px; vertical-align:1px;}
.fileButton {
	width:20%;
	vertical-align:0;
	display: inline-block;
	position: relative;
	/*margin: 2.5%;*/
	margin-left:2%;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.22);
	font: bold 12px/25px Arial, sans-serif;
	color: #515151;
	background: #d3d3d3; /* Old browsers */
	border:none;
	}

	.fileButton:hover {
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
		box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
	}

	.fileButton:active {
		-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
	}

.fileList { position:relative; width:100%; height:20px; margin-top:5px; }
.fileList li { position:relative; font-size:14px; text-indent:10px; background:#ddd; line-height:30px; margin-top:1px; }
.fileList li:hover { background:#eee; }
.fileList li span { display:inline-block; position:absolute; top:-2px; right:5px; cursor:pointer; }
.fileList li span:hover { font-weight:bold; }

.quick_list{width:100%; clear:both; overflow:hidden;}
.quick_list table{width:100%; border-collapse:collapse; border-top:1px solid #77c3cb}
.quick_list table th{font-size:14px; color:#333; border-bottom:1px solid #d9d9d9; padding:10px 15px; font-weight:600; text-align:left;}
.quick_list table th img{vertical-align:middle; width:auto;}
.quick_list td{font-size:13px; color:#999; border-bottom:1px solid #d9d9d9; padding:10px 15px; color:#555}
.quick_list td a{color:#333}
	@media (min-width:320px) and (max-width:640px) {
	.quick_list table tr th span { display:none; }
	}

.replay{width:100%; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin-bottom:30px;}
.replay p{font-size:14px; background:#fafafa; padding:20px; color:#666; line-height:150%}

.reply{width:94%; margin:0 auto; clear:both; overflow:hidden; background:#F5F8F9;}
.reply table{width:100%; border-collapse:collapse; border-top:1px solid #77c3cb}
.reply table th{font-size:14px; color:#333; border-bottom:1px solid #d9d9d9; padding:10px 15px; font-weight:600; text-align:left; min-width:50px;}
.reply table th img{vertical-align:middle}
.reply td{font-size:13px; color:#999; border-bottom:1px solid #d9d9d9; padding:10px 15px; color:#555; line-height:28px; }
.reply td.replayForm { border-bottom:2px solid #8AD2CF; }
.reply td.replayForm a{color:#333}
.reply td.replayForm p { font-size:30px; color:#666; padding:30px 0; text-align:center; }
.reply td.replayForm p small { font-size:14px; color:#666; }
.reply td.replayForm span { display:inline-block; min-width:15%; }
.reply td.replayForm input { display:inline-block; border:1px solid #ccc; width:100%; height:30px; text-indent:15px; margin-bottom:20px; }
.reply td.replayForm .replySubmit { width:100%;text-align:center;margin:3% 0 5% 0; }
.reply td.replayForm .replySubmit a { padding:1% 2%; color:#555; background:#eee; border:1px solid #999; }
.reply td.replayForm .replySubmit a:hover { color:#fff; background:#999; border:1px solid #999; }

.reply td.replyResult p { display:inline-block; width:20%; }
.reply td.replyResult .deleteBtn { font-size:0.91em; color:#98a5e7; text-align:right; }
.reply td.replyResult b { display:inline-block; margin-right:7px; }
.reply td.replyResult a img { width:11px; height:11px; vertical-align:middle; }
/*[°Ö·¯¸®]*/
.gallery_list{clear:both; width:100%;}
.gallery_list ul{overflow:hidden;}
.gallery_list li{float:left; width:calc(49% - 20px - 2px); margin:15px 30px; border:1px solid #d9d9d9; border-radius:7px; }
.gallery_list li:nth-child(2n){margin-right:0;}
.gallery_list li:nth-child(1n){margin-left:0;}
.gallery_list li p.img{margin-bottom:10px; height:350px; overflow:hidden;}
.gallery_list li p.img img{width:100%; height:100%; /*max-height:100%;*/}
.gallery_list li p.tit{padding:10px; font-size:18px;}
.gallery_list li p.txt{padding:10px; font-size:13px; line-height:18px; word-break:keep-all; height:40px;}
.gallery_list li p.date{padding:10px; font-size:13px;}
.gallery_list li a p.tit{color:#222}
.gallery_list li a p.txt{color:#555; margin-bottom:10px;}
.gallery_list li p.date{position:relative; color:#666; background:#ececec; text-align:right;}
.gallery_list li p.date span{position:absolute; right:15px; color:#ff3c23; cursor:pointer; z-index:100}
.gallery_list li p.date span img{vertical-align:middle;}
/* °¶·¯¸® °øÁö»çÇ× ½ºÅ¸ÀÏ */
.gallery_list table{width:100%; border-collapse:collapse; margin-bottom:0px;}
.gallery_list td{width:25%; max-width:200px; font-size:13px; color:#333;font-weight:500; padding:2px 0;}
.gallery_list td a{display:block; color:#444; text-align:center; padding:0 10px;}
.gallery_list td a:hover{color:#0094a1;}
.gallery_list td img{ width:100%;height:220px;}

.gallery_list li a p.img img{
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition:0.6s;
	transition:0.6s;
}
.gallery_list li a:hover p.img img{
	-webkit-transform:scale(0.88,0.88);
	transform:scale(0.88,0.88);
	-webkit-transition:0.4s;
	transition:0.4s;
}


@media all and (max-width:1024px){
.gallery_list li p.img{height:200px;}
.gallery_list li p.img img{height:100%;}
.gallery_list li p.txt{height:60px;}
}
@media all and (max-width:750px){
.gallery_list li{width:calc(48% - 10px - 2px); margin:15px 30px; }
.gallery_list li:nth-child(3n){margin-right:30px;}
.gallery_list li:nth-child(1n){margin-left:0;}
.gallery_list li:nth-child(2n){margin-right:0;}
}
@media all and (max-width:450px){
.gallery_list li{width:99%; margin:15px 30px; }
.gallery_list li:nth-child(3n){margin-right:0;}
.gallery_list li:nth-child(1n){margin-left:0;}
.gallery_list li:nth-child(2n){margin-right:0;}
.gallery_list li p.img{height:250px;}
}