/*---main page video css---*/
/*---20220831 KSH---*/
#k_header{background: none;}
#k_header .hd_logo a{color: #FFF;}
#hd_menu_open span{background: #FFF;}

#video_wrap{width: 100%;height: 100vh;background-color: #000;position: relative;}
#main_video{position: absolute;top: 50%;left: 50%;width: 100vw;height: 56.25vw;pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.port_link{position: absolute;bottom: 5%;right: 5%;width: 200px;height: 200px;z-index: 900;}

@media screen and (max-width: 1920px){
    
	.port_link{bottom: 0;right: 5%;width: 180px;height: 200px;}
}

@media screen and (max-width: 1680px){
    
	#main_video{width: auto;height: 100%;}

	.port_link{bottom: 0;right: 11.5%;width: 160px;height: 200px;}
}

@media screen and (max-width: 1565px){
    
	.port_link{bottom: 0;right: 10%;width: 140px;height: 200px;}
}

@media screen and (max-width: 1480px){

	.port_link{bottom: 0;right: 7%;width: 140px;height: 200px;}
}

@media screen and (max-width: 1360px){
    
	.port_link{bottom: 0;right: 3%;width: 140px;height: 200px;}
}

@media screen and (max-width: 1280px){
    
	.port_link{bottom: 0;right: 0;width: 140px;height: 200px;}
}

@media screen and (max-width: 1080px){
    
	.port_link{display: none;}
}

/*---2023.04.13 - 유지보수---*/
.main_link{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 350px;height: 50vh;z-index: 900;}

@media screen and (max-width: 1680px){
    
	.main_link{width: 250px;height: 45vh;}
}

@media screen and (max-width: 1480px){
    
	.main_link{width: 180px;}
}

@media screen and (max-width: 1080px){
    
	.main_link{width: 250px;}
}

@media screen and (max-width: 720px){
    
	.main_link{width: 140px;height: 35vh;}
}