@charset "utf-8";

.wrap_popupzone{height:100%;padding:30px 0 0 20px;}
.wrap_popupzone::before{content:"";display:block;width:1000px;height:calc(100% - 25px);background:#f2efe4;position:absolute;left:0;top:0;border-radius:30px;}
.wrap_popupzone h2{color:#000;font-size:21px;font-family:'pb';margin-bottom:30px;position:relative;}
.wrap_popupzone h2 b{display:none;}

.wrap_popupzone .slick-slide{margin:0 10px;}

.wrap_popupzone .item_1{overflow:hidden;height:340px;text-align:center;}
.wrap_popupzone .item_1 img{height:100%;width:100%;border-radius:15px;display:inline;}
.wrap_popupzone .item_2{display:none;}

.wrap_popupzone .mask{display:none;}
.wrap_popupzone .pattern_mask{}
.wrap_popupzone .gradation_mask{}

.wrap_popupzone .control{position:absolute;right:0;top:30px;display:flex;align-items:center;}
.wrap_popupzone .control .numbering{display:flex;align-items:center;margin-right:10px;}
.wrap_popupzone .control .numbering span{color:#999;font-size:16px;font-family:'pb';}
.wrap_popupzone .control .numbering .itemNow span{color:#000;}
.wrap_popupzone .control .paging{}
.wrap_popupzone .control .pannel{display:flex;align-items:center;}
.wrap_popupzone .control .pannel button{font-size:0;width:30px;height:30px;margin-left:5px;border-radius:5px;}
.wrap_popupzone .control .pannel .prev{background:#FFF url(../images/prev_1_b.png) no-repeat center;}
.wrap_popupzone .control .pannel .next{background:#FFF url(../images/next_1_b.png) no-repeat center;}
.wrap_popupzone .control .pannel .play{background:#FFF url(../images/play_1_b.png) no-repeat center;}
.wrap_popupzone .control .pannel .stop{background:#FFF url(../images/stop_1_b.png) no-repeat center;}
.wrap_popupzone .control .pannel .prev{}
.wrap_popupzone .control .pannel .play,
.wrap_popupzone .control .pannel .stop{display:none;}
.wrap_popupzone .control .pannel .play.on,
.wrap_popupzone .control .pannel .stop.on{display:block;}

@media all and (max-width:1280px){
	.wrap_popupzone .item_1{height:300px;}
}
@media all and (max-width:768px){
	.wrap_popupzone .item_1{height:260px;}
}
@media all and (max-width:500px){
	.wrap_popupzone .item_1 img{width:unset;}
}