@charset "utf-8";

/* 게시판 쓰기 */
#autosave_wrapper {position:relative; font-size:14px;}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); }
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {margin:0px;padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

.cke_sc { display:none; }

/* 기타 */
#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
#bo_v_con { min-height: 100px; }
#bo_v_con img { display: inline-block; margin-bottom: 1rem; }

/* 커스텀 */
.anchor { position: relative } 
.anchor a { position: absolute; top: -60px }
.pagination { margin-bottom: 0.75rem; }

.custom-checkbox { display: inline; }
.custom-file-label:lang(ko)::after { content: "찾아보기"; }

.list-icon { width: 20px; height: 20px; vertical-align: text-bottom; }
.view-icon { width: 48px; height: 48px; }
.comm-icon { width: 48px; height: 48px; }

@media (max-width: 575px)
{
	#captcha_audio {display:none !important;}

	.xs-100 { width: 100%; }
	.xs-full {
		width: 100vw;
		position: relative;
		/* margin-top: -36px; */
		margin-left: -50vw;
		left: 50%;
	}
	.xs-full td	{ padding: 8px 18px; }

	.list-icon { width: 18px; height: 18px; vertical-align: text-top; }
	.comm-icon { width: 24px; height: 24px; }
}



/*!
 * Copyright 2020 ASW.
 */

#sub-board { min-height: 500px; }
#sub-board h1 { padding-bottom: 3rem; font-weight: 700; color: #1d1d21; }
#sub-board h3 { font-weight: 700; color: #1d1d21; }
#sub-board h6 { font-size: 1.1rem; font-weight: 700; color: #333333; }
#sub-board p { font-weight: 300; color: #666666; }
#sub-board em { font-style: normal; font-weight: 500; color: #0f6ada; }
#sub-board img { max-width: 100%; }
#sub-board .p-end { padding-bottom: 2rem; width: 100% !important }

/* list */
#sub-board .table {}
#sub-board .table thead th { border-top: 2px solid #333; border-bottom: 1px solid #dee2e6; }
#sub-board .table thead th,
#sub-board .table tbody td { text-align: center; }
#sub-board .table thead th span,
#sub-board .table tbody td span,
#sub-board .table tbody td a { display: inline-block; }
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th,
.table-light, .table-light>td, .table-light>th { background-color: #f8f9fa; }
.list-icon { width: auto; height: 1rem; }

/* 시설연혁 */
#timeline { overflow: hidden; position: relative; background: url('../../../img/timeline/dot.gif') left 2.7rem repeat-x; }
#timeline ul#dates { padding: 0; height: 3.25rem; overflow: hidden; }
#timeline ul#dates li { float: left; width: 100px; height: 2.7rem; text-align: center;  list-style: none; }
#timeline ul#dates li:after { display: block; content: ""; width: 100%; height: 8px; background: url('../../../img/timeline/biggerdot.png') center bottom no-repeat; }
#timeline ul#dates li a { display: block; font-size: 1.5rem; line-height: 2.5rem; cursor: pointer; }
#timeline ul#dates li a.selected { font-weight: 800; }
#timeline ul#issues { overflow: hidden; padding: 0;  }
/*#timeline ul#issues li { display: block; float: left; width: 290px; min-height: 150px; border-radius: 1rem; list-style: none; opacity: 0.2; }
#timeline ul#issues li.selected { background: #f9f9f9; }
#timeline ul#issues li .history-txt { padding: 0.5rem 1rem; }
#timeline ul#issues li .history-txt .cnts { margin: 0; padding: .5rem 0; border-bottom: 1px dashed #DDD; line-height: 1.25rem; }
#timeline ul#issues li .history-txt .cnts:last-child { border-bottom: none; }*/
#timeline ul#issues li { display: block; float: left; width: 290px; min-height: 150px; list-style: none; opacity: 0.2; }
#timeline ul#issues li .history-txt { padding: 0 1rem; }
#timeline ul#issues li .history-txt .cnts { margin: 0 0 1rem; padding: 1rem .75rem; border-radius: 1rem; background: #f9f9f9; line-height: 1.25rem; }
#timeline ul#issues li .history-txt .cnts:hover,
#timeline ul#issues li .history-txt .cnts:focus { background: #f0f0f0; }
#timeline ul#issues li .history-txt .cnts span,
#timeline ul#issues li .history-txt .cnts a { display: inline-block; width: 100%; color: #212529; text-decoration: none; }
#timeline ul#issues li .history-txt .cnts .date { margin-bottom: .25rem; font-weight: 600;  vertical-align: top; }
#timeline ul#issues li .history-txt .cnts .wr_content {}
#timeline ul#issues li .history-txt .cnts .wr_content p { margin-bottom: .25rem; font-weight: 300; }
#timeline #grad_left,
#timeline #grad_right { width: 50px; height: 350px; position: absolute; top: 0; }
#timeline #grad_left { left: 0; background: url('../../../img/timeline/grad_left.png') repeat-y; background-size: 100% auto; }
#timeline #grad_right { right: 0; background: url('../../../img/timeline/grad_right.png') repeat-y; }
#timeline a#next,
#timeline a#prev { overflow: hidden; position: absolute; top: 2px; width: 22px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; font-size: 70px; }
#timeline a#next { right: 0; background-image: url('../../../img/timeline/next.png'); }
#timeline a#prev { left: 0; background-image: url('../../../img/timeline/prev.png'); }
#timeline a#next:hover,
#timeline a#prev:hover { background-position: 0 -76px; }

/* view */
#sub-board ul.prev-next li a { display: inline-block; font-weight: 700; }



/* Responsive - Min */
@media (min-width: 360px) {
	#timeline ul#issues li { width: 290px; }
}

@media (min-width: 576px) {
	#timeline ul#issues li { width: 360px; }
	#timeline #grad_left,
	#timeline #grad_right { width: 100px; }
}

@media (min-width: 768px) {
	#timeline ul#issues li { width: 560px; }

	#sub-cnt .scroll-box { border: none !important; }
	#sub-cnt .scroll-box i { display: none !important; }
	#sub-cnt .scroll-x { padding: 0; }
}

@media (min-width: 992px) {
	font-size: 15px;
}

@media (min-width: 1140px) {
}