@media screen and (max-width: 1920px) {
    #main .highlight{
		width:100%;
		box-sizing:border-box;
		padding:120px 0%;
	    box-sizing:border-box;
	    text-align:center;
	    margin:0 auto;
	}
	
	
	#main .story{
		width:100%;
		margin:0 auto;
		padding:0px 6% 120px 6%;
		box-sizing:border-box;
		text-align:center;
	}
}

@media screen and (max-width: 1180px) {
   #main{
    	width:100%;
    	background:#111;
    }
    
    .visual{
    	width:100%;
    	position:relative;
    }
    
    .visual .bg{
    	
    }
    
    .visual .bg video{
    	
    }
    
    .visual .txA{
    	width:100%;
    	text-align:Center;
    	position:absolute;
    	z-index:1;
    	top:100px;
    	font-size:60px;
    	color:#fff;
    	font-family:'poppins';
    	line-height:60px;
    }
    
    .visual .txA b{
    	display:block;
    }
    
    
    .visual .scrollA{
    	width:100%;
    	position:absolute;
    	z-index:1;
    	bottom:20px;
    	text-align:Center;
    }
    
    
    
    .visual .scrollA .scroll img{
    	width:100%;
    }
    
    .visual .scrollA .micestoryBtn{
    	padding:12px 24px;
    	background:rgba(255,255,255,0.5);
    	color:#222;
    	display:inline-block;
    	border-radius:50px;
    	margin-top:20px;
    	font-size:13px;
    	transition:all 1s;
    	cursor:pointer;
    }
    
    .visual .scrollA .micestoryBtn:hover{
    	background:rgba(255,57,57,1);
    	color:#fff;
    }
    
    
    .mainTit{
    	position:relative;
    	font-size:40px;
    	color:#fff;
    	font-family:'poppins';
    	display:inline-block
    }
    
    .mainTit:before{
    	width:6px;
    	height:6px;
    	position:absolute;
    	content:'';
    	background:#FF3939;
	border-radius:6px;
	left:-20px;
	top:50%;
	transform:translateY(-50%);
}
    
    
    
    .mainTit:after{
    	width:6px;
    	height:6px;
    	position:absolute;
    	content:'';
    	background:#FF3939;
	border-radius:6px;
	right:-20px;
	top:50%;
	transform:translateY(-50%);
}
    
    #main .highlight{
    	width:100%;
    	padding:6em 0%;
        box-sizing:border-box;
    }
    
    #main .highlight .highlightVisual{
    	width:100%;
    	margin-top:40px;
    }
    
    #main .highlight .highlightVisual li{
    	width:100%;
    	margin:0px 5px;
    	border-radius:20px;
    	overflow:hidden;
    	transform:scale(0.85)
    }
    
    #main .highlight .highlightVisual li img{
    	width:100%;
    }
    
    #main .highlight .highlightVisual li.slick-center{
    	transform:scale(1);
    	box-sizing:border-box;
    }
    
    
    #main .highlight .highlightVisual li.slick-center img{
    	border:2px solid #FF3939;
    	border-radius:21px;
    	box-sizing:border-box;
    }
    
    
    
    
    
    #main .story{
    	width:100%;
    	padding:0px 6% 6em 6%;
    	box-sizing:border-box;
    }
    
    #main .story .storyList{
    	width:100%;
    	margin-top:40px;
    	display:flex;
    	flex-flow:wrap;
    	gap:10px;
    }
    
    #main .story .storyList li{
    	width:calc(100% / 4 - 7.5px);
    	border-radius:20px;
    	overflow:hidden;
    }
    
    #main .story .storyList li img{
    	width:100%;
    }
    
    
    #main .story .more{
    	width:56px;
    	margin:60px auto 0;
    }
    
    #main .story .more img{
    	width:100%;
    }

}

@media screen and (max-width: 767px) {
     #main{
    	width:100%;
    	background:#111;
    }
    
    .visual{
    	width:100%;
    	position:relative;
    }
    
    .visual .bg{
    	
    }
    
    .visual .bg video{
    	
    }
    
    .visual .txA{
    	width:100%;
    	text-align:Center;
    	position:absolute;
    	z-index:1;
    	top:30%;
    	transform:translateY(-50%);
    	font-size:36px;
    	color:#fff;
    	font-family:'poppins';
    	line-height:36px;
    }
    
    .visual .txA b{
    	display:block;
    }
    
    
    .visual .scrollA{
    	width:100%;
    	position:absolute;
    	z-index:1;
    	bottom:15px;
    	text-align:Center;
    }
    
    
    .visual .scrollA .scroll{
    	width:24px;
    }
    
    .visual .scrollA .scroll img{
    	width:100%;
    }
    
    .visual .scrollA .micestoryBtn{
    	padding:8px 16px;
    	background:rgba(255,255,255,0.5);
    	color:#222;
    	display:inline-block;
    	border-radius:50px;
    	margin-top:8px;
    	font-size:12px;
    	transition:all 1s;
    	cursor:pointer;
    }
    
    .visual .scrollA .micestoryBtn:hover{
    	background:rgba(255,57,57,1);
    	color:#fff;
    }
    
    
   .mainTit{
    	position:relative;
    	font-size:28px;
    	color:#fff;
    	font-family:'poppins';
    	display:inline-block
    }
    
    .mainTit:before{
    	width:6px;
    	height:6px;
    	position:absolute;
    	content:'';
    	background:#FF3939;
	border-radius:6px;
	left:-20px;
	top:50%;
	transform:translateY(-50%);
}
    
    
    
    .mainTit:after{
    	width:6px;
    	height:6px;
    	position:absolute;
    	content:'';
    	background:#FF3939;
	border-radius:6px;
	right:-20px;
	top:50%;
	transform:translateY(-50%);
}
    
    #main .highlight{
    	width:100%;
    	padding:6em 0%;
        box-sizing:border-box;
    }
    
    #main .highlight .highlightVisual{
    	width:100%;
    	margin-top:20px;
    }
    
    #main .highlight .highlightVisual li{
    	width:100%;
    	margin:0px 5px;
    	border-radius:20px;
    	overflow:hidden;
    	transform:scale(0.85)
    }
    
    #main .highlight .highlightVisual li img{
    	width:100%;
    }
    
    #main .highlight .highlightVisual li.slick-center{
    	transform:scale(1);
    	box-sizing:border-box;
    }
    
    
    #main .highlight .highlightVisual li.slick-center img{
    	border:2px solid #FF3939;
    	border-radius:21px;
    	box-sizing:border-box;
    }
    
    
    
    
    
    #main .story{
    	width:100%;
    	padding:0px 3% 6em 3%;
    	box-sizing:border-box;
    }
    
    #main .story .storyList{
    	width:100%;
    	margin-top:20px;
    	display:flex;
    	flex-flow:wrap;
    	gap:10px;
    }
    
    #main .story .storyList li{
    	width:calc(100% / 2 - 5px);
    	border-radius:20px;
    	overflow:hidden;
    }
    
    #main .story .storyList li img{
    	width:100%;
    }
    
    
    #main .story .more{
    	width:56px;
    	margin:60px auto 0;
    }
    
    #main .story .more img{
    	width:100%;
    }
    
}