@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }

._fnctWrap {line-height:1.5;}

.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; z-index:1;}
.wrap-visual .slider li .slider-image {position:relative; text-align:center; height: 900px; width: 800px;}
.wrap-visual .slider li:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.wrap-visual .slider li:before {content:''; position:absolute; left:0px; top:0px; width:100%; height:99%;}
.wrap-visual .slider .main-slogan {position:absolute; top:327px; z-index:2; width:100%; color:#fff; line-height:1.5; left: 150px; text-align: left;}
.main-slogan p{font-family: 'S-CoreDream-2ExtraLight'; letter-spacing: -2.5px; text-transform: uppercase;}
.main-slogan h1,.main-slogan .bold{font-family: 'S-CoreDream-5Medium', sans-serif;}
.main-slogan h1{letter-spacing: -2.5px;}
.italy{font-family: 'S-CoreDream-2ExtraLight';}
.main-slogan p{font-size: 40px;}
.main-slogan h1{font-size: 60px;}
.italy{font-size: 26px; border-bottom: 1px solid white; margin-top: 20px; display: inline-block;}

.control{position: absolute; top: 600px; left: 150px; z-index: 3;}
.prevnext{position: absolute; z-index: 2; left: 0;}
.playstop{position: absolute; top: 0; left: 60px;}
.prevnext button,.playstop button{width: 50px; height: 50px; border-radius: 50%; border: 1px solid white;  text-indent: -9999px;}
.playstop button{display: none;}
.control button{position: absolute; top: 0; left: 0;}
.control .next{left: 120px;}
.playstop button.on{display: block;}

.prevnext .prev::after{content: ""; display: block; width: 11px; height: 13px; background-image: url(../images/prev.png); margin-left: 17.5px;}
.prevnext .next::after{content: ""; display: block; width: 11px; height: 13px; background-image: url(../images/next.png); margin-left: 17.5px;}
.playstop .play::after{content: ""; display: block; width: 12px; height: 13px; background-image: url(../images/play_btn.png); margin-left: 19px;}
.playstop .stop::after{content: ""; display: block; width: 12px; height: 13px; background-image: url(../images/stop.png); margin-left: 19px;}

@media all and (max-width:1620px){
  .wrap-visual .slider .main-slogan{left: 0; width: 57%;}
  .wrap-visual .control{left: 0;}
  .main-slogan p{font-size: 33px;}
  .main-slogan h1{font-size: 50px;}
  .italy{font-size: 23px;}
}

@media all and (max-width:1250px){
  .main-slogan p{font-size: 25px;}
  .main-slogan h1{font-size: 40px;}
  .italy{font-size: 20px;}

  .wrap-visual .slider li .slider-image{width: 100%; background-size: cover;}
  .wrap-visual .slider .main-slogan{top: 250px; left: 50px;}
  .wrap-visual .control{top: 450px; left: 50px;}
}

@media all and (max-width:767px){
  .wrap-visual .slider .main-slogan{text-align: center; left: 0; width: 100%; top: 140px;}
  .wrap-visual .control{width: 170px; left: 50%; margin-left: -85px; top: 320px;}
     .wrap-visual .slider li .slider-image{height: 450px; background-position: top center;} 
}