/* ==================================================
	point
================================================== */

@media screen and (min-width:768px) and (max-width:1023px) {
    .text_video {
        display: flex;
    }
    .text_video > div:first-child {
        margin-right: 20px;
    }
    .text_video > div {
        width: calc((100% - (20px * 1)) / 2);
    }
    
}
@media screen and (min-width: 1024px) {
    .text_area {
        background: rgba(255,255,255,.9); 
        padding: 20px;
        
    }
    .point1 .text_area {
        top: 30px; 
        left: 0;
        width: 41%;
        border-radius: 0 8px 8px 0;
    }
    .design1 .text_area {
        border-radius: 8px;  
        top: 30px;
        right: 30px;
    }
    .point2 {
        height: 440px;
    }
    .video_area {
        width: 300px;
    }
}

/* ==================================================
	gallery
================================================== */

/* images -------------------- */

.gallery_thumb {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: .5rem -.5rem;
}
.gallery_thumb > li {
	width: calc((100% - 3rem) / 3);
	margin: .5rem;
}

@media screen and (min-width: 480px) {
	.gallery_main {
		text-align: center;
	}
	.gallery_main img {
		width: auto;
	}
	.gallery_thumb > li {
		width: calc((100% - 4rem) / 4);
	}
}

@media screen and (min-width: 1024px) {
	.gallery_content {
		display: flex;
		justify-content: space-between;
	}
	.gallery_main {
		width: 440px;
	}
	.gallery_thumb {
		justify-content: flex-start;
		width: 930px;
		margin: -10px 0 0 -10px;
	}
	.gallery_thumb > li {
		width: 300px;
		margin: 10px 0 0 10px;
	}
}


/* 20230529 -------------------- */

#main_content_vr2022pro img {
    height: auto;
}



/* ==================================================
	20230622
================================================== */

/* tab -------------------- */

.gallery_area .tab_trigger {
	display: flex;
	justify-content: center;
	text-align: center;
}
.gallery_area .tab_trigger li {
    width: 48%;
    color: #767676;
    padding: 10px 0;
    border-bottom: 4px solid #f2f2f2;
    border-radius: 0;
    position: relative;
}


.gallery_area .tab_trigger .tab_current{
	color: #0096d6;
	border-bottom: 4px solid #0096d6;
	border-radius: 0;
}
.gallery_area .tab_trigger > li:hover {
	color: #0096d6;
	border-bottom: 4px solid rgba(0,150,214,0.7);
	border-radius: 0;
}

.gallery_area .tab_trigger .tab_current::before,
.gallery_area .tab_trigger .tab_current::after,
.gallery_area .tab_trigger > li:hover::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 10px solid transparent;
	z-index: 1;
}
.gallery_area .tab_trigger .tab_current::before{
	border-top: 10px solid #0096d6;
}
.gallery_area .tab_trigger > li:hover::after {
	border-top: 8px solid rgba(0,150,214,.5);
}

@media screen and (min-width: 1024px) {
	.gallery_area .tab_trigger li {
		width: 300px;
		font-size: 16px;
	}
}