/* .g-nav */
.g-original {
	position:relative;
	background-color:#000;
	
	overflow:hidden;
}
.g-original .g-arrow{
	position:absolute;
	top:50%;
	margin-top:-16px;
}
.g-original .prev{
	display:inline-block;
	width: 32px; height: 32px;
    background: url('/assets/bw/images/w-g-arrow.png') -10px -10px;
	width:32px;
	height:32px;
	left:10px;
}
.g-original .next{
	display:inline-block;
	width: 32px; height: 32px;
    background: url('/assets/bw/images/w-g-arrow.png') -62px -10px;
	width:32px;
	height:32px;
	right:10px;
}
.g-original .image{
	position:relative;
	height:630px;
	padding:0 30px;
}
.g-original img{
	max-height:630px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.g-nav-wrap{
	overflow:hidden;
}
.g-nav{
	overflow:hidden;
	height:98px;
	margin:20px 0 0 -20px;
	transition : transform 500ms ease;
	    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.g-nav:after{
	clear:both;
	display:table;
	content:"";
}
.g-nav-container{
	overflow:hidden;
	
}
.g-nav li{
	display: inline-block;

	float:left;
    position: relative;
    margin-left: 20px;
    width: 152.3px;
    height: 98px;
    background: #f7f7f8;
}
.g-nav li a {
	display:block;
	overflow:hidden;
	width: 152.3px;
    height: 98px;
}
.g-nav li .line-focus{
	border:2px solid #33cc33;
}
.g-nav li a img{
	width: 152.3px;
	
}
/* .g-nav */
.board {
    margin-bottom: 30px;
}

.board .board-row:after {
    clear: both;
    display: table;
    content: "";
}

.board .board-head,
.board .board-body {
    display: inline-block;
    float: left;
    font-size: 14px;
}

.board .board-head {
    background-color: #cbcbcb;
    padding-top: 15px;
    padding-bottom: 15px;
}

.board .board-body {
    background-color: #efefef;
    border-top: 1px solid #d4d4d4;
    padding-top: 20px;
    padding-bottom: 20px;
}

.board .board-no {
    width: 10%;
    text-align: center;
}

.board .board-title {
    width: 50%;
}

.board .board-title a {
    display:block;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.board .board-date {
    width: 20%;
    text-align: center;
}

.board .board-view {
    width: 20%;
    text-align: center;
}
.gallery{
	margin-left:-10px;
	margin-right:-10px;
}
.gallery:after{
    clear:both;
    display:table;
    content:"";
}
.gallery .gallery-item{
    display:inline-block;
    float:left;
    width:25%;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px;
}
.gallery .gallery-link{
    display:block;
    position:relative;
    padding-top:65%;
    overflow:hidden;
	background-color:#dddddd;
}
.gallery .gallery-link img{
    position:absolute;
    top:0;
    left:0;    
}
.gallery .gallery-link .gallery-no{
    font-size:14px;
    color:#fff;
    position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:right;
	background:url("/assets/bw/images/black-up.png") left bottom repeat-x;
	padding:10px 15px;
}
.gallery-slide .item img{
	max-height:630px;
}

.gallery-slide .slick-prev{
    width:17px;
    height:33px;
    background-image:url("/assets/bw/images/slide-nav-prev.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    left:-50px;
}
.gallery-slide .slick-next{
    width:17px;
    height:33px;
    background-image:url("/assets/bw/images/slide-nav-next.png");
    background-color:transparent;
    border:0;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    margin-top:-16px;
    right:-50px;
}
.gallery-slide-nav{
    margin-left:-10px;
    margin-right:-10px;
    margin-top:40px;
	max-height:98px;
	
}
.gallery-slide-nav .image{
	position:relative;
	padding-top:80px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.gallery-slide-nav .image img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	
}
.gallery-slide-nav .item{
    padding-left:10px;
    padding-right:10px;
}
@media all and (max-width: 1200px) {
	.g-nav{
		margin-left:0;
		margin-right:0;
	}
	.g-nav-container{
		width:100%;
	}
	.g-nav ul{
		margin-left:-6px;
		margin-right:-6px;
	}
	.g-nav li{
		margin-left:0;
		padding-left:6px;
		padding-right:6px;
		background-color:#fff;
	}
	.g-nav li a{
		width:100%;
		height:70px;
	}
	.g-nav li a img{
		width:100%;
		height:auto;
	}
}
@media all and (max-width: 992px) {
	.gallery{
		margin-left:0;
		margin-right:0;
	}
	.gallery-slide {
		padding-left:30px;
		padding-right:30px;
	}
	.gallery-slide .slick-prev{
		width:24px;
		height:24px;
		background-image:url("/assets/bw/images/mobile-prev.png");
		margin-top:-12px;
		left:0;
	}
	.gallery-slide .slick-next{
		width:24px;
		height:24px;
		background-image:url("/assets/bw/images/mobile-next.png");
		margin-top:-12px;
		right:0;
	}
    .gallery-slide-nav{
        margin-left:-10px;
        margin-right:0;
        margin-top:20px;
    }
    .gallery-slide-nav .item{
        padding-left:10px;
        padding-right:0;
    }
    .board{
        margin-bottom:0;
    }
    .gallery .gallery-item{
        width:50%;
    }
    .gallery .gallery-item:nth-of-type(odd){
        padding-left:0;
        padding-right:5px;
    }
    .gallery .gallery-item:nth-of-type(even){
        padding-right:0;
        padding-left:5px;
    }
	.board .board-head, .board .board-body{
		font-size:12px;
	}
	.board .board-title a{
		font-size:14px;
		font-weight:500;
	}
	
	.board .board-no{
		display:block;
		width:100%;
		float:none;
	}
	.board .board-title{
		display:block;
		width:100%;
		float:none;

	}
	.board .board-date{
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:left;
		white-space:nowrap;
		line-height:1;
		margin-top:2px;
	}
	.board .board-view{
		    display: inline-block;
    vertical-align: top;
    float: left;
    white-space: nowrap;
    border-left: 1px solid #ddd;
    margin-left: 10px;
    line-height: 1;
	margin-top:2px;
	}
	.board .board-row{
		background-color:#efefef;
		padding:7px 0;
	}
	.board-head-row{
		display:none;	
	}

}
@media all and (max-width: 767px) {
    
    .board .board-row{
        border-bottom:1px solid #e1e1e1;
    }
    
    .board .board-head{
        display:none;
    }
    .board .board-body{
        
        
        
        text-align:left;
        border-top:0;
        padding:1px 10px;
    }
    
	.board .board-no:before{
		content:"No. ";
		font-weight:400;
		color:#555;
	}
	.board .board-date:before{
		content:"DATE : ";
		font-weight:400;
		color:#555;
	}
	.board .board-view:before{
		content:"VIEW : ";
		font-weight:400;
		color:#555;
	}

	/* gallery : 20180221 */
	.g-original .image{
		max-height:320px;
	}
	.g-original img{
		max-height:320px;
	}
}