@charset "UTF-8";

.wrap_depart{padding:0 35px;position:relative;}

.wrap_depart a.item{}
.wrap_depart .con{position:relative;color:#FFF;width:334px;height:334px;margin: 0 auto;}
.wrap_depart .con::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/octagon.png) no-repeat center;transition:0.5s;}
.wrap_depart .wrap{width:100%;height:100%;padding:0 40px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.wrap_depart img{margin-bottom:20px;}
.wrap_depart .text_1{line-height:1.4;}
.wrap_depart .text_1 strong{font-family:'Dream Medium';font-size:24px;}
.wrap_depart .text_1 span{font-size:16px;margin-top:10px;display:none;}
.wrap_depart .text_1 i{font-size:14px;border:1px solid #80b5ec;padding:10px 20px;line-height:1;margin:30px auto 0 auto;display:none;align-items:flex-end;justify-content:center;width:180px;}
.wrap_depart .text_1 i::after{content:"";display:block;width:24px;height:5px;background:url(../images/arrow_w.png) no-repeat right -1px;margin-left:-2px;}
.wrap_depart .text_2{display:none;}

.wrap_depart .control .numbering,
.wrap_depart .control .paging,
.wrap_depart .control .playstop{display:none;}
.wrap_depart .control button{display:block;text-indent:-9999px;width:34px;height:74px;position:absolute;top:calc(50% - 37px);}
.wrap_depart .control .prev{background:url(../images/prev_w.png) no-repeat left center;left:0;}
.wrap_depart .control .next{background:url(../images/next_blue.png) no-repeat right center;right:0;}


/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_depart a.item:hover .con::before{background:url(../images/octagon_on.png) no-repeat center;transform:rotate(45deg);}
	.wrap_depart a.item:hover img{display:none;}
	.wrap_depart a.item:hover span{display:block;}
	.wrap_depart a.item:hover i{display:flex;}
	.wrap_depart .control .prev:hover{background:url(../images/prev_blue.png);}
	.wrap_depart .control .next:hover{background:url(../images/next_w.png);}
}
@media all and (max-width:1280px){
	.wrap_depart .con{width:100%;height:100%;}
	.wrap_depart .con::before{display:none;}
	.wrap_depart .wrap{padding:0 10px;}
	.wrap_depart img{}
	.wrap_depart .text_1 strong{font-size:20px;line-height:1;}
	.wrap_depart .text_1 span{display:block;}
	.wrap_depart .text_1 i{display:flex;}
}
@media all and (max-width:768px){
	.wrap_depart{}
	.wrap_depart img{max-width:65px;}
	.wrap_depart .text_1 strong{font-size:18px;}
	.wrap_depart .control button{width:20px;}
}