/* guide */
.guide-wrap {
    display: flex;
    align-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;
}
.guide-wrap:last-child {
    border-bottom: none;
    padding-bottom: 40px;
}
.bg-guide {
    height: 80px; width: 80px; min-width: 80px;
    margin-right: 30px;
    border-radius: 50%;
    background-size: contain !important;
    background-position: center center !important;
}
.text-guide .title {
    font-weight: 900;
    font-size: 24px;
}
.text-guide .text {
    font-size: 14px;
    letter-spacing: 0.04rem;
}
.guide-btn-wrap {
    margin: 40px 0;
}
.guide-btn-wrap .btn {
    width: 120px;
}
.btn-review {
    display: grid;
    min-width: 200px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    padding: 0 0 0 20px;
}
.btn-review .div1 { font-size: 14px; grid-area: 1 / 1 / 2 / 2; }
.btn-review .div2 { font-size: 14px; grid-area: 1 / 2 / 2 / 3; }
.btn-review .div3 { grid-area: 2 / 1 / 3 / 3; }
.btn-review .btn-blue {width: 100%; padding: 7px 20px !important;}
/* main */
.wrap_icons .cols {
    height: 345px;
    flex-direction: column;
}
.wrap_icons .title {
    padding-top: 100px;
    text-align: center;
}
.wrap_icons .col-l {
    height: 355px;
}
.wrap_icons .tit-l {
    padding-top: 90px;
}
.wrap_icons .col-r {
    height: 335px;
}
.wrap_icons .tit-r {
    padding-top: 110px;
}
.wrap_icons .title div {
    height: 40px;
    font-size: 20px;
    font-weight: 600;
    color: #707070;
}
.wrap_icons .title a {
    font-size: 16px;
    font-weight: 600;
    color: #00A6FA;
}
.wrap_icons .ico {
    z-index: 3;
    height: 70px;
}
.pen {
    z-index: 2;
    position: relative;
    width: 130px;
    height: 130px;
}
.center-pen {
    transform: rotate(42deg);
    left: 10px;
}
.p1, .p2, .p3, .p4, .p5, .p6 { position: absolute; background-color: #fff; }
.p1, .p2, .p3, .p4, .p5 {
    height: 44%;
    width: 100%;
    border-radius: 25px;
}
.p6 {
    border-radius: 20px;
    height: 66.6%;
    width: 66.6%;
    top: 30%;
    left: 17%;
}
.p1 { top: 0; left: 0; }
.p2 { top: 27%; left: 38%; transform: rotate(72deg); }
.p3 { top: 72%; left: 24%; transform: rotate(144deg); }
.p4 { top: 72%; left: -24%; transform: rotate(216deg); }
.p5 { top: 27%; left: -38%; transform: rotate(288deg); }

#wrap_icons {
    border-top-left-radius: 100% 14%;
    border-top-right-radius: 100% 14%;
    border-bottom-left-radius: 100% 14%;
    border-bottom-right-radius: 100% 14%;
    background-color: #F6F6F6;
    min-height: 390px;
    height: auto;
    padding: 40px 0 40px 0;
    margin-bottom: 242px;
    z-index: 10;
}
.wrap-icons-sm {
    border-top-left-radius: 100% 11% !important;
    border-top-right-radius: 100% 11% !important;
    border-bottom-left-radius: 100% 11% !important;
    border-bottom-right-radius: 100% 11% !important;
}
@media only screen and (max-width: 992px) {
    .guide-wrap {
        flex-direction: column;
    }
    .bg-guide {
        margin-right: 0;
    }
    .text-guide .title {
        text-align: center;
        margin-top: 5px;
    }
    .btn-review {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 992px) {
    .wrap-icons-sm {
        border-top-left-radius: 100% 7% !important;
        border-top-right-radius: 100% 7% !important;
        border-bottom-left-radius: 100% 7% !important;
        border-bottom-right-radius: 100% 7% !important;
    }
}
@media only screen and (max-width: 767px) {
    #wrap_icons {
        height: auto;
        border-top-left-radius: 100% 4%;
        border-top-right-radius: 100% 4%;
        border-bottom-left-radius: 100% 4%;
        border-bottom-right-radius: 100% 4%;
    }
    .wrap-icons-sm {
        border-top-left-radius: 100% 3% !important;
        border-top-right-radius: 100% 3% !important;
        border-bottom-left-radius: 100% 3% !important;
        border-bottom-right-radius: 100% 3% !important;
    }
    .btn-review {
        padding: 0;
    }
}

#wrap_icons h3:first-child {margin-top: 0}
#wrap_icons h3 {margin-bottom: 0}
#wrap_icons .text {padding: 20px}
#wrap_icons .text:last-child {padding-bottom: 40px}
#img_footer {height: 320px !important}
footer {bottom: -250px !important}