@charset "utf-8";

@font-face{
	font-family:"NotoSansCJK";
	font-weight:100;
	font-display:block;
	src:local("※"),url("./font/NotoSansCJK_Light.woff2?v=1912302") format("woff2"),local("※"),url("./font/NotoSansCJK_Light.woff?v=1912302") format("woff")
}
@font-face{
	font-family:"NotoSansCJK";
	font-weight:600;
	font-display:block;
	src:local("※"),url("./font/NotoSansCJK_Medium.woff2?v=1912302") format("woff2"),local("※"),url("./font/NotoSansCJK_Medium.woff?v=1912302") format("woff")
}



.main_slider{
	display:block;
	clear:both;
	width:100%;
	height:950px;
	background-color:#1f202a;
	position:relative;
	font-family:"NotoSansCJK";
}
.main_slider .slick-list{
	max-width:auto;
	margin:0 auto
}
.main_slider .wrap{
	max-width:auto;
	margin:0 auto
}
.main_slider .slide{
	width:100%;
	height:950px;
	display:block
}
@media (max-width: 767px){
	.main_slider{
	height:650px;
	}
	.main_slider .slide{
	height:650px;
	}
}

.main_slider .txt_box{
	margin:270px 0px 0px 0px;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:30px;
	line-height:40px;
	
}
.main_slider .txt_box span,.main_slider .txt_box strong{
	display:block;
	text-align:center;
	margin:0 20px 0 20px;
}
.main_slider .txt_box .txt_big{
	font-weight:bold;
	font-size:60px;
	line-height:90px;
	margin-bottom:14px;
	text-align:center;
}

.main_slider .ico_more{
	background:url("./img/ico_more.png") no-repeat 0 0;
	background-size:100%;
	content:"";
	margin:140px 0px 0px 0px;
	width:149px;
	height:50px;
	opacity: 0.8;
	display:inline-block;
	position:relative;
	text-align:center;
	text-indent:-2000em;
}
.main_slider .ico_more:hover{
	background:url("./img/ico_more_hover.png") no-repeat 0 0;
	opacity: 1;
	-webkit-transition: .3s;
    transition: .3s;
	 -webkit-transition: 0.3s all ease-in-out;
	}
@media (max-width: 767px){
	.main_slider .txt_box .txt_big{
	margin-top:-60px;
	font-size:28px;
	line-height: 40px;
	}
	.main_slider .txt_box{
	font-size:18px;
	line-height:180%;
	}
}

@media (max-width: 992px){
	.main_slider .ico_more{
		width:149px;
		height:50px;
	}
}
@media (max-width: 767px){
	.main_slider .ico_more{
		margin-top:100px;
		width:100px;
		height:34px;
		/*display:none*/
	}
}

.main_slider .ico_player{
	background:url("./img/ico_player.png") no-repeat 0 0;
	background-size:100%;
	content:"";
	margin:140px 0px 0px 0px;
	width:80px;
	height:80px;
	display:inline-block;
	position:relative;
	text-align:center;
	text-indent:-2000em;
}

.main_slider .slick-dots{
	position:absolute;
	top:470px;
	left:50%;
	width:100%;
	max-width:1920px;
	text-align:center;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
@media (max-width: 767px){
	.main_slider .slick-dots{
	top:335px;
	}
}
.main_slider .slick-dots li{
	display:inline-block;
	margin-right:26px
}
.main_slider .slick-dots li:first-child{
	margin-left:0px
}
.main_slider .slick-dots li:last-child{
	margin-right:0px
}
.main_slider .slick-dots li button{
	width:8px;
	height:8px;
	border-radius:25px;
	background:#fff;
	opacity:0.5;
	text-indent:-2000em;
	font-size:1px;
	overflow:hidden;
	vertical-align:middle
}
.main_slider .slick-dots li.slick-active button{
	width:14px;
	height:14px;
	background:none;
	border:3px solid #ffffff;
	opacity:1
}

.main_slider button{
	border:none;
	background:none;
	cursor:pointer;
	outline:none;
	padding:0px;
	font-weight:100;
	letter-spacing:-0.05rem
}

.main_slider .btn_arrow{
	position:absolute;
	z-index:1;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100px;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	font-size:16px;
	line-height:38px;
	opacity:0.3;
	text-transform:uppercase
}
.main_slider .btn_arrow.btn_prev{
	left:0px;
	text-align:right;
	padding-right:10px
}
.main_slider .btn_arrow.btn_next{
	right:0px;
	text-align:left;
	padding-left:10px
}
.main_slider .btn_arrow.slick-disabled{
	opacity:0.3
}
.main_slider .btn_arrow:hover{
	opacity:1
}