@charset "utf-8";


/* ======================= GNB */

/* =========================== SNB */

/*
#greeting{font-size:18px;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; text-align: center}
#greeting .tit_area p{font-weight:600}
#greeting .cont{padding:40px 10% 0 10%;text-align: left}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222;text-align: center}
#greeting .cont .sign span{margin-left:20px;font-size:17px}
*/


/* =========================== PAGE */
#greeting1 *{word-break:keep-all}
#greeting1 .pl{white-space:pre-line; padding: 0 20px}

#greeting1 .pg_color{color:#333}
#greeting1 .pg_bdcolor:before{border-color:#333}
#greeting1 .pg_bgcolor{background-color:#333}

.cont_area .pl b{font-weight: 800}
.cont_area .sign{font-weight: 800}

#sh_content .cont {padding: 0 20px !important; text-align: center;}

/* =========================== BANNER */
#shSubBnr p{overflow:hidden;position:relative;z-index:1;max-width:1320px;margin:100px auto 0;font-size:46px;font-weight:600;color:#ffffff;font-family:'pretendard'}
#shSubBnr p span{opacity:0;position:relative;bottom:-46px}
#shSubBnr .bg{height:280px;margin-top:-65px;background:center no-repeat;background-size:cover}

/* 공통 */
#greeting1 .tit_area{font-weight:200;color:#aaa;letter-spacing:-.8px;text-align: center}
#greeting1 .tit_area span{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-family:'Poppins'}
#greeting1 .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d3d3d3}
#greeting1 .tit_area p{font-size:29px;line-height:1.4;font-family: 'Pretendard'}
#greeting1 .tit_area b{font-weight:700}
#greeting1 .cont_area{padding-top:250px;background-size:contain;background:url(../images/sub/greeting1_img.jpg) no-repeat center top}
#greeting1 .cont{padding-top:50px;width:90%;margin:0 auto;background-color:#fff}
#greeting1 .cont .st{padding-bottom:10px;font-size:22px;font-weight:500;letter-spacing:-.8px;color:#333}
#greeting1 .cont .sign{margin-top:20px;font-weight:700;color:#333}
#greeting1 .cont .sign span{padding-left:5px;font-size:26px;color:#333;font-family:'Handletter'}

#key{padding:50px 5px 70px 5px}
#key ul{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
#key li{display:flex;flex-wrap:wrap;align-items:center;align-content:center;height:280px;padding:30px;border:1px solid #e1e1e1;background:#fff}
#key li img{margin:0 auto}
#key li p{width:100%;margin:25px 0 15px;font-size:20px;font-weight:700;color:#111;text-align: center}
#key li span{font-size:18px; line-height: 26px; text-align: center}


/* 반응형 [s] */
@media (max-width:1024px){
#shSnb{display:none}
#shSubBnr{position:relative}
#shSubBnr p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:0px}
#shSubBnr p span{bottom:0px !important;opacity:1 !important;color:#fff;font-size:36px}
#shSubBnr .bg{margin-top:0px;filter:brightness(0.7);height:300px}
}
@media (max-width:480px){
#shSubBnr p{position:static;transform:none;text-align:center;border-bottom:1px solid #e1e1e1}
#shSubBnr p span{font-size:16px;color:#000}
#shSubBnr .bg{display:none}
}


@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}
/*#greeting1{padding-bottom:30px}*/
#greeting1 .cont .st{font-size:20px}
#key ul{gap:25px}
#key li{padding: 10px}
#key li span{font-size: 16px}
#key li p{font-size: 16px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
#greeting1 .pl{white-space:normal}
#greeting1 .tit_area p{font-size:25px}
#key{padding-top:100px}
#key ul{display:block;padding:0 20px}
#key li{justify-content:center;height:auto;padding: 10px}
#key li+li{margin-top:10px}
#key li p{font-size: 16px}
#key li span{font-size: 16px}
#sh_content .cont {
    text-align: left;
    word-break: keep-all;
}
#sh_content .cont .pl br {
    display: none;
}
}
@media(max-width:480px){
#greeting{padding:15px 12px}
#greeting .tit_area{font-size:22px}
#greeting1 .tit_area p{font-size:22px}
#greeting1 .cont_area{padding-top:180px}
#greeting1 .cont{width:100%;padding:20px}
#key{margin-top:-60px}
#key li{justify-content:center;height:auto;padding: 5px}
#key li span{font-size: 16px}
}
@media (max-width:380px){
#key ul{padding:0 15px}
#key li p{font-size:18px}
#key li{justify-content:center;height:auto}
#key li{padding: 0}
#key li span{font-size: 16px}
}
/* 반응형 [e] */

html[lang="en"] #sh_content .cont {
    text-align: left !important;
}