@charset "utf-8";

#main_banner{position:relative;height:816px;overflow:hidden;background-image:url(./main_banner.jpg);background-repeat:no-repeat;background-size:cover}
#main_banner::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.36)}

#main_banner .main__text{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}
#main_banner .main__text .en{font-weight:700;font-size:15px;letter-spacing:2px;color:rgba(255,255,255,0.8);word-break:keep-all}
#main_banner .main__text h2{padding:47px 0 42px;font-size:56px;font-weight:normal;line-height:1.2;white-space:pre-line;word-break:keep-all;color:#fff}
#main_banner .main__text p.desc{padding-bottom:82px;font-size:17px;line-height:1.6;white-space:pre-line;word-break:keep-all;color:#fff}
#main_banner .main__btn{display:flex;justify-content:center;gap:12px;width:100%}
#main_banner .main__btn .btn--primary:hover{background-color:#BFA882;color:#fff}
#main_banner .main__btn .link-room{background-color:transparent;border-color:#fff;color:#fff}
#main_banner .main__btn .link-room:hover{background-color:#BFA882;color:#fff;border-color:#BFA882}

/* 반응형 [s] */
@media (max-width:1600px){
#main_banner{height:780px}
#main_banner .main__text h2{padding:45px 0 40px;font-size:50px}
#main_banner .main__text p.desc{padding-bottom:70px}
}
@media (max-width:1400px){
#main_banner{height:730px}
#main_banner .main__text h2{padding:40px 0 36px;font-size:44px}
#main_banner .main__text p.desc{padding-bottom:60px}
}
@media (max-width:1200px){
#main_banner{height:675px}
#main_banner .main__text .en{font-size:14px}
#main_banner .main__text h2{padding:30px 0;font-size:38px}
#main_banner .main__text p.desc{padding-bottom:48px;font-size:16px}
}
@media (max-width:1024px){
#main_banner{height:575px}
#main_banner .main__text .en{font-size:13px}
#main_banner .main__text h2{padding:26px 0;font-size:34px}
#main_banner .main__text p.desc{padding-bottom:38px;font-size:15px}
}
@media (max-width:768px){
#main_banner{height:515px}
#main_banner .main__text .en{font-size:12px}
#main_banner .main__text h2{padding:20px 0;font-size:30px}
#main_banner .main__text p.desc{padding-bottom:32px;font-size:14px}
}
@media (max-width:480px){
#main_banner{height:auto;padding:105px 0 65px}
#main_banner .main__text{padding:0 20px}
#main_banner .main__text .en{font-size:11px}
#main_banner .main__text h2{padding:16px 0;font-size:24px}
#main_banner .main__text p.desc{padding-bottom:28px}
#main_banner .main__btn{gap:8px}
}
@media (max-width:390px){
#main_banner .main__btn{flex-wrap:wrap}
}
/* 반응형 [e] */