@charset "utf-8";

/* =========================== SUB */
#subBnr{position:relative;z-index:20;width:100%;height:420px;color:#fff}
#subBnr .bg{overflow:hidden;position:absolute;width:100%;height:100%}
#subBnr .bg .inner{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(../img/sub/sub_main_banner.jpg) top center no-repeat;-webkit-animation:submain 20s linear infinite;animation:submain 20s linear infinite;-webkit-transform:scale(1.12);transform:scale(1.12)}
@-webkit-keyframes submain{from{-webkit-transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.12)}}
@keyframes submain{from{transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{transform:scale(1.12)}}
#subBnr .txt_area{position:relative;top:50%;transform:translateY(-50%);font-size:14px;line-height:1.5;text-align:center}
#subBnr .txt_area .btxt{opacity:0;padding-bottom:20px;margin-left:10px;font-size:40px;font-weight:700;font-family:'Pretendard'}
#subBnr .txt_area span{display:inline-block;color:rgba(255,255,255,.75)}
#subBnr .txt_area span i{padding:0 10px}

@media (max-width:1024px){
#subBnr{height:240px}
#subBnr .bg .inner{background-position:center}
}
@media (max-width:768px){
#subBnr .txt_area .btxt{padding-bottom:5px;font-size:30px}
}
@media (max-width:480px){
#subBnr{height:auto}
#subBnr .bg{display:none}
#subBnr .txt_area{position:unset;transform:none}
#subBnr .txt_area .btxt{margin-bottom:0;padding:15px 0;border-bottom:1px solid #e1e1e1;font-size:18px;color:#111}
#subBnr .txt_area span{display:none}
}

/* =========================== SNB */
#l_menu{width:1200px;margin:0 auto;border-radius:15px 15px 0 0;background:#fff}
#l_menu ul{overflow:hidden;display:table;margin:0 auto; padding:0}
#l_menu li{float:left;color:#666;line-height:15px}
#l_menu li a{display:block;padding:25px 50px;font-size:16px;font-weight:500}
#l_menu .l_menu_ON a{display:block;border-bottom:3px solid var(--primary);text-decoration:none;color:var(--primary)}

/* =========================== 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}
}