@charset "utf-8";
/* CSS Document */

@media (min-width:991px) {
.md-leftBox {padding-right:0;}
.md-rightBox {padding-left:0;}
}

@media (min-width:768px) {
.sm-leftBox {padding-right:0;}
.sm-rightBox {padding-left:0;}

.view_contents .col-sm-push-6 {padding-right:15px; padding-left:0;}
.view_contents .col-sm-pull-6 {padding-left:15px; padding-right:0;}
}


@media (min-width:300px) {
.xs-leftBox {padding-right:0;}
.xs-rightBox {padding-left:0;}
}

ul.dot {margin:0; padding:0}
ul.dot li {font-size:13px; color:#555; margin-bottom:6px; padding-left:10px; position:relative;}
ul.dot li:after {
    left: 0;
    top: 7px;
    width: 3px;
    height: 3px;
    content: " ";
    position: absolute;
    background: #e05f45;
}


/* 검색 */
.srch{float:left; width:100%; display:inline-block;}
.srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.srch select{
    margin: 0;
    font-size: 13px;
    color: #373737;
    vertical-align: middle;
    height: 60px;
    border: #eaeaea solid 1px;
    outline: none;
    padding: 15px 20px;
    float: left;
    width: 20%;
	font-family: "Noto Sans KR",Helvetica,,arial,sans-serif;
	border-radius:0 !important;
}
.srch .keyword{
    margin: 0;
    width: 70%;
    padding: 15px 20px;
    font-size: 13px;
    line-height: 15px;
    outline: none;
    vertical-align: top;
    height: 60px;
    float: left;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
	border-left:none;
	font-family: "Noto Sans KR",Helvetica,,arial,sans-serif;
	border-radius:0 !important;
}
.srch button.searchBtn {
    height: 60px;
	width: 10%;
    float: left;
    background: #333;
    color: #fff;
    border-color: #333;
    font-size: 17px;
	min-width:inherit !important;
	transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.srch button.searchBtn:hover {background:#e05f45; border-color:#e05f45;}

@media (max-width:767px) {
	.srch select {width:27%; padding:10px 8px; height:40px;}
	.srch .keyword {width:56%; padding:10px; height:40px;}
	.srch button.searchBtn {width:17%; height:40px; padding:7px;}
	
}

.bottom-btn {text-align:right; margin-top:30px;}
.btn {border-radius:0; box-shadow:none !important; outline:none !important; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; min-width:120px; border:1px solid #0f71e0; padding:10px; color:#0f71e0; background:#e05f45; font-size:15px; font-weight:bold;}
.btn:hover {background:#0f71e0; color:#fff !important;}

@media (max-width:767px) {
	.bottom-btn {text-align:center; margin-top:15px;}

	.btn {font-size:13px; min-width:120px; padding:9px;}
}


/*****************
	Sub - 게시판
*****************/
.board_list {width:100%; display:inline-block; margin:20px 0 0; padding:0}
.board_list li {padding:20px; border: 1px solid #eaeaea; margin-bottom: 10px; cursor:pointer; position:relative; text-transform:uppercase;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.board_list li:hover {background:#f8f8f8; border-color:#}
.board_list li:after {position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#e05f45; transform:scale3d(0,1,1); transform-origin:center center; transition:transform .3s;}
.board_list li:hover:after {transform:scale3d(1,1,1);}
.board_list li h3 {font-size: 18px; font-weight:normal; margin-bottom: 7px; color:#555; line-height:140%; padding-left:45px; position:relative;}
.board_list li:hover h3 {color:#111}
.board_list li p {display:inline-block; margin:0}
.board_list li .hit {float: right;}
.board_list li .hit i {margin-right:3px;}
.board_list .date {margin-left:45px}
.board_list .number {font-size: 16px; line-height:140%; font-weight:bold; display: inline-block; position:absolute; left:0;}

.board_detail {border-bottom:1px dotted #ddd; width:100%; display:inline-block;}
.board_detail .top {border-top:2px solid #e05f45; border-bottom:1px solid #eaeaea; padding:20px; width:100%; float:left;}
.board_detail .top h3 {font-size: 18px; margin-bottom: 7px; color:#444; position:relative; line-height:140%;}
.board_detail .top p {display:inline-block; margin:0}
.board_detail .top .hit {float: right;}
.board_detail .top .hit i {margin-right:3px;}
.board_detail .contents {width:100%; padding:20px; font-size:13px; line-height:20px;  float:left;}
.board_detail .bottom {margin-top:15px; width:100%; display:inline-block; float:left;}
.board_detail .bottom li {font-size:13px; color:#555; padding:15px 20px; border-top:1px dotted #ddd; cursor:pointer; width:100%; display:inline-block; float:left;}
.board_detail .bottom li:hover span.title {color:#e05f45}
.board_detail .bottom li .left {float:left; width:10%;}
.board_detail .bottom li .right {float:left; width:90%;}
.board_detail .bottom li i {margin-right:5px; color:#e05f45;}
.board_detail .bottom li span {float:left; display:inline-block;}

@media (min-width:768px) and (max-width:991px) {
	.board_list li h3 {font-size: 16px;} 
	.board_detail .top h3 {font-size:16px;}	
	.board_detail .bottom li {padding:12px 20px;}
	.board_detail .bottom li .left {width:15%;}
	.board_detail .bottom li .right {width:85%;}
}
@media (max-width:767px) {
	.board_list li {padding:15px;}
	.board_list li h3 {font-size: 14px; padding-left:35px;} 
	.board_list .date {margin-left:35px;}
	.board_list .number {font-size:14px;}	
	
	.board_detail .top {padding:15px}
	.board_detail .top h3 {font-size:14px;}
	.board_detail .contents {padding:15px;}
	
	.board_detail .bottom li {padding:10px 15px;}
	.board_detail .bottom li .left {width:23%;}
	.board_detail .bottom li .right {width:77%;}
	.board_detail .bottom li span.title {margin-left:10px;}
}



/*****************
	Sub - 갤러리
*****************/

.small_menu {clear:both; width:100%; margin:0 0 15px;}
.small_menu a {color:#333; font-size:13px; background:#efefef; margin:0 0 3px; padding:10px 20px; display:inline-block; text-decoration:none;}
.small_menu a.select {color:#fff; background:#e05f45; }

@media (max-width:767px) {
	.small_menu {text-align:center;}
	.small_menu a {padding:5px 0; width:49%;}
}

.gallery_list{
	position:relative;
	padding:0;
}
.gallery_list .gallBox {width:100%; display:inline-block; margin-bottom:20px;cursor:pointer;}
.gallery_list .gallBox h3 {padding:15px 0 7px;clear:both; font-size:16px; color:#444; }
.gallery_list .gallBox p{margin-bottom:0;}
.gallery_list .gallBox:hover h3 {color:#000}
.gallery_list .gallBox .date {padding:0; font-size:13px; color:#888; float:left; margin-right:20px;}
.gallery_list .gallBox .hit {padding:0; font-size:12px; color:#888; float:right;}
.gallery_list .gallBox:hover .date, .gallery_list .gallBox:hover .hit {color:#666}
.gallery_list .gallBox .hit i {margin-right:3px;}

.gallery_detail img {margin-bottom:20px;}

.gallery_list .gallBox:hover .third-effect .mask {
   opacity: 0;
   border:100px solid rgba(0,0,0,0.7);
}

.view {
   margin:0 auto;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
}
.view .mask {cursor:pointer}
.view .mask, .view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   width:100%;
   height:100%;
}
.view a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}


.third-effect .mask {
   opacity: 0.3;
   overflow:visible;
   border:200px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-20px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}

.third-effect:hover a.info {
	opacity:0;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


@media (max-width:767px) {	
	.gallery_list {margin-right:-7px; margin-left:-7px;}
	.gallery_list>[class^=col-] {padding-right:7px; padding-left:7px;}
}

/*****************
	Table
*****************/
.width_table {width:100%; border-collapse:collapse; border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; }
.width_table th  { color:#333; padding:12px 17px; border-bottom:solid 1px #eaeaea; border-right:dotted 1px #eaeaea;  font-weight:bold; text-align:left; background:#f8f8f8}
.width_table td  { color:#666; border-bottom:solid 1px #eaeaea; padding:12px 17px; line-height:170%; }
.width_table .left { text-align:left;}
.width_table .center { text-align:center;}
.width_table td A:link	{ color:#7c7c7c;text-decoration:none; } /* 방문전 */
.width_table td A:visited	{ color:#7c7c7c;text-decoration:none; } /* 방문후 */
.width_table td A:active	{ color:#7c7c7c;text-decoration:none; } /* 마우스클릭시 */
.width_table td A:hover	{ color:#e05f45;text-decoration:none; } /* 마우스오버 */

.form_table td {padding:0}
.form_table .form_style {width: 100%; border: none; outline:none; padding:12px 17px; float:left; border-radius:0;}
.form_table .form_code {width:100px; margin:2px 0; margin-left:5px; padding:7px; border:1px solid #eaeaea;  outline:none; border-radius:0;}
.form_table .form_style:focus, .form_table .form_code:focus {background:#f5f5f5}

@media (max-width:767px) {
	.width_table th, .width_table td {padding:8px 10px; font-size:13px;}
	.form_table td {padding:0;}
	.form_table .form_style {padding:8px 10px;}
}

.table-block {border-top:2px solid #e05f45}
.table-block>tbody>tr>th.view-th {display:none;}
.table-block>tbody>tr.view>th {font-size: 14px; letter-spacing: -.03em; font-weight: 500; color: #333; background:#f5f5f5;}
.table-block>tbody>tr>td:last-child {text-align:right; padding-right:25px;}
.table-block>tbody>tr>td, .table-block>tbody>tr>th, .table-block>tfoot>tr>td, .table-block>tfoot>tr>th, .table-block>thead>tr>td, .table-block>thead>tr>th {font-size:12px; padding:10px 8px; word-break:keep-all;}
.table-block>tbody>tr>td:nth-child(2) {width:22%; color:#333;}
.table-block>tbody>tr>th:nth-child(2) {width:20%;}

@media (max-width:767px) {
	.table .view {display:none;}		
	.table-block {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+1,f5f5f5+30,ffffff+30,ffffff+100 */
		background: #f5f5f5; /* Old browsers */
		background: -moz-linear-gradient(left, #f5f5f5 1%, #f5f5f5 30%, #ffffff 30%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #f5f5f5 1%,#f5f5f5 30%,#ffffff 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #f5f5f5 1%,#f5f5f5 30%,#ffffff 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	.table-block>tbody>tr>td, .table-block>tbody>tr>th, .table-block>tfoot>tr>td, .table-block>tfoot>tr>th, .table-block>thead>tr>td, .table-block>thead>tr>th {width:100%; display:block; padding:5px 10px;}
	.table-block>tbody>tr>th.view-th {width:30%; float:left; display:block; font-weight:500; color:#444;}
	.table-block>tbody>tr>th {border-top: 1px dotted #ddd;} 
	.table-block>tbody>tr>td {width:70% !important; float:left; border-top: 1px dotted #eaeaea;}
	.table-block>tbody>tr>td:last-child {text-align:left; padding-right:10px;}
	.table-block>tbody>tr>th:first-child, .table-block>tbody>tr>td:nth-child(2) {border-top:none;}
	.table-block>tbody>tr {border-bottom: 2px solid #ccc;}
	
	.date-left {font-size:12px; padding:6px 0 0;}
	select#select_date {padding:5px;}
}

/*****************
	Button
*****************/
button.borderBtn, button.borderBtn:visited, button.borderBtn:focus, button.borderBtn:active {height:40px; background:none; line-height:40px; border:1px solid #ddd; padding:0 35px; font-size:13px; color:#888; text-align:center; letter-spacing: -0.03em;}
button.borderBtn i {padding-left:40px; font-size:15px;}
button.borderBtn:hover {background-color:#e05f45; border-color:#e05f45; color:#fff;}
button.borderBtn:hover span {color:#fff}

.btn, .btn:visited, .btn:focus, .btn:active {
	border: 1px solid #e05f45;
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #e05f45;
    background: none;
	border-radius:0;
	outline:none;
	transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.btn:hover {background:#e05f45; color:#fff;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover  {background-color:#e05f45; border-color:#e05f45;}
.pagination>li>a, .pagination>li>span {color:#e05f45;}