body {width:calc(100% - 0px); margin:0 auto; }
/*.tit {width:1200px; margin:0 auto; padding-bottom:35px; overflow:hidden;}
.tit h3{font-size:16px; padding-left:130px; position:relative; }
.tit h3:before{content:""; height:1px; width:100px; background-color:#000; position:absolute;left:0; top:14px; }*/
.mtit {margin-bottom:50px;}
.mtit h2{ font-size: 20px; font-weight:700; line-height:1; color:#fff; text-align:center; font-family: "Roboto", sans-serif;}
.mtit h3{ font-size: 40px; font-weight:700; line-height:1.3; color:#fff; text-align:center; margin:20px 0 30px;}
.mtit p {text-align:center; padding-bottom:0px; padding:0 30px; }
.mtit p span{display:block;line-height:1.6;color:#fff; font-weight:400;font-size:18px;}
.youtube-bg {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: -1; /* 배경으로 쓰는 경우 */
}
.youtube-bg iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 56.25vw; /* 16:9 비율 */
min-height: 100vh;
min-width: 177.77vh; /* 16:9 비율 */
transform: translate(-50%, -50%);
pointer-events: none; /* 클릭 방지 */
}
/*---------------------------------------
MOBILE RESPONSIVE
-----------------------------------------*/
@media (max-width: 1023px) {
body {width:calc(100% - 0px); margin:0 auto; }
.mtit {margin-bottom:40px;}
.mtit h2{font-size:14px;padding-top:20px;}
.mtit h3{ font-size: 30px; line-height:1.3; margin:10px 0 20px; word-break:keep-all; padding:0 30px;}
.mtit p {text-align:center; padding-bottom:0px; font-size:13px; }
.mtit p span { font-size:13px; line-height:1.4; display:inline; word-break:keep-all;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}