@charset "UTF-8";

/*******************************************************************************
                                    layout
********************************************************************************/
.special-offer [class^="area-pg"] {max-width:34rem;margin:0 auto;}

@media screen and (max-width: 767px) {
    .special-offer [class^="area-pg"] {width:100%;}
}

/*******************************************************************************
                              페이지 네비게이션
********************************************************************************/
.area-pg-anchor ul {display:flex;border:1px solid #ccc;box-sizing:border-box;}
.area-pg-anchor ul li {width:20%;border-right:1px solid #ccc;box-sizing:border-box;}
.area-pg-anchor ul li:last-child {border-right:0px;}
.area-pg-anchor ul li a {position:relative;display:block;padding:1.1rem 0 1rem;background-color:#e9e9e9;text-align:center;}
.area-pg-anchor ul li a strong {display:block;padding-top:3.6rem;background-repeat:no-repeat; background-position:top center;color:#878787;}
.area-pg-anchor ul li:nth-child(5) a:after{position:absolute;top:0;right:-1px;display:block;width:1px;height:100%;background-color:#e9e9e9;content:'';}
.area-pg-anchor ul li:nth-child(1) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav1-off.png);background-position:top 0.6rem center;}
.area-pg-anchor ul li:nth-child(2) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav2-off.png);}
.area-pg-anchor ul li:nth-child(3) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav3-off.png);}
.area-pg-anchor ul li:nth-child(4) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav4-off.png);}
.area-pg-anchor ul li:nth-child(5) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav5-off.png);}
.area-pg-anchor ul li a:hover,
.area-pg-anchor ul li a.active {background-color:#fff;}
.area-pg-anchor ul li a:hover strong,
.area-pg-anchor ul li a.active strong {color:#000;}
.area-pg-anchor ul li:nth-child(1) a:hover strong,
.area-pg-anchor ul li:nth-child(1) a.active strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav1-on.png);}
.area-pg-anchor ul li:nth-child(2) a:hover strong,
.area-pg-anchor ul li:nth-child(2) a.active strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav2-on.png);}
.area-pg-anchor ul li:nth-child(3) a:hover strong,
.area-pg-anchor ul li:nth-child(3) a.active strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav3-on.png);}
.area-pg-anchor ul li:nth-child(4) a:hover strong,
.area-pg-anchor ul li:nth-child(4) a.active strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav4-on.png);}
.area-pg-anchor ul li:nth-child(5) a:hover strong,
.area-pg-anchor ul li:nth-child(5) a.active strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/icon-nav5-on.png);}

@media screen and (max-width: 767px) {
    .area-pg-anchor ul li a strong {padding-top:3.08rem;;background-size:2.62rem;}
    .area-pg-anchor ul li:nth-child(1) a strong {background-position:top 0.86rem center;background-size:60%}
}

