@charset "utf-8";

/* =========================== SUB */
#subBnr{display:flex;flex-flow:column;justify-content:center;align-items:center;position:relative;height:450px;color:#111;text-align:center;background:#000}
#subBnr .txt{position:relative;z-index:1;font-size:16px;font-weight:500;color:#fff;font-family:'Montserrat','pretendard'}
#subBnr .txt p{margin-top:30px;font-size:52px;font-weight:500}
#subBnr .txt i{display:block;font-style:normal}
#subBnr .txt span{overflow:hidden;display:block}
#subBnr .txt div{font-weight:400;white-space:pre-line;line-height:1.8}
#subBnr .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:center no-repeat;background-size:cover}
#subBnr.design{height:100vh;min-height:400px}
#subBnr.design .txt p{margin-bottom:30px}

/* 스크롤 */
#subBnr .scroll{position:absolute;bottom:0;left:50%}
#subBnr .scroll:before{position:absolute;content:'SCROLL';top:-30px;left:50%;transform:translateX(-50%);font-size:13px;font-weight:500;color:#fff;font-family:'Montserrat'}
#subBnr .scr_bar_wrap{overflow:hidden;position:relative;width:1px;height:90px;background:rgba(255,255,255,.3)}
#subBnr .scr_bar{position:absolute;left:0;top:0;transform:translateY(-100%);width:1px;height:40px;background:#fff}