@font-face {
    font-family: 'BMJUA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: none;
    color: #000;
}

html {
    word-break: keep-all;
}

.flipbook-textLayer>span {
    display: none;
}

.cyclemenu h2 {
    color: #27256B !important
}

.cyclemenu h2 a:hover {
    color: #EC4C76 !important;
    transition-duration: .2s;
}

.cyclemenub h2 a:hover {
    color: #EC4C76 !important;
    transition-duration: .2s;
}


.headt h1,
.headt h2 {
    font-family: 'BMJUA' !important;
    font-weight: 500 !important;
}

.heads h1,
.heads h2 {
    font-family: 'GmarketSansMedium' !important;
    font-weight: 500 !important;
}

.flipbook-tocItem .title {
    font-size: 12px;
    text-indent: -18px;
    padding-left: 18px;
    color: #fff;
    word-break: break-all;

}

.flipbook-color-light {
    color: #fff !important;
    padding-left: 3px !important;
}

.cyclemenu {
    text-indent: -28px;
    padding-left: 28px;
    word-break: keep-all;

}

.cyclemenu a {
    line-height: 1.5 !important;
    font-family: 'paybooc-Bold' !important;
}

.cyclemenub {
    text-indent: -28px;
    padding-left: 28px;
    word-break: keep-all;
}

.cyclemenub a {
    line-height: 1.5 !important;
    font-family: 'paybooc-Bold' !important;

}

#mtbu {
    width: 100%;
}

.flipbook-bg-light {
    background: rgb(209 86 118) !important;
}


body {
    background: url(../images/bg.png) no-repeat center top / 100% auto;
    background-attachment: fixed;
    font-family: "Noto Sans KR", Sans-serif;
}

body.mo {
    background-size: auto 100%;
    overflow-x: hidden;
    width: 100vw;
}

img {
    display: block;
    width: 100%;
}

.w-1440 {
    max-width: 1440px;
    width: 100%;
    margin: auto;
}

.mo .w-1440 {
    padding: 0 4%;
    width: 92%;
}

header {
    padding: 25px 0 55px;
}

.img {
    margin: auto;
}

header h1 {
    width: 24%;
}

.mo header h1 {
    width: 45%;
}

.main .heart-ico {
    width: 57px;
}

.main h2 {
    text-align: center;
    margin-top: 24px;
}

.main h2 span {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    color: #EC4C76;
    font-family: 'GmarketSansMedium';
    display: block;
    margin-bottom: 4px;
}

.main h2 strong {
    font-size: 42px;
    line-height: 1;
    font-weight: 500;
    color: #27256B;
    font-family: 'BMJUA';
    display: block;
}

.main .main-btn {
    width: 100%;
    max-width: 920px;
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #FFFFFF;
    border: 2px solid #27256B;
    background-color: #27256B;
    letter-spacing: 0.06em;
    border-radius: 5px;
    padding: 10px 0;
    margin: 50px auto 0;
    transition: all .4s;
    text-align: center;
    line-height: 1.4em;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:20px;
}
.main .main-btn img {
    width:60px;
    
}
.main .main-btn:hover {
    background: #fff;
    color: #27256B;
}

.mo.main .main-btn {
    width: 100%;
    font-size: 24px;
}

.service-wrap {
    max-width: 920px;
    width: 100%;
    margin: auto;
}

.service-wrap .title {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: .1em;
    font-family: "Noto Sans KR", Sans-serif;
    color: #fff;
    background: #EC4677;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    text-align: center;
}

.service-wrap ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    border-collapse: collapse;
}

.service-wrap ul li {
    display: table-cell;
}

.mo .service-wrap ul li {
    display: block;
    width: 100%;
}

.service-wrap ul li a {
    display: block;
    padding: 20px 10px;
    border: 1px solid #E6E6E6;
}

.service-wrap ul li+li a {
    border-left: 0 none;
}

.mo .service-wrap ul li+li a {
    border: 1px solid #E6E6E6;
    border-top: 0 none;
}

.service-wrap ul+ul li a {
    border-top: 0 none;
}

.service-wrap ul li .img {
    width: 262px;
    transition: all .4s;
}

.service-wrap ul li:hover .img {
    transform: scale(1.2);
}

.service-wrap ul li span {
    display: block;
    text-align: center;
    color: #EC4677;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 0.4em;
    margin-top: 14px;
    font-family: "Noto Sans KR", Sans-serif;
}

.service-wrap.service-lifetime {
    margin-top: 60px;
}

.main .all-service {
    color: #EC4677;
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 35px;
    font-weight: 600;
    margin: 40px auto 60px;
    text-align: center;
    display: block;
    max-width: 918px;
    line-height: 120px;
    border-top: 0 none;
    background-image: url(../images/all_banner.png);
    background-position: center;
    background-size: 100%;
    border-radius: 15px;
    transition: all .4s;
}
.main .all-service:hover {
    background-size:105%;
}
.mo.main .all-service{
    line-height:50px;
    font-size:28px;
}

.service-wrap.service-cate .title {
    background: #58C1AB;
}

.service-wrap.service-cate ul li {
    width: 33%;
}

.mo .service-wrap.service-cate ul li {
    width: 100%;
}

.service-wrap.service-cate ul li a {
    border-color: #E6E6E6;
}

