@charset "utf-8";

/* 공통 */
.pgcm{font-size:16px}
.pgcm .pl{white-space:pre-line;word-break:keep-all}
.pgcm .tit_area{margin-bottom:45px;padding:0 10px;word-break:keep-all;font-family:var(--k-font)}
.pgcm .tit_area span{display:block;margin-bottom:22px;color:var(--primary);font-size:13px;font-weight:700;text-transform:uppercase;font-family:var(--e-font)}
.pgcm .tit_area b{display:block;margin-bottom:22px;color:#222;font-size:30px;font-weight:700;line-height:40px}
.pgcm .tit_area p{color:#777;font-size:16px;line-height:26px}


/* p33 회사소개 */
#p33 {height:930px}
#p33 .tit_area{padding-left:65px}
#p33 .cont{position:relative}
#p33 .cont ul{position:absolute;align-items:center;left:50px;top:-30px;display:flex;justify-content:space-between;padding:80px 120px 80px 84px;width:1100px;background-color:#fff;text-align:center}

#p33 .cont ul li{border-radius:100%;text-transform:uppercase;font-family:var(--k-font)}
#p33 .cont ul li b{display:block;margin-top:50px;font-size:16px;font-weight:700;font-family:var(--e-font)}

#p33 .cont ul .left{position:relative;display:flex}
#p33 .cont ul .left li:nth-child(2){position:absolute;left:175px}
#p33 .cont ul .left li:nth-child(3){position:absolute;left:350px}
#p33 .cont ul .left li{width:200px;height:200px;border:1px dashed var(--primary)}
#p33 .cont ul .left li b{color:#222}
#p33 .cont ul .left li span{display:block;margin-top:29px;color:#666;font-size:17px;font-weight:600}

#p33 .cont ul .right li{width:230px;height:230px;background-color:var(--primary)}
#p33 .cont ul .right li b{display:inline-block;margin-top:60px;padding:4px 10px;background-color:#fff;color:var(--primary);border-radius:15px}
#p33 .cont ul .right li span{display:block;margin-top:23px;color:#fff;font-size:20px;font-weight:700}


/* p46 시설현황 */
#p46.pgcm .tit_area{text-align:center}
#p46 .cont{padding:0 50px}
#p46 .cont ul > div{display:grid;grid-template-columns:repeat(2,1fr);gap:38px;margin-bottom:30px;justify-content:space-between}
#p46 .cont ul > div:nth-child(2n) .img_area{order:2}
#p46 .cont ul > div:nth-child(2n) .txt_area{order:1}
#p46 .cont ul .img_area{border:1px solid #e1e1e1;border-radius:20px}
#p46 .cont ul .img_area img{display:block;width:100%;border-radius:20px}
#p46 .cont ul .txt_area{padding:10px 0 0 11px}
#p46 .cont ul .txt_area .txt_tit{display:flex;align-items:center;gap:23px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e1e1e1}
#p46 .cont ul .txt_area .txt_tit span{display:flex;align-items:center;justify-content:center;padding:0 10px;width:33px;height:33px;background-color:var(--primary);color:#fff;border-radius:5px;font-size:15px;font-weight:700;font-family:var(--e-font)}
#p46 .cont ul .txt_area .txt_tit b{color:#222;font-size:20px;font-weight:700}
#p46 .cont ul .txt_area p{color:#666;font-size:16px;line-height:28px;letter-spacing:-0.03em}


/* 반응형 [s] */
@media (max-width:1200px){
#p33 .img_area img{display:block;width:100%}
#p33 .cont ul{position:relative;top:0;left:0;width:auto}
#p46 .cont ul > div{grid-template-columns:repeat(1,1fr)}
#p46 .cont ul .img_area img{margin:0 auto;width:50%}
#p46 .cont ul > div:nth-child(2n) .img_area{order:1}
#p46 .cont ul > div:nth-child(2n) .txt_area{order:2}
}
@media (max-width:1024px){
#p33 .tit_area{padding-left:16px}
#p33 .cont ul{padding:80px 22px 80px 25px}
#p33 .cont ul .left li{width:150px;height:150px}
#p33 .cont ul .left li:nth-child(2){left:130px}
#p33 .cont ul .left li:nth-child(3){left:263px}
#p33 .cont ul .left li span{margin-top:20px;font-size:16px}
#p33 .cont ul .right li{width:200px;height:200px}
#p33 .cont ul .right li b{margin-top:64px}
#p46.pgcm .pl{white-space:normal}
}
@media (max-width:768px){
.pgcm .tit_area span{margin-bottom:13px}
.pgcm .tit_area b{font-size:26px;line-height:35px}
#p33 .img_area{height:200px;width:100%;overflow:hidden}
#p33 .img_area img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
#p33 .cont ul{display:block;padding:80px 10px}
#p33 .cont ul .left{align-items:center;justify-content:center;margin-bottom:20px}
#p33 .cont ul .left li:nth-child(2){position:relative;left:0}
#p33 .cont ul .left li:nth-child(3){position:relative;left:0}
#p33 .cont ul .right{display:flex;align-items:center;justify-content:center}
#p46 .cont{padding:0 5px}
#p46 .cont ul .img_area img{width:71%}
}
@media (max-width:480px){
.pgcm{padding-top:60px}
#p33{height:auto} 
#p33 .img_area{height:160px}
#p33 .img_area img{object-position:-60px center}
#p33 .cont ul .left{display:block}
#p33 .cont ul .left li{margin-bottom:10px;width:100%;height:auto;border-radius:0;border:1px solid var(--primary)}
#p33 .cont ul .left li span{margin:20px}
#p33 .cont ul li b{margin-top:20px}
#p33 .cont ul .right li{position:relative;width:100%;height:auto;border-radius:0}
/* #p33 .cont ul .left li:nth-child(1):before, */
/* #p33 .cont ul .left li:nth-child(2):before{display:block;content:'+';position:absolute;bottom:108px;left:50%}
#p33 .cont ul .left li:nth-child(3):before{display:block;content:'=';position:absolute;top:99%;left:50%} */
#p33 .cont ul .right li b{margin-top:20px}
#p33 .cont ul .right li span{margin:20px}
#p46 .cont ul .img_area img{width:95%}
#p46 .cont ul .txt_area{padding:0}
#p46 .cont ul .txt_area .txt_tit{gap:13px}
#p46 .cont ul .txt_area .txt_tit b{font-size:18px}
}
/* 반응형 [e] */