.greeting{position:relative;height:100vh;overflow:hidden;}
.gr_let{font-size: 8vw;text-align: center;position: absolute;mix-blend-mode: color-burn;color: #f2f2f2;font-weight: bold;top: 0px;width:100%;text-align:center}
.greeting img{margin:0 auto;object-fit:cover;display:block;width:1400px;transform:scale(0.7);height:100%;}
.gr_txt{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;opacity:0;text-align:center;position:absolute;top:0;left:0;transform:translateY(100px);background:rgb(2 11 46 / 85%)}
.greeting h2{line-height:1.4;text-align:center;color:#fff;}
.greeting p{color:#fff;opacity:0.7;margin-top:20px;line-height:1.8;text-align:center}

.promise{}
.promise .sub_tit{text-align:center;}
.promise ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 0;}
.promise ul li{padding:40px;width:48.5%;background:#f0f4fa;border-radius:15px;}
.promise ul li span{font-size: 20px;font-weight: bold;display: block;text-align: right;}
.promise ul li span:before{display: inline-block;content: "";width: 6px;height: 6px;background: #1741ab;border-radius: 6px;margin-right: 10px;position: relative;top: -2px;outline: 3px solid #ffffff;}
.promise ul li div{}
.promise ul li h5{}
.promise ul li p{margin-top:15px;color:#555;}

.doc_greeting{}
.doc_greeting .ctt{display:Flex;align-items:center;justify-content:space-between;}
.doc_gr_txt{width:50%;}
.doc_gr_txt h2{}
.doc_gr_txt h4{margin-top:20px;font-weight:600;}
.doc_gr_txt p{color:#555;margin-top:30px;line-height:1.8}
.doc_gr_txt strong{display:flex;margin-top:50px;font-weight:400}
.doc_gr_txt strong b{font-weight:bold;margin-left:20px;}

.doc_gr_img{width:45%}
.doc_gr_img img{width:100%;border-radius:20px;}

@media screen and (max-width:768px){
  .greeting{height:auto}
  .greeting img{width:100%;transform:scale(1)} .gr_txt{padding:40px;position:relative;opacity:1;transform:translateY(0px)}
  .gr_txt p{word-break:keep-all}
  .promise ul{margin-top:20px;gap:15px 0;}
  .promise ul li{width:100%;padding:30px}
  .promise ul li h5 {line-height: 1.4;}
  .promise ul li span{font-size:15px;}
  .promise ul li p{margin-top:10px;word-break:keep-all;}
  
  .doc_greeting .ctt{flex-wrap:wrap;flex-direction:column-reverse;}
  .doc_gr_img{width:100%}
  .doc_gr_txt{width:100%;;margin-top:30px;}
  .doc_gr_txt p{margin-top:15px;}
  .doc_gr_txt strong{margin-top:25px;}
  
}