/*
 *작성자 : 이병욱*
 *2016-02-29 최초작성일*
 *기본으로 사용되는 CSS입니다.*
*/

.dash_line { height: 1px; border-bottom: dashed 1px #ccc; margin: 10px 0 14px;  }

.smb {margin-top:20px;}
.smb2 { margin-top:10px;}
/******게시판******/
/*일 반*/

.list_table { width: 100%; border-top:solid 1px #bbb; }
.list_table th { background:#fafafa; text-align:center; padding:13px 0; font-size: 14px;   border-bottom:solid 1px #ddd; border-left: dashed 1px #ddd; }
.list_table th:first-child { border-left:0; }
.list_table td { padding: 13px 0 13px 0; border-bottom:dashed 1px #ddd; font-size: 15px;  color: #888; }
.list_table td span { font-size: 11px;  }
.list_table td A { color: #777; font-size: 16px; }

/* 게시판 뷰페이지 */
.view_div {  background: #fff; box-shadow: 0 1px 2px #ddd; padding: 15px; margin-bottom:20px;}
.view_div .view_header { position:relative; margin: 0; }
.view_div .view_header dt { width:100%; display:inline-block; font-family : "Noto Sans KR", malgun Gothic, 맑은고딕, dotum, 돋움, sans-serif; font-size: 13px; padding:10px 0 8px;  }
.view_div .view_header .view_title { float:left;  font-weight:600; font-size:24px; padding-left: 5px;  }
.view_div .view_header .date_span { float:right;  font-size:12px; color:#999;  padding:8px 0 0 5px; }


.view_div .view_header dd { width: 100%; display:inline-block; color:#777; padding:0; font-size:13px; border-top:solid 1px #e5e5e5; }
.view_div .view_header dd i { color:#999;  }
.view_div .view_header dd .share-info { float:left; display: inline-block; padding: 10px 0; }
.view_div .view_header dd .share-info li {
	font-family : "Noto Sans KR", malgun Gothic, 맑은고딕, dotum, 돋움, sans-serif;
	float: left;
	padding: 0 10px;
	margin: 3px 0;
	border-left:solid 1px #ccc;
	color: #777;
	line-height:1.2;
	font-size:12px;
	font-weight: normal;
}
.view_div .view_header dd .share-info li:first-child { border-left:0; }
.view_div .view_header .document-name a { color:#777; }
.view_div .view_header .document-name i { color:#337ab7; vertical-align: middle; font-size: 15px; }
.view_div .view_header .document-name span { color:#555;  font-size: 13px; font-weight: normal; }

.view_div .view_header dd span {  padding:0 5px; }

.view_body { padding:20px 10px; border-bottom: solid 1px #ddd;}
.view_body img { max-width: 100% !important; height:auto !important; }

/*별점*/
.star_score { display: block; }
.star { font-size:15px; color:#33cccc; }
.star_ { font-size:15px; color:#bbb; }


.location {  }
.location .map { left:0; top:0!important; margin: 0; padding: 0; }
.location .root_daum_roughmap { width: 100%; }
.location .mapInfo { padding: 10px 15px; font-size: 15px; }
.location .wrap_controllers { display: none;}

/*갤러리 타입1*/

.gallery {
    margin: 0 -10px;
}
.gallery-option-set {
    display: block;
    margin-bottom: -5px;
}
.gallery-option-set .btn {
    margin: 0 5px 5px 0;
}
.gallery .image-content {
	position: relative;
    overflow: hidden;
    border-radius: 3px;
    border:solid 1px #e5e5e5;
}
.gallery .image img {
    width: 100%;
    height: 180px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius:  3px 3px 0 0 ;
}
.gallery .image-inner {
    position: relative;
    background: #fff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}
.gallery .image a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    color: #222;
}
.gallery .image a:hover,
.gallery .image a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.gallery .image-info {
	position: relative;
    background: #fafafa;
    padding: 15px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.gallery .image-info .category { position: absolute; top: -12px; left:10px;  }
.gallery .image-info .category .label { font-size: 12px; }

.gallery .image-info .title {
    margin: 0 0 10px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gallery .image-info .desc {
    line-height: 16px;
    font-size: 13px;
    color: #555;
    height: 48px;
    overflow: hidden;
}
.gallery .image-info .etc {
    line-height: 14px;
    font-size: 11px;
    color: #7;
}
.divider {
	color:#ccc;
}


.result-list:before,
.result-list:after {
    content: '';
    display: table;
    clear: both;
}
.result-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.result-list .result-image {
    background: #eee;
    text-align: center;
}
.result-list .result-image a {
    display: block;
}
.result-list .result-image a:hover,
.result-list .result-image a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.result-list .result-image img {
    max-width: 100%;
    width: auto!important;
}
.result-list .title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 24px;
}
.result-list .title a {
    color: #333;
    font-weight: 600;
}
.result-list .location {
    color: #999;
    font-size:12px;
    margin-bottom: 15px;
}
.result-list .desc {
    margin-bottom: 20px;
    max-height: 32px;
	font-size: 13px;
    line-height: 16px;
}
.result-list .btn-row a {
    color: #666;
    font-size: 20px;
    line-height: 14px;
    opacity: 0.2;
}
.result-list .btn-row a:hover,
.result-list .btn-row a:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.result-list .btn-row a + a {
    margin-left: 10px;
}
.result-list .result-info {

}
.result-list .result-price {
    width: 240px;
    font-size: 28px;
    text-align: center;
    border-left: 1px dashed #ddd;
    padding-top: 30px;
}
.result-list .result-price small {
    display: block;
    font-size: 12px;
    color: #999;
}
.result-list .result-price .btn {
    margin-top: 30px;
}



/*갤러리_형태*/
.post-list {}
.post-list .post-li { position: relative; }
.post-list .post-content {
    background: #fff; position: relative; border:solid 1px #e5e5e5;
    border-radius: 3px; overflow: hidden;
    margin-bottom: 30px;
}
.post-list .post-image {
    overflow: hidden; position: relative;
}
@media(min-width:992px){
	.post-list .post-image {
	    height: 155px; overflow: hidden; position: relative;
	}
}
@media(max-width:767px){
	.post-list .post-image {
	    height: auto; overflow: hidden; position: relative;
	}
}
.post-list .post-image img { max-width: 100%; height: auto; }


.post-list .post-info {
    position: relative;
    padding: 15px;
}

.post-list .post-info .image-caption { position: absolute; width:100%; top: -12px; left:15px;  }

.post-list .post-info .image-caption .label {
	font-size:13px;00
	font-weight:normal;
    border-radius: 0;
	margin-right: 5px;
	padding: 8px 14px;
    opacity: 0.9;
}
.post-list .post-info .image-caption .label span {
    color:#fff;
    opacity:1;
}
.post-list .post-info .title {
    margin: 10px 0 5px;
    font-size: 21px;
    line-height: 30px;
}
.post-list .post-info .title a {
    color: #454545;
}
.post-list .post-info .desc {
    line-height: 20px;
    color: #999;
    margin-bottom: 20px;
    font-size: 13px;
}
.post-list .post-info .post-by {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 15px;
    line-height: 20px;
    padding: 0 0;
}

/*리스트_형태*/
.post-list-2 {
    position: relative; border-bottom:solid 1px #e5e5e5;
    overflow: hidden;
    padding: 15px 10px;
}
.post-list-2 .post-content {
    position: relative; overflow: hidden;
}
@media(max-width:767px){

    .post-list-2 .post-image {
        clear: both;
    }
}
.post-list-2 .post-image {
    float: left; width: 150px; overflow: hidden; position: relative;
    margin-right: 15px;
}
.post-list-2 .post-image img { max-width: 100%; height: auto; }
.post-list-2 .post-info {
    width: 80%;
    float: left;
    margin-top:6px;
}
.post-list-2 .post-info .title {
    margin: 0 0 5px;
    font-size: 21px;
    line-height: 30px;
}
.post-list-2 .post-info .title a {
    color: #454545; font-weight: 600;
}
.post-list-2 .post-info .desc {
    line-height: 20px;
    color: #999;
    margin-bottom: 10px;
    font-size: 13px;
}
.post-list-2 .post-info .post-by {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 15px;
    line-height: 20px;
    padding: 0 0;
}
.post-list-2 .post-info .category {
    float: left;
    text-align:center; color:#777; font-weight: 600;
}

/*댓 글*/
.commont_write .input-group .form-control   { height:80px; }
.commont_write .input-group .btn   { height:80px; width: 80px; }

.list-group {   margin-bottom: 15px; }
.list-group .list-group-item { position: relative; background:none; border: 0; border-bottom:solid 1px #ddd; padding: 0;  }

.comment { padding: 18px 12px; overflow: hidden; }

.comment .comment_img { position:absolute; }
.comment .comment_img img { border-radius: 50%; border:solid 1px #fff; }
.comment .comment_info { margin-left: 65px;  }
.comment .comment_info .info_name { color:#777; font-size: 12px; }
.comment .comment_info .comment_text { padding: 5px 0 0;}
.comment .comment_info span { display: block; padding: 5px 0 0; font-size: 12px;  }
.comment .comment_etc { float: left; margin-top: 13px;  }
.comment-none { width: 100%; text-align: center; padding: 50px 0; }

.reply_comment { width:100%; background:#eee; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; display: inline-block;  padding: 0; }
.reply_comment .reply_input { float: left; border-top:solid 2px #ddd; padding: 15px 10px; }

.reply_list li { width: 100%; display: inline-block; border-top:solid 1px #ddd; padding: 14px 10px 8px 10px; }
.reply_list li:first-child { border-top:0; }
.reply_list .comment_img { float: left; margin:0 15px 0 10px; }
.reply_list .comment_info { float: left; width: 80%; margin: 0; }
.reply_list .comment_info .info_name { color:#777; font-size: 12px; }
.reply_list .comment_info .comment_text { padding: 5px 0 0;}
.reply_list .comment_info span { display: block; padding: 5px 0 0; font-size: 12px;  }
.reply_list .comment_etc { float: left; margin-top: 13px;  }



/*페이징*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
	float: left;
  display: inline;
  margin: 0 3px;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #777;
  background-color: #ffffff;
  border:solid 1px #eee;;
  margin-left: -1px;
  box-shadow:0px 1px 0px #ddd;
  border-radius: 4px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #33cccc!important;
  border-color: #23abb2!important;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}


/*****추가되는 CSS*****/

/*공유단체/활동sns*/
.live_wrap { padding:0 10px; }
.live_wrap dl { background:#fff; border: solid 1px #ddd; padding: 12px;}
.live_wrap dt { width:100%; padding: 10px 0 15px; border-bottom:dashed 1px #ccc; }
.live_wrap dt .meta_img { float: left; margin-right: 10px; }
.live_wrap dt .meta_img img { border:solid 1px #ddd; height: auto!important; }
.live_wrap dt .meta_txt { padding-top: 5px; margin: 0; }
.live_wrap dt .meta_txt .name { display: block; font-size:15px; color:#444;  }
.live_wrap dt .meta_txt .date { font-size: 12px; color:#888; }
.live_wrap dd { width:100%; display: inline-block; margin-top: 10px;  }
.live_wrap dd img { max-width:100%; height: auto!important; display: inline;  }
.live_wrap dd a { font-size: 12px; color:#666; }
.live_wrap dd a:hover { font-size: 12px; color:#666; }


.content_line { width:100%; height:2px; background:#ddd; display:inline-block; margin: 20px 0 10px; }
.content_line div { width:50px; height:2px; background:#33cccc; float:left; }

.search_panel { border:solid 1px #ddd; }
.search_form .form-group { padding: 5px 0; }
.search_form.form-bordered .form-group {
    border-bottom: 1px dashed #ddd;
    margin: 0;
}
/* 공유자원 정보&지도 */
.sh_info_dl { position:relative; border-bottom: dashed 1px #ddd; margin: 0; }
.sh_info_dl dt { position: absolute; padding: 12px 0 12px 10px; color: #333; font-size: 13px; }
.sh_info_dl dd { padding: 12px 0 12px 100px; font-size: 13px; }
.sh_info_dl .sh_info_ul li { padding: 3px 0 0 0; font-size: 13px; color: #777; }

.sh_etc_info {}
.sh_etc_info li { padding: 5px 0; border-bottom: dashed 1px #eee; }


/*시설이미지*/
.facilities_ul li { float: left; margin: 0 5px; }
.facilities_ul li a { position:relative; width:180px;  height:180px; overflow:hidden;  display: inline-block;  }
.facilities_ul li a img { max-width:100%; height:auto; display: inline;  }


/*탭메뉴 */
.nav-tabs {
    width: 100%;
    padding:0 15px;
    display: block;
    border-bottom:solid 3px #eee;
}
.nav-tabs > li {
	margin: 0 0 -3px;
}
.nav-tabs > li > a {
    color: #6e7179;
    border:0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
    color: #4e85e1;
    background: #fff;
    border:none;
    border-bottom: solid 3px #4e85e1;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    color:#4e85e1;
    font-size:16px;
    font-weight:500;
    border:#fff;
    border-bottom: solid 3px #4e85e1;
}

.nav-tabs.nav-justified > li > a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.nav-tabs > li > a {
    margin-right: 5px;
    line-height: 30px;
}

.tab-content {
	background: none; padding:15px 0 0 ;
}


/*owl배너 버튼 */
@media(max-width:991px){
    .text_div { padding: 10px 30px; }
    .sh_culture .owl-nav .owl-prev { position: absolute; top: 50%; left:0px; width: 40px; height: 40px; margin-top:-25px; font-size: 0!important; background:url(/common/images/contents/prev_btn.png) no-repeat!important;  }
    .sh_culture .owl-nav .owl-prev:hover { background:url(/common/images/contents/prev_btn_on.png) no-repeat!important;  }

    .sh_culture .owl-nav .owl-next { position: absolute;  top: 50%; right:0px;  width: 40px; height: 40px; margin-top:-25px; font-size: 0!important; background:url(/common/images/contents/next_btn.png) no-repeat!important;  }
    .sh_culture .owl-nav .owl-next:hover { background:url(/common/images/contents/next_btn_on.png) no-repeat!important;  }
}
@media(min-width:992px){
    .text_div { padding: 12% 30px; }
    .sh_culture .owl-nav .owl-prev { position: absolute; top: 50%; left:-80px; width: 40px; height: 40px; margin-top:-25px; font-size: 0!important; background:url(/common/images/contents/prev_btn.png) no-repeat!important;  }
    .sh_culture .owl-nav .owl-prev:hover { background:url(/common/images/contents/prev_btn_on.png) no-repeat!important;  }

    .sh_culture .owl-nav .owl-next { position: absolute;  top: 50%; right:-80px;  width: 40px; height: 40px; margin-top:-25px; font-size: 0!important; background:url(/common/images/contents/next_btn.png) no-repeat!important;  }
    .sh_culture .owl-nav .owl-next:hover { background:url(/common/images/contents/next_btn_on.png) no-repeat!important;  }
}