@charset "utf-8";

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

/* 텍스트 */
#mainVisual .year{opacity:0;position:absolute;left:40px;bottom:40px;margin-left:-20px;z-index:1;font-size:15px;font-weight:500;line-height:1.4}
#mainVisual .year img{vertical-align:-2px;margin-right:3px}
#mainVisual .txt_area{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}
#mainVisual .txt_area p{margin-bottom:70px;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}

/* 반응형 [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:768px){
#mainVisual{padding-top:500px}
#mainVisual .txt_area{transform:translate(-50%, -50%);text-align:center;padding:0 15px}
#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}
}
@media (max-width:480px){
#mainVisual{padding-top:420px}
#mainVisual .txt_area{white-space:normal}
#mainVisual .txt_area p{margin-bottom:12px;font-size:22px}
}
/* 반응형 [e] */