@charset "UTF-8";

.sub-top {line-height: 1; padding-bottom: 25px; border-bottom: 1px solid #292929; margin-bottom: 25px;}
.sub-top h2 {font-size: 70px; font-weight: 900;}
.sub-top p {font-size: 60px; font-weight: 300; margin-top: 10px;}

.greeting-tit {}
.greeting-tit p {font-size: 30px; font-weight: 300;}

.greeting-video {margin: 40px 0 50px;}
.greeting-txt {position: relative;}
.greeting-txt p {font-size: 16px; font-weight: 500; line-height: 1.6; margin-bottom: 6px;}
.greeting-txt b {font-size: 22px; font-weight: 600;}
.greeting-txt .greeting-bg {background-image: url("../../../assets/images/user/greeting-bg.svg"); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; max-width: 413px; max-height: 210px; position: absolute; right: 0; bottom: 140px;}

.greetint-video .ytp-chrome-top {display: none;}

.greeting-video iframe {width: 100%; height: 654px; border-radius: 10px;}

/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1280px) {
    .sub-top h2, .sub-top p {font-size: 40px;}
    .greeting-tit p {font-size: 22px;}
    .greeting-video iframe {max-height: 420px;}
    .greeting-txt .greeting-bg {max-width: 272px; max-height: 140px; bottom: 110px;}
}

@media screen and (max-width: 768px) {
    .sub-top h2, .sub-top p {font-size: 20px;}
    .sub-top p {margin-top: 5px;}
    .greeting-tit p {font-size: 14px;}
    .greeting-video {margin: 20px 0 30px;}
    .greeting-txt p {font-size: 14px;}
    .greeting-txt b {font-size: 18px;}
    .greeting-video iframe {max-height: 200px;}
    .greeting-txt .greeting-bg {max-width: 160px; max-height: 82px; bottom: 130px;}
}