@charset "utf-8";

/* 공통 */
.pagecommon{color:#666;letter-spacing:-.3px;line-height:1.6;font-size:16px}
.pagecommon .tit_area{padding-bottom:50px;text-align:center;letter-spacing:0}
.pagecommon .tit_area span{color:#111;font-size:30px;font-weight:700;font-family:'Poppins', sans-serif;text-decoration:underline}
.pagecommon .cont_box p{position:relative;padding:0 20px 20px;color:#222;font-weight:700;font-size:22px;font-family:'Poppins'}
.pagecommon .cont_box p:after{position:absolute;content:'';left:0;top:14px;width:4px;height:4px;background:var(--primary);border-radius:50px}
.pagecommon .cont_box ul li{margin-bottom:14px;padding:34px;background:#f2f2f2;border-radius:4px}
.pagecommon .cont_box ul li:last-child{margin-bottom:30px}
.pagecommon .cont_box .b_box li{border:1px solid #e1e1e1;background:#fff}
.pagecommon .cont_box .g_box{padding:34px;background: #f2f2f2}
.pagecommon .img_list ul{margin-top:30px;display:flex;justify-content:space-between}
.pagecommon .img_box{margin-top:30px;width:100%}

.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/* 반응형 [s] */
@media (max-width:1200px){
.pagecommon{padding:0 20px}
}
@media (max-width:768px){
.pagecommon .tit_area span{font-size:24px}
.pagecommon .cont_box p{font-size:18px}
}
@media (max-width:480px){
.pagecommon{padding:0 15px;font-size:15px}
.pagecommon .tit_area{padding-bottom:30px}
.pagecommon .cont_box ul li{padding:28px}
.pagecommon .img_list ul{flex-direction:column;gap:12px}
.pagecommon .cont_box .g_box{padding:28px}
.pagecommon .cont_box p{padding:0 0 20px 20px}
}