#wrap {min-height: 100vh;width: 100%;padding-top: 6rem;background-color: #f9f9f9;}
table {width: 100%;border-collapse: collapse;margin-top: 2rem;}
table tr {}
table tr td {
    font-size: 1.6rem;
    padding: 1.2rem;
    background-color: #fff;
    border-right: 1px solid #e4eae7;
    border-bottom: 1px solid #e4eae7;
}
table tr td:last-of-type {
    border-right: none;
}
table tr:last-of-type td {
    border-bottom: none;
}
table tr th {
    font-size: 1.6rem;
    padding: 1.2rem;
    text-align: left;
    background-color: #e4eae7;
    color: #40655e;
    font-weight: bold;
}

/* 인덱스 */
#wrap.index {padding-bottom: 0;background: #55a37a url('../img/index.png') no-repeat center 100% / contain;}
#wrap.index img {width: 60%;margin-left: 10%;margin-top: 18vh;}


/* 헤더 */
header {position: fixed;left: 0;top: 0;height: 6rem;width: 100%;background-color: #f9f9f9;z-index: 100;padding: 1rem 1.5rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
header.home {border-bottom: 1px solid transparent;}
header .logo img {width: 4.5rem;}
header .dummy {
    background: url('../img/logo_sub.png') no-repeat 0 center / contain;
    object-fit: contain;
    height: 100%;
    width: 5rem;
}
header .prev {
    background: url('../img/prev.png') no-repeat 0 center / 2rem;
    object-fit: contain;
    height: 100%;
    width: 5rem;
}
header h1 {font-size: 1.6rem;font-weight: 800;}


/* 홈 */
.home_wrap {padding: 1.5rem 1.5rem 3rem;}
.home_wrap h2 {display: flex;justify-content: space-between;align-items: center;font-size: 1.8rem;color: #343434;line-height: 1.4;font-weight: 600;padding: 3.5rem 0 1rem;}
.home_wrap h2 img {width: 6.5rem;}
.home_wrap .white_box {padding: 1.5rem;background-color: #fff;border-radius: 1.5rem;box-shadow: 0 1rem 1rem rgba(0, 0, 0, .16);}
.home_wrap .white_box h3 {font-size: 1.8rem;color: #004a58;line-height: 1.4;font-weight: 800;margin: 2rem 0 3rem;}
.home_wrap .banner_wrap {margin-top:4rem;}
.home_wrap .banner {margin-bottom: 1.3rem;display: block;width: 100%;}
.home_wrap .banner img {width: 100%;}
.home_wrap .swiper {
    height: fit-content;
    padding-bottom: 3rem;
}
.home_wrap .swiper span img {
    width: 100%;
    padding: 3rem 4rem;
}
.home_wrap .swiper span .card_name {
    font-size: 1.8rem;
    font-weight: 800;
    text-align: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid #b7b7b7;
}
.home_wrap .swiper span.box {
    border-radius: 2rem;
    background-color: #e9eddf;
    margin: 2rem 0 1rem;
    padding: 2rem 3rem;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
    color: #5e6863;
}
.swiper-pagination-bullet {
    opacity: .1 !important;
}
.swiper-pagination-bullet-active {
    background-color: #2d7d5d !important;
    opacity: 1 !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: .3rem !important;
}


/* mean.php */
.mean_wrap {
    background-color: #fff;
    border-radius: 1rem;
    margin: 1.5rem;
    padding: 1.5rem;
}
.mean_wrap img.meanintro {width: 35%;max-width: 300px;margin: 3rem auto;display: block;}
.mean_wrap h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #557c55;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #ddd;
}
.mean_wrap pre {
    line-height: 1.4;
    font-size: 1.6rem;
    color: #4d5853;
    margin-bottom: 2rem;
}
.mean_wrap .img_wrap img {width: 100%;border-radius: .5rem;box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .1);margin-bottom: 1.5rem;}



/* service */
.service_wrap {
    padding: 1rem 1.5rem 2rem;
}
.service_wrap h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #4a4f4e;
    padding: 1.5rem 0;
}
.service_wrap h3 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    color: #56615c;
}
.service_wrap pre {
    line-height: 1.4;
    font-size: 1.6rem;
    color: #4d5853;
    margin-bottom: 2rem;
}
.service_wrap .link {
    display: flex;justify-content: center;align-items: center;
    width: 100%;
    color: #fff;
    font-size: 1.6rem;
    padding: 1.5rem 0;
    background-color: #7ab9a9;
    border-radius: 10rem;
    margin-bottom: 2rem;
}
.service_wrap #money input {
    padding: 1.3rem 4rem 1.3rem 2rem;
    background-color: #eaeae8;
    border-radius: .5rem;
    text-align: right;
    font-size: 1.8rem;
    color: #7b807f;
    width: 100%;
}
.service_wrap #money input::placeholder {
    color: #ccc;
}
.service_wrap .input_wrap {
    position: relative;
}
.service_wrap .input_wrap::before {
    content: "원";
    position: absolute;
    top: 50%;
    right: 1.8rem;
    line-height: 1.4;
    font-size: 1.8rem;
    transform: translateY(-50%);
    color: #7b807f;
}
#calc {
    width: 100%;
    color: #fff;
    padding: 1.8rem;
    font-size: 1.6rem;
    border-radius: 30rem;
    background-color: #7ab9a9;
}
#calc.nono {
    background-color: #eaeae8;
    color: #b4b4b4;
    box-shadow: .1rem .1rem .3rem rgba(109, 109, 109, 0.1) inset;
}
.service_wrap .calc_result {
    min-height: calc(100vh - 10rem);
}
.service_wrap .calc_result img {
    width: 1.2rem;
    display: block;
    margin: 4rem auto 2rem;
}
.service_wrap .calc_result .point {
    font-size: 1.8rem;
    font-weight: 800;
    text-align: right;
    color: #828786;
    margin-bottom: 2rem;
}
.service_wrap .calc_result .point span {
    font-size: inherit;font-weight: inherit;color: inherit;line-height: inherit;
}
.service_wrap .calc_result .result {
    font-size: 1.6rem;
    padding: 1.5rem;
    line-height: 1.4;
    color: #727574;
    background-color: #f5f5f5;
    border-radius: .5rem;

}
.service_wrap img {width: 100%;margin-bottom: 1.5rem;}
.service_wrap .img_wrap {display: flex;justify-content: space-between;align-items: center;gap: 1rem;}
.service_wrap .img_wrap img {width: calc(50% - .5rem);}
.service_wrap .img_wrap.wrap100 {flex-wrap: wrap;gap: 0;}
.service_wrap .img_wrap.wrap100 img {width: 100%;border-radius: 0.5rem;box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, .1);margin-bottom: 1.5rem;}
.service_wrap .inner {margin-bottom: 1.5rem;}
.service_wrap .tabs {display: flex;align-items: center;gap: .5rem;}
.service_wrap .tabs span {
    border-radius: 10rem;
    border: 1px solid #779f8f;
    background-color: #f5f7f6;
    color: #8c8d8d;
    padding: .7rem 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
}
.service_wrap .tabs span.active {
    background-color: #bdd09b;
    font-weight: bold;
    color: #4e716a;
}
.service_wrap .warn {
    font-size: 1.4rem;
    color: #606362;
    line-height: 1.4;
    border-radius: .7rem;
    padding: 1.5rem;
    margin-bottom: 2rem;
    background-color: #edf0ef;
}
/* .service_wrap .tabs span:nth-of-type(1){width: 38%;}
.service_wrap .tabs span:nth-of-type(2){width: 42%;}
.service_wrap .tabs span:nth-of-type(3){width: 30%;} */
.service_wrap .tabs_mate {
    margin-bottom: 2rem;
    padding: 1rem 0;
}
.service_wrap .tabs_mate p {
    font-size: 1.6rem;
    font-weight: 800;
    position: relative;
    padding: 1.5rem 0;
    line-height: 1.6;
    border-bottom: 1px solid #ddd;
}
.service_wrap .tabs_mate p b {
    font-size: inherit;
    font-weight: 500;
    color: #555;
}
.service_wrap .tabs_mate p span {
    position: absolute;
    top: 50%;
    right: 1rem;
    font-size: 2.6rem;
    font-weight: 800;
    color: #a2c49e;
    transform: translateY(-50%);
    font-family: 'NanumSquareNeo', sans-serif;
}
.service_wrap .swiper {
    height: fit-content;
    padding-bottom: 3rem;
}
.service_wrap .swiper img {
    width: 100%;
}
.service_wrap .swiper .swiper-wrapper {
    margin-bottom: 1.5rem;
}



