.slider {
	padding:20px;
}
#slider {
	overflow:hidden;
	aspect-ratio:133/24;
	border-radius:20px;
	background:#F0EFEB;
	position:relative;
}
#slider_left_btn {
	height:100%;
	position:absolute;
	top:0; left:30px;
	z-index:99;
}
#slider_left_btn button {
	width:40px; height:40px;
	background-color:#FDE910;
	border-radius:180px;
	background-image:url(/img/slider/slider_left.svg);
	background-size:30px auto;
	background-position:4px center;
	background-repeat:no-repeat;
}
#slider_left_btn button:hover {cursor:pointer; background-color:#F8F32B;}
#slider_right_btn {
	height:100%;
	position:absolute;
	top:0; right:30px;
	z-index:99;
}
#slider_right_btn button {
	width:40px; height:40px;
	background-color:#FDE910;
	border-radius:180px;
	background-image:url(/img/slider/slider_right.svg);
	background-size:30px auto;
	background-position:7px center;
	background-repeat:no-repeat;
}
#slider_right_btn button:hover {cursor:pointer; background-color:#F8F32B;}
.slide_circles {
	gap:10px;
	position:absolute;
	right:30px; bottom:30px;
	z-index:999;
}
.slide_circle, .slide_circle_act {
	width:15px; height:15px;
	border:2px solid #888;
	background:#F0EFEB;
	border-radius:180px;
}
.slide_circle_act, .slide_circle:hover {
	cursor:pointer; background:#FDE910;
}


#slide {
	
}
.slides {
	width:100%;
	height:100%;
	position:relative;
}
.slide_container {width:100%;height:100%;}
.slide {
	gap:20px;
	width:100%;height:100%;
}
.slide h1 {font-size:64px; color:#111; font-weight:600;}
.slide_title_small {font-size:34px!important; font-weight:600;}
.slide img {height:200px;}
.slide span {font-size:20px; color:#888; font-weight:400; margin-top:30px;}
.slide a {
	white-space:nowrap;
	font-size:20px; color:#fff;
	padding:15px 30px;
	border-radius:20px;
	background:#2D2D2D;
	text-decoration:none;
}
.slide a:hover {background:#111;}

.hide_slide {display:none;}

.btn_1050 {display:none;}
@media only screen and (max-width:1300px) {
	.slide img {height:calc(100% - 40px);}
	#slider {aspect-ratio:120/24;}
	.slide h1 {font-size:60px;}
	.slide_title_small {font-size:28px!important;}
	.slide span {font-size:18px; margin-top:20px;}
}
@media only screen and (max-width:1050px) {
	#slider {aspect-ratio:90/24;}
	.slide h1 {font-size:56px;}
	.hidebtn_1050 {display:none;}
	.btn_1050 {display:block;}
	.slide a {
		font-size:18px;
		padding:15px 20px;
		margin-top:20px;
		text-align:center;
	}
}
@media only screen and (max-width:900px) {
	#slider {aspect-ratio:70/24;}
	#slider_left_btn {left:20px;}
	#slider_right_btn {right:20px;}
}
@media only screen and (max-width:720px) {
	.slider {margin-bottom:-20px;}
	#slider {aspect-ratio:60/24;}
	#slider_left_btn, #slider_right_btn {display:none;}
	.slide > .flex_col {z-index:99; width:50%;}
	.slide img {position:absolute; top:20px; right:0;z-index:9;}
	.slide {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; padding-left:20px;}
	.slide h1 {font-size:46px;}
	.slide span {font-size:16px; margin-top:20px;}
}
@media only screen and (max-width:680px) {
	#slider {aspect-ratio:50/24;} .slide img {width:40%; height:auto;}
}
@media only screen and (max-width:580px) {
	#slider {aspect-ratio:40/24;}
	.slide img {width:auto; height:calc(100% - 40px); top:20px; opacity:.5;}.slide > .flex_col {z-index:99; width:100%;}.slide span {color:#111; margin-top:15px;}
	.slider {padding:10px;}
	.slide h1 {font-size:36px;}
	.slide_title_small {font-size:24px!important;}
	.slide a {
		font-size:14px;
		padding:10px 20px 8px 20px;
		margin-top:15px;
	}
	.slide {padding-left:0;}
}
@media only screen and (max-width:440px) {
	#slider {aspect-ratio:16/9;}
	.slide img {opacity:.2;}
	.slide h1 {font-size:32px;}
	.slide_title_small {font-size:22px!important;}
	.slide span {font-size:14px; margin-top:10px;}.slide a {margin-top:10px;}
	
}