


#con .board-wrap{position:relative;}
#con .board-wrap .board-header{margin-bottom:40px;padding:30px;border:1px dotted #e9e9e9;}
#con .board-wrap .board-header .board-search{}
#con .board-wrap .board-header .board-search > li{margin-bottom:10px;}
#con .board-wrap .board-header .board-search > li:after{content:"";display:block;clear: both;}
#con .board-wrap .board-header .board-search > li:last-child{margin-bottom:0;}
#con .board-wrap .board-header .board-search > li > .label-tit{float:left;width:90px;line-height:45px;color:#000000;font-size:1.063rem;font-weight:bold;}
/*#con .board-wrap .board-header .board-search > li > .form-con{overflow: hidden;}*/
/*웹접근성 230220*/
#con .board-wrap .board-header .board-search > li > .form-con .bo-search-btn:focus {outline: 1px dashed #666; border:2px dashed #fff;}

#con .board-wrap .board-header .board-search > li > .form-con .form-cell{float:left;}
#con .board-wrap .board-header .board-search > li > .form-con .form-cell.f-none {float:none;}
#con .board-wrap .board-header .board-search > li > .form-con .form-cell.over {display: block; overflow:hidden; float:none;}
#con .board-wrap .board-header .board-search > li > .form-con .form-cell.li02{padding-left:10px;}
#con .board-wrap .board-header .board-search > li > .form-con .form-cell.li03{padding-left:10px;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group{display:table;width:385px;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group.v01{max-width:715px; width:100%;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group.v02{max-width:595px; width:100%;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group .selectBox{width:100%;height: 45px;padding:0 30px 0 25px;border:1px solid #e9e9e9;background-image: url(../images/custom/select_icon.png);background-repeat: no-repeat;background-position: center right 15px;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group .selectBox::-ms-expand {
    display: none;
}
#con .board-wrap .board-header .board-search > li > .form-con .form-group .bo-search-int{width:100%;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group .btn-cell{display: table-cell;width:1%;vertical-align: middle;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group .caption-cell{display: table-cell;width:1%;vertical-align: middle;padding: 10px;}
#con .board-wrap .board-header .board-search > li > .form-con .form-group .int-cell{display: table-cell;vertical-align: middle;width:50%;}

#con .board-wrap .board-header .board-search > li > .form-con .bo-search-sel{width: 110px; height: 45px;padding:0 30px 0 25px;border:1px solid #e9e9e9;background-image: url(../images/custom/select_icon.png);background-repeat: no-repeat;background-position: center right 15px;}
#con .board-wrap .board-header .board-search > li > .form-con .bo-search-sel::-ms-expand {
    display: none;
}
#con .board-wrap .board-header .board-search > li > .form-con .bo-search-int{height:45px;padding:0 15px;border:1px solid #e9e9e9;}
#con .board-wrap .board-header .board-search > li > .form-con .bo-search-btn{width:100px;height:45px;border:0;color:#fff;font-weight:500;font-size:1rem;background-color:#003668;cursor: pointer;}
#con .board-wrap .board-header .board-search > li > .form-con .bo-search-btn.submit {background-color: #1d4fae;}
#con .board-wrap .board-header .board-search > li > .form-con .search-date-int{width:100%;height:45px;padding:0 40px 0 15px;border:1px solid #e9e9e9;background-image:url(../images/custom/date_icon.png);background-repeat: no-repeat;background-position: center right 10px;}


