h1,h2,h3,h4,p {font-weight: 400;}

.section {padding: 100px 0;}
.relative {position: relative;}

.font-40 {font-size: 40px;}
.font-26 {font-size: 26px;}
.font-22 {font-size: 22px;}

.text-center {text-align: center;}

.lh-12 {line-height: 1.2;}
.lh-15 {line-height: 1.5;}
.lh-17 {line-height: 1.7;}

.width100 {width: 100%;}

.img-responsive {display: block; max-width: 100%;}

.color-gray {color: #7e7e7e;}

@media(max-width:1580px) {
    .font-40 {font-size: 30px;}
    .font-26 {font-size: 20px;}
    .font-22 {font-size: 18px;}
}

@media(max-width: 768px) {
    .section {padding: 60px 0;}
}

@media(max-width:580px) {
    .font-40 {font-size: 20px;}
    .font-26 {font-size: 16px;}
    .font-22 {font-size: 15px;}
}

/* ===== Margin ===== */
.no-margin {margin:0 !important}
.m-zero-auto {margin: 0 auto ;}
.m-auto {margin: auto}

.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.mt-auto {margin-top: auto;}
.mb-auto {margin-bottom: auto;}
.mx-auto {margin-left: auto;margin-right:auto}
.my-auto {margin-top: auto;margin-bottom:auto}

.mt-0   {margin-top: 0 !important;}
.mt-5   {margin-top: 0.3125rem;}
.mt-10  {margin-top: 0.625rem; }
.mt-15  {margin-top: 0.9375rem;}
.mt-20  {margin-top: 1.250rem; }
.mt-25  {margin-top: 1.5625rem;}
.mt-30  {margin-top: 1.875rem; }
.mt-35  {margin-top: 2.1875rem;}
.mt-40  {margin-top: 2.500rem; }
.mt-45  {margin-top: 2.8125rem;}
.mt-50  {margin-top: 3.125rem; }
.mt-60  {margin-top: 3.750rem; }
.mt-70  {margin-top: 4.375rem; }
.mt-80  {margin-top: 5.000rem; }
.mt-90  {margin-top: 5.625rem; }
.mt-100 {margin-top: 6.250rem; }
.mt-120 {margin-top: 7.500rem; }
.mt-140 {margin-top: 8.750rem; }
.mt-150 {margin-top: 9.375rem; }

.mb-0   {margin-bottom: 0 !important;}
.mb-5   {margin-bottom: 0.3125rem;}
.mb-10  {margin-bottom: 0.625rem; }
.mb-15  {margin-bottom: 0.9375rem;}
.mb-20  {margin-bottom: 1.250rem; }
.mb-25  {margin-bottom: 1.5625rem;}
.mb-30  {margin-bottom: 1.875rem; }
.mb-35  {margin-bottom: 2.1875rem;}
.mb-40  {margin-bottom: 2.500rem; }
.mb-45  {margin-bottom: 2.8125rem;}
.mb-50  {margin-bottom: 3.125rem; }
.mb-60  {margin-bottom: 3.750rem; }
.mb-70  {margin-bottom: 4.375rem; }
.mb-80  {margin-bottom: 5.000rem; }
.mb-90  {margin-bottom: 5.625rem; }
.mb-100 {margin-bottom: 6.250rem; }
.mb-120 {margin-bottom: 7.500rem; }
.mb-140 {margin-bottom: 8.750rem; }
.mb-150 {margin-bottom: 9.375rem; }

.mr-0   {margin-right: 0 !important;}
.mr-5   {margin-right: 0.3125rem;}
.mr-10  {margin-right: 0.625rem; }
.mr-15  {margin-right: 0.9375rem;}
.mr-20  {margin-right: 1.250rem; }
.mr-25  {margin-right: 1.5625rem;}
.mr-30  {margin-right: 1.875rem; }
.mr-35  {margin-right: 2.1875rem;}
.mr-40  {margin-right: 2.500rem; }
.mr-45  {margin-right: 2.8125rem;}
.mr-50  {margin-right: 3.125rem; }
.mr-60  {margin-right: 3.750rem; }
.mr-70  {margin-right: 4.375rem; }
.mr-80  {margin-right: 5.000rem; }
.mr-90  {margin-right: 5.625rem; }
.mr-100 {margin-right: 6.250rem; }

.ml-0   {margin-left: 0 !important;}
.ml-5   {margin-left: 0.3125rem;}
.ml-10  {margin-left: 0.625rem; }
.ml-15  {margin-left: 0.9375rem;}
.ml-20  {margin-left: 1.250rem; }
.ml-25  {margin-left: 1.5625rem;}
.ml-30  {margin-left: 1.875rem; }
.ml-35  {margin-left: 2.1875rem;}
.ml-40  {margin-left: 2.500rem; }
.ml-45  {margin-left: 2.8125rem;}
.ml-50  {margin-left: 3.125rem; }
.ml-60  {margin-left: 3.750rem; }
.ml-70  {margin-left: 4.375rem; }
.ml-80  {margin-left: 5.000rem; }
.ml-90  {margin-left: 5.625rem; }
.ml-100 {margin-left: 6.250rem; }

/* ===== Padding ===== */
.no-padding {padding:0!important}

.pt-0   {padding-top: 0!important;}
.pb-0   {padding-bottom: 0!important;}
.pr-0   {padding-right:0!important}
.pl-0   {padding-left:0!important}

.pt-5   {padding-top: 0.3125rem;}
.pt-10  {padding-top: 0.625rem; }
.pt-15  {padding-top: 0.9375rem;}
.pt-20  {padding-top: 1.250rem; }
.pt-25  {padding-top: 1.5625rem;}
.pt-30  {padding-top: 1.875rem; }
.pt-35  {padding-top: 2.1875rem;}
.pt-40  {padding-top: 2.500rem; }
.pt-45  {padding-top: 2.8125rem;}
.pt-50  {padding-top: 3.125rem; }
.pt-60  {padding-top: 3.750rem; }
.pt-70  {padding-top: 4.375rem; }
.pt-80  {padding-top: 5.000rem; }
.pt-90  {padding-top: 5.625rem; }
.pt-100 {padding-top: 6.250rem; }

.pb-5   {padding-bottom: 0.3125rem;}
.pb-10  {padding-bottom: 0.625rem; }
.pb-15  {padding-bottom: 0.9375rem;}
.pb-20  {padding-bottom: 1.250rem; }
.pb-25  {padding-bottom: 1.5625rem;}
.pb-30  {padding-bottom: 1.875rem; }
.pb-35  {padding-bottom: 2.1875rem;}
.pb-40  {padding-bottom: 2.500rem; }
.pb-45  {padding-bottom: 2.8125rem;}
.pb-50  {padding-bottom: 3.125rem; }
.pb-60  {padding-bottom: 3.750rem; }
.pb-70  {padding-bottom: 4.375rem; }
.pb-80  {padding-bottom: 5.000rem; }
.pb-90  {padding-bottom: 5.625rem; }
.pb-100 {padding-bottom: 6.250rem; }

.pr-5   {padding-right: 0.3125rem;}
.pr-10  {padding-right: 0.625rem; }
.pr-15  {padding-right: 0.9375rem;}
.pr-20  {padding-right: 1.250rem; }
.pr-25  {padding-right: 1.5625rem;}
.pr-30  {padding-right: 1.875rem; }
.pr-35  {padding-right: 2.1875rem;}
.pr-40  {padding-right: 2.500rem; }
.pr-45  {padding-right: 2.8125rem;}
.pr-50  {padding-right: 3.125rem; }
.pr-60  {padding-right: 3.750rem; }
.pr-70  {padding-right: 4.375rem; }
.pr-80  {padding-right: 5.000rem; }
.pr-90  {padding-right: 5.625rem; }
.pr-100 {padding-right: 6.250rem; }

.pl-5   {padding-left: 0.3125rem;}
.pl-10  {padding-left: 0.625rem; }
.pl-15  {padding-left: 0.9375rem;}
.pl-20  {padding-left: 1.250rem; }
.pl-25  {padding-left: 1.5625rem;}
.pl-30  {padding-left: 1.875rem; }
.pl-35  {padding-left: 2.1875rem;}
.pl-40  {padding-left: 2.500rem; }
.pl-45  {padding-left: 2.8125rem;}
.pl-50  {padding-left: 3.125rem; }
.pl-60  {padding-left: 3.750rem; }
.pl-70  {padding-left: 4.375rem; }
.pl-80  {padding-left: 5.000rem; }
.pl-90  {padding-left: 5.625rem; }
.pl-100 {padding-left: 6.250rem; }

/* Padding (em)*/
.pt-1em   {padding-top:    1em}
.pt-2em   {padding-top:    2em}
.pt-3em   {padding-top:    3em}
.pt-4em   {padding-top:    4em}
.pb-1em   {padding-bottom: 1em}
.pb-2em   {padding-bottom: 2em}
.pb-3em   {padding-bottom: 3em}
.pb-4em   {padding-bottom: 4em}
.pr-1em   {padding-right:  1em}
.pr-2em   {padding-right:  2em}
.pr-3em   {padding-right:  3em}
.pr-4em   {padding-right:  4em}
.pl-1em   {padding-left:   1em}
.pl-2em   {padding-left:   2em}
.pl-3em   {padding-left:   3em}
.pl-4em   {padding-left:   4em}

.pd-1em {padding: 1em}
.pd-2em {padding: 2em}
.pd-3em {padding: 3em}
.pd-4em {padding: 4em}
.px-1em {padding-left: 1em ; padding-right: 1em}
.px-2em {padding-left: 2em ; padding-right: 2em}
.px-3em {padding-left: 3em ; padding-right: 3em}
.px-4em {padding-left: 4em ; padding-right: 4em}

.py-1em {padding-top:  1em ; padding-bottom: 1em}
.py-2em {padding-top:  2em ; padding-bottom: 2em}
.py-3em {padding-top:  3em ; padding-bottom: 3em}
.py-4em {padding-top:  4em ; padding-bottom: 4em}

.px-em-point {padding-left:  0.5em ; padding-right: 0.5em}
.py-em-point {padding-top:  0.5em ; padding-bottom: 0.5em}


.visible-lg-re, .visible-md-re, .visible-sm-re, .visible-xs-re,.visible-xxs-re {display:none !important }

@media (max-width:1550px) { .hidden-lg-re {display:none !important} .visible-lg-re {display:block !important}}
@media (max-width:1240px) { .hidden-md-re {display:none !important} .visible-md-re {display:block !important}}
@media (max-width:990px)  { .hidden-sm-re {display:none !important} .visible-sm-re {display:block !important}}
@media (max-width:768px)  { .hidden-xs-re {display:none !important} .visible-xs-re {display:block !important}}
@media (max-width:500px)  { .hidden-xxs-re {display:none !important} .visible-xxs-re{display:block !important}}


/* --------서브페이지----------- */
.subAbout {position: relative;}
.subAbout .bg {position: absolute; right: 5%; top: calc(100px + 50%); transform: translateY(-50%); z-index: -1;}
.subAbout .Cont {display: flex; column-gap: 10rem; flex-wrap: wrap;}
.subAbout .Cont .item {width: calc(50% - 5rem);}
.subAbout .Cont .item:nth-child(2) {margin-top: 30%;}
.subAbout .Cont .item:nth-child(3) {margin-top: -30%;}
.subAbout .Cont .textBox {width: 90%; background: #fff; position: relative; transform: translateY(-5rem); z-index: 1; padding: 3rem 0 3rem 2rem;}

@media(max-width:1440px) {
    .subAbout .Cont {column-gap: 5rem;}
    .subAbout .Cont .item {width: calc(50% - 2.5rem);}
}

@media(max-width:1240px) {
    .subAbout .Cont .textBox {padding: 2.5rem 2rem;}
}

@media(max-width:990px) {
    .subAbout {padding-bottom: 0;}
    .subAbout .bg {z-index: 2; right: 0; width: 100%;}
    .subAbout .bg img {width: 100%;}
    .subAbout .container {width: 100%;}
    .subAbout .subTit {width: 90%; margin: auto;}
    .subAbout .Cont {flex-direction: column;}
    .subAbout .Cont .item {width: 100%; margin-top: 0 !important;}
    .subAbout .Cont .item:nth-child(odd) {padding-right: 15%;}
    .subAbout .Cont .item:nth-child(even) {padding-left: 15%;}
}

@media(max-width:768px) {
    .subAbout .Cont .item:nth-child(odd) {padding-right: 10%;}
    .subAbout .Cont .item:nth-child(even) {padding-left: 10%;}
}

@media(max-width:500px) {
    .subAbout .Cont .item:nth-child(odd) {padding-right: 15%;}
    .subAbout .Cont .item:nth-child(even) {padding-left: 15%;}
}

@media(max-width:370px) {
    .subAbout .subTit p br {display: none !important;}
}

.subPoint {background-image: url("/img/sub/renewal/point_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; color: #fff;}

@media(max-width:990px) {
    .subPoint {padding: 150px 0; background-image: url("/img/sub/renewal/point_bg_m.jpg");}
}

@media(max-width:370px) {
    .subPoint p br {display: none !important;}
}