@charset "utf-8";

/* 글보기 */
.board_view{clear:both; width:100%; margin:0 0 20px 0; border-collapse:collapse; background:url(/images/board/bg_th.gif) repeat-x;}
.board_view thead th{padding:6px 5px 6px 5px;  text-align:center; font-weight:bold; border-top:2px solid #909090;  border-bottom:1px solid #909090 ; background:url(/images/board/bg_th_list.gif) no-repeat 100% 50%;}
.board_view tbody th{border-bottom:1px solid #d4d4d4;}
.board_view td{padding:6px 0 5px 0px; color:#666; text-align:center; border-bottom:1px solid #d4d4d4; background:none;}
.board_view .last-child{background:none;}
.board_view .subject{color:#555; line-height:1.4em; font-weight:bold;  padding:5px 0 5px 0; }
.board_view .subject2{color:#555; line-height:1.4em; font-weight:bold; background:#f7f7f7; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4;}
.board_view .comment{background:#f7f7f7; text-align:left; padding:10px;}
.board_view .comment textarea{width:98%; height:200px;} /* 글쓰기 내용 */
.board_view td input.file{width:100%; background:#fff;} /* 글쓰기 첨부파일 */
.board_view td input{margin:0 0 3px 0;} /* 글쓰기 input 박스 */
.board_view td img{max-width:100%;vertical-align:middle;}
.board_view .con{padding-left:13px; text-align:left;}
.board_view .pic{width:650px; margin:10px auto 0 auto; padding:3px; text-align:center; background:#fff; border:1px solid #ccc;}
.board_view .pic img{width:650px;}
.board_view .info{width:650px; margin:10px auto 0 auto; padding:3px; text-align:center;}
.board_view .txt{width:636px; margin:10px auto 0 auto; padding:10px; text-align:left; background:#fff; border:1px solid #ccc;}
.board_view .pdf_link{margin:0 auto;}
.board_view #attach_content p.image img {width:100%}
.attached_file{display:inline-block !important;}
.board_contents ul {list-style: circle inside; margin:0; padding:0;}
.board_contents ol {list-style: decimal inside; margin:0; padding:0;}
.board_contents ul li,
.board_contents ol li {list-style: inherit;}
.board_contents ul li,
.board_contents ol li,
.board_contents p{line-height:1.5em; letter-spacing: 0.1px; font-family: Dotum;}
.board_contents li span,
.board_contents p span{font-size:100%; font-family:Dotum;}
.board_contents table caption {position:initial; left:initial; position:initial; width:inherit; height:initial; font-size:initial; line-height:initial; overflow:initial; text-align:initial;}

/* 포토갤러리 */
.photo{clear:both; overflow:hidden; width:100%; }
.photo li{float:left; /*width:163px; */padding:0 0.85em 1.5em 0.85em;}
.photo li p.pic{width:151px; margin:0; padding:5px; background:#f5f5f5; border:1px solid #eaeaea;}
.photo li p.pic a{display:inline-block; width:149px; height:99px; border:1px solid #fff;}
.photo li p.pic a img{width:149px; height:99px;}
.photo li p.day,
.photo li p.date{padding:5px 0 0 14px; text-align:left; color:#9d7b4f; font-weight:bold; background:url(/images/board/ico_date.gif) no-repeat 0 8px;}
.photo li p.title{padding:0 0 0 14px; text-align:left; background:url(/images/board/ico_title.gif) no-repeat 0 4px;}
table.bbs_gallery div#attach_content_container {margin:0 auto 10px;max-width:700px;}
table.bbs_gallery div#attach_content_container li.image_list p.comment {text-align:center;}












/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery a {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('http://council.hscity.go.kr/vendor/plugins/lightslider/dist/img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}



table.bbs_gallery div#attach_content_container div.lSSlideWrapper ul#attach_content {background:none}
	table.bbs_gallery div#attach_content_container div.lSSlideWrapper ul#attach_content li.lslide p {position: relative;}
	table.bbs_gallery div#attach_content_container div.lSSlideWrapper ul#attach_content li.lslide a.img-download {position: absolute; bottom:10px; left:44%; display:none; color:#fff; opacity:0.7;}
	table.bbs_gallery div#attach_content_container div.lSSlideWrapper ul#attach_content li.lslide a.img-download:hover { opacity:1; }
	table.bbs_gallery div#attach_content_container div.lSSlideWrapper ul#attach_content li.lslide a.img-download i.img-download-ioc { font-size:1.8em; }
	table.bbs_gallery div#attach_content_container div.lSSlideWrapper ul#attach_content li.lslide a.img-download span { width:100px; height:20px; line-height:20px; border-radius:3px; background:#113d8e; font-size:0.8em; display:block; }
	table.bbs_gallery div#attach_content_container a.lSPrev,
	table.bbs_gallery div#attach_content_container a.lSNext { display:none; font-size:2.3em; color:#fff; opacity:0.7; }
	table.bbs_gallery div#attach_content_container a.lSPrev:hover,
	table.bbs_gallery div#attach_content_container a.lSNext:hover { opacity:1; }
	table.bbs_gallery div#attach_content_container:hover div.lSSlideWrapper ul#attach_content li.lslide a.img-download {display:inline-block;}
	table.bbs_gallery div#attach_content_container:hover a.lSPrev,
	table.bbs_gallery div#attach_content_container:hover a.lSNext {display:block}
	table.bbs_gallery div#attach_content_container ul#attach_content {margin:0;padding:0;list-style:none;}
	table.bbs_gallery div#attach_content_container > ul#attach_content li.image_list{margin:10px 0;}
	table.bbs_gallery div#attach_content_container ul#attach_content li.image_list img{}
	table.bbs_gallery div#attach_content_container ul.lSPager {margin:0 auto;text-align:center}
	table.bbs_gallery div#attach_content_container ul.lSPager li {float:none;display:inline-block;margin:5px 0;text-align:center;vertical-align:middle;}
	table.bbs_gallery div#attach_content_container ul.lSPager li.active a img {border-radius:3px;}
	table.bbs_gallery div#attach_content_container ul.lSPager li a img{margin:0 auto;}