@charset "utf-8";

/* =========================== PAGE */
#greeting1010{position:relative;margin:30px auto;font-size:16px;line-height:1.5;color:#777;font-family:'pretendard'}
#greeting1010 .pl{white-space:pre-line}
#greeting1010 *{word-break:keep-all}
#greeting1010 .inner{max-width:1200px;margin:0 auto}
#greeting1010 b{font-weight:700}

#greeting1010 .b_tit{display:inline-block;margin-bottom:20px;font-weight:700;font-size:20px;color:#2a52a0;font-family:'Poppins',sans-serif}
#greeting1010 .tit_area{margin-bottom:95px}
#greeting1010 .tit_area .top{position:relative;margin-bottom:65px}
#greeting1010 .tit_area .top img{width:100%;height:600px;object-fit:cover;}
#greeting1010 .tit_area .top .box{position:absolute;bottom:0;right:72px;padding:80px 57px 0;background-color:#fff}
#greeting1010 .tit_area .top .box .b_tit span{position:relative;z-index:1}
#greeting1010 .tit_area .top .box .b_tit span:before{position:absolute;right:-15px;bottom:0;width:25px;height:27px;background-color:#f2f2f2;content:'';transform:skew(-30deg, 0deg);z-index:-1}
#greeting1010 .tit_area .top .box .tit{margin-bottom:5px;font-size:36px;color:#222}
#greeting1010 .tit_area .top .box .tit_txt{padding-bottom:55px;margin-bottom:60px;border-bottom:1px solid #e1e1e1;line-height:1.6;font-size:16px;font-weight:300;color:#222}
#greeting1010 .tit_area .txt{text-align:center}
#greeting1010 .program_area{text-align:center}
#greeting1010 .program_area .b_tit{position:relative;}
#greeting1010 .program_area .b_tit:after{position:absolute;left:-10px;bottom:0;width:25px;height:27px;background-color:#f2f2f2;content:'';transform:skew(-30deg, 0deg);z-index:-1}
#greeting1010 .program_area .tit{margin-bottom:40px;font-weight:200;font-size:22px;color:#222}
#greeting1010 .program_area .txt_area{padding:0 72px}
#greeting1010 .program_area .txt_area .col{display:flex;justify-content:center}
#greeting1010 .program_area .txt_area .col dl{width:456px;padding:43px 47px;text-align:left}
#greeting1010 .program_area .txt_area .col dt{margin-bottom:21px;font-weight:700;font-size:21px;color:#222}
#greeting1010 .program_area .txt_area .col:nth-child(even){flex-direction:row-reverse}

@media(max-width:1024px){
#greeting1010{font-size:16px}
#greeting1010 .program_area .txt_area{padding:0}	
#greeting1010 .tit_area .top img{height:480px}
#greeting1010 .tit_area .top .box{right:0;padding:40px}
#greeting1010 .tit_area .top .box .tit_txt{border:none;padding:0;margin:0}
#greeting1010 .tit_area .top .box .tit{font-size:28px}
#greeting1010 .program_area .txt_area .col dl{padding:30px 0 0 30px}
#greeting1010 .program_area .txt_area .col dt{margin-bottom:10px}
#greeting1010 .program_area .txt_area .col dd{font-size:15px}
#greeting1010 .program_area .txt_area .col:nth-child(even){flex-direction:row}
#greeting1010 .program_area .txt_area .col img{width:50%}
}
@media(max-width:768px){
#greeting1010{font-size:14px}
#greeting1010 .pl{white-space:normal}
#greeting1010 .b_tit{margin-bottom:10px}
#greeting1010 .tit_area .top{margin-bottom:30px}
#greeting1010 .tit_area .top img{height:300px}
#greeting1010 .tit_area{margin-bottom:60px}
#greeting1010 .tit_area .top .box{position:relative;right:auto;bottom:auto;text-align:center;padding:25px 0 0}
#greeting1010 .tit_area .top .box .tit{font-size:22px}
#greeting1010 .tit_area .top .box .tit_txt{font-size:15px}
#greeting1010 .tit_area .txt{padding:0 20px;word-break:keep-all}
#greeting1010 .program_area .tit{font-size:24px}
#greeting1010 .program_area .txt_area .col dl{width:100%;padding:20px;}
#greeting1010 .program_area .txt_area .col dt{font-size:18px}
#greeting1010 .program_area .txt_area .col dd{font-size:14px}
}
@media(max-width:480px){
#greeting1010 .tit_area .top img{margin-top:30px;height:280px}
#greeting1010 .program_area .tit{margin-bottom:20px}
#greeting1010 .program_area .txt_area .col img{width:100%}
#greeting1010 .program_area .txt_area .col{flex-direction:column !important}
}