@charset "utf-8";

/* Direction */
h2 {
    font-size: var(--font-size-18);
    font-weight: 700;
}	
.sub-h-txt {
    background-color: #f6fafd;
    margin-top: var(--margin-80);
    font-size: var(--font-size-18);
    line-height: var(--line-height-30);
    font-weight: 500;
    padding: 20px 20px;
}
.sub-h-txt span dd {
    font-weight: 600;
    color: var(--sub-color-0);
}
.container {
    max-width: var(--max-width-sub);
    margin: 0 auto;
}
.video-container {
    width: 100%;
    /*height: var(--height-600);*/
}
video {
    width: 100%;
	height: 100%;
}
iframe {
    width: 100%;
	height: 100%;
}
.video-content {
    display: flex;
    margin-top: var(--margin-60);
    gap: 40px;
}

/* Large Devices, Wide Screens : ~ 1200px */
@media only screen and (max-width : 1200px) {
	.info-section { grid-template-columns: 1fr; }
}


/* Medium Devices, Desktops : ~ 992px */
@media only screen and (max-width : 992px) {

}


/* Small Devices, Tablets : ~ 768px */
@media only screen and (max-width : 768px) {
	.video-content {
		gap: 20px;
		flex-direction: column;
	}
	.video-container.youtube {
	  position: relative;
	  width: 100%;
	  height: 0;
	  padding-top: 56.25%; /* 16:9 ºñÀ² (9 / 16 * 100) */
	  overflow: hidden;
	}
	.video-container.youtube iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
}


/* Extra Small Devices, Phones : ~ 480px */
@media only screen and (max-width : 480px) {

}


/* Custom, iPhone Retina : ~ 320px */
@media only screen and (max-width : 320px) {

}