@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:13px;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%;}
#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:19px;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:32px;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 43px;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}

.license-btn-wrap{
    width:100%;
    max-width:500px;
/*    margin:30px auto 0;*/
    margin:50px 0 30px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
}

.license-btn{
    width:calc(50% - 8px); /* 2개씩 배치 */
    height:55px;
    line-height:55px;
    text-align:center;
    background:#fff;
    border:2px solid #fff;
    border-radius:50px;
    color:#333;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    transition:all .3s ease;
    box-sizing:border-box;
	border:3px solid #d4af37;
}
.license-btn:hover,
.license-btn.active{
    background:#222;
    border-color:#222;
    color:#fff;
    transform:translateY(-3px);
}
@media (max-width:768px){
    .license-btn{
        width:100%;
    }
}

@media(max-width:1024px){
#greeting1010{font-size:15px}
#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}
}