@charset "utf-8";

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

/* pgcm */
.pgcm{font-size:16px;font-weight:400;line-height:1.8;color:#777;font-family:var(--k-font)}
.pgcm p, .pgcm span, .pgcm ul li, .pgcm dl dd, .pgcm div{word-break:keep-all}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area{padding-bottom:40px;text-align:center}
.pgcm .tit_area b{display:block;padding-bottom:10px;font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;font-family:var(--e-font),var(--k-font)}
.pgcm .tit_area p{padding-bottom:10px;font-size:35px;font-weight:700;color:#222}

/* p33 */
#p33 .tit_area{padding-bottom:10px;text-align:left}
#p33 .cont{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 50px 0}
#p33 .cont .sub_tit{width:40%;font-size:28px;font-weight:700;line-height:1.4;color:#222}
#p33 .cont .sub_tit span{position:relative}
#p33 .cont .sub_tit span::before{content:"";display:block;position:absolute;bottom:-4px;left:0;width:100%;height:20px;z-index:-1;background:rgba(14,129,158,0.2)}
#p33 .cont div{width:76%}
#p33 ul{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding-top:30px;border-top:1px solid rgba(0, 0, 0, 0.1)}
#p33 ul li{display:flex;align-items:center;gap:15px;width:100%}
#p33 ul li .img_area{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:5px;background:#f7f7f7}
#p33 ul li .txt_area span{font-size:16px;font-weight:500}
#p33 ul li .txt_area p{font-size:16px;font-weight:700;color:#222}
#p33 .img_wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px}
#p33 .img_wrap div{border:1px solid #e1e1e1}
#p33 .img_wrap div img{width:100%}
/* p40 */
#p40 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#p40 ul li{width:100%;border:1px solid #e1e1e1}
#p40 ul li img{width:100%}



/* 반응형 [s] */
@media (max-width:1024px){
.pgcm{padding:30px 10px}
#p33 .tit_area{text-align:center}
#p33 .cont{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 0 0}
#p33 .cont .sub_tit{width:100%;padding-bottom:25px;white-space:normal}
#p33 .cont div{width:100%;padding:20px 0 0}
#p33 .cont .txt_area{text-align:left}
#p33 .img_wrap img{width:100%}
#p33 .img_wrap div{padding:20px}
#p33 > img{width:100%}
}
@media (max-width:800px){
#p40 ul{grid-template-columns:repeat(3,1fr);gap:10px}
}
@media (max-width:768px){
.pgcm .tit_area{padding-bottom:30px}
.pgcm .tit_area p{font-size:30px;line-height:1.5}
#p33 .cont > div{padding:0}
#p33 ul li{flex-direction:column;align-items:center;justify-content:center;text-align:center}
#p33 .cont .txt_area{padding-top:0;text-align:center}
#p33 .cont > div > p{white-space:normal}
}
@media (max-width:480px){
#p33 .cont .sub_tit{font-size:22px}
#p33 .cont .sub_tit span::before{display:none}
#p33 .cont .txt_area{padding:0}
#p33 ul li{gap:10px}
#p33 ul li .txt_area p{font-size:16px}
#p33 ul li .txt_area span{font-size:15px}
#p40 ul{grid-template-columns:repeat(2,1fr)}
#p33 .img_wrap div{padding:0}
}
@media (max-width:380px){
.pgcm .tit_area{padding-bottom:20px}
.pgcm .tit_area p{font-size:23px;line-height:1.4}
.pgcm .tit_area span{line-height:1.3}
#p33 .cont .sub_tit{padding-bottom:15px;font-size:20px}
#p33 ul{flex-direction:column;gap:20px}
#p33 ul li{gap:15px}
#p33 ul li .img_area{width:100%;height:auto;padding:15px}
#p33 .img_wrap{flex-direction:column}


}
/* 반응형 [e] */