@charset "utf-8";
/* 폰트 초기화 */
/*<!--pc20251008 -->*/

*, *::before, *::after {
    box-sizing: border-box;
}
.container_circle {
    max-width: 100%;
    margin: 2rem auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.step_circle {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.step_circle:not(:last-of-type) {
    margin-right: 2rem;
}
.step_circle:nth-child(odd) {
    flex-direction: column-reverse;
    margin-top: .4rem;
}
.step_circle:nth-child(odd) .circ::before, .step_circle:nth-child(odd) .circ::after {
    margin-top: 0;
}
.step_circle:nth-child(odd) .half {
    transform: rotate(180deg);
    top: 0;
}
.circ {
    width: 18rem;
    height: 18rem;
   /* border-radius: 6rem;*/
    position: relative;
}
.inner_circle {
    border-radius: 50%;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    /*background: lightpink;*/
background: #eeeeee;
}
.img_cen{
position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
}
.circ::before, .circ::after {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    background: black;
    border-radius: 0.5rem;
    top: 50%;
    margin-top: 1px;
    transform: translateY(-50%);
}
.circ::before {
    left: -2.2rem;
}
.circ::after {
    right: -2.2rem;
}
.half {
    position: absolute;
    top: 50%;
    left: 0;
    border: 1px solid #666;
    width: 18rem;
    height: 9rem;
    border-radius: 0 0 9rem 9rem;
    border-top-width: 0;
}
.half::before, .half::after {
    content: '';
    width: 2.2rem;
    height: 2px;
    background: black;
    display: block;
    position: absolute;
    top: 0%;
}
.half::before {
    right: 100%;
}
.half::after {
    left: 100%;
}
.text{
font-size:1.50rem;color:#1287e3;font-weight:700
}
.sub_p
{
margin-left:-2.0rem;font-size:1.1rem;color:#333;font-weight:700
}