@media screen and (max-width:1400px){
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.date {width: 100%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.date .form-group {max-width:715px; width:100%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.btns{width:100%; padding-top: 10px;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.btns .li03:first-child {padding-left: 0;}
}
@media screen and (max-width:1200px){
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.date {width: auto;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.date .form-group {max-width:unset; width: 385px;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.btns{width:auto; padding-top: 0px;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.btns .li03:first-child {padding-left: 10px;}
}
@media screen and (max-width:1024px){
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.date {width: 100%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.date .form-group {max-width:715px; width:100%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.btns{width:100%; padding-top: 10px;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.btns .li03:first-child {padding-left: 0;}
}
@media screen and (max-width:800px){
    #con .board-wrap .board-header .board-search > li > .label-tit{float:none;margin-bottom:15px;line-height:1.4;}

    #con .board-wrap .board-header .board-search > li > .form-con .bo-search-sel{width:100%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-group{width:100%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-group.v01{max-width:unset;width:100%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-group.v02{max-width:unset;width:100%;}
}


@media screen and (max-width:600px){
    #con .board-wrap .board-header{padding:15px;}

    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.li01{width:100%;margin-bottom:10px;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.li02{width:100%;padding-left:0;}

    #con .board-wrap .board-header .board-search > li > .form-con .bo-search-btn{width:80px;font-size:1rem;}

    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.li03{width:33.33%;}
    #con .board-wrap .board-header .board-search > li > .form-con .form-cell.li03 .bo-search-btn{width:100%;}
}

@media screen and (max-width:425px){
	#con .board-wrap .board-header .board-search > li > .form-con .form-group {display: block;}
	#con .board-wrap .board-header .board-search > li > .form-con .form-group .int-cell{display: block; width: 100%;}
	#con .board-wrap .board-header .board-search > li > .form-con .form-group .caption-cell {display: block; width: 100%; text-align: center;}
	#con .board-wrap .board-header .board-search > li > .form-con .form-group .btn-cell {display: block; width: 100%;}
	#con .board-wrap .board-header .board-search > li > .form-con .form-cell {width: 100%;}
	#con .board-wrap .board-header .board-search > li > .form-con .form-cell.li03 {width: 100%;padding-left: 0;padding-bottom: 10px;}
	#con .board-wrap .board-header .board-search > li > .form-con .bo-search-btn {width: 100%;}
}


#con .board-wrap{}
#con .board-wrap .board-view{}
#con .board-wrap .board-view .gallery-list{margin:0 -15px;}
#con .board-wrap .board-view .gallery-list:after{content:"";display:block;clear: both;}
#con .board-wrap .board-view .gallery-list > li{float:left;width:33.33%;margin-bottom:35px;padding:0 15px;}
#con .board-wrap .board-view .gallery-list > li .item-con{position:relative;}
#con .board-wrap .board-view .gallery-list > li .item-con .img-con{overflow:hidden;position:relative;border:1px solid #e9e9e9;}
#con .board-wrap .board-view .gallery-list > li .item-con .img-con::before {content:""; display: block; padding-bottom: 83%;}
#con .board-wrap .board-view .gallery-list > li .item-con .img-con img{position:absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
#con .board-wrap .board-view .gallery-list > li .item-con .img-con img.img_top{top: 0; transform: translate(-50%, 0%);}
#con .board-wrap .board-view .gallery-list > li .item-con .img-con a{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;}
#con .board-wrap .board-view .gallery-list > li .item-con .img-con a:focus {border: 2px solid #000 !important;}
#con .board-wrap .board-view .gallery-list > li .item-con .txt-con{padding:15px 10px 0;}
/*#con .board-wrap .board-view .gallery-list > li .item-con .txt-con .tit{displaY:block;overflow:hidden;margin-bottom:5px;color:#292929;font-weight:500;font-size:1.063rem;}*/
#con .board-wrap .board-view .gallery-list > li .item-con .txt-con .tit{displaY:block;overflow:hidden;margin-bottom:5px;color:#292929;font-weight:500;font-size:1.063rem;text-overflow: ellipsis;white-space:nowrap;}
#con .board-wrap .board-view .gallery-list > li .item-con .txt-con .date{display: block;color:#292929;font-size: 0.9375rem;}


#con .board-wrap .total-tit{margin-bottom:15px;padding:1px 0 1px 20px;color:#000000;font-size:0.9375rem;background-image:url(../images/board/total_i.png);background-repeat: no-repeat;background-position:left center;}
#con .board-wrap .total-tit.rss{padding:1px 0; background-image: none;}
#con .board-wrap .total-tit .btn-rss {display: inline-block; width: 20px; line-height: 0; vertical-align:middle;}

#con .board-wrap .board-view .board-list {width:100%;border-top:2px solid #7a7d96;}
#con .board-wrap .board-view .board-list caption {overflow:hidden; height:0px; width:0px; text-indent:-9999px;}
#con .board-wrap .board-view .board-list caption span{position:absolute; top:-1000px;}
#con .board-wrap .board-view .board-list th{padding:15px 10px;border-width:0 0px 1px 1px;border-style:solid;border-color:#e9e9e9;font-size: 1.063rem;color:#111;text-align:center;font-weight:bold;background-color:#eef1f6;}
#con .board-wrap .board-view .board-list th.tit{width:45%;}
#con .board-wrap .board-view .board-list tr th:first-child{border-width:0 0 1px 0;}
#con .board-wrap .board-view .board-list tr th.bor{border-width:0 0px 1px 1px;}
#con .board-wrap .board-view .board-list td{padding:15px 10px;border-width:0 0px 1px 1px;border-style:solid;border-color:#e9e9e9;font-size: 1.063rem;color:#4e5b6f;text-align:center;background-color:#fff;}
#con .board-wrap .board-view .board-list tr td:first-child{border-width:0 0 1px 0;}
#con .board-wrap .board-view .board-list td.num .notice{display:inline-block;padding:5px 10px;border-radius:5px;color:#fff;font-size:13px;background-color:#1d4fae;}
#con .board-wrap .board-view .board-list td.tit{width:45%;padding:15px 25px;text-align: left;}
#con .board-wrap .board-view .board-list td.tit .link-t{display:block;}
#con .board-wrap .board-view .board-list td.tit .link-t .tit{display:inline-block;vertical-align: middle;overflow: hidden;max-width:95%;color:#4e5b6f;text-overflow: ellipsis;white-space: nowrap;}
#con .board-wrap .board-view .board-list td.tit .link-t .new{display: inline-block;vertical-align: middle;}
#con .board-wrap .board-view .board-list td.tit .link-t .new img{display:block;}
#con .board-wrap .board-view .board-list td.ts {word-break:break-all;}
#con .board-wrap .board-view .board-list td.t-file .file-link{display:inline-block;vertical-align: middle;width:12px;height:16px;font-size:0;background-image:url(../images/custom/down_list.png);background-repeat: no-repeat; background-position: -10px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.img{width:16px;background-position: -27px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.doc{width:16px;background-position: -48px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.etc{width:16px;background-position: -69px 0;}
/*
#con .board-wrap .board-view .board-list td.t-file .file-link{display:inline-block;vertical-align: middle;width:17px;height:16px;font-size:0;background-image:url(../images/custom/down_list.png);background-repeat: no-repeat; background-position: -141px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.hwp{background-position: -10px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.pdf{background-position: -34px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.excel{background-position: -60px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.power{background-position: -87px 0;}
#con .board-wrap .board-view .board-list td.t-file .file-link.word{background-position: -114px 0;}
*/
#con .board-wrap .board-view .board-list td.t-date {white-space:nowrap;}

@media screen and (max-width:1400px){
	#con .board-wrap .board-view .board-list td {font-size: 0.875rem;}
	#con .board-wrap .board-view .board-list td.tit {font-size: 0.875rem;}
}

@media screen and (max-width: 1200px) {
	#con .board-wrap .board-view .gallery-list {margin: 0 -10px;}
	#con .board-wrap .board-view .gallery-list > li {padding: 0 10px;}
}

@media screen and (max-width:1024px){
    #con .board-wrap .board-view .board-list th.t-view,
    #con .board-wrap .board-view .board-list td.t-view{display: none;}
}
@media screen and (max-width:900px){
    #con .board-wrap .board-view  .board-list{display:block;}
    #con .board-wrap .board-view  .board-list  thead{display:none;}
    #con .board-wrap .board-view .board-list tbody{display:block;width:100%;}
    #con .board-wrap .board-view .board-list  tr{display:block;width:100%;font-size:0;border-bottom:1px solid #000;}
    #con .board-wrap .board-view .board-list  tr:after{content:"";display:block;clear: both;}
    #con .board-wrap .board-view .board-list tr td:first-child{border-width:0;}
    #con .board-wrap .board-view .board-list td{border-width:0;}
    #con .board-wrap .board-view .board-list td.num{display:inline-block;vertical-align:top;width:15%;}
    #con .board-wrap .board-view .board-list td.tit{display:inline-block;vertical-align:top;width:85%;overflow: hidden;}
    #con .board-wrap .board-view .board-list td.ts,
    #con .board-wrap .board-view .board-list td.t-file,
    #con .board-wrap .board-view .board-list td.t-date{display:inline-block;vertical-align:top;width:33.33%;border-top:1px dotted #ddd;}
    #con .board-wrap .board-view .board-list td.ts.v02,
    #con .board-wrap .board-view .board-list td.t-date.v02{width:50%;}
    #con .board-wrap .board-view .board-list td.num {text-align:left;}
    #con .board-wrap .board-view .board-list td.ts {text-align:left;}
    #con .board-wrap .board-view .board-list td.t-date {text-align:right;}
}

@media screen and (max-width:800px){
    #con .board-wrap .board-view .gallery-list > li{width:50%;}
}
@media screen and (max-width:600px){
    #con .board-wrap .board-view .gallery-list{margin:0 -7px;}
    #con .board-wrap .board-view .gallery-list > li{margin-bottom:20px;padding:0 7px;}
    #con .board-wrap .board-view .gallery-list > li .item-con .txt-con{padding:10px 0 0;}

	#con .board-wrap .board-view .board-list td {font-size: 12px;}
    #con .board-wrap .board-view .board-list td.num{display:inline-block;vertical-align:top;width:20%;}
    #con .board-wrap .board-view .board-list td.tit{display:inline-block;overflow: hidden;vertical-align:top;width:80%;padding:15px;font-size: 12px;}
    #con .board-wrap .board-view .board-list td.tit .link-t .tit{max-width:95%;}

}
@media screen and (max-width:480px){
    #con .board-wrap .board-view .gallery-list{margin:0;}
    #con .board-wrap .board-view .gallery-list > li{width:100%;margin-bottom:20px;padding:0;}
    #con .board-wrap .board-view .gallery-list > li .item-con .txt-con{padding:10px 0 0;}
}



#con .board-wrap .board-con-view-header{position:relative;}
#con .board-wrap .board-con-view-header .tit-box{padding:25px 30px;border-top:2px solid #7a7d96;border-bottom:1px solid #e9e9e9;background-color:#eef1f6;}
#con .board-wrap .board-con-view-header .tit-box .bo-tit{display:inline-block;color:#000000;font-size: 1.438rem;font-weight:500;}
#con .board-wrap .board-con-view-header .bo-info-box{padding:15px 30px;border-bottom:1px solid #e9e9e9;}
#con .board-wrap .board-con-view-header .bo-info-box .list{font-size:0;}
#con .board-wrap .board-con-view-header .bo-info-box .list > li{display:inline-block;vertical-align:top;margin-right:25px;}
#con .board-wrap .board-con-view-header .bo-info-box .list > li:last-child{margin-right:0;}
#con .board-wrap .board-con-view-header .bo-info-box .list > li > span{position:relative;float:left;padding-right:12px;color:#292929;font-size: 1.063rem;}
#con .board-wrap .board-con-view-header .bo-info-box .list > li > span:after{content:"";position:absolute;right:0;top:50%;width:1px;height:13px;background-color:#e9e9e9;transform: translateY(-50%);}
#con .board-wrap .board-con-view-header .bo-info-box .list > li > p{overflow: hidden;padding-left:12px;font-size: 1.063rem;color:#4e5b6f;}
#con .board-wrap .board-con-view-header .file-box-tit{padding:15px 30px;border-bottom:1px solid #e9e9e9;color:#292929;font-size:1.063rem;background-color:#f8f9fa;}
#con .board-wrap .board-con-view-header .file-list-box{padding:15px 30px;border-bottom:1px solid #e9e9e9;}
#con .board-wrap .board-con-view-header .file-list-box .list{}
#con .board-wrap .board-con-view-header .file-list-box .list > li{margin-bottom:5px;}
#con .board-wrap .board-con-view-header .file-list-box .list > li:last-child{margin-bottom:0;}
#con .board-wrap .board-con-view-header .file-list-box .list > li .file-view-btn{display: inline-block;margin-left:20px;padding:5px 40px 5px 10px;font-size:13px;color:#ffffff;background-image:url(../images/board/file_view_i.png);background-repeat: no-repeat;background-position:right 10px center;background-color:#003668;}

#con .board-wrap .board-con-view{padding:30px;border-bottom:1px solid #e9e9e9;}
#con .board-wrap .board-con-view:after{content:"";display:block;clear:both;}


#con .board-wrap .board-foot-list{margin-top:50px;border-top:1px solid #e9e9e9;}
#con .board-wrap .board-foot-list > li{}
#con .board-wrap .board-foot-list > li:after{content:"";display:block;clear:both;}
#con .board-wrap .board-foot-list > li.prev-li{border-bottom:1px solid #e9e9e9;}
#con .board-wrap .board-foot-list > li.next-li{border-bottom:1px solid #e9e9e9;}
#con .board-wrap .board-foot-list > li > .t-t{float:left;width:120px;line-height:50px;text-align: center;font-weight:500;color:#292929;font-size:1.063rem;}
#con .board-wrap .board-foot-list > li > a{display:block;overflow: hidden;line-height:50px;font-size:1.063rem;color:#4e5b6f;white-space: nowrap;text-overflow: ellipsis;}

#con .board-wrap .board-btn-wrap{margin-top:30px;text-align: right;}
#con .board-wrap .board-btn-wrap .bo-btn{display:inline-block;min-width:100px;height:45px;padding:0 10px;border:1px solid #e9e9e9;line-height:45px;text-align:center;color:#292929;font-size:1.063rem;font-weight:500;background-color: #fff;cursor: pointer;}



@media screen and (max-width:800px){
    #con .board-wrap .board-con-view-header .bo-info-box .list > li{width:50%;margin:0 0 20px;}
    #con .board-wrap .board-con-view-header .bo-info-box .list > li:nth-child(2),
    #con .board-wrap .board-con-view-header .bo-info-box .list > li:nth-child(4){padding-left:5px;}
    #con .board-wrap .board-con-view-header .bo-info-box .list > li:nth-child(3),
    #con .board-wrap .board-con-view-header .bo-info-box .list > li:nth-child(4){margin-bottom:0;}
}
@media screen and (max-width:600px){
    #con .board-wrap .board-con-view-header .tit-box{padding:20px 15px;}
    #con .board-wrap .board-con-view-header .tit-box .bo-tit{font-size:1.3rem;}
    #con .board-wrap .board-con-view-header .bo-info-box{padding:15px;}
    #con .board-wrap .board-con-view-header .bo-info-box .list > li > span{font-size:0.9rem;}
    #con .board-wrap .board-con-view-header .bo-info-box .list > li > p{font-size:0.9rem;}
    #con .board-wrap .board-con-view-header .file-box-tit{padding:15px;}
    #con .board-wrap .board-con-view-header .file-list-box{padding:15px;}
    #con .board-wrap .board-con-view{padding:20px 15px;}

    #con .board-wrap .board-foot-list > li > .t-t{width:85px;}
}


















/*board-tab*/
#con .board-tab {margin-bottom: 10px;}
#con .board-tab .tab-list {display: block; margin: 0 -5px;}
#con .board-tab .tab-list::after {content:""; display: block; clear: both;}
#con .board-tab .tab-list > .tab-item {float: left; width: 20%; margin-bottom: 10px;}
#con .board-tab .tab-list > .tab-item > a {display: block; height: 40px; margin: 0 5px; border: 1px solid #e9e9e9; color: #292929; line-height: 40px; text-align: center; font-weight: 500; font-size: 1.0625rem; background-color: #fff;}
#con .board-tab .tab-list > .tab-item.on > a {border: 1px solid #003668; color: #fff; background-color: #003668;}

@media screen and (max-width: 800px) {
    #con .board-tab .tab-list .tab-item {width: 33.333%;}
}

@media screen and (max-width: 600px) {
    #con .board-tab .tab-list {overflow:hidden; position:relative; width: 100%; height: 40px; margin: 0; padding-top:40px;}
    #con .board-tab .tab-list::after {content:""; position: absolute; top: 17px; right: 20px; width: 10px; height: 6px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid #fff; box-sizing: border-box;}
    #con .board-tab .tab-list.on {overflow:visible;}
    #con .board-tab .tab-list > .tab-item {float:none; width: 100%; margin-bottom: 0;}
    #con .board-tab .tab-list > .tab-item.on {position: absolute; top: 0; left: 0;}
    #con .board-tab .tab-list > .tab-item > a {margin: 0;border-top: none;}
}



/* Photo Box*/
#con .photo-box {display: block; position:relative; padding: 0 50px;}
#con .photo-box .photo-slide{display: block; overflow: hidden;}
#con .photo-box .photo-slide .swiper-slide {text-align:center;}
#con .photo-box .slide-nav {}
#con .photo-box .slide-nav .swiper-btn {position: absolute; top: 50%; width: 50px; height: 60px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center;}
#con .photo-box .slide-nav .swiper-btn.swiper-prev {left: 0; background-image:url(../images/board/arr_prev.png);}
#con .photo-box .slide-nav .swiper-btn.swiper-next {right: 0; background-image:url(../images/board/arr_next.png);}
#con .photo-box .slide-nav .swiper-btn.swiper-prev.swiper-button-disabled {background-image:url(../images/board/arr_prev_no.png);}
#con .photo-box .slide-nav .swiper-btn.swiper-next.swiper-button-disabled {background-image:url(../images/board/arr_next_no.png);}
@media screen and (max-width: 600px) {
	#con .photo-box {padding: 0 30px;}
	#con .photo-box .slide-nav .swiper-btn {width: 30px;}
}


#con .boardShare {margin-top: 40px;}
#con .boardShare::after {content:""; display: block; clear: both;}
#con .boardShare .btn-sns {float: right; margin-left: 5px; line-height: 0;}
#con .boardShare .btn-sns:last-child {margin-left: 0;}

/* board view */
#con .down-icon{display: inline-block;position:relative;padding:2px 0 2px 23px;font-size: 1.063rem;color:#000;}
#con .down-icon:before{content:"";position:absolute;top:50%;left:0;width:16px;height:16px;background-image:url(../images/custom/down_list.png);background-position: -10px 0;background-repeat: no-repeat; transform: translateY(-50%);)}
#con .down-icon.img:before{background-position: -27px 0;}
#con .down-icon.doc:before{background-position: -48px 0;}
#con .down-icon.etc:before{background-position: -69px 0;}