/* type_wrap */
.type_wrap {
    padding: 0 1.5rem 2rem;
}
.type_wrap img.typeintro {
    width:68%;
    max-width: 300px;
    margin: 2rem auto;
    display: block;
}
.type_wrap pre.typeintro {
    border-radius: 2rem;
    background-color: #e9eddf;
    margin: 2rem 0 1rem;
    padding: 3rem 3.5rem;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
    color: #5e6863;
}
.type_wrap h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #2e2e2e;
    text-align: center;
    padding-bottom: 2rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #ddd;
}
.type_wrap h3, .type_mate h3 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #4a4f4e;
    padding: 2rem 0;
}
.type_wrap pre, .type_mate pre {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #646464;
}
.type_wrap .tabs {
    display: flex;align-items: center;flex-wrap: wrap;
}
.type_wrap .tabs span {
    background-color: #fff;
    color: #828282;
    padding: 2rem;
    width: calc(25% - 1px);
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.2;
    height: 5rem;
    margin-bottom: .5rem;
    border-right: 1px solid #ddf;
    display: flex;justify-content: center;align-items: center;
    border-bottom: 2px solid transparent;
}
.type_wrap .tabs span.active {
    background-color: #e9eddf;
    color: #3f655f;
    font-weight: 600;
    border-bottom: 2px solid #bdd09a;
}
.type_wrap .tabs span:nth-of-type(4n) {border-right: none;}
.type_wrap .tabs span:last-of-type {border-right: none;}

/* type.php : type_mate */
.type_mate {
    background-color: #fff;
    padding: 1.5rem;
}
.type_mate .img_wrap {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}
.type_mate .img_wrap img {
    width: calc((100% - 1.5rem) / 4);
}
.type_mate .tabs_mate {
    padding: 2rem 0;
}
.type_mate .tabs_mate .sub_title {
    font-size: 2rem;
    font-weight: 800;
    color: #557c55;
    padding-bottom:2rem;
}
.type_mate .tabs_mate .bold {
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.4;
    color: #636d68;
}
.type_mate .tabs_mate .content {
    font-size: 1.6rem;
    line-height: 1.4;
}




/* 토글 */
.toggle {}
.toggle .box {
    background-color: #fff;
    padding: 1.5rem 1.5rem;
    margin-bottom: 1rem;
    border-radius: .5rem;
    box-shadow: 0 .3rem .3rem rgba(0, 0, 0, .1);
}
.toggle .box h4 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #7dbbac;
    background: url('../img/arrow_open.png') no-repeat calc(100% - 1rem) center / 1rem;
}
.toggle .box pre {
    border-top: 1px solid #ddd;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
    display: none;
}
.toggle .box.open h4 {
    background: url('../img/arrow_close.png') no-repeat calc(100% - 1rem) center / 1rem;
}
.toggle .box.open pre {
    display: block;
}