@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.5;color:#777;font-family:var(--k-font)}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .inner{max-width:var(--mainsize);margin:0 auto}


#graph1003 span{font-size:18px;font-weight:700;color:#f77e01;font-family:var(--e-font)}
#graph1003 .cont01 .tit {
  display: flex;
  justify-content: center;   /* 수평 중앙 정렬 */
  align-items: center;       /* 수직 중앙 정렬 */
  flex-direction: column;    /* 수직 쌓기 */
  text-align: center;
}
#graph1003 .cont01 .tit p{margin:5px 0 8px;font-size:25px;font-weight:700;color:#111}
#graph1003 .cont01 .tit b{font-weight:700}

#graph1003 .cont01 .graph{display:flex;gap:100px;align-items:center;margin:130px 0 100px}
#graph1003 .cont01 dl{z-index:10;width:50%;text-align:center}
#graph1003 .cont01 dl dt{display:inline-block;margin-bottom:20px;padding:5px 30px;border-radius:50px;font-size:22px;font-weight:700;color:#44d3d8;background:#111}
#graph1003 .cont01 dl dd{font-size:18px}
#graph1003 .cont01 .key01{order:1}
#graph1003 .cont01 .key02{order:3}
#graph1003 .cont01 .cir{position:relative;width:490px;height:490px;order:2}
#graph1003 .cont01 .cir div{position:absolute;bottom:0;left:50%;border-radius:50%;text-align:center;transform:translateX(-50%)}
#graph1003 .cont01 .cir p{margin-top:40px;font-size:22px;font-weight:700;color:#fff}
#graph1003 .cont01 .cir .c1{width:490px;height:490px;background:#44d3d8}
#graph1003 .cont01 .cir .c2{width:400px;height:400px;background:#1691ac;padding-top:20px}
#graph1003 .cont01 .cir .c3{width:275px;height:275px;background:#0d3e48;padding-top:80px}

#graph1003 .cont02{padding:100px 0;background:#f2f2f2}
#graph1003 .cont02 .tit{text-align:center}
#graph1003 .cont02 .tit p{margin:5px 0 8px;font-size:25px;font-weight:700;color:#111}
#graph1003 .cont02 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:70px}
#graph1003 .cont02 ul li{display:flex;flex-direction:column;padding:40px;background:#fff}
#graph1003 .cont02 ul li img{margin-left:auto;opacity:.2}
#graph1003 .cont02 ul li div{margin-top:60px}
#graph1003 .cont02 ul li p{margin:10px 0 15px;font-size:20px;font-weight:500;color:#111}

#graph1003 .cont03{padding:100px 0;background:#ffffff}
#graph1003 .cont03 .tit{text-align:center}
#graph1003 .cont03 .tit p{margin:5px 0 8px;font-size:25px;font-weight:700;color:#111}

@media(max-width:1024px){
.pagecommon .pl{white-space:normal}
.pagecommon .inner{padding:0 10px}
#graph1003 .cont01 .tit p{font-size:30px}
#graph1003 .cont02 .tit p{font-size:22px}
#graph1003 .cont02 ul li p{font-size:18px}
}
@media(max-width:768px){
#graph1003 .cont01 .tit{display:block;text-align:center}
#graph1003 .cont01 .tit p{font-size:25px;line-height:1.3}
#graph1003 .cont01 .r_cont{margin-top:10px;padding-left:0}
#graph1003 .cont01 .graph{margin:70px 0 90px}
#graph1003 .cont01 .cir{width:430px;height:430px}
#graph1003 .cont01 .cir p{font-size:16px}
#graph1003 .cont01 .cir .c1{width:430px;height:430px}
#graph1003 .cont01 .cir .c2{width:320px;height:320px}
#graph1003 .cont01 .cir .c3{width:220px;height:220px}
#graph1003 .cont01 dl dt{font-size:18px}
#graph1003 .cont01 dl dd{font-size:15px}
#graph1003 .cont02 ul{display:block}
#graph1003 .cont02 ul li{padding:30px}
#graph1003 .cont02 ul li+li{margin-top:10px}
#graph1003 .cont02 ul li img{width:60px}
#graph1003 .cont02 ul li div{margin-top:0}
}
@media(max-width:480px){
.pagecommon{font-size:14px}
#graph1003 span{font-size:13px}
#graph1003 .cont01 .tit p{font-size:23px}
#graph1003 .cont01 .graph{flex-direction:column-reverse;gap:35px}
#graph1003 .cont01 .cir{order:4;width:380px;height:380px}
#graph1003 .cont01 .cir p{font-size:16px}
#graph1003 .cont01 .cir .c1{width:380px;height:380px}
#graph1003 .cont01 .cir .c2{width:280px;height:280px}
#graph1003 .cont01 .cir .c3{width:180px;height:180px}
#graph1003 .cont02{padding:65px 0}
#graph1003 .cont02 .tit p{font-size:20px}
#graph1003 .cont02 ul{margin-top:40px}
#graph1003 .cont02 ul li p{font-size:16px;font-weight:700}
}
@media(max-width:380px){
}