.service-wrap.service-cate ul li a .img {
    width: 214px;
}

.service-wrap.service-cate ul li a span {
    color: #58C1AB;
}

.main .job-banner {
    background: #a2d1e1 url(../images/bg_job.jpg) no-repeat center;
    background-size: auto 100%;
    margin-top: 100px;
}

.main .job-banner>div {
    height: 300px;
}

.mo.main .job-banner>div {
    height: auto;
    padding: 8vw 6vw;
}

.main .job-banner strong {
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2em;
    padding-top: 60px;
    display: block;
}

.mo.main .job-banner strong {
    font-size: 1.8rem;
    padding-top: 0;
}

.main .job-banner strong span {
    color: #004F88;
}

.main .job-banner p {
    color: #004F88;
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 19px;
    font-weight: 600;
    margin-top: 10px;
}

.mo.main .job-banner p {
    font-size: 1.2rem;
}

.main .job-banner a {
    display: inline-block;
    line-height: 1;
    background-color: #004F88;
    font-size: 15px;
    font-weight: 300;
    font-family: "Noto Sans KR", Sans-serif;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    margin-top: 20px;
}

.main .job-banner i {
    margin-left: 10px;
}

.main .print-btn {
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    display: block;
    max-width: 614px;
    margin: 80px auto 0;
    text-align: center;
    background: #EC4C76;
    border: 2px solid #EC4C76;
    border-radius: 5px;
    color: #fff;
}

.mo.main .print-btn {
    width: 86%;
    font-size: 1.2rem !important;
    line-height: 1.2em;
    padding: 4vw 2vw;
}

.main .print-btn .fas {
    margin-right: 6px;
}

.main footer {
    padding: 200px 0;
}

.main footer img {
    max-width: 126px;
    width: 100%;
    margin: auto;
}

.mo.main footer img {
    width: 80%;
}

.sub {
    padding-bottom: 80px;
}

.sub .top-nav {
    display: block;
    width: 310px;
    margin: 0 auto;
    color: #fff;
    background: #27256B;
    border-radius: 0 0 10px 10px;
    text-align: center;
    line-height: 42px;
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 22px;
    font-weight: 500;
}

.mo.sub .top-nav {
    width: 60%;
}

.sub header {
    margin-top: 40px;
    overflow: hidden;
}

.mo.sub header {
    text-align: center;
}

.sub header .left {
    float: left;
    padding-left: 16px;
}

.mo.sub header .left {
    float: none;
}

.sub header .left>* {
    display: block;
}

.sub header .left .heart {
    width: 54px;
}

.mo.sub header .left .heart {
    margin: 0 auto 30px;
}

.sub header .left span {
    font-family: 'GmarketSansMedium';
    font-weight: 500;
    font-size: 22px;
    color: #EC4C76;
    margin-top: 10px;
}

.sub header .left h2 {
    font-size: 40px;
    color: #27256B;
    font-family: 'BMJUA';
    font-weight: 500;
    margin-top: 6px;
}

.sub header .left strong {
    color: #27256B;
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 70px;
    font-weight: 700;
    margin-top: 60px;
    word-break: break-all;
}

.mo.sub header .left strong {
    font-size: 2rem;
}


.sub header .left strong.red {
    color: #EC4C76;
    font-size: 111px;
}

.mo.sub header .left strong.red {
    font-size: 2.8rem;
}

.sub header .left strong.green {
    color: #58C1AB;
    font-size: 111px;
}

.mo.sub header .left strong.green {
    font-size: 2.8rem;
}

.sub header .left em {
    color: #27256B;
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px;
}

.mo.sub header .left em {
    font-size: 1rem;
}

.sub header .left em.red {
    color: #EC4C76;
}

.sub header .left em.green {
    color: #58C1AB;
}

.sub header .right {
    float: right;
    padding-top: 60px;
    padding-right: 16px;
}

.mo.sub header .right {
    float: none;
}

.sub header .right img {
    width: 210px;
    display: block;
    margin: 0 auto;
}

.mo.sub header .right img {
    width: 80% !important;
}
.sub .service-lists{padding: 0 16px;}
.sub .item-title {
    color: #EC4C76;
    font-family: "Noto Sans KR", Sans-serif;
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 14px;
}

.sub .item-box {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.mo.sub .item-box {
    margin-top: 60px;
}

.sub .item-box>div {
    display: table-cell;
}

.mo.sub .item-box>div {
    display: block;
}

.mo.sub .item-box>div+div {
    margin-top: 10px;
}

.sub .item-box a {
    position: relative;
    padding-left: 32px;
    padding-right: 14px;
    line-height: 1.5 !important;
    font-family: 'paybooc-Bold' !important;
    color: #27256B;
    font-size: 16.5px;
    display: block;
}

.sub .item-box a span {
    position: absolute;
    left: 0;
}

.sub .item-box a:hover {
    color: #EC4C76;
}

.sub .item-box a+a {
    margin-top: 4px;
}

.mo.sub .item-box a+a {
    margin-top: 10px;
}

.flipbook-overlay {
    background: rgb(81, 85, 88);
}

.mo .flipbook-overlay {
    background: #fff;
}


.flipbook-tocHolder {
    width: 300px;
}

.flipbook-tocHolder .title {
    line-height: 1.2em;
    vertical-align: middle;
    width: 200px !important;
}