.board-box{max-width:1200px; margin:0 auto; padding:0; box-sizing:border-box;}
.btn a{color:#fff; display:block; padding:14px 36px; box-sizing:border-box; width:auto;}
.btn2{float:right; margin-left:10px; width:96px; text-align:center; border-radius:4px;}
.btn2 a{color:#fff; display:block; padding:14px 0px; width:auto; box-sizing:border-box;}
.green{background:url(../img/sub_common/btn_bg_g.png) repeat-x 0 0;}
.orange{background:url(../img/sub_common/btn_bg_or.png) repeat-x 0 0;}
.board-head{margin-bottom:40px;}
.board-head label{display:none;}
.board-head .num{padding:14px 16px 14px 56px; font-size:16px; font-weight:300; border:1px solid #eee; box-sizing:border-box; float:left; position:relative; border-radius:4px;} 
.board-head .num span{font-weight:normal}
.board-head .num:after{content:""; display:block; background:url(../img/sub_common/icon_sub.png) no-repeat; width:16px; height:3px; position:absolute; left:22px; top:25px;}

.board-head .search{height:46px; float:right; position:relative;}
.board-head .search .searchInput{box-sizing:border-box; border:1px solid #eee; padding-left:50px; width:260px; float:left; line-height:18px; height:48px; margin:0;  border-radius:6px 0 0 6px; } 
.board-head .search:after{content:""; display:block; width:20px; height:20px; background:url(../img/sub_common/icon_search.png) no-repeat; position:absolute; top:14px; left:20px;}
.board-head .search .btn{float:left; border-radius:0 4px 4px 0;} 

.board-list{}
.board-list ul{border-top:2px solid #ddd;}
.board-list ul li{padding:30px 0; border-bottom:1px solid #eee;}
.board-list ul li a{display:block;}
.board-list ul li:after{content:""; display:block; clear:both;}
.board-list p{float:left; height:50px; overflow:hidden; text-align: center;}

.empty{width:100%; line-height:600px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px;}

.board-list .date{width:13.6365%; line-height:1em;}
.board-list .date span{font-weight:bold; display:block; font-size:30px; margin-top:14px;}
.board-list .date i{display:none;}

.board-list .content{width:59.0905%; text-align: left; overflow: hidden;}
.board-list .content span{display:block;}
.board-list .content .title{color:#111; font-size:18px; margin-bottom:3px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.board-list .content .teaser{font-size:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

.board-list .view{width:13.6365%; line-height: 50px;}
.board-list .more{width:13.6365%; line-height: 48px;}
.board-list .more span{display:block; width:105px; margin:0 auto; box-sizing: border-box; border:1px solid #eee; padding-right:10px; position:relative; border-radius:4px;}
.board-list .more span:after{content:""; display:block; width:4px; height:4px; border-right:1px solid #888; border-bottom:1px solid #888; position:absolute; right:20px; top:22px; transform:rotate(-45deg);}  

.board-list li:hover{background:#f7f7f7;}
.board-list li:hover .content .title{color:#fa7c25;}
.board-list li:hover .more span{background:#fa7c25; border:none; color:#fff;}
.board-list li:hover .more span:after{border-color:#fff;}

.board-pager{margin:40px 0 80px; position:relative; height:32px; text-align:center;}
.board-pager ul{display:inline-block; text-align:center;}
.board-pager ul li{float:left}
.board-pager ul li a{width:30px; height:30px; display:block; font-size:13px; border:1px solid #e2e2e2; border-right:none; font-weight:600; color:#777; text-align:center; line-height:30px;}
.board-pager ul .first a{background:url(../img/sub_common/paging-btn.jpg) no-repeat 10px 10px !important; text-indent: -9999px;}
.board-pager ul .prev a{background:url(../img/sub_common/paging-btn.jpg) no-repeat -20px 10px #e2e2e2  !important; text-indent: -9999px;}
.board-pager ul .next a{background:url(../img/sub_common/paging-btn.jpg) no-repeat -50px 10px #e2e2e2  !important; text-indent: -9999px;}
.board-pager ul .last a{background:url(../img/sub_common/paging-btn.jpg) no-repeat -80px 10px  !important; text-indent: -9999px; border-right:1px solid #e2e2e2;}
.board-pager ul .on a{background:#77c86b; color:#fff; text-decoration: underline;}
.board-pager ul li:hover a{background:#77c86b; color:#fff;}

.board-view-head{border-top:2px solid #ddd; border-bottom:1px solid #eee;  padding:45px 50px;}
.board-view-head div{line-height:20px;}
.board-view-head .title{float:left; font-size:20px; font-weight:500; word-break:break-all;}
.board-view-head .view{float:right; font-weight:300; margin-left:16px;}
.board-view-head .writer{float:right; font-weight:300; margin-left:16px;}
.board-view-head .date{float:right; font-weight:300; margin-left:16px;}
.board-view-content{padding:40px 50px; font-size:16px; border-bottom:1px solid #eee; word-break:break-all;}
.board-view-acc{padding:40px 50px;}
.board-view-acc .attach{float:left; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width:50%;}
.board-view-acc .attach a{position:relative; padding-left:40px;}
.board-view-acc .attach a i{display:inline-block; background:url(../img/sub_common/attach.png) no-repeat; width:19px; height:21px; text-indent:-9999px; position:absolute; left:13px; top:0;}
.board-view-acc .attach a:hover {color:#f37d37;}

.board-view-acc .attach .title{float:left; width:auto;}
.board-view-acc .attach .files{float:left; width:80%;}
.board-view-acc .attach .files .fileEach{display: block; width:100%;float:left;overflow:hidden;text-overflow: ellipsis;}
.board-view-acc .attach:after{content:""; display:block; clear:both;}

.board-view-acc .btn2:hover a{}

.board-list-gallery{padding:0 0px; letter-spacing: -0.08em;}
.board-list-gallery ul{width:100%;}
.board-list-gallery li{float:left; width:33.333%; box-sizing:border-box; padding:0 5px; margin-bottom:48px;}
.board-list-gallery li .thumb{height:245px; overflow:hidden; margin-bottom:30px; width:100%;}
.board-list-gallery li .thumb img{width:100%; height:auto;}
.board-list-gallery li .title{font-size:18px; font-weight:500; color:#111; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:18px; padding:0 10px; box-sizing:border-box;}
.board-list-gallery li .meta{padding:0 10px; box-sizing:border-box;}
.board-list-gallery li .meta:after{content:""; display:block; clear:both;}
.board-list-gallery li .date{float:left;}
.board-list-gallery li .view{float:right;}
.board-list-gallery li:hover .title{color:#fa7c25;}
.board-list-gallery .error .thumb{background:url(../img/photo/no_img.jpg) no-repeat center center,#eee ; height:245px;}
.board-list-gallery .error{/*text-align:center;*/}
.board-box .empty{width:100%; line-height:600px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px;}
.board-box .empty:hover{background:#f7f7f7;}
.board-view-content .gallery-slide{width:100%; padding:50px 50px; box-sizing:border-box;}
.board-view-content .gallery-slide .slide-view{position:relative;}
.board-view-content .gallery-slide .slide-view img{width:100%; height:auto;}
.board-view-content .gallery-slide .slide-nav img{width:100%; height:auto;}
.board-view-content .gallery-slide .slide-view{width:100%; margin-bottom:50px;}
.board-view-content .gallery-slide .slide-view div{width:100%; overflow:hidden;}
.board-view-content .gallery-slide .slide-view .slick-slide{} 
.board-view-content .gallery-slide .slide-nav .slick-slide{height:180px; overflow: hidden;} 
.board-view-content .gallery-slide .slide-nav .slick-arrow{width:30px; height:59px; position:absolute; top:60px; text-indent:-9999px;}
.board-view-content .gallery-slide .slide-nav .slick-prev{background:url(../img/sub_common/sl_left.png) no-repeat; left:-50px;}
.board-view-content .gallery-slide .slide-nav .slick-next{background:url(../img/sub_common/sl_right.png) no-repeat; right:-50px;}
.board-view-content .gallery-slide .slide-nav li{margin:0 10px;}
.board-view-content .gallery-slide .mobile_notice{display:none;}


@media screen and (max-width:1024px){
    .board-list .date{width:12%}
    .board-list .view{width:12%}
    .board-list .more{width:12%}
    .board-list .more span{padding:0; width:100%; margin:0;}
    .board-list .more span:after{display:none;}
    .board-list .content{width:64%}
    
    .board-view-head{padding:30px 50px;}
    .board-view-head .title{width:100%; margin-bottom:20px;}
    .board-view-acc .attach{width:100%; margin-bottom:20px;} 
    
    .board-list-gallery{padding:0;}
    .board-list-gallery li{width:50%; padding:0 10px;}
    
    .board-view-content .gallery-slide .slide-view{}
    .board-view-content .gallery-slide .slide-view .slick-slide{} 
    .board-view-content .gallery-slide .slide-nav .slick-slide{height:150px;} 
    .board-view-content .gallery-slide .slide-nav .slick-arrow{top:30%; transform: translateY(-50%);} 
    
}

@media screen and (max-width:768px){
    .board-head .search{width:100%;}
    .board-head .search .searchInput{width:78%; height:40px;}
    .board-head .search:after{top:11px; left:20px;}
    
    .board-head .search .btn{width:20%;}
    .board-head .search .btn a{}
    .board-head .num{border:none; padding-left:24px;}
    .board-head .num:after{left:0;}
    
    .btn a{width:100%; padding:10px 0; text-align: center;}
    .board-list li{position:relative;}

    .board-list .date{position:absolute; bottom:-8px; left:10px; font-size:14px;  width:auto;}
    .board-list .date span{display:inline-block; font-weight:normal; font-size:14px; margin-top:10px;}
	.board-list .date i{display:inline-block;}
	.board-list .content .teaser{display:none;}
    .board-list .view{position:absolute; bottom:0px; font-size:12px; right:10px; width:auto; padding:0 2px;}

    .board-list .more{display:none;}
    .board-list .content{width:88%; padding:0 10px; box-sizing: border-box;}
    .board-list .content .title{font-size:16px;}
    .board-list .content .teaser{font-size:14px;}
    


    .board-view-head{padding:20px 20px;}
    .board-view-content{padding:20px 20px;}
    .board-view-acc{padding:20px 20px; margin-bottom:50px;}
    
	.board-view-content .gallery-slide{padding:30px 10px;}
    .board-view-content .gallery-slide .slide-view{height:300px; margin:0;}
    .board-view-content .gallery-slide .slide-view .slick-slide{height:300px;} 
    .board-view-content .gallery-slide .slide-nav .slick-slide{display:none;}
    .board-view-content .gallery-slide .slide-nav .slick-arrow{top:-160px;}
    .board-view-content .gallery-slide .slide-nav .slick-prev{left:-50px;}
    .board-view-content .gallery-slide .slide-nav .slick-next{right:-50px;}
}
@media screen and (max-width:600px){
       
    
        
    .btn2{width:100%; text-align: center; margin-left:0; margin-bottom:5px;}
    .btn2 a{padding:10px 0;}

	.board-list-gallery .error .thumb{height:200px;}
	.board-view-content .gallery-slide{padding:30px 0;}
    .board-list-gallery li{width:100%; padding:10px 10px 20px; border:1px solid #eee;}
    .board-list-gallery li .thumb{max-height:400px; height:auto; margin-bottom:20px;}
    .board-view-content .gallery-slide .slide-nav .slick-arrow{display:none !important;}
    .board-view-content .gallery-slide .slide-view{height:240px; margin:0; width:100%;}
    .board-view-content .gallery-slide .slide-view .slick-slide{height:240px;}
	.board-view-content .gallery-slide .mobile_notice{display:block; text-align:center; color:#999; font-weight:500; padding:15px 0;}
}