/* visual */
.sec_visual {margin-top: 3.8rem;}
/* .sec_visual a img {width:100%} */
.main_top {padding: 2rem 0 1rem 0; background: #eff9fe;}
.visual {}
.visual h2 {width: 60%; margin: 0 auto 1rem auto;}
.visual h2 img {width:100%;}
.service {height: 100%;font-size: 1.9rem;font-weight: bold;letter-spacing: -3px;padding: 0;}
.service_title p {font-weight: bold;font-size: 2.7rem;line-height: 1.2;color: #fff;padding: 1.5rem;}
.service_title p em {color:#161884;}
.service_top img{width: 100%;height: 16rem;margin: 0 auto;position: relative;z-index: -1;}
/* .service .service_bottom {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.5rem;
    margin: 0;
    gap: 0.5rem;
}
.service .service_bottom .left {
    width:50%;
}
.service .service_bottom .right {
    width:50%;
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
}
.service .service_bottom .btn {
    width: 100%;
}
.service .service_bottom .btn a {display: flex;align-items: center;justify-content: center;flex-direction: column;color: #000;}
.service .service_bottom  img {width: 100%;}
.service .service_bottom .btn figcaption {font-size: 1rem;text-align: center;line-height: 1.2;letter-spacing: -0.05rem;color:#fff;}
.service .service_bottom .btn figcaption i{margin-left: 0.4rem;} */


.qna_wrap {padding: 1rem;}
.qna_wrap .title {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
.qna_wrap .title h1 {font-size: 1.6rem;font-weight: 500;padding-right: 2rem;line-height: 1.3;border-bottom: 3px solid #161884;}
.qna_wrap .title img {display:block;height:1.5rem;}
.qna_wrap .content ul li {margin-top: .5rem;border: 1px solid #ddd;}
.qna_wrap .content ul li a {word-break: break-all;font-weight: 500;font-size: 1.2rem;line-height: 1.2;padding: .8rem;display: block;}

.content_wrap {
    margin-bottom: 4rem;
    padding: 1rem;
}
.content_wrap ul {}
.content_wrap ul li {margin-bottom: 2rem;}
.content_wrap ul li h3 {
    font-size: 1.4rem;font-weight: bold;margin-bottom: 1rem;word-break: break-all;line-height: 1.2;
}
.content_wrap ul li pre {
    font-size: 1.2rem;line-height: 1.2;word-break: break-all;line-height: 1.4;
}
.content_wrap ul li pre .bold {
    font-weight: bold;font-size: inherit; margin-bottom: .5rem; display: block;
}

/* 0529 추가 css */
.service {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    padding: 0 1.5rem;
}
.service li {
    width: calc(50% - .3rem);
    margin-bottom: .3rem;
}
.service li a {
    display: block;
    border-radius: .5rem;
    height: 8rem;
    padding: .7rem;
    font-size: 1.1rem;
}
.service li:first-child a{
    background: url(../img/main-banner-icon-1.png), linear-gradient(to right, #4073DD, #0E348A);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    background-size: 2.5rem, cover;
}
.service li:nth-child(2) a{
    background-color: #fff;
    background-image: url(../img/main-banner-icon-2.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    background-size: 2.5rem;
}
.service li:nth-child(3) a{
    background-color: #fff;
    background-image: url(../img/main-banner-icon-3.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    background-size: 2.5rem;
}
.service li:last-child a{
    background: url(../img/main-banner-icon-4.png), linear-gradient(to right, #4073DD, #0E348A);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    background-size: 4.5rem, cover;
}
.service li a span {
    display: block;
    font-size: 1.2rem;
    padding-top: .3rem;
}
.service li .blue {
    color: #fff;
}
.service li .white {
    background-color: #fff;
    color: #666666;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.service li .blue span {
    color: #fff;
    font-weight: 600;
}
.service li .white span {
    font-weight: 700;
    color: #666666;
}
.content > a {
    display: block;
    margin: 1rem 0;
}
.content > a img {
    width: 100%;
}