@charset "utf-8";

@import url("/sites/style_guide/style/css/w_board.css");

/* Slider */
.top-slide-wrap{margin:40px 0;}
.top-slider-inner{text-align:center;}

.top-slider-table {display: table; width: 100%; height:100%; text-align: center;}
.top-slider-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.top-slide-wrap .top-slider-inner img{display:inline-block;max-height:560px;max-width:100%;}
.bottom-slide-wrap {position: relative; margin: 0 auto; padding: 30px 20px; max-width: 1110px;}
.bottom-slide-wrap .bottom-slider {margin: 0 6%;}
.bottom-slider-inner {padding: 0 10px; outline: none; text-align: center; max-width: 130px;}
.bottom-slider-table {position: relative; display: table; width: 130px; height: 130px; cursor: pointer; margin: 0 auto;}
.bottom-slider-table::after {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; transition: opacity 0.3s; opacity: 1;}
.bottom-slider-inner .bottom-slider-table::before {content: ""; position: absolute; width: 100%; height: 100%; border: 5px solid #008FD5; left: 0; top: 0; opacity: 0; transition: opacity 0.3s;}
.slick-current .bottom-slider-inner .bottom-slider-table::before {opacity: 1;}
.bottom-slider-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.bottom-slider-inner .bottom-slider-cell img {display: inline-block;max-width: 130px;max-height: 130px;width: 100%;height: 100%;}
.bottom-slider-inner .bottom-slider-table:hover::after, .bottom-slide-wrap .slick-current .bottom-slider-table::after {opacity: 0;}

.bottom-slide-wrap .slick-arrow {position: absolute; width: 20px; height: 33px; top: 50%; margin-top: -16.5px; z-index: 5; text-indent: -9999px;}

.bottom-slide-wrap .slick-prev {left: -30px; background: url("../images/btn_prev.png") no-repeat; transition: background 0.3s;}
.bottom-slide-wrap .slick-prev:hover {background: url("../images/btn_prev_on.png") no-repeat;}
.bottom-slide-wrap .slick-next {right: -30px; background: url("../images/btn_next.png") no-repeat; transition: background 0.3s;}
.bottom-slide-wrap .slick-next:hover {background: url("../images/btn_next_on.png") no-repeat;}

.wrap-contents.ie .top-slider-inner img {width: 100%;}
.wrap-contents.ie .bottom-slider-inner img {height: 100%; max-height: 130px; width: 100%;}

.albumWrap .boxtype3 li.no-data {
	width:100% !important;
}


@media all and (max-width: 1023px){
	.bottom-slide-wrap .bottom-slider {margin: 0;}
	.bottom-slide-wrap .slick-prev {left: -20px;}
	.bottom-slide-wrap .slick-next {right: -20px;}
	.top-slide-wrap .top-slider {max-width: 100%;}
}

@media all and (max-width: 767px){
	.bottom-slide-wrap {display: none;}
	.top-slide-wrap .slick-arrow {position: absolute; width: 20px; height: 33px; top: 50%; margin-top: -16.5px; z-index: 5; text-indent: -9999px;}
	.top-slide-wrap .slick-prev {left: -30px; background: url("../images/btn_prev.png") no-repeat; transition: background 0.3s;}
	.top-slide-wrap .slick-prev:hover {background: url("../images/btn_prev_on.png") no-repeat;}
	.top-slide-wrap .slick-next {right: -30px; background: url("../images/btn_next.png") no-repeat; transition: background 0.3s;}
	.top-slide-wrap .slick-next:hover {background: url("../images/btn_next_on.png") no-repeat;}
}