@charset "utf-8";

/* =========================== SUB */
#subBnr{overflow:hidden;position:relative;width:100%;height:400px;background:url(../img/sub/sub_bg.jpg) top center repeat-x fixed}
#subBnr:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:all 1s;transition:all 1s}
#subBnr.on:after{opacity:1;}
#subBnr .txt_area{position:relative;top:30%;z-index:1;margin:50px auto 0;padding:0 40px;width:1280px;font-size:14px;letter-spacing:-.2px;color:#fff;font-family:"Pretendard"}
#subBnr .txt_area .btxt{font-size:32px;font-weight:600}
#subBnr .txt_area .stxt{margin:20px 0 50px;font-size:15px}
#subBnr .txt_area span {color:rgba(255,255,255,.6);font-family:var(--e-font),var(--k-font)}
#subBnr .txt_area span i{padding:0 10px}

#subBnr1{overflow:hidden;position:relative;width:100%;height:400px;background:url(../img/sub/sub_bg1.jpg) top center repeat-x fixed}
#subBnr1:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:all 1s;transition:all 1s}
#subBnr1.on:after{opacity:1;}
#subBnr1 .txt_area{position:relative;top:30%;z-index:1;margin:50px auto 0;padding:0 40px;width:1280px;font-size:14px;letter-spacing:-.2px;color:#fff;font-family:"Pretendard"}
#subBnr1 .txt_area .btxt{font-size:32px;font-weight:600}
#subBnr1 .txt_area .stxt{margin:20px 0 50px;font-size:15px}
#subBnr1 .txt_area span {color:rgba(255,255,255,.6);font-family:var(--e-font),var(--k-font)}
#subBnr1 .txt_area span i{padding:0 10px}


#subBnr2{overflow:hidden;position:relative;width:100%;height:400px;background:url(../img/sub/sub_bg2.jpg) top center repeat-x fixed}
#subBnr2:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:all 1s;transition:all 1s}
#subBnr2.on:after{opacity:1;}
#subBnr2 .txt_area{position:relative;top:30%;z-index:1;margin:50px auto 0;padding:0 40px;width:1280px;font-size:14px;letter-spacing:-.2px;color:#fff;font-family:"Pretendard"}
#subBnr2 .txt_area .btxt{font-size:32px;font-weight:600}
#subBnr2 .txt_area .stxt{margin:20px 0 50px;font-size:15px}
#subBnr2 .txt_area span {color:rgba(255,255,255,.6);font-family:var(--e-font),var(--k-font)}
#subBnr2 .txt_area span i{padding:0 10px}

#subBnr4{overflow:hidden;position:relative;width:100%;height:400px;background:url(../img/sub/sub_bg4.jpg) top center repeat-x fixed}
#subBnr4:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:all 1s;transition:all 1s}
#subBnr4.on:after{opacity:1;}
#subBnr4 .txt_area{position:relative;top:30%;z-index:1;margin:50px auto 0;padding:0 40px;width:1280px;font-size:14px;letter-spacing:-.2px;color:#fff;font-family:"Pretendard"}
#subBnr4 .txt_area .btxt{font-size:32px;font-weight:600}
#subBnr4 .txt_area .stxt{margin:20px 0 50px;font-size:15px}
#subBnr4 .txt_area span {color:rgba(255,255,255,.6);font-family:var(--e-font),var(--k-font)}
#subBnr4 .txt_area span i{padding:0 10px}

#subBnr5{overflow:hidden;position:relative;width:100%;height:400px;background:url(../img/sub/sub_bg5.jpg) top center repeat-x fixed}
#subBnr5:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:all 1s;transition:all 1s}
#subBnr5.on:after{opacity:1;}
#subBnr5 .txt_area{position:relative;top:30%;z-index:1;margin:50px auto 0;padding:0 40px;width:1280px;font-size:14px;letter-spacing:-.2px;color:#fff;font-family:"Pretendard"}
#subBnr5 .txt_area .btxt{font-size:32px;font-weight:600}
#subBnr5 .txt_area .stxt{margin:20px 0 50px;font-size:15px}
#subBnr5 .txt_area span {color:rgba(255,255,255,.6);font-family:var(--e-font),var(--k-font)}
#subBnr5 .txt_area span i{padding:0 10px}

/* 반응형 [s] */
@media (max-width:1700px){
#subBnr .txt_area{width:70%}
}
@media (max-width:1380px){
#subBnr .txt_area{width:90%}
}
@media (max-width:1024px){
#subBnr{height:350px;background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(../img/sub/sub_bg.jpg)}
#subBnr:after{display:none}
#subBnr .txt_area{position:absolute;top:52%;left:50%;transform:translate(-50%, -50%);margin:0px;padding:0px;width:100%;text-align:center}
#subBnr .txt_area .btxt{margin-bottom:10px;font-size:30px}
#subBnr .txt_area .stxt{display:none}
}
@media (max-width:768px){
#subBnr{height:320px}
#subBnr .txt_area .btxt{margin-bottom:8px;font-size:28px}
}
@media (max-width:580px){
#subBnr{height:290px}
#subBnr .txt_area .btxt{margin-bottom:6px;font-size:26px}
}
@media (max-width:480px){
#subBnr{height:55px;border-bottom:1px solid #e1e1e1;background:none}
#subBnr .txt_area .btxt{margin-bottom:0px;font-size:16px;color:#000}
#subBnr .txt_area span{display:none}
}
/* 반응형 [e] */

/* =========================== SNB */
#sh_snb{max-width:1280px;margin:0 auto;padding:0 40px;text-align:right}
#sh_snb li{display:inline-block;vertical-align:middle}
#sh_snb li+li{margin-left:40px}
#sh_snb li a{opacity:.6;display:block;padding:26px 0;font-size:15px;color:#fff}
#sh_snb li.on a{opacity:1}

/* 반응형 [s] */
@media (max-width:1024px){
#sh_snb{display:none}
}
/* 반응형 [e] */

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