/*******************************************************************************
                                    비쥬얼
********************************************************************************/
.area-pg-visual {position:relative;padding:5.5rem 2.25rem 3.5rem 4.75rem;background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bg-area01.jpg) no-repeat top center;background-size:100%;box-sizing:border-box;overflow:hidden;}
.area-pg-visual .title-box {position:relative;}
.area-pg-visual .title-box .tag-top {position:absolute;top:-7%;right:6%;padding:1.6rem 1.1rem;background-color:#23eab5;border-radius:50%;}
.area-pg-visual .title-box .tag-top span,
.area-pg-visual .title-box .tag-top em {display:block;text-align:center;font-size:1.5rem;font-weight:600;line-height:1;letter-spacing: -0.05rem;}
.area-pg-visual .title-box .tag-top span {color:#004432;margin-bottom:0.1rem;}
.area-pg-visual .title-box .tag-top em {color:#bf151b;font-style:italic;}
.area-pg-visual .title-box h1 img {width:100%;}

/* 220510 추가 */
.special-offer-top {background: #fff;width: 90%;box-sizing: border-box;border-radius: 12px;box-shadow: 1.3rem 2rem 0 .5rem #00000060;}
.special-offer-top > strong {display: inline-block;color: #565656;font-size: 1.4rem;margin-bottom: 1rem;padding: 0 1.2rem 0;}
.special-offer-top > strong > strong {color: #000;font-size: 2.5rem;font-weight: 700;font-family: 'vitro-core', sans-serif;}
.special-offer-imgBox {display: flex;align-items: center;margin-bottom: 1.2rem;padding: 1.2rem 1.2rem 0;}
.special-offer-imgBox > span {display: inline-block;width: 3rem;height: 2rem;background: #000;margin: .35rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/special-offer-logo01-220510.png") no-repeat;background-size: 14rem;}
.special-offer-imgBox > span:nth-child(2) {background-position:  -3.7rem 0;}
.special-offer-imgBox > span:nth-child(3) {background-position:  -7.4rem 0;}
.special-offer-imgBox > span:nth-child(4) {background-position:  -11.1rem 0;}
.special-offer-top-bottomText {display: flex !important;align-items: end;font-size: 3rem !important;color: #fff !important;justify-content: center;margin-bottom: 0 !important;background: linear-gradient( #ff3c40 55%, #ff3c40 70%, #FF3A79 100%);padding: 1.2rem !important; border-radius: 0 0 12px 12px;}
.special-offer-top-bottomText > strong {font-size: 8rem !important;color: #fff !important;line-height: 1 !important;display: inline-block !important;}
@media screen and (max-width: 780px) {
    .special-offer-top > strong > strong {font-size: calc(1rem + 3.5vw);}
}
/* //end 220510 추가 */
@media screen and (max-width: 767px) {
    .area-pg-visual {padding:10% 10% 10% 13%;}
    .area-pg-visual .title-box {width:100%;}
    .special-offer-top-bottomText {
        font-size: calc(1rem + 2vw) !important;
    }
    .special-offer-top-bottomText > strong {
        font-size: calc(1rem + 12vw) !important;
    }

}

@media screen and (max-width: 450px) {
    .area-pg-visual .title-box .tag-top {padding:1.2rem 0.78rem;}
    .area-pg-visual .title-box .tag-top span,
    .area-pg-visual .title-box .tag-top em {font-size:1.23rem;}
    .special-offer-top-bottomText {
        font-size: calc(1rem + 4vw) !important;
    }
    .special-offer-top-bottomText > strong {
        font-size: calc(1rem + 14vw) !important;
    }
}

/*******************************************************************************
                                    본문 1
********************************************************************************/
.area-pg-content {padding:5.2rem 1.25rem 3.7rem;box-sizing:border-box;background-color:#e3e3eb;}
.area-pg-content h2 {margin-bottom:2.1rem;text-align:center;}
.area-pg-content ul li {position:relative;display:table;margin-bottom:1.5rem;margin-left:2.8rem;padding:1.5rem 1rem 1.5rem 3.6rem;width:calc(100% - 2.8rem);background-color:#fff;box-sizing:border-box;border-radius:0.2rem;box-shadow:0.5rem 0.5rem #d6d7df;}
.area-pg-content ul li:last-child {margin-bottom:0;}
.area-pg-content ul li strong,
.area-pg-content ul li span {display:table-cell;}
/* 220510 수정 */
.area-pg-content ul li .area-pg-content-circle {position:absolute;top:50%;left:-2.8rem;transform: translateY(-50%); width:6rem;height: 6rem;background-color:#6259b2;border-radius:50%;text-align:center; display: flex;
justify-content: center;box-sizing: border-box;
    color: #fff;
align-items:center;
    font-size: 1.1rem;
    line-height: 1;}
.area-pg-content ul li .area-pg-content-circle > span {
    width: 100%;
    text-align: center;
}
.area-pg-content ul li .area-pg-content-circle > span > span {width: auto;display: inline-block; font-style: italic}
.area-pg-content ul li .area-pg-content-circle > span >  strong {
    font-size: 1.6rem;line-height: 1;
    display: inline-block;font-family: 'vitro-core', sans-serif;
    padding: 0;
}
/* //end 220510 수정 */
.area-pg-content ul li span {width:70%;}
.area-pg-content ul li span b,
.area-pg-content ul li span i {display:block;font-size:1.1rem;line-height:1;}
.area-pg-content ul li span b {padding:0.1rem 0 0.15rem 2.8rem;background-repeat:no-repeat;background-position:center left;font-weight:800;letter-spacing:-0.01rem;}
.area-pg-content ul li:nth-child(1) span b {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bullet-flag01.png);}
.area-pg-content ul li:nth-child(2) span b {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bullet-flag02.png);}
.area-pg-content ul li:nth-child(3) span b {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bullet-flag03.png);}
.area-pg-content ul li:nth-child(4) span b {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bullet-flag04.png);}
.area-pg-content ul li span i span {position:relative;display:inline-block;width:auto;padding-right:0.35rem;font-size:0.8rem;line-height:1;color:#6259b2;}
.area-pg-content ul li span i span:after{position:absolute;top:0.2rem;right:0.05rem;display:block;width:1px;height:0.6rem;background-color:#6259b2;content:"";}
.area-pg-content ul li span i span:last-child:after {display:none;}
.area-pg-content ul li a {position:relative;display:inline-block;padding:0.15rem 0 0.2rem;width:6.9rem;border:0.05rem solid #000;vertical-align: middle;text-align:center;font-size:0.8rem;color:#000;}
.area-pg-content ul li a:after {position:absolute;top:0.65rem;right:0.85rem;display:block;width:0.35rem;height:0.4rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bullet-arrow.png) no-repeat center center;content:'';}

@media screen and (max-width: 767px) {
    .area-pg-content {padding:4.15rem 1.15rem 2.62rem;}
    .area-pg-content h2 img {width:80%;}
    .area-pg-content ul li {padding:1.5rem 1rem 1.8rem 2.2rem;border-radius:0.31rem;text-align:right;}
    .area-pg-content ul li strong {top:0.54rem;padding: 1.5rem 0 1.60rem; width:4.6rem;}
    .area-pg-content ul li strong img {width:100%;}
    .area-pg-content ul li span b,
    .area-pg-content ul li span i {font-size:1.08rem;}
    .area-pg-content ul li span {text-align:left;}
    .area-pg-content ul li span b {padding:0.1rem 0 0.15rem 2.3rem;background-size:2rem;}
    .area-pg-content ul li span i span {font-size:1rem;}
    .area-pg-content ul li a {top:0.46rem;margin-top:0;padding-right:0.5rem;width:5.4rem;font-size:0.92rem;}
    .area-pg-content ul li a:after {top:0.59rem;right:0.34rem;width:0.54rem;height:0.62rem;background-size:70%;}
    /* 220510 수정 */
    .area-pg-content ul li .area-pg-content-circle {
        left: -3.5rem;
        width: 5.5rem;
        height: 5.5rem;
    }
    .area-pg-content ul li .area-pg-content-circle > strong {
        width: auto;
        padding: 0;
    }
    /* //end 220510 수정 */
}

/*******************************************************************************
                                    본문 2
********************************************************************************/
.area-pg-content2 .title-area {padding:3.9rem 0 4.1rem;background: #6259b2 url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bg-cloud.png) no-repeat bottom center; background-size:100%;}
.area-pg-content2 .title-area h2 {position:relative;text-align:center;}
.area-pg-content2 .title-area h2:after {position:absolute;top:-1rem;right:1.9rem;display:block;width:4.95rem;height:1.7rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bg-airplane.png) no-repeat center center;background-size:100%;content:'';}
.area-pg-content2 .content-area {position:relative;padding:0 1.5rem 1.5rem;box-sizing:border-box;background-color:#6a60b6;}
.area-pg-content2 .content-area h3 {position:absolute;width:100%;top:-0.8rem;left:0;line-height:1;text-align:center;font-size:1.2rem;font-style:italic;letter-spacing: -0.05rem;font-weight:400;color:#dedaff;}
.area-pg-content2 .content-area h3 + .circle-list {padding-top:1rem;}
.area-pg-content2 .content-area .circle-list {display:flex;margin-bottom:0.7rem;padding:1rem 1rem 2.5rem;width:100%;box-sizing:border-box;justify-content: space-around;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bg-plug.png) no-repeat center bottom;}
.area-pg-content2 .content-area .circle-list li {padding:1rem 0 1.55rem;width:26%;background-color:#fff;border:0.25rem solid #561f85;border-radius:50%;text-align:center;box-shadow:0.3rem 0.5rem #6553ab;}
.area-pg-content2 .content-area .circle-list li i,
.area-pg-content2 .content-area .circle-list li span,
.area-pg-content2 .content-area .circle-list li strong {display:block;line-height:1;}
.area-pg-content2 .content-area .circle-list li i {margin-bottom:0.75rem;font-size:0.9rem;font-weight:600;color:#561f85;}
.area-pg-content2 .content-area .circle-list li span {margin-bottom:0.55rem;font-size:0.8rem;color:#838383;}
.area-pg-content2 .content-area .circle-list li strong {font-size:1rem;color:#000;}
.area-pg-content2 .content-area .box-content {position:relative;margin-bottom:3.8rem;padding:1.5rem 1rem 0.5rem;width:100%;background-color:#fff;box-sizing:border-box;border-radius:0.2rem;}
.area-pg-content2 .content-area .box-content:after {position: absolute;bottom:-2.55rem;left:50%;display:block;width:8.95rem;height:2.55rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/bg-arrow-down.png) no-repeat center center;background-size:100%;transform:translateX(-50%);content:'';}
.area-pg-content2 .content-area .box-content h4 {text-align:center;letter-spacing:-0.1rem;font-size:1.3rem;font-weight:600;font-style: italic;color:#ff3c44;}
.area-pg-content2 .content-area .box-content .circle-list {padding:0.5rem 1.5rem 1.4rem;margin-bottom:0;background:transparent;justify-content: space-evenly;}
.area-pg-content2 .content-area .box-content .circle-list li {padding:0.5rem 0 1.2rem;width:6.75rem;box-sizing:border-box;box-shadow:0.3rem 0.5rem #ddd2e7;}
.area-pg-content2 .content-area .box-content .circle-list li i {margin-bottom:1.1rem;font-size:0.8rem;}
.area-pg-content2 .content-area .box-content .circle-list li span {margin-bottom:0.15rem;font-size:0.75rem;}
.area-pg-content2 .content-area .box-content .circle-list li strong {font-size:1.1rem;}
.area-pg-content2 .content-area .box-content .circle-list li:last-child i {margin-bottom:0.6rem;}
.area-pg-content2 .content-area .box-content .circle-list li:last-child strong {margin-bottom:0.4rem}
.area-pg-content2 .content-area .result-content {margin-bottom:3.3rem;padding:0 0.9rem 0 2.6rem;box-sizing:border-box;text-align:center;}
.area-pg-content2 .content-area .result-content span {display:inline-block;margin-bottom:1.8rem;border-bottom:0.05rem solid #fff;line-height:1;font-size:1.1rem;font-style:italic;color:#fff;}
.area-pg-content2 .content-area .result-content dl {display:flex;}
.area-pg-content2 .content-area .result-content dl dt {padding-left:1.7rem;width:3.9rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-offer/bullet-checkbox.png) no-repeat left top;line-height:1.75rem;text-align:left;letter-spacing:-0.05rem;font-size:0.9rem;color:#23eab5;}
.area-pg-content2 .content-area .result-content dl dd {width:calc(100% - 5.6rem);text-align:left;letter-spacing:-0.05rem;font-size:1.25rem;font-weight:600;font-style:italic;color:#fff;word-break:keep-all;}
.area-pg-content2 .content-area .tip-content p,
.area-pg-content2 .content-area .tip-content ul li {position:relative;font-size:0.7rem;font-weight:300;color:#fff;word-break:keep-all;}
.area-pg-content2 .content-area .tip-content ul li {padding-left:0.65rem;}
.area-pg-content2 .content-area .tip-content p:nth-child(1),
.area-pg-content2 .content-area .tip-content p:nth-child(2),
.area-pg-content2 .content-area .tip-content ul li {display:block;}
.area-pg-content2 .content-area .tip-content p:nth-child(1):before{content:'*';}
.area-pg-content2 .content-area .tip-content p:nth-child(2):before{content:'**';}
.area-pg-content2 .content-area .tip-content ul li:before {position:absolute;top:0;left:0.15rem;content:'-';}

@media screen and (max-width: 767px) {
    .area-pg-content2 h2 img {width:80%;}
    .area-pg-content2 .content-area h3 {top:-1.23rem;font-size:1.23rem;}
    .area-pg-content2 .content-area .circle-list {margin-bottom:1.07rem;padding:1.15rem 0rem 2.62rem;background-size:1.23rem;}
    .area-pg-content2 .content-area .circle-list li {width:8.03rem;box-sizing:border-box;letter-spacing:-0.08rem;}
    .area-pg-content2 .content-area .circle-list li i {font-size:0.92rem;}
    .area-pg-content2 .content-area .circle-list li span {font-size:0.92rem;}
    .area-pg-content2 .content-area .circle-list li strong {font-size:1.08rem;}
    .area-pg-content2 .content-area .box-content {padding:1.15rem 0.77rem 0.77rem;border-radius:0.31rem;}
    .area-pg-content2 .content-area .box-content h4 {font-size:1.23rem;}
    .area-pg-content2 .content-area .box-content .circle-list {padding:0.77rem 0rem 1.4rem;}
    .area-pg-content2 .content-area .box-content .circle-list li {padding:0.7rem 0 1.2rem;width:7.16rem;}
    .area-pg-content2 .content-area .box-content .circle-list li i {font-size:0.92rem;}
    .area-pg-content2 .content-area .box-content .circle-list li span {font-size:0.92rem;word-break:keep-all;}
    .area-pg-content2 .content-area .box-content .circle-list li strong {font-size:1.08rem;}
    .area-pg-content2 .content-area .result-content span {font-size:1.08rem;}
    .area-pg-content2 .content-area .result-content dl dt {padding-left:1.38rem;background-position:top 0.15rem left;background-size:1.08rem;font-size:1rem;}
    .area-pg-content2 .content-area .result-content dl dd {width:calc(100% - 5.28rem);font-size:1.23rem;}
    .area-pg-content2 .content-area .tip-content p,
    .area-pg-content2 .content-area .tip-content ul li {font-size:0.92rem;}
    .area-pg-content2 .content-area .tip-content p,
    .area-pg-content2 .content-area .tip-content ul li {padding-left:1rem;}
    .area-pg-content2 .content-area .tip-content p:before {position:absolute;top:0;left:0;}
    .area-pg-content2 .content-area .tip-content p:nth-child(1):before,
    .area-pg-content2 .content-area .tip-content ul li:before {left:0.21rem;}
}