@import url('/resource/css/basic.css');
@import url('/resource/font/SBAggro/font.css');

/* intro.html에만 연결해주세요 */

#wrap { overflow: hidden; height: 100vh; background: url('/images/dgedu/template/TC37/main/intro_bg.png') no-repeat bottom right; }

#header { padding: 0 3.4rem; margin-top: 2.7rem; }

.logo a { display: block; } 

.bg_video { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; z-index: -1; overflow: hidden; }
.bg_video::before { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.36); content: ""; }

.txtBox { text-align: center; margin-top: 8rem; color: #fff; padding: 0 1rem; }
.txtBox .txt1 { font-size: 1.5rem; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.38); }
.txtBox .txt2 { font-size: 2.9rem; font-weight: 700; line-height: 4rem; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.38); margin-top: 1rem; }
.txtBox .btn_more_yeyak, .txtBox .btn_more_main { background: #071d54; color: #fff; display: inline-flex; align-items: center; padding: 1.1rem 2.2rem; border-radius: 2rem; font-size: 1.1rem; margin-top: 2.3rem; }
.txtBox .btn_more_main {margin-right: 1.2rem;}
.txtBox .btn_more_yeyak i, .txtBox .btn_more_main i { margin-left: 3rem; font-size: 1.3rem; }

.txt1Pt {font-weight: 700; word-spacing: -5px;}
.txt1Pt .txt1PtAi {font-weight: 700; letter-spacing: 3px; color: #ffdd23;}
.txt2Pt {letter-spacing: 3px; color: #ffdd23;}

@media (max-width:1540px) {
	#wrap { background-size: 35%; }
}

@media (max-width:1240px) {
	#header { padding: 0 1rem; margin-top: 1rem; }

	.logo a img { height: 1.5rem; }
}

@media (max-width:768px) {
	#wrap { height: 100%; background: none; }

	.txtBox { margin: 3rem 0; }
	.txtBox .txt1 { font-size: 1.2rem; }
	.txtBox .txt2 { font-size: 2rem; line-height: normal; }
	.txtBox .btn_more_main {margin-right: 0;}
}

@media (max-width:580px) {
	.txtBox .txt2 { font-size: 1.5rem; }
	.txtBox .btn_more_yeyak, .txtBox .btn_more_main { padding: 1.1rem 1.3rem; font-size: 0.9rem; }
	.txtBox .btn_more_yeyak i, .txtBox .btn_more_main i { margin-left: 1rem; font-size: 1rem; }
}