@charset "utf-8";

/* =========================== SUB */
#shSubBnr{position:relative}
#shSubBnr p{overflow:hidden;position:relative;z-index:1;max-width:1300px;width:100%;margin:-30px auto 0;font-size:46px;font-weight:600;color:#222;font-family:'Pretendard'}
#shSubBnr p span{opacity:0;position:relative;bottom:-46px}
#shSubBnr .bg{height:350px;background:center no-repeat;background-size:cover}

@media(max-width:1180px){
#shSubBnr p{padding:0 20px}	
}
@media(max-width:1024px){
#shSubBnr{background:#111}
#shSubBnr p{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%);width:max-content;margin:0;font-size:32px;color:#fff}	
#shSubBnr .bg{opacity:.65;height:260px;margin:0}
}
@media(max-width:480px){
#shSubBnr{background:#fff}
#shSubBnr p{position:relative;left:auto;top:auto;transform:none;width:100%;padding:15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;font-size:16px;font-weight:600;color:#222;text-align:center;font-family:'Pretendard'}
#shSubBnr p span{opacity:1;bottom:auto}
#shSubBnr .bg{display:none}	
}

/* =========================== SNB */
#shSnb ul{display:flex;justify-content: center;margin:80px 0 30px}
#shSnb ul li{margin:0 15px;transition:all .3s}
#shSnb ul li a{display:block;height:45px;border-radius:30px;line-height:45px;font-size:16px;font-weight:500;color:#999;transition:all .3s}
#shSnb ul li.on a{padding:0 25px;color:#fff;background:#111}
#shSnb ul li:not(.on, .home):hover{margin:0 5px}
#shSnb ul li:not(.on, .home):hover a{padding:0 20px;background:#f5f5f5}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../img/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}

@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:22px}
}