@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.pgcm{font-size:16px;color:#666;line-height:1.6;font-family:'notokr-regular'}
.pgcm .pl{white-space:pre-line}

/* 인사말 */
#p33{position:relative}
#p33 .bg{position:absolute;bottom:-50px;left:0;width:100%;height:495px;background-color:#f5f5f5;z-index:-1}
#p33 .con{display:flex;padding:0 40px;gap:40px}
#p33 .con .img_box{width:495px;background:url(/sh_page/img/p33_img01.jpg) no-repeat right center;background-size:cover}
#p33 .con .in_con{width:calc(100% - 495px - 40px);padding:40px 0}
#p33 .con .in_con .tit b{display:inline-block;padding:10px 15px;border-radius:30px;font-size:13px;font-weight:700;color:#fff;background-color:var(--primary);font-family:var(--e-font)}
#p33 .con .in_con .tit p{margin:35px 0 110px;font-size:30px;line-height:1.3;color:#222;word-break:keep-all}
#p33 .con .in_con .tit p >span{position:relative;font-family:'notokr-bold'}
#p33 .con .in_con .tit p >span::after{content:"";display:inline-block;position:absolute;bottom:-3px;left:0;width:100%;height:20px;background-color:var(--primary);opacity:0.1}
#p33 .con .in_con .txt .txt01 > span{color:#333;font-family:'notokr-medium'}
#p33 .con .in_con .txt .txt02{margin:45px 0;font-size:18px;line-height:30px;color:#333;font-family:'notokr-bold'}
#p33 .con .in_con .txt .txt02 > span{padding:0 2px;color:#fff;background-color:var(--primary)}
#p33 .con .in_con > p{float:right;font-size:15px}
#p33 .con .in_con > p > span{color:#333;font-family:'notokr-bold'}



/* 반응형 [s] */
@media (max-width:1230px){}
@media (max-width:1080px){
.pgcm{font-size:15px}
#p33 .bg{bottom:-43px;height:423px}
#p33 .con{padding:0 30px;gap:30px}
#p33 .con .img_box{width:45%}
#p33 .con .in_con{width:55%}
#p33 .con .in_con .tit p{margin:20px 0 85px;font-size:23px}
#p33 .con .in_con .txt .txt01{white-space:normal;word-break:keep-all}
#p33 .con .in_con .txt .txt02{margin:35px 0}

}
@media (max-width:768px){
#p33 .bg{bottom:14px;height:320px}
#p33 .con{flex-direction:column;padding:0 10px;gap:20px}
#p33 .con .img_box{width:100%;height:230px}
#p33 .con .in_con{width:100%;padding:0 0 50px}
#p33 .con .in_con .tit p{margin:20px 0 70px}
}
@media (max-width:630px){
#p33 .bg{height:320px}
}
@media (max-width:590px){
#p33 .bg{height:345px}
}
@media (max-width:545px){
#p33 .bg{bottom:20px;height:365px}
}
@media (max-width:480px){
#p33 .bg{display:none}
#p33 .con .in_con .tit p{margin:20px 0 40px}
#p33 .con .in_con .txt .txt02{font-size:16px}
}
@media (max-width:380px){
#p33 .con .in_con .txt .txt02{word-break:keep-all;white-space:normal}
}
/* 반응형 [e] */