@font-face{font-family:'Jalnan Regular';font-style:normal;src:url(/sites/temp01/font/Jalnan-_2_.woff) format("woff")}

.line-banner{position: relative;margin: 100px 0 0;overflow: hidden;}
.line-banner .slick-list{overflow: visible; }
.line-banner .slick-slide{}
.line-banner .slick-slide img{height: 100%; object-fit: cover;}

.line-banner .item{width: 100%;/* padding: 70px 0 70px; */display: flex;align-items: center;background-position: center center;background-repeat:no-repeat;height: 280px;}
.line-banner .item_inner{max-width: 680px;font-family: 'Jalnan Regular';margin: 0 auto;width: 100%;text-align: center;}
.line-banner .item_inner .go{background-color: #002349;padding: 10px 30px;border-radius: 30px;font-size: 16px;transition: ease all .5s;}
.line-banner .item_inner .go:has(.go-text){display: inline-block;margin-top: 20px;}
.line-banner .item_inner .go .go-text{font-family: 'Noto Regular';color: #fff;position: relative;display: flex;padding-right: 28px;align-items: center;line-height: .9;}
.line-banner .item_inner .go .go-text:after{content:'';width: 9px;height: 16px;display: block;background: url(./../images/arr-on.png) no-repeat;position: absolute;right: 0;}

.line-banner .item_inner .go:hover{background-color: #fff;}
.line-banner .item_inner .go:hover span{color:#002349}
.line-banner .item_inner .go:hover .go-text:after{background: url(./../images/arr.png) no-repeat;}


.line-banner .item_inner ._in{color: #ffffff;line-height: 1.2;}
.line-banner .item_inner ._in ~ .go-text{display:none}
.line-banner .item_inner .text_1{font-family: 'Jalnan Regular';line-height: 1.2;font-size: 50px;color:#fff;}
.line-banner .item_inner .text_2{font-size: 50px;color:#f6e049;margin-top: 5px;font-family: 'Jalnan Regular';}
.line-banner .item_inner .text_3{font-size: 20px;color:#fff;font-family: 'Jalnan Regular';}

.line-banner .control {position: absolute;bottom: 20px;left: 50%;display: flex;align-items: center;border-radius: 25px;transform: translate(-50%, 0);}
.line-banner .playStop{display:none;}
.line-banner .paging .slick-dots{display: flex; align-items: center; gap: 5px;}
.line-banner .paging .slick-dots li{height: 10px;}
.line-banner .paging .slick-dots li.slick-active{}
.line-banner .paging .slick-dots li button{display: block; border: 2px solid #fff; border-radius: 50px; width: 10px; height:10px; text-indent: -9999px; transition: all .3s; cursor: pointer;}
.line-banner .paging .slick-dots li.slick-active button{background:#1fb25a;border: 2px solid #1fb25a; width:20px;}
.line-banner .prevNext{display:none;}
.line-banner .prevNext button{text-indent: -9999px;width: 20px;height: 20px;border: 1px solid #fff;}

@media all and (max-width:1200px) {
	.line-banner .item_inner .text_1{font-size: 45px;margin-bottom: 2px;}
	.line-banner .item_inner .text_2{font-size:45px;}
	.line-banner .item_inner .text_3{margin-top: 10px;}
	.line-banner .item_inner .go{}
}

@media all and (max-width:767px) {
	.line-banner .item_inner{text-align:center;padding: 20px;flex-direction: column;justify-content: center;gap: 1rem;}
	.line-banner .item_inner ._in{}

}

@media all and (max-width:600px) {
.line-banner .item_inner ._in{gap:4px}
.line-banner .item{height:260px}	
.line-banner .item_inner .text_1{font-size: 40px;} 
.line-banner .item_inner .text_2{font-size: 40px;}
.line-banner .item_inner .text_2{margin-top:10px;}
}