@charset "utf-8";
@font-face {
    font-family: 'KimJeongWonSMiss';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/Griun_Kimjungwon-Rg.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
/* =========================== SUB */
#shSub{
  display:flex;
  align-items:center;
  justify-content:center;
  height:400px;
  margin:0 auto;
  background:url(../img/sub/company1_bg.jpg) center no-repeat;
  background-size:cover;
}
#shSub .txt_area{
  color:#fff;
  text-align:center;
  text-transform:uppercase;
  font-family:var(--k-font);
}
#shSub .txt_area p{
  margin-bottom:20px;
  font-size:46px;
  font-weight:700;
}
#shSub .txt_area div{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:16px;
  font-weight:500;
}
#shSub .txt_area div a{padding-top:3px}
#shSub .txt_area div svg{fill:#fff}
#shSub .txt_area div i{
  margin:0 20px;
  font-size:14px;
}
#shSub .sub_tit{display:none}

/* 반응형 [s] */
@media (max-width:1024px){
  #shSub{height:350px}
  #shSub .txt_area p{margin-bottom:10px;font-size:36px}
  #shSub .txt_area div{font-size:15px}
  #shSub .txt_area div i{margin:0 15px}
}
@media (max-width:480px){
  #shSub{
    height:55px;
    background:none;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
  }
  #shSub .txt_area p{
    margin:0;
    font-size:16px;
    color:#000;
  }
  #shSub .txt_area div{display:none}
}
/* 반응형 [e] */

/* =========================== SNB */
#shSnb{
  display:flex;
  justify-content:center;
  margin:0 auto 20px;
  background:var(--primary);
}
#shSnb li+li{
  border-left:1px solid rgba(255,255,255,.15);
}
#shSnb li a{
  display:block;
  min-width:160px;
  height:62px;
  padding:0 20px;
  font-size:17px;
  font-weight:500;
  line-height:62px;
  text-align:center;
  color:#fff;
  font-family:var(--k-font);
}
#shSnb li.on a{
  font-weight:600;
  color:var(--primary);
  background:#fff;
}

/* 메뉴 반응형 */
.sh_nav > li.on > a,
.sh_lnb_s li.on > a{
  font-weight:700;
}

/* 반응형 [s] */
@media (max-width:1024px){
  #shSnb{display:none}
}
/* 반응형 [e] */

/* ============ GREETING (new) ============ */
#greeting.greeting_new{
  font-family:'Noto Sans KR', sans-serif;
  color:##3EC890;
  line-height:1.7;
}

/* ================= 상단 타이틀 ================= */
#greeting .greet_head{
  text-align:center;
  padding:80px 16px 50px;
}
#greeting .greet_label{
  font-size:12px;
  letter-spacing:2px;
  color:#3EC890;
  font-weight:700;
  margin-bottom:12px;
}
#greeting .greet_line{
  display:inline-block;
  width:1px;
  height:26px;
  background:#3EC890;
  margin-bottom:22px;
}
#greeting .greet_sub{
  color:#bdbdbd;
  font-size:18px;
  font-weight:400;
  margin-bottom:10px;
}
#greeting .greet_title{
  font-size:22px;
  font-weight:500;
  color:#111;
  letter-spacing:-.2px;
}
#greeting .greet_title b{
  font-weight:700;
  color:#000;
}

/* ================= 배너 ================= */
/* 기본 (공통) */
#greeting .greet_banner{
  position:relative;
  height:350px;
  margin:50px auto 60px;
  background-size:cover;
  max-width:1000px;
  
  border-radius:15px;   /* ✅ 모서리 라운딩 */
  overflow:hidden;      /* ✅ 모서리 라운딩 */
}

/* company1 전용 이미지 */
.company1 #greeting .greet_banner{
  background-image:url(../img/sub/greeting_banner.jpg);
}

/* business5 전용 이미지 */
.business5 #greeting .greet_banner{
  background-image:url(../img/sub/global_banner.jpg);
}

/* 오버레이 */
#greeting .greet_banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
}

/* 배너 내부 중앙 정렬 */
#greeting .banner_inner{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#fff;
  padding:0 20px;
}

/* 배너 텍스트 */
#greeting .banner_kicker{
  font-size:13px;
  font-weight:400;
  opacity:.85;
  margin-bottom:14px;
}
#greeting .banner_big{
  font-size:64px;
  font-weight:800;
  letter-spacing:2px;
  margin-bottom:18px;
}
#greeting .highlight_orange{
  color:#F19C15;
  font-weight:600; /* 선택: 살짝 강조 */
}
#greeting .banner_desc{
  font-size:14px;
  line-height:1.6;
  opacity:.9;
  margin-bottom:26px;
}

/* ================= 버튼 (텍스트 완전 중앙) ================= */
#greeting .greet_banner .banner_btn{
  display:flex;
  align-items:center;
  justify-content:center;

  width:160px;
  height:42px;

  margin:0 auto;
  padding:0;
  line-height:1;
  box-sizing:border-box;

  border-radius:999px;
  background:#fff;
  color:#000;

  font-size:13px;
  font-weight:600;
  letter-spacing:-.2px;
  text-align:center;

  transition:all .3s ease;
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}

#greeting .banner_btn:hover{
  background:#3EC890;
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}


/* ================= 본문 ================= */
#greeting .greet_body{
  max-width:900px;
  margin:0 auto;
  padding:0 16px 90px;
  text-align:center;
}
#greeting .greet_red{
  color:#3EC890;
  font-size:20px;
  font-weight:700;
  margin-bottom:28px;
}
#greeting .greet_body p{
  color:#9a9a9a;
  font-size:14px;
  line-height:1.9;
  margin:16px 0;
}
#greeting .greet_thanks{
  margin-top:30px;
}
#greeting .greet_sign{
  margin-top:24px;
  font-weight:700;
  color:#222;
}
#greeting .greet_sign span{
  font-family: 'KimJeongWonSMiss', cursive;
  margin-left:8px;
  font-weight:300;
  color:#666;
  font-size: 24px; 
}

/* ================= 반응형 ================= */
@media (max-width:768px){
  #greeting .greet_head{padding:60px 14px 40px;}
  #greeting .greet_sub{font-size:15px;}
  #greeting .greet_title{font-size:18px;}
  #greeting .banner_big{font-size:44px;}
  #greeting .greet_banner{height:220px;}
}
@media (max-width:480px){
  #greeting .greet_banner{height:180px;}
  #greeting .banner_big{font-size:34px;}
  #greeting .banner_desc{font-size:13px;}
  #greeting .greet_sub{font-size:14px;}
}
#greeting.greeting_new .greet_body .greet_red{
  color:#3EC890; font-size:20px; !important;
}