@charset "utf-8";

#mainVisual{position:relative;z-index:10;padding-top:950px;text-transform:uppercase;font-family:'Archivo','notokr-medium'}

/* 텍스트 */
#mainVisual .txt_area{display:none;opacity:0;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,0);width:1200px;margin-left:20px;font-size:15px;color:#111;letter-spacing:-.2px;line-height:1.8;white-space:pre-line;word-break:keep-all;z-index:-1}
#mainVisual .txt_area p{margin-bottom:50px;font-size:40px;font-weight:500;line-height:1.1;word-break:keep-all}

/* 이미지 */
#mainImg{opacity:0;overflow:hidden;position:absolute;top:0;left:50%;transform:translate(-50%,0);width:100%;background:url(./main_img.jpg) center no-repeat;background-size:cover;z-index: 1;}

/* 반응형 [s] */
@media(max-width:1400px){
#mainVisual{padding-top:750px}
#mainVisual .txt_area{width:100%;padding-left:20px}
#mainVisual .txt_area p{margin-bottom:50px;font-size:36px}
#mainVisual .year{left:unset;bottom:20px;right:20px;text-align:right;font-size:14px}
}
@media (max-width:1200px){
#mainVisual{padding-top:700px}
#mainVisual .txt_area p{margin-bottom:40px;font-size:32px}
}
@media (max-width:1024px){
#mainVisual{padding-top:600px}
#mainVisual .txt_area{font-size:14px;line-height:1.6}
#mainVisual .txt_area p{margin-bottom:30px;font-size:28px}
#mainVisual .year{font-size:12px}
}
@media (max-width:780px){
#mainVisual{padding-top:500px}
#mainVisual .txt_area{transform:translate(-50%, -50%);text-align:center;padding: 0;margin-left: 0;}
#mainVisual .txt_area p{margin-bottom:20px;font-size:24px;line-height:1.2}
#mainVisual .year{bottom:20px;right:unset;left:50%;transform:translateX(-50%)}
#mainVisual .year br{display:none}
#mainImg{opacity: 0 !important;}
}
@media (max-width:480px){
#mainVisual{padding-top:300px}
#mainVisual .txt_area{padding:0 30px;white-space:normal}
#mainVisual .txt_area p{margin-bottom:12px;font-size:22px}
}
/* 반응형 [e] */