@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Happiness-Sans", "Noto Sans", Arial, dotum, "sans-serif";
    -webkit-text-size-adjust: none;
    text-decoration: none;
}

@font-face {
    font-family: "Happiness-Sans";
    font-style: "normal";
    font-weight: 400;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: url("../../font/Happiness-Sans-Regular.woff") format("woff2"), url("../../font/Happiness-Sans-Regular.woff") format("woff"), url("../../font/Happiness-Sans-Regular.ttf") format("truetype"), url("http://m.ehyundai.com/font/Happiness-Sans-Regular.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
    font-family: "Happiness-Sans";
    font-style: "bold";
    font-weight: 700;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: url("../../font/Happiness-Sans-Bold.woff") format("woff2"), url("../../font/Happiness-Sans-Bold.woff") format("woff"), url("../../font/Happiness-Sans-Bold.ttf") format("truetype"), url("http://m.ehyundai.com/font/Happiness-Sans-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
    font-family: "Happiness-Sans-Title";
    font-style: "bold";
    font-weight: 900;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: url("../../font/Happiness-Sans-Title.woff") format("woff2"), url("../../font/Happiness-Sans-Title.woff") format("woff"), url("../../font/Happiness-Sans-Title.ttf") format("truetype"), url("http://m.ehyundai.com/font/Happiness-Sans-Title.svg#svgFontName") format("svg"); /* Legacy iOS */
}
/* 기본폰트정의 */
div,
p,
span,
dt,
dd,
li,
label {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.f22 {
    font-size: 1.374rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.f18 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.f16 {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.f12 {
    font-size: 0.75rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.tit48 {
    font-size: 3rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans-Title";
}

.tit40 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans-Title";
}

.tit32 {
    font-size: 2rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans-Title";
}

.tit28 {
    font-size: 1.74rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans-Title";
}

.tit18 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans-Title";
}

/* //기본폰트정의 */
/* 레이아웃 */
#head.sub + #contents {
    margin-top: 48px;
}
#head.sub.no_bg + #contents {
    margin-top: 0;
}

#contents {
    width: 100%;
    min-height: 380px;
}
#contents.no_footer {
    padding-bottom: 80px;
}
#contents .conts > .max {
    margin: 0 -20px;
}
#contents .conts > .min {
    padding: 0 20px;
}
#contents .conts form > .max {
    margin: 0 -20px;
}
#contents .conts form > .min {
    padding: 0 20px;
}

.mt48,
form + #contents {
    margin-top: 48px;
}

.share_bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 22;
}
.share_bar .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.share_bar .share_bar_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 56px;
    padding: 16px 24px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #434545;
}
.share_bar .share_bar_inner .left, .share_bar .share_bar_inner .right {
    position: relative;
}
.share_bar .share_bar_inner .left .btn, .share_bar .share_bar_inner .right .btn {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.share_bar .share_bar_inner .left .btn [class*=ico_], .share_bar .share_bar_inner .right .btn [class*=ico_] {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.share_bar .share_bar_inner .left .btn .ico_share, .share_bar .share_bar_inner .right .btn .ico_share {
    padding-left: 30px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.share_bar .share_bar_inner .left .btn .ico_share::after, .share_bar .share_bar_inner .right .btn .ico_share::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_share_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_inner .left .btn .ico_next, .share_bar .share_bar_inner .right .btn .ico_next {
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_inner .left .btn .ico_prev, .share_bar .share_bar_inner .right .btn .ico_prev {
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.share_bar .share_bar_inner .left .list, .share_bar .share_bar_inner .right .list {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle;
}
.share_bar .share_bar_inner .left .list::before, .share_bar .share_bar_inner .right .list::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    bottom: 0;
    right: 6px;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_list_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_inner .left .list > span, .share_bar .share_bar_inner .right .list > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.share_bar .share_bar_inner .left a + a, .share_bar .share_bar_inner .right a + a {
    margin-left: 24px;
}
.share_bar .share_bar_inner .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}
.share_bar .share_bar_inner .right a + a {
    margin-left: 20px;
}
.share_bar .share_bar_layer {
    position: absolute;
    top: 0;
    left: 0;
    height: 340px;
    z-index: 1;
    width: 100%;
    background: #434545;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}
.share_bar .share_bar_layer.ios {
    height: 246px;
}
.share_bar .share_bar_layer .layer_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 40px 26px;
}
.share_bar .share_bar_layer .layer_list > li {
    width: 33.3%;
    padding: 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.share_bar .share_bar_layer .layer_list > li a {
    display: block;
    width: 80px;
    margin: 0 auto;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.share_bar .share_bar_layer .layer_list > li a span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.share_bar .share_bar_layer .layer_list > li a [class*=ico_] {
    display: block;
    position: relative;
    min-width: 48px;
    padding-top: 56px;
}
.share_bar .share_bar_layer .layer_list > li a [class*=ico_]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_kakao::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_kakao.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_kakaostory::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_kakaostory.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_facebook::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_facebook.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_message::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_message.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_email::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_email.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_twitter::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_twitter.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_urlcopy::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_urlcopy.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li:nth-child(n+4) {
    margin-top: 20px;
}
.share_bar .dim {
    position: fixed;
    inset: 100% 0 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
}
.share_bar.on .share_bar_layer {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}
.share_bar.on .share_bar_inner .right {
    visibility: hidden;
}
.share_bar.on .dim {
    inset: 0;
    opacity: 1;
}
.share_bar.on .list {
    visibility: hidden;
}
.url_copy_desc_wrap {
    padding-top: 40px;
}
.url_copy_desc_wrap .txt {
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.url_copy_desc_wrap .form {
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.url_copy_desc_wrap .form fieldset {
    border: 0 none;
}
.url_copy_desc_wrap .form input[type=text] {
    width: 100%;
    height: 48px;
    padding: 12px 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #EAEBEA;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 48px;
}
.url_copy_desc_wrap .form input[type=button] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    background: transparent;
    color: transparent;
    cursor: pointer;
}
.url_copy_desc_wrap .btn_wrap {
    margin-top: 8px;
}
.url_copy_desc_wrap .btn_wrap .btn {
    padding: 6px 0;
}

.complete_sec {
    padding: 32px 20px 0;
}
.complete_sec .complete_wrap {
    text-align: center;
}
.complete_sec .complete_wrap .ico {
    display: block;
    margin: 0 auto;
}
.complete_sec .complete_wrap .ico.ico02 {
    width: 80px;
    height: 80px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_mo_complete.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.complete_sec .complete_wrap .tit {
    margin-top: 16px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.complete_sec .complete_wrap .desc {
    margin-top: 20px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.complete_sec .complete_wrap .btm_noti {
    margin-top: 48px;
}
.complete_sec .complete_wrap .btm_noti .title {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.complete_sec .complete_wrap .btm_noti .bullet_list {
    display: inline-block;
    margin-top: 16px;
}
.complete_sec .complete_wrap .btm_noti .bullet_list.dot li:before {
    display: inline-block;
    position: static;
    margin-right: 5px;
    vertical-align: 4px;
}
.complete_sec .complete_wrap .btm_noti .bullet_list.dot li + li {
    margin-top: 8px;
}
.complete_sec .complete_wrap + .button_area {
    margin-top: 64px;
}

/* 개발 레이아웃 구조가 상이하여 생기는 헤더와 컨텐츠 간 이격 잡기 */
#mobileBody #contents {
    margin-top: 48px;
}
#mobileBody #contents.member {
    margin-top: 0;
}
#mobileBody #contents.card .welcome {
    margin-top: -48px;
}
#mobileBody #contents.store .branch_wrap {
    margin-top: -48px;
}
#mobileBody #contents.gift {
    margin-top: 0;
}
#mobileBody #contents.member_hpoint {
    margin-top: -43px;
}
#mobileBody #contents.esg {
    margin-top: 0;
}

/* 테블릿 해상도 이상일때 대응 */
/* //레이아웃 */
/* 버튼 정의 */
button {
    border-style: none;
    background-color: transparent;
    cursor: pointer;
}

.btn_wrap {
    font-size: 0;
}
.btn_wrap button:disabled,
.btn_wrap a:disabled {
    border: 1px solid #D4D6D4 !important;
    background-color: #F7F7F7 !important;
}
.btn_wrap button:disabled > span,
.btn_wrap a:disabled > span {
    color: #D4D6D4 !important;
}
.btn_wrap button.lbtn,
.btn_wrap a.lbtn {
    padding: 13px 16px;
}
.btn_wrap button.lbtn.border,
.btn_wrap a.lbtn.border {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #171A19;
}
.btn_wrap button.lbtn.border span,
.btn_wrap a.lbtn.border span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn,
.btn_wrap a.btn {
    display: inline-block;
    padding: 12px 30px 13px;
    background-color: #171A19;
}
.btn_wrap button.btn span,
.btn_wrap a.btn span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn.dis,
.btn_wrap a.btn.dis {
    display: inline-block;
    padding: 12px 30px 13px;
    background-color: #D4D6D4;
}
.btn_wrap button.btn.dis span,
.btn_wrap a.btn.dis span {
    font-size: 14px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn,
.btn_wrap a.btn {
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #171A19;
}
.btn_wrap button.btn > span,
.btn_wrap a.btn > span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.6;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn.black,
.btn_wrap a.btn.black {
    background-color: #171A19;
}
.btn_wrap button.btn.black > span,
.btn_wrap a.btn.black > span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn.detail:after,
.btn_wrap a.btn.detail:after {
    content: "";
    display: inline-block;
    margin-top: 1px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 4px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_plus.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.abtn,
.btn_wrap a.abtn {
    display: inline-block;
    padding: 4px 18px;
    background-color: #FFFFFF;
}
.btn_wrap button.abtn span,
.btn_wrap a.abtn span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.abtn span.go:after,
.btn_wrap a.abtn span.go:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: -6px;
    margin-bottom: 0;
    margin-left: 2px;
    background-image: url("../../images/webhome2/ico_arrow_right_14.png");
    -moz-background-size: contain;
         background-size: contain;
    vertical-align: top;
}
.btn_wrap button.abtn.black,
.btn_wrap a.abtn.black {
    background-color: #171A19;
}
.btn_wrap button.abtn.black span,
.btn_wrap a.abtn.black span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.abtn.border,
.btn_wrap a.abtn.border {
    border: 1px solid #171A19;
}
.btn_wrap button.sbtn,
.btn_wrap a.sbtn {
    min-width: 91px;
    height: 36px;
    padding: 0 20px;
    border: 1px solid #171A19;
    background-color: #FFFFFF;
}
.btn_wrap button.sbtn > span,
.btn_wrap a.sbtn > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.sbtn.full,
.btn_wrap a.sbtn.full {
    width: 100%;
}
.btn_wrap button.sbtn.txt,
.btn_wrap a.sbtn.txt {
    min-width: auto;
    border: none;
    background-color: transparent;
    padding: 0;
    height: auto;
    text-decoration: underline;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.sbtn.txt > span,
.btn_wrap a.sbtn.txt > span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.sbtn.black,
.btn_wrap a.sbtn.black {
    background-color: #171A19;
}
.btn_wrap button.sbtn.black span,
.btn_wrap a.sbtn.black span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.sbtn.mail:before,
.btn_wrap a.sbtn.mail:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_ms_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.sbtn.receipt:before,
.btn_wrap a.sbtn.receipt:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_receipt_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.sbtn.add:before,
.btn_wrap a.sbtn.add:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_plus_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.sbtn.print:before,
.btn_wrap a.sbtn.print:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_print_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.sbtn.down > span:after,
.btn_wrap a.sbtn.down > span:after {
    content: "";
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 4px;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap a {
    cursor: pointer;
    border-style: none;
    text-decoration: none;
}
.btn_wrap a.abtn {
    display: inline-block;
    padding: 4px 18px;
    background-color: #FFFFFF;
}
.btn_wrap a.abtn span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap a.abtn span.go:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: -6px;
    margin-bottom: 0;
    margin-left: 2px;
    background-image: url("../../images/webhome2/ico_arrow_right_14.png");
    -moz-background-size: contain;
         background-size: contain;
    vertical-align: top;
}
.btn_wrap a.abtn.black {
    background-color: #171A19;
}
.btn_wrap a.abtn.black span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap a.abtn.border {
    border: 1px solid #171A19;
}
.btn_wrap a.sbtn {
    display: inline-block;
    text-align: center;
    min-width: 91px;
    height: 27px;
    padding: 7px 20px 0;
    border: 1px solid #171A19;
    background-color: #FFFFFF;
}
.btn_wrap a.sbtn > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap a.sbtn.fix {
    height: 36px;
}
.btn_wrap a.sbtn.full {
    width: 100%;
}
.btn_wrap a.sbtn.txt {
    min-width: auto;
    border: none;
    background-color: transparent;
    padding: 0;
    height: auto;
    text-decoration: underline;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap a.sbtn.black {
    background-color: #171A19;
}
.btn_wrap a.sbtn.black span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap a.sbtn.mail:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_ms_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap a.sbtn.receipt:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_receipt_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap a.sbtn.add:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_plus_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap a.sbtn.print:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_print_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .linkbtn {
    display: inline-block;
    position: relative;
    padding: 8px 46px 9px 14px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #FFFFFF;
    border-style: none;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}
.btn_wrap .linkbtn > span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap .linkbtn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 48px;
    height: 18px;
    background-image: url("../../images/webhome2/ico_btn_arrow_right_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .linkbtn.outline {
    padding-top: 8px;
    padding-bottom: 7px;
    border: 2px solid #171A19;
}
.btn_wrap .linkbtn.black {
    background: #171A19;
}
.btn_wrap .linkbtn.black span {
    color: #FFFFFF;
}
.btn_wrap .linkbtn.black::after {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_link_white.svg");
}
.btn_wrap .linkbtn.black.outline {
    border-color: #FFFFFF;
}
.btn_wrap > * + * {
    margin-left: 4px;
}
.btn_wrap.solo button,
.btn_wrap.solo a {
    width: 100%;
}

.button_area {
    font-size: 0;
    text-align: center;
}
.button_area.fixed {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 48px;
}
.button_area.fixed a,
.button_area.fixed button {
    width: 100%;
}
.button_area.fixed.multi a,
.button_area.fixed.multi button {
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
}
.button_area button:disabled {
    border: 1px solid #D4D6D4 !important;
    background-color: #D4D6D4 !important;
}
.button_area button:disabled > span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.button_area a.dis {
    border: 1px solid #D4D6D4 !important;
    background-color: #D4D6D4 !important;
    pointer-events: none;
}
.button_area a.dis > span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.button_area .btn {
    display: inline-block;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
    height: 56px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    line-height: 56px;
    text-align: center;
    vertical-align: top;
}
.button_area .btn > span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.button_area .btn + .btn {
    margin-left: 8px;
}
.button_area .btn.black {
    background-color: #171A19;
}
.button_area .btn.black > span {
    color: #FFFFFF !important;
}
.button_area .btn.border {
    border: 2px solid #171A19;
}
.button_area.solo .btn {
    width: 100%;
}
.button_area.solo .btn + .btn {
    margin-top: 12px;
    margin-left: 0;
}

.txt_link {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.txt_link:hover {
    color: #00815A;
    border-bottom: solid #00815A;
}

.arrow_link {
    display: inline-block;
    position: relative;
    padding-right: 16px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.arrow_link:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.arrow_link span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.ico_link {
    text-decoration: none;
}
.ico_link .floor_info {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ico_link .floor_info:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url("../../images/webhome2/ico_floor_28.png");
    -moz-background-size: contain;
         background-size: contain;
    vertical-align: top;
}

.more_list {
    display: block;
    padding: 7px 20px 6px;
    border: 1px solid #171A19;
}
.more_list > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.more_list > span > strong {
    margin-left: 4px;
    color: #00815A;
}
.more_list.sm {
    padding: 0;
    border: none;
}
.more_list.sm:after {
    content: "";
    display: inline-block;
    margin-top: 1px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

.btn_sel_type {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #eaebea;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
}
.btn_sel_type .ui-select-text {
    margin-right: -1px;
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: middle;
    white-space: nowrap;
}
.btn_sel_type .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_sel_type::after {
    content: "";
    position: absolute;
    top: 13px;
    left: initial;
    bottom: initial;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

/* //버튼 정의 */
/* 탭 정의 */
.tab_wrap {
    /* case PLO1.6.1T ~ PLO1.6.2T */
}
.tab_wrap .tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.tab_wrap .tabs ul li {
    margin-left: 24px;
}
.tab_wrap .tabs ul li:nth-child(1) {
    margin-left: 0;
}
.tab_wrap .tabs ul li a {
    display: inline-block;
    position: relative;
    padding-bottom: 8px;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap .tabs ul li.on a {
    color: #171A19;
}
.tab_wrap .tabs ul li.on a::after {
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    content: "";
    position: absolute;
    top: 4px;
    left: initial;
    bottom: 0;
    right: -10px;
    width: 0;
    height: 0;
}
.tab_wrap .tabs ul li.on a > em {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.tab_wrap .tabs ul li a > span {
    position: relative;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap .tabs ul li a:after {
    content: none;
}
.tab_wrap .tabs ul li a .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.tab_wrap .tabs ul li.on a > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap .tabs ul li.on a > span:after {
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    content: "";
    position: absolute;
    top: 4px;
    left: initial;
    bottom: 0;
    right: -10px;
    width: 0;
    height: 0;
}
.tab_wrap .tabs.ty_text li a {
    padding-bottom: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #D4D6D4;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap .tabs.ty_text li.on a {
    padding-right: 11px;
}
.tab_wrap .tabs.ty_text li.on a::after {
    content: "";
    position: absolute;
    top: 3px;
    left: auto;
    right: 0;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    background: transparent;
}
.tab_wrap.tab_sub .tabs ul li {
    -webkit-flex-basis: 155px;
        -ms-flex-preferred-size: 155px;
            flex-basis: 155px;
}
.tab_wrap.tab_sub .tabs ul li a {
    display: inline-block;
    width: 100%;
    height: 46px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    font-size: 0.875rem;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 46px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.tab_wrap.tab_sub .tabs ul li.on a {
    border: 1px solid #171A19;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 46px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap.tab_sub .tabs ul li + li {
    margin-left: 4px;
}
.lay_pop .tab_wrap .tabs {
    padding: 40px 0 32px;
}

.tab_wrap.type_box .tabs ul {
    border: 1px solid #D4D6D4;
}
.tab_wrap.type_box .tabs ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
       -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    position: relative;
    z-index: 0;
    min-height: 44px;
    margin-left: 0;
    background: #FFFFFF;
}
.tab_wrap.type_box .tabs ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans";
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap.type_box .tabs ul li + li {
    border-left: 1px solid #D4D6D4;
}
.tab_wrap.type_box .tabs ul li.on {
    z-index: 1;
}
.tab_wrap.type_box .tabs ul li.on::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid #171A19;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.tab_wrap.type_box .tabs ul li.on a {
    position: relative;
    font-weight: 700;
    color: #171A19;
}
.tab_wrap.type_box .tabs ul li.on a::after {
    content: none;
    display: inline-block;
    position: relative;
    left: auto;
    bottom: auto;
    width: auto;
    height: auto;
    margin-top: -8px;
    margin-left: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    background: transparent;
    margin-top: -8px;
    margin-left: 2px;
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
}
.tab_wrap.type_line .tabs ul li + li {
    margin-left: 20px;
}
.tab_wrap.type_line .tabs ul li.on a::after {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    border: 0 none;
    background: #171A19;
}
.tab_wrap.sc_type .tabs {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    background-color: #FFFFFF;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.tab_wrap.sc_type .tabs::-webkit-scrollbar {
    display: none;
}
.tab_wrap.sc_type .tabs > ul {
    white-space: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.tab_wrap.sc_type .tabs > ul li {
    display: inline-block;
}
.tab_wrap.sc_type .tabs > ul li:first-child {
    margin-left: 24px;
}
.tab_wrap.sc_type .tabs > ul li:last-child {
    padding-right: 24px;
}
.tab_wrap.sc_type .tabs > ul li + li {
    margin-left: 24px;
}
.tab_wrap.sc_type .tabs > ul li a {
    position: relative;
}
.tab_wrap.sc_type .tabs > ul li a > span {
    font-size: 1.125rem;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap.sc_type .tabs > ul li.on a > span {
    color: #171A19;
}
.tab_wrap.sc_type .tabs > ul li.on a > span:after {
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    content: "";
    position: absolute;
    top: 0;
    left: initial;
    bottom: 0;
    right: -10px;
    width: 0;
    height: 0;
}
.tab_wrap.sc_type .tabs > ul li.on:last-child {
    margin-right: 36px;
}

.head_wrap .top_menu {
    position: fixed;
    top: 48px;
    z-index: 1;
    width: 100%;
    padding-top: 32px;
    overflow: hidden;
    overflow-x: scroll;
    background-color: #FFFFFF;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.head_wrap .top_menu::-webkit-scrollbar {
    display: none;
}
.head_wrap .top_menu > ul {
    white-space: nowrap;
}
.head_wrap .top_menu > ul li {
    display: inline-block;
}
.head_wrap .top_menu > ul li:first-child {
    margin-left: 20px;
}
.head_wrap .top_menu > ul li:last-child {
    margin-right: 20px;
}
.head_wrap .top_menu > ul li + li {
    margin-left: 16px;
}
.head_wrap .top_menu > ul li a {
    position: relative;
}
.head_wrap .top_menu > ul li a > span {
    font-size: 1.125rem;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.head_wrap .top_menu > ul li.on a > span {
    color: #171A19;
}
.head_wrap .top_menu > ul li.on a > span:after {
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    content: "";
    position: absolute;
    top: 0;
    left: initial;
    bottom: 0;
    right: -10px;
    width: 0;
    height: 0;
}
.head_wrap .top_menu > ul li.on:last-child {
    margin-right: 36px;
}

/* //탭 정의 */
/* 폼 */
.input, .input_wrap {
    position: relative;
}
.input input[type=text],
.input input[type=password],
.input input[type=number],
.input input[type=button],
.input input[type=email],
.input input[type=date], .input_wrap input[type=text],
.input_wrap input[type=password],
.input_wrap input[type=number],
.input_wrap input[type=button],
.input_wrap input[type=email],
.input_wrap input[type=date] {
    width: 100%;
    height: 48px;
    padding: 0 20px 0 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #EAEBEA;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    outline-color: #171A19;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:active,
.input input[type=password]:active,
.input input[type=number]:active,
.input input[type=button]:active,
.input input[type=email]:active,
.input input[type=date]:active, .input_wrap input[type=text]:active,
.input_wrap input[type=password]:active,
.input_wrap input[type=number]:active,
.input_wrap input[type=button]:active,
.input_wrap input[type=email]:active,
.input_wrap input[type=date]:active {
    border-color: #EAEBEA;
}
.input input[type=text].btn,
.input input[type=password].btn,
.input input[type=number].btn,
.input input[type=button].btn,
.input input[type=email].btn,
.input input[type=date].btn, .input_wrap input[type=text].btn,
.input_wrap input[type=password].btn,
.input_wrap input[type=number].btn,
.input_wrap input[type=button].btn,
.input_wrap input[type=email].btn,
.input_wrap input[type=date].btn {
    padding-right: 126px;
}
.input input[type=text]:-moz-read-only, .input input[type=password]:-moz-read-only, .input input[type=number]:-moz-read-only, .input input[type=button]:-moz-read-only, .input input[type=email]:-moz-read-only, .input input[type=date]:-moz-read-only, .input_wrap input[type=text]:-moz-read-only, .input_wrap input[type=password]:-moz-read-only, .input_wrap input[type=number]:-moz-read-only, .input_wrap input[type=button]:-moz-read-only, .input_wrap input[type=email]:-moz-read-only, .input_wrap input[type=date]:-moz-read-only {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
}
.input input[type=text]:read-only,
.input input[type=password]:read-only,
.input input[type=number]:read-only,
.input input[type=button]:read-only,
.input input[type=email]:read-only,
.input input[type=date]:read-only, .input_wrap input[type=text]:read-only,
.input_wrap input[type=password]:read-only,
.input_wrap input[type=number]:read-only,
.input_wrap input[type=button]:read-only,
.input_wrap input[type=email]:read-only,
.input_wrap input[type=date]:read-only {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
}
.input input[type=text]:disabled,
.input input[type=password]:disabled,
.input input[type=number]:disabled,
.input input[type=button]:disabled,
.input input[type=email]:disabled,
.input input[type=date]:disabled, .input_wrap input[type=text]:disabled,
.input_wrap input[type=password]:disabled,
.input_wrap input[type=number]:disabled,
.input_wrap input[type=button]:disabled,
.input_wrap input[type=email]:disabled,
.input_wrap input[type=date]:disabled {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
    color: #D4D6D4;
}
.input input[type=text]::-webkit-input-placeholder, .input input[type=password]::-webkit-input-placeholder, .input input[type=number]::-webkit-input-placeholder, .input input[type=button]::-webkit-input-placeholder, .input input[type=email]::-webkit-input-placeholder, .input input[type=date]::-webkit-input-placeholder, .input_wrap input[type=text]::-webkit-input-placeholder, .input_wrap input[type=password]::-webkit-input-placeholder, .input_wrap input[type=number]::-webkit-input-placeholder, .input_wrap input[type=button]::-webkit-input-placeholder, .input_wrap input[type=email]::-webkit-input-placeholder, .input_wrap input[type=date]::-webkit-input-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:-moz-placeholder, .input input[type=password]:-moz-placeholder, .input input[type=number]:-moz-placeholder, .input input[type=button]:-moz-placeholder, .input input[type=email]:-moz-placeholder, .input input[type=date]:-moz-placeholder, .input_wrap input[type=text]:-moz-placeholder, .input_wrap input[type=password]:-moz-placeholder, .input_wrap input[type=number]:-moz-placeholder, .input_wrap input[type=button]:-moz-placeholder, .input_wrap input[type=email]:-moz-placeholder, .input_wrap input[type=date]:-moz-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]::-moz-placeholder, .input input[type=password]::-moz-placeholder, .input input[type=number]::-moz-placeholder, .input input[type=button]::-moz-placeholder, .input input[type=email]::-moz-placeholder, .input input[type=date]::-moz-placeholder, .input_wrap input[type=text]::-moz-placeholder, .input_wrap input[type=password]::-moz-placeholder, .input_wrap input[type=number]::-moz-placeholder, .input_wrap input[type=button]::-moz-placeholder, .input_wrap input[type=email]::-moz-placeholder, .input_wrap input[type=date]::-moz-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:-ms-input-placeholder, .input input[type=password]:-ms-input-placeholder, .input input[type=number]:-ms-input-placeholder, .input input[type=button]:-ms-input-placeholder, .input input[type=email]:-ms-input-placeholder, .input input[type=date]:-ms-input-placeholder, .input_wrap input[type=text]:-ms-input-placeholder, .input_wrap input[type=password]:-ms-input-placeholder, .input_wrap input[type=number]:-ms-input-placeholder, .input_wrap input[type=button]:-ms-input-placeholder, .input_wrap input[type=email]:-ms-input-placeholder, .input_wrap input[type=date]:-ms-input-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]::placeholder,
.input input[type=password]::placeholder,
.input input[type=number]::placeholder,
.input input[type=button]::placeholder,
.input input[type=email]::placeholder,
.input input[type=date]::placeholder, .input_wrap input[type=text]::placeholder,
.input_wrap input[type=password]::placeholder,
.input_wrap input[type=number]::placeholder,
.input_wrap input[type=button]::placeholder,
.input_wrap input[type=email]::placeholder,
.input_wrap input[type=date]::placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:focus, .input input[type=text]:active,
.input input[type=password]:focus,
.input input[type=password]:active,
.input input[type=number]:focus,
.input input[type=number]:active,
.input input[type=button]:focus,
.input input[type=button]:active,
.input input[type=email]:focus,
.input input[type=email]:active,
.input input[type=date]:focus,
.input input[type=date]:active, .input_wrap input[type=text]:focus, .input_wrap input[type=text]:active,
.input_wrap input[type=password]:focus,
.input_wrap input[type=password]:active,
.input_wrap input[type=number]:focus,
.input_wrap input[type=number]:active,
.input_wrap input[type=button]:focus,
.input_wrap input[type=button]:active,
.input_wrap input[type=email]:focus,
.input_wrap input[type=email]:active,
.input_wrap input[type=date]:focus,
.input_wrap input[type=date]:active {
    border: 2px solid #00815A;
    outline: transparent;
}
.input .btn_wrap, .input_wrap .btn_wrap {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.input + .input_hint, .input_wrap + .input_hint {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input.search_type input[type=text],
.input.search_type input[type=password],
.input.search_type input[type=number],
.input.search_type input[type=button], .input_wrap.search_type input[type=text],
.input_wrap.search_type input[type=password],
.input_wrap.search_type input[type=number],
.input_wrap.search_type input[type=button] {
    padding-right: 20px;
}
.input.search_type input[type=text]:focus, .input.search_type input[type=text]:active, .input.search_type input[type=text]:visited,
.input.search_type input[type=password]:focus,
.input.search_type input[type=password]:active,
.input.search_type input[type=password]:visited,
.input.search_type input[type=number]:focus,
.input.search_type input[type=number]:active,
.input.search_type input[type=number]:visited,
.input.search_type input[type=button]:focus,
.input.search_type input[type=button]:active,
.input.search_type input[type=button]:visited, .input_wrap.search_type input[type=text]:focus, .input_wrap.search_type input[type=text]:active, .input_wrap.search_type input[type=text]:visited,
.input_wrap.search_type input[type=password]:focus,
.input_wrap.search_type input[type=password]:active,
.input_wrap.search_type input[type=password]:visited,
.input_wrap.search_type input[type=number]:focus,
.input_wrap.search_type input[type=number]:active,
.input_wrap.search_type input[type=number]:visited,
.input_wrap.search_type input[type=button]:focus,
.input_wrap.search_type input[type=button]:active,
.input_wrap.search_type input[type=button]:visited {
    outline: none;
    border: 1px solid #EAEBEA;
}
.input.search_type .input.on input[type=text],
.input.search_type .input.on input[type=password],
.input.search_type .input.on input[type=number],
.input.search_type .input.on input[type=button], .input_wrap.search_type .input.on input[type=text],
.input_wrap.search_type .input.on input[type=password],
.input_wrap.search_type .input.on input[type=number],
.input_wrap.search_type .input.on input[type=button] {
    padding-right: 56px;
}
.input.search_type .input .del, .input_wrap.search_type .input .del {
    display: none;
    position: absolute !important;
    top: 16px;
    right: 76px;
    background-color: transparent !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_input_del.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.input.search_type .input .del > span, .input_wrap.search_type .input .del > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.input.search_type .input .del:before, .input_wrap.search_type .input .del:before {
    content: none;
}

.input_wrap > div {
    position: relative;
}
.input_wrap > div:first-child {
    margin-left: 0;
}
.input_wrap + .bar_type {
    margin-top: 20px;
}
.input_wrap.bar_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.input_wrap.bar_type > div {
    width: 100%;
}
.input_wrap.bar_type > div:before {
    content: " ";
    position: absolute;
    top: 26px;
    left: -12px;
    width: 6px;
    height: 1px;
    background-color: #171A19;
}
.input_wrap.bar_type > div:first-child:before {
    display: none;
}
.input_wrap.bar_type > div + div {
    margin-left: 17px;
}
.input_wrap.date_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.input_wrap.date_type > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 0;
}
.input_wrap.date_type > span {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.date_type > span + div {
    margin-left: 8px;
}
.input_wrap.date_type > span + div.btn_wrap {
    position: static;
    margin-left: 8px;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
}
.input_wrap.date_type > span.tit_span {
    margin-left: 16px;
}
.input_wrap.date_type > span.bar {
    margin-left: 16px;
}
.input_wrap.date_type > span.bar + div {
    margin-left: 16px;
}
.input_wrap.date_type + .bar {
    display: block;
    width: 714px;
    height: 24px;
    text-align: center;
}
.input_wrap.mix_type > div {
    margin-left: 12px;
}
.input_wrap.mix_type > span {
    display: inline-block;
    margin: 12px 0 0 8px;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.mix_type > span + div {
    margin-left: 8px;
}
.input_wrap.mail_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.input_wrap.mail_type > div {
    width: 100%;
}
.input_wrap.mail_type > div:nth-child(2) {
    margin-left: 32px;
}
.input_wrap.mail_type > div:nth-child(2):before {
    content: "@";
    position: absolute;
    top: 50%;
    left: -22px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.input_wrap.cal_type .input {
    position: relative;
}
.input_wrap.cal_type .input > button {
    position: absolute;
    top: 16px;
    right: 20px;
    margin-top: 0;
}
.input_wrap.cal_type .input input:-moz-read-only {
    background-color: #FFFFFF;
}
.input_wrap.cal_type .input input:read-only {
    background-color: #FFFFFF;
}
.input_wrap.normal_type > div {
    margin-left: 8px;
}
.input_wrap.col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.input_wrap.col .input {
    width: 100%;
}
.input_wrap.col .input + button {
    min-width: 104px;
    height: 48px;
    margin-left: 8px;
    padding: 0 16px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.input_wrap.col .input + button > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.col .input + button + button {
    min-width: 104px;
    height: 48px;
    margin-left: 8px;
    padding: 0 16px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.input_wrap.col .input + button + button > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.cs_search_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.input_wrap.cs_search_type > .sel_wrap {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 151px;
}
.input_wrap.cs_search_type > .input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 8px;
}

.caution_wrap {
    width: 100%;
    margin-top: 8px;
}
.caution_wrap .text {
    color: #FF383B;
}
.caution_wrap .btn_wrap {
    float: right;
}

.sel .ui-selectbox-wrap {
    position: relative;
    width: 100% !important;
}
.sel .ui-selectbox-wrap .ui-select-button {
    display: block;
    height: 58px;
    padding: 0 24px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #eaebea;
    line-height: 60px;
}
.sel .ui-selectbox-wrap .ui-select-button .ui-select-text {
    vertical-align: middle;
}
.sel .ui-selectbox-wrap .ui-select-button .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.sel .ui-selectbox-wrap .ui-select-button .ico {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_dropdown_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.sel .ui-selectbox-wrap.on .ico {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.rdo_wrap {
    display: inline-block;
    position: relative;
}
.rdo_wrap.error label {
    display: inline-block;
    padding-left: 28px;
}
.rdo_wrap.error label > span {
    font-size: 0.937rem;
    font-weight: 400;
    color: #EB3912;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap + .rdo_wrap {
    margin-left: 40px;
}
.rdo_wrap input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.rdo_wrap input + label:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_radio_normal.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap input:focus + label {
    outline: 0;
}
.rdo_wrap input:checked + label:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_radio_active.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap label {
    display: inline-block;
    padding-left: 28px;
}
.rdo_wrap label > span {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap.solo label {
    padding: 1px 0 4px 23px;
}
.rdo_wrap.solo label > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.rdo_wrap.btn_type input + label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.rdo_wrap.btn_type input + label > span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap.btn_type input:checked + label {
    border: 1px solid #171A19;
}
.rdo_wrap.btn_type input:checked + label > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap.btn_type label:before {
    content: none;
}
.rdo_wrap.btn_type + .btn_type {
    margin-left: 4px !important;
}

.chk_wrap {
    display: inline-block;
    position: relative;
}
.chk_wrap.error label {
    display: inline-block;
    padding-left: 23px;
}
.chk_wrap.error label > span {
    font-size: 0.937rem;
    font-weight: 400;
    color: #EB3912;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.chk_wrap input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.chk_wrap input + label:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_check.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap.sm input + label:before {
    top: 1px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_check.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap.sm input:checked + label:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_check_on.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap.sm input:disabled + label:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_check_dis.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap input:focus + label {
    outline: 0;
}
.chk_wrap input:checked + label {
    color: #171A19;
}
.chk_wrap input:checked + label:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_check_on.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap label {
    display: inline-block;
    padding-left: 23px;
}
.chk_wrap label > span {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.chk_wrap.solo label {
    padding: 1px 0 4px 20px;
}
.chk_wrap.solo label > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

.sel_wrap .ui-selectbox-wrap {
    position: relative;
    width: 100% !important;
}
.sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 20px 13px 20px;
    border-left: 1px solid #171A19;
    border-right: 1px solid #171A19;
    border-top: 1px solid #171A19;
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
}
.sel_wrap .ui-selectbox-wrap.on .ui-select-button::after {
    content: "";
    position: absolute;
    top: initial;
    left: 2px;
    bottom: 0;
    right: 2px;
    z-index: 1;
    border-bottom: 1px solid #eaebea;
    height: 1px;
}
.sel_wrap .ui-selectbox-wrap.on .ico {
    top: 11px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.sel_wrap .ui-selectbox-wrap .ui-select-button {
    display: block;
    padding: 12px 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #eaebea;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.sel_wrap .ui-selectbox-wrap .ui-select-button.placeholder .ui-select-text {
    color: #9B9E9C;
}
.sel_wrap .ui-selectbox-wrap .ui-select-button .ui-select-text {
    margin-right: -1px;
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: middle;
    white-space: nowrap;
}
.sel_wrap .ui-selectbox-wrap .ui-select-button .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.sel_wrap .ui-selectbox-wrap .ui-select-button .ico {
    position: absolute;
    top: 13px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.sel_wrap .ui-selectbox-wrap .ui-dropdown,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list {
    position: absolute;
    z-index: 2;
    max-height: 114px;
    overflow: auto;
    left: 0;
    right: 0;
    padding: 0;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #171A19;
    border-right: 1px solid #171A19;
    border-bottom: 1px solid #171A19;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
}
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-dropdown-title,
.sel_wrap .ui-selectbox-wrap .ui-dropdown .btn_wrap,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-dropdown-title,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .btn_wrap {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-dropdown-list > li,
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-select-scrollarea-ul > li,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-dropdown-list > li,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li {
    padding: 12px 20px;
}
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-dropdown-list > li > a,
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-select-scrollarea-ul > li > a,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-dropdown-list > li > a,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li > a {
    display: block;
    outline: none;
    font-size: 0.938rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-dropdown-list > li.on, .sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-dropdown-list > li:hover, .sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-dropdown-list > li:focus,
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-select-scrollarea-ul > li.on,
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-select-scrollarea-ul > li:hover,
.sel_wrap .ui-selectbox-wrap .ui-dropdown .ui-select-scrollarea-ul > li:focus,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-dropdown-list > li.on,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-dropdown-list > li:hover,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-dropdown-list > li:focus,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li.on,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li:hover,
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li:focus {
    background-color: #F7FAF9;
    outline: none;
}
.form_row .ico_required {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 4px 2px 0 2px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #00815A;
    vertical-align: top;
}
.form_row .ico_required .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.form_row > dl + dl {
    margin-top: 28px;
}
.form_row > dl > dt {
    margin-bottom: 8px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.form_row > dl > dd.check {
    padding-top: 8px;
}
.form_row > dl > dd .rdo_wrap {
    margin-bottom: 8px;
}
.form_row > dl > dd .rdo_wrap + .rdo_wrap {
    margin-left: 40px;
}
.form_row > dl > dd .bullet_list {
    margin-top: 12px;
}

.textarea textarea {
    width: 100%;
    padding: 16px 24px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #EAEBEA;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: top;
    resize: none;
}
.textarea textarea::-webkit-input-placeholder {
    color: #9B9E9C;
}
.textarea textarea:-moz-placeholder {
    color: #9B9E9C;
}
.textarea textarea::-moz-placeholder {
    color: #9B9E9C;
}
.textarea textarea:-ms-input-placeholder {
    color: #9B9E9C;
}
.textarea textarea::placeholder {
    color: #9B9E9C;
}

.ui_option_popup .sel_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-top: 1px solid #D4D6D4;
}
.ui_option_popup .sel_list > li {
    width: 100%;
    border-left: 1px solid #D4D6D4;
    border-right: 1px solid #D4D6D4;
    border-bottom: 1px solid #D4D6D4;
    border-top: none;
}
.ui_option_popup .sel_list > li a,
.ui_option_popup .sel_list > li button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 52px;
    color: #171A19;
}
.ui_option_popup .sel_list.col2 > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 -webkit-calc(50% - 2px);
       -moz-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 2px);
            flex: 1 1 calc(50% - 2px);
}
.ui_option_popup .sel_list.col2 > li:nth-child(odd) {
    border-right: none;
}

/* //폼 */
/* 테이블(공통) */
.top_table_sec > span {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.top_table_sec > span > strong {
    font-size: 16px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.top_table_sec + .table_wrap {
    margin-top: 20px !important;
}

.table_wrap.col {
    border-top: 1px solid #171A19;
}
.table_wrap.col table {
    width: 100%;
    border-collapse: collapse;
}
.table_wrap.col table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.table_wrap.col table thead th:first-child {
    border-left: none;
}
.table_wrap.col table tfoot .al_right {
    text-align: right;
}
.table_wrap.col table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.table_wrap.col table tbody th.first {
    border-left: none;
}
.table_wrap.col table tbody th.al_center {
    text-align: center;
}
.table_wrap.col table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    /* 데이터 없을 경우 */
}
.table_wrap.col table tbody td.first {
    border-left: none;
}
.table_wrap.col table tbody td.al_center {
    text-align: center;
}
.table_wrap.col table tbody td.al_right {
    text-align: right;
}
.table_wrap.col table tbody td .fc_red {
    color: #FF383B;
}
.table_wrap.col table tbody td .fc_khaki {
    color: #00805A;
}
.table_wrap.col table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.table_wrap.col table tbody td .no_result p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.col th {
    padding: 0 20px;
    background-color: #F0F5F4;
    font-size: 0.875rem;
    font-weight: 700 !important;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.table_wrap.col th .rdo_wrap label {
    line-height: 22px;
}
.table_wrap.col th .rdo_wrap label > span {
    font-size: 14px;
}
.table_wrap.col td .rdo_wrap label {
    line-height: 24px;
}
.table_wrap.col td .rdo_wrap label > span {
    font-size: 14px;
    font-weight: 400;
}
.table_wrap.col td .no_result {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.table_wrap.col td .no_result p {
    padding-top: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.col td .no_result p::before {
    content: none;
}
.table_wrap.col td.lec_branch {
    text-align: center;
}
.table_wrap.col td.lec_branch > a {
    text-decoration: underline;
    font-size: 0.875rem;
    font-weight: 700 !important;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.row {
    border-top: 1px solid #171A19;
}
.table_wrap.row table {
    width: 100%;
    border-collapse: collapse;
}
.table_wrap.row table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.table_wrap.row table thead th:first-child {
    border-left: none;
}
.table_wrap.row table tfoot .al_right {
    text-align: right;
}
.table_wrap.row table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.table_wrap.row table tbody th.first {
    border-left: none;
}
.table_wrap.row table tbody th.al_center {
    text-align: center;
}
.table_wrap.row table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    /* 데이터 없을 경우 */
}
.table_wrap.row table tbody td.first {
    border-left: none;
}
.table_wrap.row table tbody td.al_center {
    text-align: center;
}
.table_wrap.row table tbody td.al_right {
    text-align: right;
}
.table_wrap.row table tbody td .fc_red {
    color: #FF383B;
}
.table_wrap.row table tbody td .fc_khaki {
    color: #00805A;
}
.table_wrap.row table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.table_wrap.row table tbody td .no_result p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.row table tbody tr:last-child th {
    border-bottom: 1px solid #EAEBEA !important;
}
.table_wrap.row table tbody th {
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF !important;
    padding: 0 20px;
    background-color: #F0F5F4;
    font-size: 0.875rem;
    font-weight: 700 !important;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.table_wrap.row table tbody th.bottom {
    border-bottom: 1px solid #EAEBEA !important;
}
.table_wrap.row table tbody td .add_file {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.table_wrap.row table tbody td .view {
    padding: 20px 0;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.row .multi_th th[scope=row] {
    padding-top: 21px;
    vertical-align: top;
    border-bottom: 1px solid #FFFFFF;
}
.table_wrap.row .multi_th th[scope=col] {
    padding: 14px 0 15px;
}
.table_wrap.row .multi_th td[colspan] {
    border-bottom: 1px solid #FFFFFF;
}
.table_wrap + .table_wrap {
    margin-top: 20px;
}
.table_wrap + .paging_wrap {
    margin-top: 32px;
}

.table_wrap + .btm_btn_wrap {
    margin-top: 24px;
    font-size: 0;
    text-align: right;
}
.table_wrap + .btm_btn_wrap > .ubtn {
    margin-left: 8px;
}

.table_wrap + .bullet_list {
    margin-top: 20px;
}
.table_wrap + .bullet_list > li + li {
    margin-top: 8px;
}

.table_wrap + .btn_wrap.top_table {
    position: absolute;
    top: 0;
    right: 0;
}

.lay_pop .lay_conts .table_wrap.col table tbody td {
    padding: 20px;
}

/* //테이블(공통) */
/* 블렛 정의 */
.bullet.square > li {
    position: relative;
    padding-left: 13px;
    color: #FFFFFF;
}
.bullet.square > li:before {
    width: 5px;
    height: 5px;
    background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    bottom: 0;
    right: 0;
}
.bullet.square + li {
    margin-top: 8px;
}

.bullet_list > li {
    position: relative;
    word-break: keep-all;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.bullet_list > li > a {
    color: #171A19;
}
.bullet_list > li + li {
    margin-top: 4px;
}
.bullet_list.dot li {
    padding-left: 13px;
}
.bullet_list.dot li:before {
    content: " ";
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #434545;
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.bullet_list.bar > li {
    padding-left: 10px;
}
.bullet_list.bar > li:before {
    width: 5px;
    height: 1px;
    background-color: #727573;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.bullet_list.star > li {
    padding-left: 10px;
}
.bullet_list.star > li:before {
    content: "*" !important;
    color: #727573;
    content: "";
    position: absolute;
    top: 3px;
    left: -2px;
    bottom: 0;
    right: 0;
}
.bullet_list.alert > li {
    color: #EB3912;
}
.bullet_list.alert > li:before {
    background-color: #EB3912;
}

/* //블렛 정의 */
/* 리스트 내 결과 없음 */
ul > li .no_result {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
ul > li .no_result p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
ul > li .no_result.brd {
    padding: 40px 0;
    border-top: 1px solid #171A19;
    border-bottom: 1px solid #EAEBEA;
}

/* 일반 리스트 내 정보 노출(마우스오버 시 노출) */
.list01 > li {
    position: relative;
    display: inline-block;
}
.list01 > li + li {
    margin-left: 6px;
}
.list01 > li > a {
    display: block;
    width: 100%;
    height: 100%;
}
.list01 > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -webkit-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: -moz-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: linear-gradient(192.26deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
}
.list01 > li > a > img {
    width: 100%;
    height: 100%;
}
.list01 > li > a > dl {
    position: absolute;
    bottom: 24px;
    left: 16px;
}
.list01 > li > a > dl > dt {
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list01 > li > a > dl > dd {
    margin-top: 2px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list01 > li > a .txt {
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* 일반 리스트(마우스오버 시 딤노출) */
.list02 > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.list02 > li + li {
    margin-left: 9px;
}
.list02 > li > a {
    display: block;
    width: 100%;
    height: 100%;
}
.list02 > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -webkit-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: -moz-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: linear-gradient(192.26deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
}
.list02 > li > a > img {
    width: 100%;
}
.list02 > li > a > dl {
    margin-top: 24px;
}
.list02 > li > a > dl > dt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list02 > li > a > dl > dd .txt {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list02 > li > a > dl > dd .due {
    margin-top: 12px;
    font-size: 1rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* 캐러셀용 */
.slide_wrap .slide_conts .inner_box.list01_box {
    position: relative;
}
.slide_wrap .slide_conts .inner_box.list01_box > a {
    display: block;
    width: 100%;
    height: 100%;
}
.slide_wrap .slide_conts .inner_box.list01_box > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -webkit-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: -moz-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: linear-gradient(192.26deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
}
.slide_wrap .slide_conts .inner_box.list01_box > a > img {
    width: 100%;
    height: 100%;
}
.slide_wrap .slide_conts .inner_box.list01_box > a > dl {
    position: absolute;
    bottom: 24px;
    left: 16px;
}
.slide_wrap .slide_conts .inner_box.list01_box > a > dl > dt {
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list01_box > a > dl > dd {
    margin-top: 2px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list01_box > a .txt {
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list02_box > a {
    display: block;
    width: 100%;
    height: 100%;
}
.slide_wrap .slide_conts .inner_box.list02_box > a > img {
    width: 100%;
}
.slide_wrap .slide_conts .inner_box.list02_box > a > dl {
    margin-top: 24px;
}
.slide_wrap .slide_conts .inner_box.list02_box > a > dl > dt {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
}
.slide_wrap .slide_conts .inner_box.list02_box > a > dl > dd .txt {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list02_box > a > dl > dd .due {
    margin-top: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl {
    margin-top: 24px;
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd {
    margin-top: 8px;
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd .desc {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd .price {
    font-size: 1.125rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd .price .won {
    font-size: 1rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd > del {
    text-decoration: line-through;
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd > del.price {
    margin-top: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd > del.price .origin {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.slide_wrap .slide_conts .inner_box.list03_box a > dl > dd > del.price .won {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* 매장안내 리스트 */
.shop_list > ul > li {
    position: relative;
    display: block;
    padding: 20px 16px;
    border: 1px solid #EAEBEA;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.shop_list > ul > li + li {
    margin-top: 8px;
}
.shop_list > ul > li .branch_info {
    font-size: 0;
}
.shop_list > ul > li .branch_info .branch {
    font-size: 0.75rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .branch_info .floor {
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .branch_info > span {
    display: inline-block;
}
.shop_list > ul > li .branch_info > span + span::before {
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
    vertical-align: top;
    width: 1px;
    height: 10px;
    background-color: #D4D6D4;
}
.shop_list > ul > li .cate {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .title {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .add_info {
    margin-top: 8px;
}
.shop_list > ul > li .add_info .seller {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .add_info .contact {
    text-decoration: underline;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .add_info > span {
    display: inline-block;
}
.shop_list > ul > li .add_info > span + span {
    margin-left: 8px;
}
.shop_list > ul > li .map,
.shop_list > ul > li .btn-brand-map {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_location_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.shop_list > ul > li .map > span,
.shop_list > ul > li .btn-brand-map > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

/* 행사정보/문화센터 리스트 */
.list03 > li {
    position: relative;
    display: block;
    padding: 20px 0;
}
.list03 > li + li {
    border-top: 1px solid #EAEBEA;
}
.list03 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.list03 > li > a > div:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    padding-right: 20px;
}
.list03 > li > a > div:last-child {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1 0;
       -moz-box-flex: 3;
        -ms-flex: 3 1 0px;
            flex: 3 1 0;
}
.list03 > li > a > div:last-child .branch_info {
    font-size: 0;
}
.list03 > li > a > div:last-child .branch_info .branch {
    font-size: 0.75rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > div:last-child .branch_info .etc {
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > div:last-child .branch_info > span {
    display: inline-block;
}
.list03 > li > a > div:last-child .branch_info > span + span::before {
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
    vertical-align: top;
    width: 1px;
    height: 10px;
    background-color: #D4D6D4;
}
.list03 > li > a > div:last-child > dl {
    margin-top: 8px;
}
.list03 > li > a > div:last-child > dl > dt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > div:last-child > dl > dd {
    margin-top: 8px;
}
.list03 > li > a > div:last-child > dl > dd .due {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > div:last-child > dl > dd .time {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a img {
    width: 100%;
}

/* 추천 상품 리스트 */
.list03.prd_type > li {
    padding: 0;
}
.list03.prd_type > li a {
    display: inline-block;
}
.list03.prd_type > li a > dl {
    margin-top: 24px;
}
.list03.prd_type > li a > dl > dt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03.prd_type > li a > dl > dd {
    margin-top: 8px;
}
.list03.prd_type > li a > dl > dd .desc {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
}
.list03.prd_type > li a > dl > dd .price {
    font-size: 1.125rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03.prd_type > li a > dl > dd .price .won {
    font-size: 1rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03.prd_type > li a > dl > dd > del {
    text-decoration: line-through;
}
.list03.prd_type > li a > dl > dd > del.price {
    margin-top: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03.prd_type > li a > dl > dd > del.price .origin {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.list03.prd_type > li a > dl > dd > del.price .won {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* 플래그 정의 */
.flag {
    position: absolute;
    top: 16px;
    left: 16px;
    padding-bottom: 3px;
    background-color: #171A19;
    z-index: 10;
}
.flag:after {
    content: "";
    position: absolute;
    top: initial;
    left: initial;
    bottom: 0px;
    right: -3px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #171A19;
    z-index: 1;
}
.flag span {
    position: relative;
    display: block;
    margin-left: 3px;
    margin-right: -3px;
    padding: 2px 8px 3px;
    background-color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    z-index: 3;
}

/* //플래그 정의 */
.slide_wrap {
    position: relative;
}
.slide_wrap .indi_wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    z-index: 10;
}
.slide_wrap .indi_wrap .indi_conts {
    font-size: 0;
    text-align: center;
}
.slide_wrap .indi_wrap .indi_conts > li {
    line-height: 0;
    font-size: 0;
}
.slide_wrap .indi_wrap .indi_conts > li .btn_indi > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.slide_wrap .indi_wrap .indi_control > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.slide_wrap .indi_progress {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    height: 2px;
}
.slide_wrap .indi_progress .track {
    height: 2px;
    width: 100%;
    background-color: #EAEBEA;
}
.slide_wrap .indi_progress .track .current {
    display: block;
    height: 2px;
    background-color: rgb(0, 0, 0);
}
.slide_wrap .indi_progress .track .current > i {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.slide_wrap .slide_content .slide_track {
    content: " ";
    display: block;
    clear: both;
    overflow: hidden;
}
.slide_wrap .slide_content .slide_conts {
    position: relative;
}
.slide_wrap .slide_controls {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 1600px;
    z-index: 10;
}
.slide_wrap .slide_controls button {
    position: absolute;
    opacity: 1;
}
.slide_wrap .slide_controls button.prev {
    right: 0;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.slide_wrap .slide_controls button.next {
    left: 0;
}
.slide_wrap .slide_controls button > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.slide_wrap .slide_controls button.disabled {
    opacity: 0.5;
}

.rolling_wrap .list_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.rolling_wrap .list_wrap > ul > li > a {
    display: block;
}

/* 레이어 팝업 정의 */
.lay_pop {
    display: none;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    /* size */
}
.lay_pop .lay_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 24px 20px 40px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.lay_pop .lay_wrap .lay_tit {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    min-height: 39px;
    border-bottom: 2px solid #171A19;
}
.lay_pop .lay_wrap .lay_tit h1 {
    padding-bottom: 12px;
    padding-right: 20px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_tit h1 span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_conts {
    overflow-y: hidden;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases {
    padding: 32px 0 40px;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases dt {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_conts .alert_phrases dd {
    margin-top: 8px;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases dd > p {
    text-align: left;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_conts .textarea {
    padding: 32px 0 40px;
}
.lay_pop .lay_wrap .lay_bot_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    min-height: 56px;
    margin-top: 24px;
    text-align: center;
}
.lay_pop .lay_wrap .lay_bot_btns .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
       -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    padding: 0 10px;
    background: #171A19;
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_bot_btns .btn span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_bot_btns .btn.dis {
    background: #FFFFFF;
    border: 2px solid #171A19;
    color: #171A19;
}
.lay_pop .lay_wrap .lay_bot_btns > * + * {
    margin-left: 8px;
}
.lay_pop .lay_wrap.alert {
    width: 440px;
    padding-top: 64px;
}
.lay_pop .lay_wrap.alert .lay_tit {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.lay_pop .lay_wrap.alert .lay_conts > div {
    text-align: center;
}
.lay_pop .lay_wrap.alert .lay_conts > div p {
    padding: 0 0 40px;
}
.lay_pop .lay_wrap .close {
    position: absolute;
    top: 26px;
    right: 20px;
}
.lay_pop .lay_wrap .close button {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_close_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    vertical-align: top;
}
.lay_pop .lay_wrap .close button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.lay_pop.small {
    width: 335px;
}
.lay_pop.pull, .lay_pop.full {
    width: 100%;
    height: 100%;
}
.lay_pop.pull .lay_wrap, .lay_pop.full .lay_wrap {
    height: 100%;
    overflow: hidden;
}
.lay_pop.pull .lay_wrap .lay_conts, .lay_pop.full .lay_wrap .lay_conts {
    overflow-y: auto;
    max-height: none;
}
.lay_pop.ui_option_popup {
    width: 100%;
}
.lay_pop.ui_option_popup .lay_conts {
    max-height: 274px;
    overflow-y: auto;
}
.lay_pop.ui_option_popup .lay_bot_btns {
    margin-top: 12px;
}

/* MGR 팝업 */
.lay_pop .cmd_wrap {
    margin-top: 32px;
}
.lay_pop .cmd_wrap .title01 {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .title_desc {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .title_desc.big {
    font-size: 1rem;
    text-align: center;
}
.lay_pop .cmd_wrap .title_desc.big strong {
    font-weight: 400;
}
.lay_pop .cmd_wrap .title_desc + .bullet_list {
    margin-top: 8px;
}
.lay_pop .cmd_wrap .title_info {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .button_area {
    margin-top: 40px;
}
.lay_pop .cmd_wrap .btn_wrap {
    margin-top: 40px;
    font-size: 0;
}
.lay_pop .cmd_wrap .btn_wrap.half {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.lay_pop .cmd_wrap .btn_wrap.half .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
       -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
}
.lay_pop .cmd_wrap .btn_wrap .btn_rd {
    display: inline-block;
    min-width: 139px;
    margin: 0 4px;
    padding: 13px 16px 14px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
}
.lay_pop .cmd_wrap .btn_wrap .btn_rd > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .btn_wrap .btn_rd.border {
    border: 1px solid #171A19;
}
.lay_pop .cmd_wrap .btn_wrap .btn_rd.black {
    background-color: #171A19;
}
.lay_pop .cmd_wrap .btn_wrap .btn_rd.black > span {
    color: #FFFFFF;
}

/* //MGR 팝업 */
/* //레이어 팝업 정의 */
/* 모달 레이어 */
.dim_layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

/* //모달 레이어 */
/* 애니메이션 정의 */
@-webkit-keyframes bounce {
    0% {
        opacity: 0.3;
    }
    5% {
        opacity: 0.6;
    }
    10% {
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    25% {
        -webkit-transform: translateY(-15%);
                transform: translateY(-15%);
        opacity: 1;
    }
    26% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    27% {
        -webkit-transform: translateY(-7%);
                transform: translateY(-7%);
        opacity: 1;
    }
    28% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    29% {
        -webkit-transform: translateY(-3%);
                transform: translateY(-3%);
        opacity: 1;
    }
    30% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-15%);
                transform: translateY(-15%);
        opacity: 1;
    }
    56% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    57% {
        -webkit-transform: translateY(-7%);
                transform: translateY(-7%);
        opacity: 1;
    }
    58% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    59% {
        -webkit-transform: translateY(-3%);
                transform: translateY(-3%);
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    93% {
        opacity: 1;
    }
    95% {
        opacity: 0.5;
    }
    97% {
        opacity: 0.4;
    }
    99% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes bounce {
    0% {
        opacity: 0.3;
    }
    5% {
        opacity: 0.6;
    }
    10% {
        opacity: 1;
    }
    20% {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
        opacity: 1;
    }
    25% {
        -moz-transform: translateY(-15%);
             transform: translateY(-15%);
        opacity: 1;
    }
    26% {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
        opacity: 1;
    }
    27% {
        -moz-transform: translateY(-7%);
             transform: translateY(-7%);
        opacity: 1;
    }
    28% {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
        opacity: 1;
    }
    29% {
        -moz-transform: translateY(-3%);
             transform: translateY(-3%);
        opacity: 1;
    }
    30% {
        -moz-transform: translateY(0);
             transform: translateY(0);
        opacity: 1;
    }
    50% {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
        opacity: 1;
    }
    55% {
        -moz-transform: translateY(-15%);
             transform: translateY(-15%);
        opacity: 1;
    }
    56% {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
        opacity: 1;
    }
    57% {
        -moz-transform: translateY(-7%);
             transform: translateY(-7%);
        opacity: 1;
    }
    58% {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
        opacity: 1;
    }
    59% {
        -moz-transform: translateY(-3%);
             transform: translateY(-3%);
        opacity: 1;
    }
    60% {
        -moz-transform: translateY(0);
             transform: translateY(0);
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    93% {
        opacity: 1;
    }
    95% {
        opacity: 0.5;
    }
    97% {
        opacity: 0.4;
    }
    99% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@keyframes bounce {
    0% {
        opacity: 0.3;
    }
    5% {
        opacity: 0.6;
    }
    10% {
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    25% {
        -webkit-transform: translateY(-15%);
           -moz-transform: translateY(-15%);
                transform: translateY(-15%);
        opacity: 1;
    }
    26% {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    27% {
        -webkit-transform: translateY(-7%);
           -moz-transform: translateY(-7%);
                transform: translateY(-7%);
        opacity: 1;
    }
    28% {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    29% {
        -webkit-transform: translateY(-3%);
           -moz-transform: translateY(-3%);
                transform: translateY(-3%);
        opacity: 1;
    }
    30% {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-15%);
           -moz-transform: translateY(-15%);
                transform: translateY(-15%);
        opacity: 1;
    }
    56% {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    57% {
        -webkit-transform: translateY(-7%);
           -moz-transform: translateY(-7%);
                transform: translateY(-7%);
        opacity: 1;
    }
    58% {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
    59% {
        -webkit-transform: translateY(-3%);
           -moz-transform: translateY(-3%);
                transform: translateY(-3%);
        opacity: 1;
    }
    60% {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    93% {
        opacity: 1;
    }
    95% {
        opacity: 0.5;
    }
    97% {
        opacity: 0.4;
    }
    99% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
/* //애니메이션 정의 */
/* GNB 정의 */
#head {
    position: fixed;
    top: 24px;
    left: 20px;
    right: 20px;
    background-color: #FFFFFF;
    z-index: 25;
    /* 서브 gnb 일때 */
    /* //서브 gnb 일때 */
}
#head .header_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 48px;
    margin: 0 auto;
}
#head .header_wrap > div {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#head .header_wrap > div .logo {
    position: relative;
    margin-top: 6px;
}
#head .header_wrap > div .logo h1 {
    display: inline-block;
    margin-left: 16px;
    width: 111px;
    height: 16px;
    background-image: url("../../images/mobilehome2/logo.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .logo h1 span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .logo h1 a {
    display: block;
    width: 100%;
    height: 100%;
}
#head .header_wrap > div .logo > button {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/btn_gnb_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .logo > button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .logo .brand_gate {
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 32px;
    left: 0;
    width: 171px;
    padding: 4px 0;
    background-color: #FFFFFF;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    overflow: hidden;
}
#head .header_wrap > div .logo .brand_gate li {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 33px;
    border-top: 1px solid #EAEBEA;
}
#head .header_wrap > div .logo .brand_gate li:first-child {
    border: none;
}
#head .header_wrap > div .logo .brand_gate li:first-child a:before {
    background-image: url("../../images/mobilehome2/logo_hdd_gate_logo_24.png");
}
#head .header_wrap > div .logo .brand_gate li a {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .logo .brand_gate li a::before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background-image: url("../../images/mobilehome2/logo_hdc_gate_logo_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .logo.on button {
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
#head .header_wrap > div .logo.on .brand_gate {
    visibility: visible;
    opacity: 1;
    height: 105px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#head .header_wrap > div .tit_link {
    display: none;
}
#head .header_wrap > div .brand_search {
    position: relative;
}
#head .header_wrap > div .brand_search a {
    width: 48px;
    height: 48px;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#head .header_wrap > div .brand_search a:after {
    content: "";
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 6px;
    vertical-align: top;
    width: 25px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_search_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .brand_search a span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .brand_search .bubble_wrap {
    opacity: 0;
    -webkit-animation: bounce 4s 2s ease 1;
       -moz-animation: bounce 4s 2s ease 1;
            animation: bounce 4s 2s ease 1;
    position: absolute;
    bottom: -20px;
    background-color: #00815A;
    padding: 5px 10px;
    width: 100%;
    display: table;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
}
#head .header_wrap > div .brand_search .bubble_wrap h2 {
    font-size: 0.625rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    white-space: nowrap;
}
#head .header_wrap > div .brand_search .bubble_wrap:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 20px;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #00815A;
}
#head .header_wrap > div .brand_search .search_wrap {
    display: none;
}
#head .header_wrap > div .all_menu {
    background-color: #171A19;
}
#head .header_wrap > div .all_menu h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .all_menu > button {
    display: block;
    width: 48px;
    height: 48px;
}
#head .header_wrap > div .all_menu > button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .all_menu > button:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 25px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_menu_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head.sub {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 16px;
    height: auto !important;
    padding: 0 !important;
}
#head.sub .header_wrap > div {
    position: relative;
}
#head.sub .header_wrap > div .logo {
    display: none;
}
#head.sub .header_wrap > div .tit_link {
    display: block;
    margin-left: 16px;
}
#head.sub .header_wrap > div .tit_link h2 {
    position: absolute;
    top: 12px;
    left: 48px;
    display: block;
    width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head.sub .header_wrap > div .tit_link a {
    display: inline-block;
    margin-top: 4px;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_left_24_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head.sub .header_wrap > div .tit_link a span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head.sub .header_wrap > div .brand_search {
    display: none;
}
#head.sub .header_wrap > div .all_menu {
    background-color: #FFFFFF;
}
#head.sub .header_wrap > div .all_menu > button:before {
    content: "";
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 25px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_menu_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head.no_bg {
    background-color: transparent;
}
#head.no_bg .header_wrap > div .tit_link h2 {
    color: #FFFFFF;
}
#head.no_bg .header_wrap > div .tit_link a {
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_left_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head.no_bg .header_wrap > div .all_menu {
    background-color: transparent;
}
#head.no_bg .header_wrap > div .all_menu > button:before {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_menu_white.svg");
}

/* //GNB 정의 */
/* GNB theme BLACK (더현대 서울) */
#head.theme_black {
    background: #171A19;
}
#head.theme_black .header_wrap > div .tit_link h2 {
    color: #FFFFFF;
}
#head.theme_black .header_wrap > div .tit_link a {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_left_24_white.png");
}
#head.theme_black .header_wrap > div .all_menu {
    background: #171A19;
}
#head.theme_black .header_wrap > div .all_menu > button:before {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_menu_16_white.png");
}

/* GNB theme YELLOW (더현대 대구) */
#head.theme_yellow {
    background: #FFE84C;
}
#head.theme_yellow .header_wrap > div .all_menu {
    background: #FFE84C;
}

/* 전체메뉴 */
.all_menu .menu_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #171A19;
}
.all_menu .menu_wrap.expand {
    display: block;
}
@media screen and (min-width: 761px) and (max-width: 1023px) {
    .all_menu .menu_wrap {
        width: 360px;
        left: initial;
        right: 0;
    }
}
.all_menu .menu_wrap .top_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 20px;
}
.all_menu .menu_wrap .top_menu .home {
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_home_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .top_menu .home span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.all_menu .menu_wrap .top_menu div .logout {
    display: inline-block;
    vertical-align: top;
    margin: 4px 12px 0 0;
}
.all_menu .menu_wrap .top_menu div .logout span {
    text-decoration: underline;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .top_menu div button {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_search_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .top_menu div button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.all_menu .menu_wrap .top_menu div .close {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    margin-top: 3px;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_close_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .top_menu div .close span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.all_menu .menu_wrap .login_status {
    padding: 22px 20px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.all_menu .menu_wrap .login_status p {
    font-size: 1.12rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list {
    position: relative;
    background-color: #FFFFFF;
    padding: 32px 20px;
    height: -webkit-calc(100% - 274px);
    height: -moz-calc(100% - 274px);
    height: calc(100% - 274px);
}
.all_menu .menu_wrap .menu_list > ul > li {
    margin-top: 20px;
}
.all_menu .menu_wrap .menu_list > ul > li:first-child {
    margin-top: 0;
}
.all_menu .menu_wrap .menu_list > ul > li .sub_menu {
    display: none;
}
.all_menu .menu_wrap .menu_list > ul > li.on {
    /* 서브메뉴 */
    /* //서브메뉴 */
}
.all_menu .menu_wrap .menu_list > ul > li.on > a {
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
    height: -webkit-calc(100% - 64px);
    height: -moz-calc(100% - 64px);
    height: calc(100% - 64px);
    padding: 32px 20px;
    background-color: #F6FAF8;
    -webkit-box-shadow: rgb(222, 230, 227) 3px 3px 6px 0px inset;
       -moz-box-shadow: rgb(222, 230, 227) 3px 3px 6px 0px inset;
            box-shadow: rgb(222, 230, 227) 3px 3px 6px 0px inset;
    overflow: auto;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > a {
    display: block;
    margin-top: 40px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > a:after {
    content: "";
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 2px;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > a[target]:after {
    content: "";
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_link_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > a + a {
    margin-top: 20px;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > a:first-child {
    margin-top: 0;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl {
    margin-top: 40px;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl:first-child {
    margin-top: 0;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dt {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dt > a {
    color: #171A19;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dt > a:after {
    content: "";
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 2px;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dd {
    padding-top: 12px;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dd .pic {
    padding-bottom: 12px;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dd .pic > img {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dd > ul > li {
    margin-top: 8px;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dd > ul > li > a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dd > ul > li > a[target]:after {
    content: "";
    display: inline-block;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_link_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > dl > dd > ul > li > a.dis {
    pointer-events: none;
    font-size: 0.875rem;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > ul > li {
    margin-bottom: 12px;
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > ul > li > a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li.on .sub_menu > ul > li > a[target]:after {
    content: "";
    display: inline-block;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_link_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .menu_list > ul > li > a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li > a:hover, .all_menu .menu_wrap .menu_list > ul > li > a:active, .all_menu .menu_wrap .menu_list > ul > li > a:focus {
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .menu_list > ul > li > a[target]:after {
    content: "";
    display: inline-block;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_link_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.all_menu .menu_wrap .family_app {
    position: fixed;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    border-top: 1px solid #D4D6D4;
}
.all_menu .menu_wrap .family_app .head > a {
    height: 52px;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.all_menu .menu_wrap .family_app .head > a p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .family_app .head > a > span {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.all_menu .menu_wrap .family_app .head > a > span > i {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.all_menu .menu_wrap .family_app.open {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}
.all_menu .menu_wrap .family_app.open .head > a > span {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
.all_menu .menu_wrap .family_app .conts > dl {
    margin-bottom: 24px;
}
.all_menu .menu_wrap .family_app .conts > dl > dt {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.all_menu .menu_wrap .family_app .conts > dl > dd > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.all_menu .menu_wrap .family_app .conts > dl > dd > ul > li {
    width: 30%;
    padding-top: 20px;
}
.all_menu .menu_wrap .family_app .conts > dl > dd > ul > li > a {
    display: block;
    text-align: center;
}
.all_menu .menu_wrap .family_app .conts > dl > dd > ul > li > a > img,
.all_menu .menu_wrap .family_app .conts > dl > dd > ul > li > a > object {
    width: 48px;
    height: 48px;
}
.all_menu .menu_wrap .family_app .conts > dl > dd > ul > li > a p {
    padding-top: 8px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* //전체메뉴 */
/* 상단 검색 영역 */
.head_wrap {
    margin-top: 72px;
    padding: 0 20px;
}
.head_wrap .condition {
    padding-top: 8px;
}
.head_wrap .condition .input_wrap .sel {
    position: relative;
    display: block;
    padding: 16px 20px;
    border: 1px solid #E6E6E6;
}
.head_wrap .condition .input_wrap .sel .ui-select-button {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.head_wrap .condition .input_wrap .sel > span {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.head_wrap .condition .input_wrap .sel:after {
    content: "";
    position: absolute;
    top: 16px;
    left: initial;
    bottom: 0;
    right: 16px;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.head_wrap .condition .input_wrap .input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 8px;
}
.head_wrap .condition .input_wrap .input input[type=text] {
    width: -webkit-calc(100% - 56px);
    width: -moz-calc(100% - 56px);
    width: calc(100% - 56px);
    height: 56px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.head_wrap .condition .input_wrap .input input[type=text]:focus, .head_wrap .condition .input_wrap .input input[type=text]:active, .head_wrap .condition .input_wrap .input input[type=text]:visited {
    outline: none;
}
.head_wrap .condition .input_wrap .input .search {
    position: relative;
    width: 56px;
    background-color: #171A19;
}
.head_wrap .condition .input_wrap .input .search span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.head_wrap .condition .input_wrap .input .search:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_search_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.head_wrap .condition .input_wrap .input.on .del {
    display: block;
}
.head_wrap .condition .input_wrap .auto_complete {
    display: none;
    position: absolute;
    top: 56px;
    width: -webkit-calc(100% - 59px);
    width: -moz-calc(100% - 59px);
    width: calc(100% - 59px);
    background-color: #FFFFFF;
    border: 2px solid #171A19;
}
.head_wrap .condition .input_wrap .auto_complete > ul {
    max-height: 105px;
    overflow: auto;
    padding: 24px 4px 24px 24px;
}
.head_wrap .condition .input_wrap .auto_complete > ul > li > a {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.head_wrap .condition .input_wrap .auto_complete > ul > li > a.on {
    color: #00815A;
}
.head_wrap .condition .input_wrap .auto_complete > ul > li > a > strong {
    color: #00815A;
}
.head_wrap .condition .input_wrap .auto_complete > ul > li + li {
    margin-top: 8px;
}
.head_wrap .keyword {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 48px;
}
.head_wrap .keyword.popular {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-top: 48px;
    margin-bottom: 248px;
}
.head_wrap .keyword.popular > dl > dt {
    margin-bottom: 12px;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 900;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.head_wrap .keyword.popular > dl > dd > ul > li {
    display: inline-block;
}
.head_wrap .keyword.popular > dl > dd > ul > li a {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.head_wrap .keyword.popular > dl > dd > ul > li + li {
    margin-left: 12px;
}

/* 레이어 스타일 */
.lay_pop .lay_conts.search > div {
    padding: 0;
}
.lay_pop .lay_conts.search .head_wrap {
    margin-top: 32px;
}

/* 푸터 정의 */
footer {
    position: relative;
    margin-top: 80px;
    background-color: #171A19;
}
footer.main {
    margin-top: 0;
}
footer .footer_wrap {
    padding-top: 64px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 24px;
}
footer .footer_wrap.bar {
    padding-bottom: 96px;
}
footer .footer_wrap .logo {
    position: relative;
}
footer .footer_wrap .logo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 158px;
    height: 28px;
    background-image: url("../../images/mobilehome2/logo_footer.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
footer .footer_wrap .logo span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
footer .footer_wrap .conts {
    margin-left: -4px;
    margin-right: -4px;
}
footer .footer_wrap .conts .ref_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 62px;
}
footer .footer_wrap .conts .terms {
    margin-top: 28px;
}
footer .footer_wrap .conts .terms h2 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #D4D6D4;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .terms ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 332px;
}
footer .footer_wrap .conts .terms ul li {
    display: inline-block;
    width: 166px;
}
footer .footer_wrap .conts .terms ul li a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
footer .footer_wrap .conts .terms ul li:nth-child(n+3) {
    margin-top: 12px;
}
footer .footer_wrap .conts .terms ul li .bold {
    font-weight: 700;
}
footer .footer_wrap .conts .terms ul li .white {
    color: #FFFFFF;
}
footer .footer_wrap .conts .site_info {
    margin-top: 72px;
    padding-right: 30px;
}
footer .footer_wrap .conts .site_info h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
footer .footer_wrap .conts .site_info ul {
    font-size: 0;
    line-height: 0;
}
footer .footer_wrap .conts .site_info ul li {
    display: inline;
    position: relative;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 20px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .site_info ul li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 8px;
    background: #727573;
}
footer .footer_wrap .conts .site_info ul li:last-child:after {
    display: none;
}
footer .footer_wrap .conts .site_info ul li > a {
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .site_info .copyright {
    margin-top: 26px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .go_top {
    position: absolute;
    right: 20px;
    top: 60px;
    width: 32px;
    height: 32px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_top_32_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
footer .go_top span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
footer .system_sel_wrap {
    display: inline-block;
    position: relative;
}
footer .system_sel_wrap:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 12px;
    z-index: 0;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_16_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
footer .system_sel_wrap select {
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    padding: 12px 30px 12px 12px;
    border: 1px solid transparent;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: auto;
}
footer .system_sel_wrap select:focus {
    outline: 0 none;
    border-color: #434545;
}
footer .system_sel_wrap.gap_minus_left {
    margin-left: -13px;
}
footer .dropdown_wrap {
    position: relative;
    height: 45px;
}
footer .dropdown_wrap > h2 a {
    position: relative;
    display: block;
    width: 100%;
    padding: 11px 32px 11px 12px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #171A19;
    font-size: 14px;
    font-weight: 700;
    color: #D4D6D4;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .dropdown_wrap > h2 a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_16_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
footer .dropdown_wrap > ul {
    display: none;
    overflow-y: auto;
    position: absolute;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    z-index: 10;
    max-height: 312px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #171A19;
}
footer .dropdown_wrap > ul.direction_top {
    top: auto;
    bottom: -webkit-calc(100% - 1px);
    bottom: -moz-calc(100% - 1px);
    bottom: calc(100% - 1px);
}
footer .dropdown_wrap > ul li {
    display: block;
    margin: 0;
}
footer .dropdown_wrap > ul li a {
    display: block;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .dropdown_wrap > ul li a:hover {
    color: #FFFFFF;
}
footer .dropdown_wrap.on > h2 a {
    border-color: #434545;
}
footer .dropdown_wrap.on > h2 a::after {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
footer .dropdown_wrap.on > ul {
    display: block;
    border: 1px solid #434545;
}
footer .dropdown_wrap.gap_minus_left {
    margin-left: -13px;
}
footer .dropdown_wrap + .dropdown_wrap {
    margin-left: 30px;
}

/* //푸터 정의 */
.floating {
    position: fixed;
    right: 12px;
    bottom: 16px;
    z-index: 15;
    /* 2022-11-22 수정 [S] */
    /* 2022-11-22 수정 [E] */
}
.floating .chat {
    margin-bottom: 8px;
}
.floating .chat a {
    display: block;
    width: 56px;
    height: 56px;
    width: 56px;
    height: 56px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_floating_chat.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .chat a span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.floating .hyundai {
    position: relative;
    z-index: 60;
}
.floating .hyundai > button {
    display: block;
    width: 56px;
    height: 56px;
    background-color: #F5DCEA;
    text-align: center;
    -webkit-border-radius: 56px;
       -moz-border-radius: 56px;
            border-radius: 56px;
}
.floating .hyundai > button span {
    display: block;
    font-size: 0.562rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.floating .hyundai > button:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/logo_H.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .hyundai .menu_list {
    visibility: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: right;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.floating .hyundai .menu_list.on {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.floating .hyundai .menu_list > ul {
    width: 97px;
    margin-bottom: 8px;
    padding: 27px 24px;
    background-color: #FFFFFF;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.floating .hyundai .menu_list > ul > li {
    margin-top: 18px;
    text-align: left;
}
.floating .hyundai .menu_list > ul > li:first-child {
    margin-top: 0;
}
.floating .hyundai .menu_list > ul > li a {
    font-size: 0.75rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.floating .hyundai .menu_list > ul > li a:before {
    content: "";
    display: inline-block;
    margin-top: 1px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
}
.floating .hyundai .menu_list > ul > li a.home:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_shopping_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .hyundai .menu_list > ul > li a.new:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_new_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .hyundai .menu_list > ul > li a.collection:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_collection_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .hyundai .menu_list > ul > li a.present:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_present_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .hyundai .menu_list > ul > li a.showroom:before {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_showroom_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .hyundai .menu_list > button {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-color: #171A19;
    -webkit-border-radius: 56px;
       -moz-border-radius: 56px;
            border-radius: 56px;
}
.floating .hyundai .menu_list > button:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_close_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .hyundai .menu_list > button > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.floating .chat_message {
    position: absolute;
    bottom: 64px;
    right: 0;
    z-index: 50;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
}
.floating .chat_message.active {
    width: 280px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}
.floating .chat_message a:hover {
    text-decoration: none;
}
.floating .chat_message .chat_open_wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 60px;
    background-color: #fff;
}
.floating .chat_message .chat_open_btn {
    width: 56px;
    height: 56px;
    background: url("../../../images/mobilehome/svg/chatbot_off.png") no-repeat;
    -moz-background-size: 100%;
         background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.floating .chat_message .chat_close_btn {
    display: none;
    width: 25px;
    height: 25px;
    background: url("../../../images/mobilehome/svg/chatbot_close.png") no-repeat;
    -moz-background-size: 100%;
         background-size: 100%;
    font-size: 0;
    margin-left: 30px;
    position: absolute;
    right: 0;
}
.floating .chat_message.active .chat_close_btn {
    display: block;
}
.floating .chat_message .chat_btn_txt_wrap {
    width: 210px;
}
.floating .chat_message .chat_btn_txt {
    display: none;
    font-size: 12px;
    color: #222;
    z-index: -2;
    padding-right: 30px;
    height: 56px;
    line-height: 56px;
}
.floating .chat_message .chat_btn_txt.on {
    display: inline-block !important;
    height: 56px;
}

.paging_wrap {
    text-align: center;
}
.paging_wrap .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.paging_wrap .paging_inner {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding: 0 68px;
}
.paging_wrap .paging_inner [class^=ctrl_] {
    overflow: hidden;
    position: absolute;
    top: 0;
    background-color: #FFFFFF;
}
.paging_wrap .paging_inner .ctrl_front {
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_paging_front_36.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.paging_wrap .paging_inner .ctrl_prev {
    left: 26px;
    width: 18px;
    height: 18px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_paging_prev_36.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.paging_wrap .paging_inner .ctrl_next {
    right: 26px;
    width: 18px;
    height: 18px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_paging_next_36.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.paging_wrap .paging_inner .ctrl_end {
    right: 0;
    width: 18px;
    height: 18px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_paging_end_36.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.paging_wrap .paging_inner > span:not([class^=ctrl_]),
.paging_wrap .paging_inner > a:not([class^=ctrl_]) {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 18px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.paging_wrap .paging_inner > span:not([class^=ctrl_]).on {
    color: #171A19;
    text-decoration: underline;
}
.paging_wrap .paging_inner > *:not([class^=ctrl_]) + *:not([class^=ctrl_]) {
    margin-left: 8px;
}

/* 개발 요청 페이징 */
.paging {
    text-align: center;
}
.paging > a,
.paging > strong {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.paging > a.first, .paging > a.prev, .paging > a.next, .paging > a.last {
    background-color: #FFFFFF;
}
.paging > a.prev {
    margin-right: 22px;
}
.paging > a.prev + * {
    margin-left: 0;
}
.paging > a.next {
    margin-left: 22px;
}
.paging > strong.on {
    color: #171A19;
    text-decoration: underline;
}
.paging > * + * {
    margin-left: 5px;
}

/* //개발 요청 페이징 */
/* 기본 */
.ui-calendar-container {
    width: 288px;
}
.ui-calendar-container .ui-select-day {
    padding: 24px;
    -webkit-box-shadow: 0px 4px 8px rgba(41, 51, 49, 0.3);
       -moz-box-shadow: 0px 4px 8px rgba(41, 51, 49, 0.3);
            box-shadow: 0px 4px 8px rgba(41, 51, 49, 0.3);
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second {
    position: relative;
    padding: 0 20px;
    text-align: center;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now em {
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now span {
    vertical-align: top;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select {
    display: inline-block;
    margin-right: 10px;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap {
    display: inline-block;
    position: relative;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap + em {
    margin-left: 8px;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-selectbox-view .ui-select-button {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-selectbox-view .ui-select-button .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-selectbox-view .ui-select-button .ico {
    position: absolute;
    top: 3px;
    right: -4px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_dropdown_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-dropdown {
    position: absolute;
    top: 30px;
    left: 0;
    width: 50px;
    padding: 12px;
    background-color: #FFFFFF;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .ui-dropdown-title,
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .btn_wrap {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .ui-dropdown-list li a {
    font-size: 12px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now .ui-year-select .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .ui-dropdown-list li + li {
    margin-top: 16px;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev,
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_arrow_right_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    font-size: 0;
    line-height: 0;
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next {
    right: 0;
}
.ui-calendar-container .ui-select-day .ui-calendar-date {
    margin: 10px -6px 0;
}
.ui-calendar-container .ui-select-day .ui-calendar-date table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.ui-calendar-container .ui-select-day .ui-calendar-date table th, .ui-calendar-container .ui-select-day .ui-calendar-date table td {
    text-align: center;
}
.ui-calendar-container .ui-select-day .ui-calendar-date table th {
    padding: 5px 6px;
    font-size: 12px;
    font-weight: 700;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ui-calendar-container .ui-select-day .ui-calendar-date table td {
    padding: 5px 6px;
    font-size: 12px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ui-calendar-container .ui-select-day .ui-calendar-date table td .ui-calendar-day,
.ui-calendar-container .ui-select-day .ui-calendar-date table td .ui-calendar-extend {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 24px;
    height: 24px;
    color: inherit;
}
.ui-calendar-container .ui-select-day .ui-calendar-date table .ui-calendar-active button.ui-calendar-day {
    background: #00815A;
    color: #FFFFFF;
}
.ui-calendar-container .ui-select-day .ui-calendar-date table .ui-calendar-holiday .ui-calendar-day {
    background: #171A19;
    color: #FFFFFF;
}
.ui-calendar-container .ui-select-day .ui-calendar-date table .ui-calendar-extend .ui-calendar-day {
    background: #F5DCEA;
}
.ui-calendar-container .ui-select-day .ui-calendar-date table .ui-calendar-today .ui-calendar-day {
    background: #FFFFFF;
    color: #171A19;
    border: 1px solid #00815A;
}

/* 지점안내 특화 */
.ui_store_calendar .ui-calendar-container {
    width: 100%;
}
.ui_store_calendar .ui-calendar-container .ui-select-day {
    padding-bottom: 10px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

/* 인풋 폼용 */
.calendar_wrap {
    font-size: 0;
}
.calendar_wrap * {
    vertical-align: top;
}
.calendar_wrap .input_wrap .input_cal {
    position: relative;
}
.calendar_wrap .input_wrap .input_cal input {
    background: #FFFFFF;
}
.calendar_wrap .input_wrap .input_cal .btn_cal {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_calendar.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.calendar_wrap .input_wrap .input_cal .btn_cal > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.calendar_wrap .sel_wrap {
    display: inline-block;
    margin-left: 10px;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    line-height: 40px;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap.on .ui-select-button .ui-select-text {
    margin: -2px 0 0 0;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button {
    line-height: 42px;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button .ico {
    top: 14px;
}
.calendar_wrap .sel_wrap + .input_c {
    margin-left: 8px;
}
.calendar_wrap .btn {
    margin-left: 7px;
}
.calendar_wrap .btn.black {
    height: 44px;
    padding: 11px 20px 12px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #171A19;
    line-height: 22px;
}
.calendar_wrap .btn.black > span {
    display: inline-block;
    min-width: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* 간격용 클래스 */
.mt32 {
    margin-top: 32px;
}

.tspace02 {
    margin-top: 8px;
}

.br8 {
    display: block;
    height: 8px;
}

/* 신규(그래픽) 개인정보취급(처리)방침L */
.policy_content_view,
.cs {
    position: relative;
    margin-top: 32px;
}
.policy_content_view .paragraph:not(:first-child),
.cs .paragraph:not(:first-child) {
    margin-top: 40px;
}
.policy_content_view .paragraph strong,
.cs .paragraph strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .paragraph strong.second,
.cs .paragraph strong.second {
    display: block;
    margin-top: 12px;
    font-size: 0.938rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .paragraph strong img,
.cs .paragraph strong img {
    width: 24px;
}
.policy_content_view .paragraph > p,
.cs .paragraph > p {
    margin-top: 8px;
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .paragraph .text_box a,
.cs .paragraph .text_box a {
    color: #171A19;
    text-decoration: underline;
}
.policy_content_view .paragraph .boldtext,
.cs .paragraph .boldtext {
    display: inline-block;
    font-weight: 700;
    color: #171A19;
    text-decoration: underline;
}
.policy_content_view .paragraph .bul_list,
.cs .paragraph .bul_list {
    margin-top: 12px;
}
.policy_content_view .paragraph .bul_list.inter0 li,
.cs .paragraph .bul_list.inter0 li {
    margin-top: 0;
}
.policy_content_view .paragraph .bul_list li,
.cs .paragraph .bul_list li {
    margin-top: 8px;
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .paragraph .bul_list li:first-child,
.cs .paragraph .bul_list li:first-child {
    margin-top: 0;
}
.policy_content_view .paragraph .bul_list li .boldtext,
.cs .paragraph .bul_list li .boldtext {
    display: inline-block;
    font-weight: 700;
}
.policy_content_view .paragraph .bul_list li .depth_ul,
.cs .paragraph .bul_list li .depth_ul {
    margin-bottom: -8px;
    padding-left: 24px;
}
.policy_content_view .paragraph .bul_list li .depth_ul li,
.cs .paragraph .bul_list li .depth_ul li {
    margin-top: 0;
}
.policy_content_view .paragraph .bul_list li > a,
.cs .paragraph .bul_list li > a {
    color: #171A19;
    text-decoration: underline;
}
.policy_content_view .paragraph .bul_list .modal,
.cs .paragraph .bul_list .modal {
    display: block;
    margin-top: 8px;
    color: #00805A;
    font-weight: 700;
    text-decoration: none;
}
.policy_content_view .paragraph .btn_type16,
.cs .paragraph .btn_type16 {
    display: block;
    margin-top: 8px;
}
.policy_content_view .paragraph .btn_type16 > a,
.cs .paragraph .btn_type16 > a {
    color: #00805A;
    font-weight: 700;
    text-decoration: none;
}
.policy_content_view .label_list,
.policy_content_view .label_table,
.cs .label_list,
.cs .label_table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 0 0 -8px;
}
.policy_content_view .label_list li,
.policy_content_view .label_table li,
.cs .label_list li,
.cs .label_table li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    width: 100%;
    margin: 8px 0 0 8px;
    text-align: center;
}
.policy_content_view .label_list li a,
.policy_content_view .label_table li a,
.cs .label_list li a,
.cs .label_table li a {
    display: block;
    height: 101px;
    padding: 16px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F0F5F4;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.policy_content_view .label_list li a img,
.policy_content_view .label_table li a img,
.cs .label_list li a img,
.cs .label_table li a img {
    display: block;
    width: 40px;
    margin: 0 auto 8px;
}
.policy_content_view p.desc,
.cs p.desc {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .policy_accordion,
.cs .policy_accordion {
    margin: 8px 0;
}
.policy_content_view .policy_accordion li,
.cs .policy_accordion li {
    border-top: 1px solid #eaebea;
    border-bottom: 1px solid #eaebea;
}
.policy_content_view .policy_accordion li .head a,
.cs .policy_accordion li .head a {
    display: block;
    padding: 13px 24px;
    background-color: #F7FAF9;
}
.policy_content_view .policy_accordion li .head a .tit,
.cs .policy_accordion li .head a .tit {
    position: relative;
    padding-right: 20px;
    font-weight: 700;
}
.policy_content_view .policy_accordion li .head a .tit:after,
.cs .policy_accordion li .head a .tit:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_dropdown_16.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.policy_content_view .policy_accordion li .head a .hide,
.cs .policy_accordion li .head a .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.policy_content_view .policy_accordion li.on .head a:after,
.cs .policy_accordion li.on .head a:after {
    -webkit-transform: rotate(180deg) translateY(-50%) !important;
       -moz-transform: rotate(180deg) translateY(-50%) !important;
        -ms-transform: rotate(180deg) translateY(-50%) !important;
            transform: rotate(180deg) translateY(-50%) !important;
}
.policy_content_view .policy_accordion li .body,
.cs .policy_accordion li .body {
    padding: 16px 20px;
    background-color: #FFFFFF;
}
.policy_content_view .policy_accordion li .body .table_wrap td,
.cs .policy_accordion li .body .table_wrap td {
    text-align: left;
}
.policy_content_view .policy_accordion li .body li,
.cs .policy_accordion li .body li {
    border: none;
}
.policy_content_view .policy_accordion li .body .bul_list,
.cs .policy_accordion li .body .bul_list {
    margin-top: 0;
}
.policy_content_view .policy_accordion li .body .box:not(:first-child),
.cs .policy_accordion li .body .box:not(:first-child) {
    margin-top: 12px;
}
.policy_content_view .policy_accordion li .body .box .modal,
.cs .policy_accordion li .body .box .modal {
    color: #171A19;
    text-decoration: underline;
}
.policy_content_view .policy_accordion li.on .tit:after,
.cs .policy_accordion li.on .tit:after {
    -webkit-transform: rotate(180deg) translateY(50%) !important;
       -moz-transform: rotate(180deg) translateY(50%) !important;
        -ms-transform: rotate(180deg) translateY(50%) !important;
            transform: rotate(180deg) translateY(50%) !important;
}
.policy_content_view .policy_accordion.policy_box,
.cs .policy_accordion.policy_box {
    border: 1px solid #eaebea;
    border-bottom: none;
}
.policy_content_view .policy_accordion.policy_box li .head,
.cs .policy_accordion.policy_box li .head {
    border-bottom: 1px solid #eaebea;
}
.policy_content_view .policy_accordion.policy_box li .head a .tit,
.cs .policy_accordion.policy_box li .head a .tit {
    display: block;
}
.policy_content_view .table_frame:not(:first-child),
.cs .table_frame:not(:first-child) {
    margin-top: 40px;
}
.policy_content_view .table_frame .tit,
.cs .table_frame .tit {
    display: block;
    margin-bottom: 20px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .table_frame .tit + p,
.cs .table_frame .tit + p {
    margin-top: -12px;
}
.policy_content_view .table_frame > p,
.cs .table_frame > p {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .table_frame > p + .btn_link,
.cs .table_frame > p + .btn_link {
    margin-top: 12px;
}
.policy_content_view .table_frame .desc,
.cs .table_frame .desc {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .table_frame .btn_link,
.cs .table_frame .btn_link {
    display: inline-block;
    margin-top: 4px;
}
.policy_content_view .table_frame .btn_link.type,
.cs .table_frame .btn_link.type {
    margin-top: 0;
}
.policy_content_view .table_frame .table_wrap table tbody td:first-child,
.cs .table_frame .table_wrap table tbody td:first-child {
    border-left: 1px solid #eaebea;
}
.policy_content_view .table_frame .table_wrap table tbody td:first-child.first,
.cs .table_frame .table_wrap table tbody td:first-child.first {
    border-left: none;
}
.policy_content_view .table_frame .table_wrap table tbody td a,
.cs .table_frame .table_wrap table tbody td a {
    color: #171A19;
    text-decoration: underline;
}
.policy_content_view .table_frame .table_wrap table tbody td a.btn_link,
.cs .table_frame .table_wrap table tbody td a.btn_link {
    text-decoration: none;
}
.policy_content_view .table_frame .table_wrap.al_left table tbody td,
.cs .table_frame .table_wrap.al_left table tbody td {
    text-align: left;
}
.policy_content_view .table_frame .btm_info,
.cs .table_frame .btm_info {
    margin-top: 16px;
}
.policy_content_view .table_frame .btm_info li,
.cs .table_frame .btm_info li {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.policy_content_view .table_frame .btm_info li + li,
.cs .table_frame .btm_info li + li {
    margin-top: 4px;
}
.policy_content_view .table_frame .btm_info li:last-child,
.cs .table_frame .btm_info li:last-child {
    color: #434545;
}
.policy_content_view .table_frame .btm_info > p,
.cs .table_frame .btm_info > p {
    margin-top: 4px;
    padding-left: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_content_view .btm_info,
.cs .btm_info {
    margin-top: 16px;
}
.policy_content_view .btm_info li,
.cs .btm_info li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.policy_content_view .btm_info li + li,
.cs .btm_info li + li {
    margin-top: 4px;
}

/* 개인정보취급(처리)방침L(현행기준) */
.wrap_policy.cs h4 {
    display: block;
    margin-top: 32px;
    margin-bottom: 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs h5 {
    display: block;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs p, .wrap_policy.cs a {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs a:hover {
    text-decoration: underline;
}
.wrap_policy.cs P + ul {
    margin-top: 8px;
}
.wrap_policy.cs P + ol {
    margin-top: 8px;
}
.wrap_policy.cs > ol,
.wrap_policy.cs > ul {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs > ol > li,
.wrap_policy.cs > ul > li {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs > ol > li + li,
.wrap_policy.cs > ul > li + li {
    margin-top: 8px;
}
.wrap_policy.cs > ol > li > p,
.wrap_policy.cs > ul > li > p {
    margin-top: 4px;
}
.wrap_policy.cs > ol > li > ol,
.wrap_policy.cs > ol > li > ul,
.wrap_policy.cs > ul > li > ol,
.wrap_policy.cs > ul > li > ul {
    margin-top: 4px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs > ol > li > ol > li,
.wrap_policy.cs > ol > li > ul > li,
.wrap_policy.cs > ul > li > ol > li,
.wrap_policy.cs > ul > li > ul > li {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs > ol > li > ol > li + li,
.wrap_policy.cs > ol > li > ul > li + li,
.wrap_policy.cs > ul > li > ol > li + li,
.wrap_policy.cs > ul > li > ul > li + li {
    margin-top: 4px;
}
.wrap_policy.cs > ol > li > ol > li > ol,
.wrap_policy.cs > ol > li > ol > li > ul,
.wrap_policy.cs > ol > li > ul > li > ol,
.wrap_policy.cs > ol > li > ul > li > ul,
.wrap_policy.cs > ul > li > ol > li > ol,
.wrap_policy.cs > ul > li > ol > li > ul,
.wrap_policy.cs > ul > li > ul > li > ol,
.wrap_policy.cs > ul > li > ul > li > ul {
    margin-top: 4px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs > ol > li > ol > li > ol > li,
.wrap_policy.cs > ol > li > ol > li > ul > li,
.wrap_policy.cs > ol > li > ul > li > ol > li,
.wrap_policy.cs > ol > li > ul > li > ul > li,
.wrap_policy.cs > ul > li > ol > li > ol > li,
.wrap_policy.cs > ul > li > ol > li > ul > li,
.wrap_policy.cs > ul > li > ul > li > ol > li,
.wrap_policy.cs > ul > li > ul > li > ul > li {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs > ol > li > ol > li > ol > li + li,
.wrap_policy.cs > ol > li > ol > li > ul > li + li,
.wrap_policy.cs > ol > li > ul > li > ol > li + li,
.wrap_policy.cs > ol > li > ul > li > ul > li + li,
.wrap_policy.cs > ul > li > ol > li > ol > li + li,
.wrap_policy.cs > ul > li > ol > li > ul > li + li,
.wrap_policy.cs > ul > li > ul > li > ol > li + li,
.wrap_policy.cs > ul > li > ul > li > ul > li + li {
    margin-top: 4px;
}
.wrap_policy.cs > ol + h5,
.wrap_policy.cs > ul + h5 {
    margin-top: 24px;
}
.wrap_policy.cs .bllist_type2 {
    margin-top: 4px;
}
.wrap_policy.cs .bllist_type2 > li {
    margin-top: 2px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs .bllist_type3 {
    margin-top: 4px;
    margin-left: 4px;
}
.wrap_policy.cs .bllist_type3 > li {
    margin-top: 2px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs .policymenu {
    margin-top: 32px;
    padding: 20px;
    background-color: #F0F5F4;
}
.wrap_policy.cs .policymenu > ul li {
    margin-top: 8px;
}
.wrap_policy.cs .policymenu > ul li a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19 !important;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.wrap_policy.cs .policymenu + p {
    margin-top: 16px;
}
.wrap_policy.cs .policymenu + h4 {
    margin-top: 40px;
}
.wrap_policy.cs .tb_type2 {
    border-top: 1px solid #434545;
}
.wrap_policy.cs .tb_type2.tspace02 {
    margin-top: 24px;
}
.wrap_policy.cs .tb_type2.bspace02 {
    margin-bottom: 24px;
}
.wrap_policy.cs .tb_type2 table {
    width: 100%;
    border-collapse: collapse;
}
.wrap_policy.cs .tb_type2 table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.wrap_policy.cs .tb_type2 table thead th:first-child {
    border-left: none;
}
.wrap_policy.cs .tb_type2 table tfoot .al_right {
    text-align: right;
}
.wrap_policy.cs .tb_type2 table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.wrap_policy.cs .tb_type2 table tbody th.first {
    border-left: none;
}
.wrap_policy.cs .tb_type2 table tbody th.al_center {
    text-align: center;
}
.wrap_policy.cs .tb_type2 table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    /* 데이터 없을 경우 */
}
.wrap_policy.cs .tb_type2 table tbody td.first {
    border-left: none;
}
.wrap_policy.cs .tb_type2 table tbody td.al_center {
    text-align: center;
}
.wrap_policy.cs .tb_type2 table tbody td.al_right {
    text-align: right;
}
.wrap_policy.cs .tb_type2 table tbody td .fc_red {
    color: #FF383B;
}
.wrap_policy.cs .tb_type2 table tbody td .fc_khaki {
    color: #00805A;
}
.wrap_policy.cs .tb_type2 table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.wrap_policy.cs .tb_type2 table tbody td .no_result p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs .tb_type2 .fir {
    border-left: none;
}
.wrap_policy.cs .tb_type2 a {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.cs .tb_type2 tr td {
    word-break: break-all;
}
.wrap_policy.cs .tb_type2 tr td.brd_left {
    border-left: 1px solid #eaebea;
}

/* 카드신청 > 약관 (현행기준) */
.popup_terms {
    margin-top: 32px;
}
.popup_terms p + .big01, .popup_terms ul + .big01, .popup_terms ol + .big01, .popup_terms li + .big01 {
    margin-top: 40px;
}
.popup_terms p + .tspace02, .popup_terms ul + .tspace02, .popup_terms ol + .tspace02, .popup_terms li + .tspace02 {
    margin-top: 24px;
}
.popup_terms span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms p {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms p + ul, .popup_terms p + ol {
    margin-top: 4px;
}
.popup_terms .privacy .table_wrap {
    margin-top: 20px;
}
.popup_terms > ul > li,
.popup_terms > ol > li {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms > ul > li + li,
.popup_terms > ol > li + li {
    margin-top: 8px;
}
.popup_terms > ul > li > p,
.popup_terms > ol > li > p {
    margin-top: 4px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms > ul > li > ul,
.popup_terms > ol > li > ul {
    margin-top: 4px;
}
.popup_terms > ul > li > ul > li,
.popup_terms > ol > li > ul > li {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms > ul + p,
.popup_terms > ol + p {
    margin-top: 8px;
}
.popup_terms a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .big01 {
    margin-bottom: 28px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 {
    margin-bottom: 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + p {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul, .popup_terms .tspace02 ~ ul {
    margin-top: 4px;
}
.popup_terms .tspace02 + ul > li, .popup_terms .tspace02 ~ ul > li {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul > li + li, .popup_terms .tspace02 ~ ul > li + li {
    margin-top: 8px;
}
.popup_terms .tspace02 + ul > li > p, .popup_terms .tspace02 ~ ul > li > p {
    margin-top: 4px;
    font-size: inherit;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul > li > p.sub_txt, .popup_terms .tspace02 ~ ul > li > p.sub_txt {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul > li > ul, .popup_terms .tspace02 ~ ul > li > ul {
    margin-top: 4px;
}
.popup_terms .tspace02 + ul > li > ul > li, .popup_terms .tspace02 ~ ul > li > ul > li {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace03 > li {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace03 > li > strong {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace03 > li.br {
    margin-top: 40px;
}
.popup_terms .happypoint_terms {
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #D4D6D4;
    border-bottom: 1px solid #D4D6D4;
}
.popup_terms .happypoint_terms > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.popup_terms .happypoint_terms > ul li {
    width: 100%;
}
.popup_terms .happypoint_terms > ul li a {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .happypoint_terms > ul li:nth-child(n+2) {
    margin-top: 8px;
}
.popup_terms .sub_txt {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .bullet {
    position: relative;
}
.popup_terms .bullet.dot {
    margin-top: 8px;
    padding-left: 11px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .bullet.dot:before {
    width: 4px;
    height: 4px;
    background-color: #434545;
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.terms_acc_wrap > ul > li .head {
    border-bottom: 1px solid #EAEBEA;
}
.terms_acc_wrap > ul > li .head a {
    display: block;
    position: relative;
    padding: 20px 28px 20px 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.terms_acc_wrap > ul > li .head a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -12px;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.terms_acc_wrap > ul > li .cont {
    padding-top: 24px;
}
.terms_acc_wrap > ul > li.on .head a::after {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.terms_acc_wrap > ul > li + li {
    margin-top: 24px;
}

/* 카드신청 휴대폰인증관련 약관들(현행기준) */
.content.new {
    padding-top: 32px;
}
.content.new .br8 {
    display: block;
    height: 8px;
}
.content.new .mt40 {
    margin-top: 40px !important;
}
.content.new a {
    color: #434545 !important;
}
.content.new .layer_h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.content.new .layer_h2 + .layer_h2, .content.new .layer_h2 + .paragraph3, .content.new .layer_h2 + .bullet_list {
    margin-top: 12px;
}
.content.new .paragraph3 {
    margin-top: 12px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.content.new .paragraph3 + .layer_h2 {
    margin-top: 24px;
}
.content.new .paragraph3 table {
    width: 100%;
    border-collapse: collapse;
}
.content.new .paragraph3 table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.content.new .paragraph3 table thead th:first-child {
    border-left: none;
}
.content.new .paragraph3 table tfoot .al_right {
    text-align: right;
}
.content.new .paragraph3 table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.content.new .paragraph3 table tbody th.first {
    border-left: none;
}
.content.new .paragraph3 table tbody th.al_center {
    text-align: center;
}
.content.new .paragraph3 table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    /* 데이터 없을 경우 */
}
.content.new .paragraph3 table tbody td.first {
    border-left: none;
}
.content.new .paragraph3 table tbody td.al_center {
    text-align: center;
}
.content.new .paragraph3 table tbody td.al_right {
    text-align: right;
}
.content.new .paragraph3 table tbody td .fc_red {
    color: #FF383B;
}
.content.new .paragraph3 table tbody td .fc_khaki {
    color: #00805A;
}
.content.new .paragraph3 table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.content.new .paragraph3 table tbody td .no_result p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.content.new .paragraph3 tr td {
    word-break: break-all;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.content.new .paragraph3 tr td:first-child {
    border-left: none;
}
.content.new .bullet_list {
    margin-top: 8px;
}
.content.new .bullet_list + .layer_h2 {
    margin-top: 24px;
}
.content + .button_area {
    margin-top: 52px;
}

.hidden, legend, caption, hr, .blind, .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

fieldset {
    border: none;
}

caption {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

a:hover, a:focus {
    text-decoration: none;
}

img {
    width: 100%;
    vertical-align: top;
}

/* 스킵네비게이션 */
nav.skip a {
    position: absolute;
    top: -100px;
    width: 100%;
    background-color: #434545;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
nav.skip a:focus, nav.skip a:active {
    top: 0;
}

/* //스킵네비게이션 */
/* 마이페이지 */
/* 공통 */
.mypage_body {
    background-color: #050F34;
}
.mypage_body .mypage .mypage_side {
    background-color: #FFFFFF;
}

fieldset {
    border: none;
}

a[href*=modal] {
    display: block;
    width: 60px;
    height: 40px;
    border: 1px solid #171A19;
    color: #171A19;
    line-height: 40px;
    text-align: center;
}

/* 툴팁 */
/* 230214 잔여업무리스트 14-1 수정 */
.ty_relative.btn_tooltip_wrap {
    position: relative !important;
}

/* //230214 잔여업무리스트 14-1 수정 */
.btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.btn_tooltip_wrap .btn_tooltip {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_tooltip_20.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_tooltip_wrap .btn_tooltip > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_tooltip_wrap .bubble_wrap {
    display: none;
    position: absolute;
    /* 230214 잔여업무리스트 14-1 수정 */
    /* //230214 잔여업무리스트 14-1 수정 */
    top: 30px;
    right: -12px;
    z-index: 2;
    width: 248px;
    padding: 16px 36px 20px 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #171A19;
}
.btn_tooltip_wrap .bubble_wrap.w200 {
    width: 200px;
}
.btn_tooltip_wrap .bubble_wrap:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
}
.btn_tooltip_wrap .bubble_wrap.tr:before {
    top: -27px;
    right: 12px;
    border-bottom: 14px solid #171A19;
    border-top: 20px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.btn_tooltip_wrap .bubble_wrap.tl:before {
    top: -27px;
    left: 12px;
    border-bottom: 14px solid #171A19;
    border-top: 20px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.btn_tooltip_wrap .bubble_wrap .txt {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_tooltip_wrap .bubble_wrap .desc {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_tooltip_wrap .bubble_wrap .btn_close {
    position: absolute;
    top: 16px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_bubble_close_16.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_tooltip_wrap .bubble_wrap .btn_close .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_tooltip_wrap.open .bubble_wrap {
    display: block;
}

/* //툴팁 */
/* 하단버튼 */
.foot_btn_wrap .btn_func {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 9px 16px 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #171A19;
}
.foot_btn_wrap .btn_func:after {
    content: " ";
    position: absolute;
    top: 7px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_btn_func_black02.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -moz-background-size: 20px auto;
         background-size: 20px auto;
}
.foot_btn_wrap .btn_func span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.foot_btn_wrap .btn_func.black {
    background-color: #171A19;
}
.foot_btn_wrap .btn_func.black > span {
    color: #FFFFFF;
}
.foot_btn_wrap .btn_func.black:after {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_btn_func_white02.svg");
}
.foot_btn_wrap .btn_func + .btn_func {
    margin-top: 6px;
}
.foot_btn_wrap.half {
    font-size: 0;
}
.foot_btn_wrap.half .btn_func {
    display: inline-block;
    width: -webkit-calc(50% - 2px);
    width: -moz-calc(50% - 2px);
    width: calc(50% - 2px);
    margin-top: 0;
    margin-left: 4px;
    vertical-align: top;
}
.foot_btn_wrap.half .btn_func:first-child {
    margin-left: 0;
}

/* //하단버튼 */
/* 퀵버튼 */
.quick_btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 80px;
}
.quick_btn_wrap a .ico {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 4px;
}
.quick_btn_wrap a .ico.ico01 {
    width: 30px;
    height: 30px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_personal_30.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .ico.ico02 {
    width: 30px;
    height: 30px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_clause_30.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .ico.ico03 {
    width: 30px;
    height: 30px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_quit_30.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .ico.ico04 {
    width: 30px;
    height: 30px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_logout_30.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .txt {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* //퀵버튼 */
/* 입력폼 */
.input input[type=text],
.input input[type=password] {
    width: 100%;
    height: 48px;
    padding: 0 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #eaebea;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0.94rem;
}
.input input[type=text]:active,
.input input[type=password]:active {
    border-color: #171A19;
}

/* //입력폼 */
/* 포지션 */
.pos_rel {
    position: relative;
}
.pos_rel .btn_link {
    position: absolute;
    top: 4px;
    right: 0;
}

/* 간격 */
.cnt40 {
    margin-top: 40px;
}

.cnt48 {
    margin-top: 48px;
}

.cnt56 {
    margin-top: 56px;
}

.cnt64 {
    margin-top: 64px;
}

.pt40 {
    padding-top: 40px;
}

/* 버튼 */
.button_area .btn {
    display: block;
    width: 100%;
    height: 56px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    line-height: 56px;
    text-align: center;
}
.button_area .btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.button_area .btn.black {
    background-color: #171A19;
}
.button_area .btn.black > span {
    color: #FFFFFF !important;
}
.button_area .btn.border {
    border: 2px solid #171A19;
}
.button_area.half {
    font-size: 0;
}
.button_area.half .btn {
    display: inline-block;
    width: -webkit-calc(50% - 2px);
    width: -moz-calc(50% - 2px);
    width: calc(50% - 2px);
    margin-top: 0;
    margin-left: 4px;
    vertical-align: top;
}
.button_area.half .btn:first-child {
    margin-left: 0;
}

/* //버튼 */
/* 링크버튼 */
.btn_link {
    position: relative;
    padding-right: 18px;
}
.btn_link > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_link:after {
    content: " ";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("../../images/mobilehome2/ico_arrow_right_16.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_link.type {
    padding-right: 0;
    font-weight: normal;
}
.btn_link.type:after {
    display: none;
}

/* //링크버튼 */
/* 영역 구분 라인 */
.sec_line {
    display: block;
    height: 8px;
    margin: 48px -20px 32px;
    background-color: #F0F2F0;
}

/* 하단 정보 */
.foot_info_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
}
.foot_info_wrap .ico {
    display: block;
    margin-top: -4px;
    width: 48px;
    height: 48px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_password_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.foot_info_wrap .cont {
    padding-left: 16px;
}
.foot_info_wrap .cont p {
    font-size: 0.88rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.foot_info_wrap .cont p + .btn_link {
    display: inline-block;
    margin-top: 12px;
}

/* //하단 정보 */
.regist_group .item {
    position: relative;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #f8f5f4;
    background-color: #f7faf9;
}
.regist_group .item:not(:first-child) {
    margin-top: 12px;
}
.regist_group .item > .ico {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 40px;
}
.regist_group .item .sel_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
}
.regist_group .item .sel_group .sel_wrap {
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 90px);
    vertical-align: top;
}
.regist_group .item .sel_group .sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li {
    padding: 12px 12px;
}
.regist_group .item .sel_group .sel_wrap .ui-selectbox-wrap .ui-select-button {
    padding: 11px 12px;
}
.regist_group .item .sel_group .sel_box {
    width: 100%;
    height: 48px;
    margin-left: 8px;
}
.regist_group .item .sel_group .sel_box .input_wrap input {
    height: 48px;
    line-height: 48px;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.regist_group .item .btn_del {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/webhome2/ico_close_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.regist_group .item .btn_del > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

.regist_ex {
    margin-top: 12px;
}

.ubtn {
    width: 100%;
    padding: 7px 12px 6px 20px;
    border: 1px solid #171A19;
}
.ubtn > span {
    position: relative;
    padding-right: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ubtn > span:after {
    content: " ";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_right_14.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.ubtn.plus {
    padding: 7px 20px 6px 12px;
}
.ubtn.plus > span {
    padding-right: 0;
    padding-left: 24px;
}
.ubtn.plus > span:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/webhome2/mypage/ico_plus_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.ubtn.plus > span:after {
    display: none;
}
.ubtn.type > span {
    padding-right: 8px;
}
.ubtn.type > span:after {
    display: none;
}

.sup_btn .ubtn {
    margin-top: 32px;
}

.table_wrap.col {
    border-top: 1px solid #171A19;
}
.table_wrap.col table {
    width: 100%;
    border-collapse: collapse;
}
.table_wrap.col table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.table_wrap.col table thead th:first-child {
    border-left: none;
}
.table_wrap.col table tfoot .al_right {
    text-align: right;
}
.table_wrap.col table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.table_wrap.col table tbody th.first {
    border-left: none;
}
.table_wrap.col table tbody th.al_center {
    text-align: center;
}
.table_wrap.col table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    /* 데이터 없을 경우 */
}
.table_wrap.col table tbody td.first {
    border-left: none;
}
.table_wrap.col table tbody td.al_center {
    text-align: center;
}
.table_wrap.col table tbody td.al_right {
    text-align: right;
}
.table_wrap.col table tbody td .fc_red {
    color: #FF383B;
}
.table_wrap.col table tbody td .fc_khaki {
    color: #00805A;
}
.table_wrap.col table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.table_wrap.col table tbody td .no_result p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.col th {
    padding: 0 20px;
    background-color: #F0F5F4;
    font-size: 14px;
    font-weight: 700 !important;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.table_wrap.col th .rdo_wrap label {
    line-height: 1.5;
}
.table_wrap.col th .rdo_wrap label > span {
    font-size: 14px;
}
.table_wrap.col td .rdo_wrap label {
    line-height: 1.5;
}
.table_wrap.col td .rdo_wrap label > span {
    font-size: 14px;
    font-weight: 400;
}
.table_wrap.row {
    border-top: 1px solid #171A19;
}
.table_wrap.row table {
    width: 100%;
    border-collapse: collapse;
}
.table_wrap.row table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.table_wrap.row table thead th:first-child {
    border-left: none;
}
.table_wrap.row table tfoot .al_right {
    text-align: right;
}
.table_wrap.row table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.table_wrap.row table tbody th.first {
    border-left: none;
}
.table_wrap.row table tbody th.al_center {
    text-align: center;
}
.table_wrap.row table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    /* 데이터 없을 경우 */
}
.table_wrap.row table tbody td.first {
    border-left: none;
}
.table_wrap.row table tbody td.al_center {
    text-align: center;
}
.table_wrap.row table tbody td.al_right {
    text-align: right;
}
.table_wrap.row table tbody td .fc_red {
    color: #FF383B;
}
.table_wrap.row table tbody td .fc_khaki {
    color: #00805A;
}
.table_wrap.row table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.table_wrap.row table tbody td .no_result p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.row th {
    padding: 0 20px;
    background-color: #F0F5F4;
    font-size: 14px;
    font-weight: 700 !important;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.table_wrap + .table_wrap {
    margin-top: 20px;
}
.table_wrap + .paging_wrap {
    margin-top: 32px;
}
.table_wrap.scroll_row {
    overflow-x: auto;
}

.table_wrap + .btm_btn_wrap {
    margin-top: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.table_wrap + .btm_btn_wrap > .sbtn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    text-align: center;
}
.table_wrap + .btm_btn_wrap > .sbtn.type span {
    padding-right: 0;
}
.table_wrap + .btm_btn_wrap > .sbtn:nth-child(2) {
    margin-left: 4px;
}
.table_wrap + .btm_btn_wrap > .sbtn:nth-child(3) {
    margin-top: 4px;
    margin-left: 0;
}

.dl_group_wrap {
    margin-top: 32px;
}
.dl_group_wrap dl {
    margin-top: 20px;
}
.dl_group_wrap dl dt {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.dl_group_wrap dl dd {
    margin-top: 8px;
    font-size: 0.88rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* //공통 */
/* 서브메인 */
#head.sub_main {
    background-color: #053525;
}
#head.sub_main > div .tit_link h2 {
    color: #FFFFFF !important;
}
#head.sub_main > div .tit_link a {
    background-image: url("../../images/mobilehome2/ico_arrow_left_white.svg") !important;
}
#head.sub_main > div .all_menu {
    background-color: transparent !important;
}
#head.sub_main > div .all_menu > button:before {
    background-image: url("../../images/mobilehome2/ico_menu_16_white.png") !important;
}
#head.sub_main.type_normal {
    background-color: #053525;
}
#head.sub_main.type_jasmine {
    background-color: #050F34;
}
#head.sub_main.type_sage {
    background-color: #357369;
}
#head.sub_main.type_yp {
    background-color: #EB7F43;
}
#head.sub_main.type_green {
    background-color: #1B4542;
}

/* 서브메인 케이스 */
#head.sub_main_case {
    background-color: #053525;
}
#head.sub_main_case .header_wrap > div .all_menu {
    background-color: #053525 !important;
}

.mypage .mypage_side .mypage_main .section.section_my_case .class_box {
    height: 230px !important;
}
.mypage .mypage_side .mypage_main .section.section_my_case .class_box:after {
    display: none;
}
.mypage_sub {
    margin-top: 48px;
}

.mypage > h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage .mypage_side {
    position: relative;
    max-width: 1440px;
    margin: 48px auto 0;
}
.mypage .mypage_side .tit_wrap h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .tit_wrap.al_center {
    text-align: center;
}
.mypage .mypage_side .mypage_main {
    position: relative;
}
.mypage .mypage_side .mypage_main .tit_wrap {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    padding-right: 46px;
}
.mypage .mypage_side .mypage_main .tit_wrap h4 {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .tit_wrap .btn_tooltip_wrap {
    vertical-align: top;
}
.mypage .mypage_side .mypage_main .tit_wrap .btn_tooltip_wrap .btn_tooltip {
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_tooltip_20.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage .mypage_side .mypage_main .tit_wrap .btn_tooltip_wrap .bubble_wrap {
    top: 36px;
    right: auto;
    left: -8px;
}
.mypage .mypage_side .mypage_main .data_favoritespot {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 91.942%;
    overflow: hidden;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float .favor_info {
    margin: 20px;
    padding: 20px;
    background-color: #FFFFFF;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float .favor_info .tit {
    display: inline-block;
    position: relative;
    padding-right: 22px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float .favor_info .tit:after {
    content: " ";
    position: absolute;
    top: 2px;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_arrow_right_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float .favor_info .favor_info_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 24px;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float .favor_info .favor_info_group dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float .favor_info .favor_info_group dl + dl {
    margin-top: 8px;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_float .favor_info .favor_info_group dl dd {
    font-weight: bold;
}
.mypage .mypage_side .mypage_main .data_favoritespot .favor_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
.mypage .mypage_side .mypage_main .ui_change_header + .section {
    margin-top: 20px;
}
.mypage .mypage_side .mypage_main .section {
    position: relative;
    margin-top: 56px;
}
.mypage .mypage_side .mypage_main .section.section_my {
    margin: 0 -20px 0;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box {
    position: relative;
    height: 338px;
    background-color: #053525;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box.type_normal {
    background: url("http://m.ehyundai.com/images/mobilehome2/mypage/bg_mypage_grade_normal.png") no-repeat 50% 50%;
    -moz-background-size: cover;
         background-size: cover;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box.type_jasmine {
    background: url("http://m.ehyundai.com/images/mobilehome2/mypage/bg_mypage_grade_jasmine.png") no-repeat 50% 50%;
    -moz-background-size: cover;
         background-size: cover;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box.type_sage {
    background: url("http://m.ehyundai.com/images/mobilehome2/mypage/bg_mypage_grade_sage.png") no-repeat 50% 50%;
    -moz-background-size: cover;
         background-size: cover;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box.type_yp {
    background: url("http://m.ehyundai.com/images/mobilehome2/mypage/bg_mypage_grade_yp.png") no-repeat 50% 50%;
    -moz-background-size: cover;
         background-size: cover;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box.type_green {
    background: url("http://m.ehyundai.com/images/mobilehome2/mypage/bg_mypage_grade_green.png") no-repeat 50% 50%;
    -moz-background-size: cover;
         background-size: cover;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 40px 20px 32px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my {
    font-size: 0;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my .logo {
    display: inline-block;
    width: 56px;
    height: 56px;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my .logo img {
    width: inherit;
    height: inherit;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my dl {
    display: inline-block;
    padding-left: 16px;
    vertical-align: top;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my dl dt a {
    position: relative;
    padding-right: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my dl dt a:after {
    content: " ";
    position: absolute;
    top: 2px;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_arrow_right_white.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my dl dd {
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_my dl dd .class_txt {
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    position: relative;
    width: 100%;
    padding: 16px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #FFFFFF;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li:nth-child(2) {
    margin-left: 7px;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li:nth-child(3) {
    margin-top: 8px;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li.point dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li.point dl dd {
    padding-top: 0;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li dl dt {
    font-size: 0.88rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li dl dt .btn_tooltip_wrap {
    display: inline-block;
    position: static;
    vertical-align: top;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li dl dd {
    padding-top: 21px;
    text-align: right;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li dl dd .won {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .class_info .list li dl dd strong {
    font-size: 1.13rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .btn_ptr {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 2;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .btn_ptr .btn_info {
    position: relative;
    padding-right: 18px;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .btn_ptr .btn_info:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_right_16_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage .mypage_side .mypage_main .section.section_my .class_box .class_float .btn_ptr .btn_info > span {
    font-size: 0.88rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .hyundai_card {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 47.764%;
}
.mypage .mypage_side .mypage_main .section .hyundai_card + .foot_btn_wrap {
    margin-top: 12px;
}
.mypage .mypage_side .mypage_main .section .hyundai_card.event {
    padding-bottom: 37.612%;
}
.mypage .mypage_side .mypage_main .section .hyundai_card.event .hyundai_card_float dl dd .won strong {
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .hyundai_card .hyundai_card_float {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage .mypage_side .mypage_main .section .hyundai_card .hyundai_card_float dl dt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .hyundai_card .hyundai_card_float dl dd {
    padding-top: 8px;
}
.mypage .mypage_side .mypage_main .section .hyundai_card .hyundai_card_float dl dd .won {
    font-size: 1.375rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .hyundai_card .hyundai_card_float dl dd .won strong {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: middle;
}
.mypage .mypage_side .mypage_main .section .hyundai_card .img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}
.mypage .mypage_side .mypage_main .section .common_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    position: relative;
    padding: 32px;
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group dl + dl {
    margin-top: 8px;
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group dl dt {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group dl dd {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group dl dd .won {
    font-size: 1.13rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group dl dd .won .sum {
    font-size: 1.38rem;
}
.mypage .mypage_side .mypage_main .section .common_box .dl_group:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #D8E9E5;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mypage .mypage_side .mypage_main .section .common_box .notice {
    width: 100%;
    padding: 40px 20px;
    text-align: center;
}
.mypage .mypage_side .mypage_main .section .common_box .notice p {
    font-size: 0.88rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    word-break: keep-all;
}
.mypage .mypage_side .mypage_main .section .common_box .notice .arrow_link {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .common_box .notice .arrow_link:after {
    width: 16px;
    height: 16px;
    background-image: url("../../images/mobilehome2/ico_arrow_right_16.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage .mypage_side .mypage_main .section .cars_number .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mypage .mypage_side .mypage_main .section .cars_number .list li {
    position: relative;
    padding: 12px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
    text-align: center;
}
.mypage .mypage_side .mypage_main .section .cars_number .list li:nth-child(n+2) {
    margin-top: 4px;
}
.mypage .mypage_side .mypage_main .section .cars_number .list li .txt {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .class_my .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage .mypage_side .mypage_main .section .class_my .list li {
    position: relative;
    width: 362px;
    padding-bottom: 32.613%;
}
.mypage .mypage_side .mypage_main .section .class_my .list li:nth-child(n+2) {
    margin-left: 12px;
}
.mypage .mypage_side .mypage_main .section .class_my .list li a {
    display: block;
}
.mypage .mypage_side .mypage_main .section .class_my .list li .class_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.mypage .mypage_side .mypage_main .section .class_my .list li .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.mypage .mypage_side .mypage_main .section .class_my .list li .inner .txt {
    padding: 32px 24px;
    font-size: 1.38rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .slide_course {
    margin: 0 -20px;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content {
    padding-right: 60px;
    padding-left: 12px;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts {
    padding-left: 8px;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box {
    display: block;
    padding: 20px 43px 20px 22px;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_header .lecture_store {
    font-size: 0.88rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_header .lecture_name {
    width: 100%;
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 28px;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_body .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_body .ico {
    display: inline-block;
    padding-top: 2px;
    vertical-align: -5px;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_body .date .ico {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_calendar_20.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_body .attend {
    padding-left: 8px;
}
.mypage .mypage_side .mypage_main .section .slide_course .slide_content .slide_conts .common_box .lecture_body .attend .ico {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_people_20.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage .mypage_side .mypage_main .section .slide_course .indi_wrap {
    bottom: 0;
}
.mypage .mypage_side .mypage_main .banner_wrap {
    margin-top: 80px;
    background-color: green;
    color: #fff;
    font-size: 100px;
    text-align: center;
}
.mypage .mypage_side .mypage_main .btn_ptr {
    position: absolute;
    top: 0;
    right: 0;
}
.mypage .mypage_side .mypage_main .btn_detail {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #171A19;
}
.mypage .mypage_side .mypage_main .btn_detail > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage .mypage_side .mypage_main .btn_detail:before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 18px;
    height: 18px;
    background-image: url("http://m.ehyundai.com/images/webhome2/ico_btn_detail_18_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

.container {
    position: relative;
}
.container .mypage_sub {
    margin: 72px 0 0;
}
.container .title01 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .title02 {
    font-size: 1.13rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .title03 {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .tit_page {
    margin-bottom: 64px;
    font-size: 40px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.container .txt_desc {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .txt_desc + .txt_desc {
    margin-top: 12px;
}
.container .id_pw_find_section .ico_required {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 4px 2px 0 0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #00805A;
    vertical-align: top;
}
.container .id_pw_find_section .ico_required .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.container .id_pw_find_section .tit_wrap {
    position: relative;
    padding-bottom: 8px;
    border-bottom: 2px solid #171A19;
}
.container .id_pw_find_section .tit_wrap.no_bd {
    padding-bottom: 13px;
    border-bottom: none;
}
.container .id_pw_find_section .tit_wrap .required_txt {
    position: absolute;
    bottom: -35px;
    left: 0;
}
.container .id_pw_find_section .tit_wrap .title01 {
    display: inline-block;
}
.container .id_pw_find_section .tit_wrap .btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    top: 4px;
    right: auto;
}
.container .id_pw_find_section .tit_wrap .btn_tooltip_wrap .btn_tooltip {
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_tooltip_24.png");
}
.container .id_pw_find_section .tit_wrap .sel_r_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.container .id_pw_find_section .tit_wrap .sel_r_wrap .sel_wrap {
    width: 180px;
}
.container .id_pw_find_section .tit_wrap .sel_r_wrap .sel_wrap.small .ui-selectbox-wrap .ui-select-button {
    height: 44px;
    line-height: 42px;
}
.container .id_pw_find_section .tit_wrap .sel_r_wrap .sel_wrap.small .ui-selectbox-wrap .ui-select-button .ico {
    top: 14px;
}
.container .id_pw_find_section .id_pw_find_box .sup {
    margin-top: 24px;
    font-size: 0.88rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .id_pw_find_section .id_pw_find_box form,
.container .id_pw_find_section .id_pw_find_box .form {
    margin-top: 32px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row.input_type dl dd .input_wrap .input,
.container .id_pw_find_section .id_pw_find_box .form .form_row.input_type dl dd .input_wrap .input {
    width: -webkit-calc(100% - 113px);
    width: -moz-calc(100% - 113px);
    width: calc(100% - 113px);
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl {
    margin-top: 32px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dt,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dt {
    font-size: 0.94rem;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dt > .txt,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dt > .txt {
    font-size: 0.94rem;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: top;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dt .btn_tooltip_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dt .btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd {
    margin-top: 8px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .rdo_wrap {
    position: relative;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap + .rdo_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .rdo_wrap + .rdo_wrap {
    margin-left: 34px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .rdo_wrap .bubble_wrap {
    position: absolute;
    top: -60px;
    left: 38px;
    width: 268px;
    padding: 12px 20px;
    background-color: #f5dcea;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap:before,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .rdo_wrap .bubble_wrap:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap.bl:before,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .rdo_wrap .bubble_wrap.bl:before {
    bottom: -10px;
    left: 16px;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid #f5dcea;
    border-right: 10px solid transparent;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap .txt,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .rdo_wrap .bubble_wrap .txt {
    font-size: 14px;
    font-weight: 400;
    color: #DD298D;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .bullet_list,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .bullet_list {
    margin-top: 12px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .bullet_list li + li,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .bullet_list li + li {
    margin-top: 8px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .bullet_list li .btn_link,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .bullet_list li .btn_link {
    margin-left: 8px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input + .chk_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input + .chk_wrap {
    margin-top: 16px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input + .btn,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input + .btn {
    margin-left: 7px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap + .bar_type,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap + .bar_type {
    margin-top: 8px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.bar_type > div:before,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap.bar_type > div:before {
    content: " ";
    position: absolute;
    top: 24px;
    left: -12px;
    width: 8px;
    height: 1px;
    background-color: #171A19;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.bar_type > div:first-child:before,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap.bar_type > div:first-child:before {
    display: none;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.mail_type > div,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap.mail_type > div {
    width: -webkit-calc(33.3333333333% - 16px);
    width: -moz-calc(33.3333333333% - 16px);
    width: calc(33.3333333333% - 16px);
    margin-left: 32px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.mail_type > div:nth-child(2),
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap.mail_type > div:nth-child(2) {
    width: 231px;
    margin-right: -26px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.mail_type > div:nth-child(2):before,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap.mail_type > div:nth-child(2):before {
    content: "@";
    position: absolute;
    top: 20px;
    left: -22px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap > div,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap > div {
    position: relative;
    margin-left: 17px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap > div:first-child,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap > div:first-child {
    margin-left: 0;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap > div.sel_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .input_wrap > div.sel_wrap {
    -webkit-flex-basis: 242px;
        -ms-flex-preferred-size: 242px;
            flex-basis: 242px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap label,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap label {
    display: block;
    font-size: 0.94rem;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .w582,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .w582 {
    width: 582px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .btn,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .btn {
    min-width: 104px;
    padding: 0 16px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .btn > span,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .btn > span {
    font-size: 0.94rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_wrap + .chk_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_wrap + .chk_wrap {
    margin-left: 40px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_sm_sel {
    margin-top: 14px;
    padding-top: 8px;
    border-top: 1px solid #EAEBEA;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap input[type=checkbox] + label::before,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap input[type=checkbox] + label::before {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_terms_checkbox_default.svg");
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap input[type=checkbox]:checked + label::before,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap input[type=checkbox]:checked + label::before {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/ico_terms_checkbox_active.svg");
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm {
    margin-left: 18px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm label > span,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm label > span {
    font-size: 0.938rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm input[type=checkbox]:checked + label > span,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm input[type=checkbox]:checked + label > span {
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm + .sm,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm + .sm {
    margin-left: 44px;
}
.container .id_pw_find_section .id_pw_find_box form .form_row dl dd .sel_inline_wrap .sel_wrap + .sel_wrap,
.container .id_pw_find_section .id_pw_find_box .form .form_row dl dd .sel_inline_wrap .sel_wrap + .sel_wrap {
    margin-top: 8px;
}
.container .id_pw_find_section .id_pw_find_box .btn_wrap {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #D4D6D4;
    text-align: right;
}
.container .id_pw_find_section .id_pw_find_box .regist_group {
    margin-top: 20px;
}
.container .id_pw_find_section .id_pw_find_box.type_tight .form_row dl:first-child {
    margin-top: 0;
}
.container .id_pw_find_section .id_pw_find_box.type_tight .form_row dl + dl {
    margin-top: 24px;
}
.container .id_pw_find_section + .id_pw_find_section {
    margin-top: 100px;
}
.container .complete_wrap {
    text-align: center;
}
.container .complete_wrap .ico {
    display: block;
    margin: 0 auto;
}
.container .complete_wrap .ico.ico01 {
    width: 80px;
    height: 80px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_complete_80.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.container .complete_wrap .ico.ico02 {
    width: 80px;
    height: 80px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/ico_member_check_80.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.container .complete_wrap .tit {
    margin-top: 16px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .complete_wrap .desc {
    margin-top: 20px;
    font-size: 0.88rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .complete_wrap .btm_noti {
    margin-top: 40px;
}
.container .complete_wrap .btm_noti .title {
    font-size: 1.13rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .complete_wrap .btm_noti .bullet_list {
    display: inline-block;
    margin-top: 16px;
}
.container .complete_wrap .btm_noti .bullet_list.dot li:before {
    display: inline-block;
    position: static;
    margin-right: 5px;
    vertical-align: 4px;
}
.container .complete_wrap .btm_noti .bullet_list.dot li + li {
    margin-top: 4px;
}

.lay_pop .portal_wrap {
    padding-top: 24px;
    margin-left: 1px;
}
.lay_pop .portal_wrap.al_center {
    padding-top: 32px;
    text-align: center;
}
.lay_pop .portal_wrap > .bullet_list li + li {
    margin-top: 8px;
}
.lay_pop .portal_wrap p {
    font-size: 0.88rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form {
    margin-top: 32px;
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl + dl,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl + dl {
    margin-top: 24px;
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dt,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dt {
    font-size: 0.94rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd {
    margin-top: 8px;
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .mail_type,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .mail_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .mail_type .input,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .mail_type .input {
    position: relative;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .mail_type .input + .input,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .mail_type .input + .input {
    margin-left: 40px;
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .mail_type .input + .input:before,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .mail_type .input + .input:before {
    content: "@";
    position: absolute;
    top: 50%;
    left: -28px;
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .mail_type + .btn,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .mail_type + .btn {
    margin-top: 8px;
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .btn,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .btn {
    display: inline-block;
    width: 100%;
    padding: 13px 20px;
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .btn > span,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box form .form_row dl dd .btn.border,
.lay_pop .portal_wrap .id_pw_find_section .id_pw_find_box .form .form_row dl dd .btn.border {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}

.mypage_new {
    /* AMY-B01-001.html, AMY-B01-003.html, AMY-B01-004.html, AMY-B01-005T.html, AMY-B01-006T.html, AMY-B01-009P.html, AMY-C01-001.html, AMY-C01-004.html, AMY-C01-006.html, AMY-C01-007P.html,  */
    /* AMY-A01-001T.html, AMY-A01-004B.html, AMY-A01-005B.html, AMY-A01-020B.html, AMY-C01-003B.html, AMY-C01-005B.html, AMY-C01-008B.html, AMY-P01-007B.html,  */
    /* AMY-C01-001 : 나의 맴버십, AMY-B01-004 */
    /* AMY-B01-001 : 나의 등급 */
    /* AMY-B01-005 : 나의 등급 */
}
.mypage_new .box_module {
    width: 100%;
    padding: 20px 12px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new .box_module .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .box_module .top > *:first-child {
    padding-left: 8px;
}
.mypage_new .box_module .top > *:last-child {
    padding-right: 8px;
}
.mypage_new .box_module .top span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .box_module .top strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.375;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .box_module .top > .btn_wrap {
    display: block;
    width: 100%;
    padding-right: 0px;
}
.mypage_new .box_module .top > .btn_wrap .txt_arrow {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new .box_module .bottom {
    padding: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #F7FAF9;
}
.mypage_new .box_module .bottom > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .box_module .bottom > li + li {
    margin-top: 12px;
}
.mypage_new .box_module .bottom strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .box_module .bottom span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .box_module._em .top .btn_wrap {
    width: 100%;
}
.mypage_new .box_module._em .top .btn_wrap .txt_arrow {
    width: 100%;
}
.mypage_new .box_module._em .top .btn_wrap .txt_arrow span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new .box_module._em .top .btn_wrap .txt_arrow.dis {
    border: none !important;
    background-color: transparent !important;
}
.mypage_new .box_module._em .top .btn_wrap .txt_arrow.dis span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19 !important;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new .box_module._em .top .btn_wrap .txt_arrow.dis::after {
    display: none;
}
.mypage_new .box_module._em .bottom span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .box_module._em .bottom strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .popup_sub_head .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .membership {
    padding-top: 16px;
}
.mypage_new .membership .btm_notice_line {
    margin-top: 48px;
}
.mypage_new .membership .btm_notice_line .ui_accordion ul li .ui_accord_content {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.mypage_new .membership .btm_notice_line .ui_accordion ul li .ui_accord_content > .bullet_list > li .btn_wrap {
    display: inline-block;
    margin-top: 8px;
}
.mypage_new .membership .btm_notice_line .ui_accordion ul li .ui_accord_content > .bullet_list > li .btn_wrap.inline {
    margin-top: 0px;
}
.mypage_new .membership .ui_HdApp_select_btmsheet + .text_box_module_03 {
    margin-top: 16px;
}
.mypage_new .membership .ui_HdApp_select_btmsheet + .membership_box {
    margin-top: 16px;
}
.mypage_new .membership .text_box_module_03 + .btn_wrap {
    margin-top: 20px;
}
.mypage_new .membership .list_header_area + .tab_wrap.inline_type02 {
    margin-top: -12px;
}
.mypage_new .membership .membership_box + .box_module {
    margin-top: 24px;
}
.mypage_new .membership .box_module + .text_box_module_01 {
    margin-top: 24px;
}
.mypage_new .membership .text_box_module_01 + .expected_rating {
    margin-top: 24px;
}
.mypage_new .membership .text_box_module_01 + .detail_sec {
    margin-top: 56px;
}
.mypage_new .membership .expected_rating > dl > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new .membership .expected_rating > dl > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .membership .expected_rating > dl > dt strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .membership .expected_rating > dl > dt strong img {
    width: auto;
    height: 16px;
    vertical-align: text-bottom;
}
.mypage_new .membership .expected_rating > dl > dt strong img.on {
    display: none;
}
.mypage_new .membership .expected_rating > dl > dd.image {
    margin-top: 20px;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: -webkit-calc((100% - 4px) / 5);
    width: -moz-calc((100% - 4px) / 5);
    width: calc((100% - 4px) / 5);
    height: 48px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #D4D6D4;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li::before {
    content: "";
    display: block;
    position: absolute;
    top: -14px;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: transparent;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li > .logo_box > img {
    width: auto;
    height: 100%;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li > .logo_box > img.on {
    display: none;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:first-of-type {
    -webkit-border-radius: 8px 0 0 8px;
       -moz-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:last-of-type {
    -webkit-border-radius: 0 8px 8px 0;
       -moz-border-radius: 0 8px 8px 0;
            border-radius: 0 8px 8px 0;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:nth-child(1) > .logo_box {
    height: 21px;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:nth-child(2) > .logo_box.sage {
    display: none;
    height: 19px;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:nth-child(2) > .logo_box.yp {
    display: none;
    height: 19px;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:nth-child(3) > .logo_box {
    height: 18px;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:nth-child(4) > .logo_box {
    height: 32px;
}
.mypage_new .membership .expected_rating > dl > dd.image > ul > li:nth-child(5) > .logo_box {
    height: 32px;
}
.mypage_new .membership .expected_rating > dl > dd.text {
    padding: 12px 6px 0;
}
.mypage_new .membership .expected_rating > dl > dd.text ul.bullet_list.dot.gray > li {
    word-break: break-all;
}
.mypage_new .membership .expected_rating._default {
    padding: 0px;
}
.mypage_new .membership .expected_rating._green > dl > dd.image > ul > li:nth-child(1) {
    background-color: #aedbd1;
}
.mypage_new .membership .expected_rating._green > dl > dd.image > ul > li:nth-child(1)::before {
    background-color: #aedbd1;
}
.mypage_new .membership .expected_rating._green > dl > dd.image > ul > li:nth-child(1) > .logo_box > img.on {
    display: block;
}
.mypage_new .membership .expected_rating._green > dl > dd.image > ul > li:nth-child(1) > .logo_box > img.default {
    display: none;
}
.mypage_new .membership .expected_rating._yp > dl > dt strong {
    color: #FF5000;
}
.mypage_new .membership .expected_rating._yp > dl > dd.image > ul > li:nth-child(2) {
    background-color: #FF5000;
}
.mypage_new .membership .expected_rating._yp > dl > dd.image > ul > li:nth-child(2)::before {
    background-color: #FF5000;
}
.mypage_new .membership .expected_rating._sage > dl > dt strong {
    color: #58926b;
}
.mypage_new .membership .expected_rating._sage > dl > dd.image > ul > li:nth-child(2) {
    background-color: #58926b;
}
.mypage_new .membership .expected_rating._sage > dl > dd.image > ul > li:nth-child(2)::before {
    background-color: #58926b;
}
.mypage_new .membership .expected_rating._sage > dl > dd.image > ul > li:nth-child(2) .logo_box.sage {
    display: block;
}
.mypage_new .membership .expected_rating._jasmin > dl > dt strong {
    color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin > dl > dd.image > ul > li:nth-child(3) {
    background-color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin > dl > dd.image > ul > li:nth-child(3)::before {
    background-color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin_blue > dl > dt strong {
    color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin_blue > dl > dd.image > ul > li:nth-child(4) {
    background-color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin_blue > dl > dd.image > ul > li:nth-child(4)::before {
    background-color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin_black > dl > dt strong {
    color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin_black > dl > dd.image > ul > li:nth-child(5) {
    background-color: #302e92;
}
.mypage_new .membership .expected_rating._jasmin_black > dl > dd.image > ul > li:nth-child(5)::before {
    background-color: #302e92;
}
.mypage_new .membership .expected_rating.on_sage .logo_box.sage {
    display: block !important;
}
.mypage_new .membership .expected_rating.on_yp .logo_box.yp {
    display: block !important;
}
.mypage_new .membership .expected_rating + .membership_table_box {
    margin-top: 40px;
}
.mypage_new .membership .membership_table_box .table_inner {
    margin-top: 4px;
}
.mypage_new .membership .membership_table_box .table_inner .btn_wrap {
    display: inline-block;
}
.mypage_new .membership .membership_table_box + .bullet_box {
    margin-top: 24px;
}
.mypage_new .membership .bullet_box {
    padding: 0px 8px;
}
.mypage_new .membership .bullet_box .bullet_list > li {
    word-break: break-all;
}
.mypage_new .membership .bullet_box .bullet_list .bullet_inner_block {
    display: block;
    margin-top: 8px;
}
.mypage_new .membership .bullet_box .bullet_list .bullet_inner_block .btn_wrap {
    display: inline-block;
}
.mypage_new .membership > div:last-child.bullet_box {
    padding-bottom: 60px;
}
.mypage_new .membership > .result + .btn_wrap {
    width: 128px;
    margin: 24px auto 0;
}
.mypage_new.lay_conts {
    /* AMY-B01-013B */
    /* AMY-B01-010P 영수증 */
    /* AMY-B01-011P 영수증 */
}
.mypage_new.lay_conts.btm_select_wrap {
    min-height: 145px;
}
.mypage_new.lay_conts .btm_notice_line {
    padding-bottom: 60px;
}
.mypage_new.lay_conts .vip_receipt ._01 {
    margin-top: 16px;
    padding-left: 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.lay_conts .vip_receipt ._02 {
    margin-top: 12px;
}
.mypage_new.lay_conts .vip_receipt ._03 {
    margin-top: 20px;
}
.mypage_new.lay_conts .vip_receipt ._03 .btm_notice_line {
    margin-top: 48px;
}
.mypage_new.lay_conts .vip_receipt_img {
    position: relative;
    height: -webkit-calc(100% + 16px);
    height: -moz-calc(100% + 16px);
    height: calc(100% + 16px);
    margin-top: -16px;
    margin-left: -16px;
    margin-right: -16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new.lay_conts .vip_receipt_img .detail_full_box {
    height: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.lay_conts .vip_receipt_img .receipt_num_box {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #e9eae9;
}
.mypage_new.lay_conts .vip_receipt_img .receipt_num_box .text_item_module_01 {
    padding: 15px 0px;
    text-align: center;
    background: white;
}
.mypage_new.lay_conts .vip_receipt_img .receipt_num_box .text_item_module_01 > strong {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .mygrade {
    padding-top: 16px;
}
.mypage_new .mygrade .list_header_area {
    padding-top: 56px;
    padding-bottom: 11px;
    margin-bottom: 24px;
    border-bottom: 1px solid #eaebea;
}
.mypage_new .mygrade .btm_notice_line {
    margin-top: 48px;
}
.mypage_new .mygrade .text_box_module_01 {
    margin-top: 16px;
}
.mypage_new .mygrade .no_result {
    margin: 80px 0;
}
.mypage_new .tab_conts .mygrade {
    padding: 22px 16px 0;
}
.mypage_new .tab_conts .mygrade .text_box_module_01 + .change_area {
    margin-top: 40px;
}
.mypage_new .tab_conts .mygrade .change_area .select_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .tab_conts .mygrade .change_area .select_box .rdo_wrap.sel_btn {
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
}
.mypage_new .tab_conts .mygrade .change_area .select_box .rdo_wrap.sel_btn + .rdo_wrap {
    margin-top: 0px;
    margin-left: 8px;
}
.mypage_new .tab_conts .mygrade .change_area .result_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .tab_conts .mygrade .change_area .result_box > .input_area {
    width: -webkit-calc(50% - 14px);
    width: -moz-calc(50% - 14px);
    width: calc(50% - 14px);
}
.mypage_new .tab_conts .mygrade .change_area .result_box > .input_area > .header {
    padding-left: 8px;
}
.mypage_new .tab_conts .mygrade .change_area .result_box > .input_area > .header strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new .tab_conts .mygrade .change_area .result_box > .input_area > .content {
    margin-top: 8px;
}
.mypage_new .tab_conts .mygrade .change_area .result_box > .input_area > .content dl.with_text_input dd .input_wrap input {
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.mypage_new .tab_conts .mygrade .change_area .result_box > .input_area.next {
    position: relative;
    padding-left: 28px;
}
.mypage_new .tab_conts .mygrade .change_area .result_box > .input_area.next::before {
    content: "";
    display: block;
    position: absolute;
    margin: 0 7px;
    width: 14px;
    height: 10px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/icon_arrow_mark_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    left: 0;
    bottom: 24px;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}
.mypage_new .tab_conts .mygrade .change_area .no_point, .mypage_new .tab_conts .mygrade .change_area .no_member {
    margin-top: 24px;
}
.mypage_new .tab_conts .mygrade .change_area .no_point .text_box_module_01, .mypage_new .tab_conts .mygrade .change_area .no_member .text_box_module_01 {
    background-color: #F7FAF9;
}
.mypage_new .tab_conts .mygrade .change_area + .text_box_module_02 {
    margin-top: 24px;
    background-color: #F7FAF9;
}

/* 2차 디자인 수정 */
.mypage_new .detail_full_box {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100vw;
    top: 0;
    left: 50%;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.mypage_new .detail_full_box > img {
    width: 100%;
}
.mypage_new .detail_full_box.full {
    height: 100%;
}
.mypage_new .view_detail_top {
    display: block;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 50%;
    width: 100vw;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.mypage_new .view_detail_top .header {
    position: relative;
}
.mypage_new .view_detail_top .header .title {
    padding: 24px;
}
.mypage_new .view_detail_top .header .title span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 2;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
    font-size: 20px;
}
.mypage_new .view_detail_top .header .btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0px;
    bottom: 1px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 135px;
    height: 34px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/bg_shape_curve_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-position-x: 100%;
    z-index: 10;
}
.mypage_new .view_detail_top + .view_detail_conts {
    margin-top: 24px;
}
.mypage_new .hashtag_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.mypage_new .hashtag_item::before {
    content: "#";
    margin-right: 2px;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #00b775;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .hashtag_item > span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .img_sample {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #727573;
    background-color: #d9d9d9;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new .btn_wrap .btn {
    line-height: 0;
}
.mypage_new .btn_wrap.store_select {
    display: block;
}
.mypage_new .btn_wrap.store_select .text_arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: -webkit-calc(100% - 92px);
    width: -moz-calc(100% - 92px);
    width: calc(100% - 92px);
}
.mypage_new .btn_wrap.store_select .text_arrow > .text {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 26px;
    width: auto;
    word-break: break-all;
}
.mypage_new .btn_wrap.store_select .text_arrow > .arrow_icon {
    display: inline-block;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new .btn_wrap .text_em {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new .btn_wrap .text_em span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .btn_wrap .text_em i {
    display: none;
    margin-top: 2px;
}
.mypage_new .btn_wrap .text_em .icon_barcode {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_barcode_24_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .btn_wrap .text_em .icon_download {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_download_24_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .btn_wrap .icon_enlarge {
    overflow: hidden;
    display: block;
    padding: 4px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    font-size: 0;
    line-height: 0;
    background-color: #21b27e;
}
.mypage_new .btn_wrap .icon_enlarge > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_zoom_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .btn_wrap .icon_enlarge span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage_new .list_header_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.mypage_new .list_header_area > .full {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new .list_header_area > .full > .btn_wrap {
    margin-right: -9px;
    margin-bottom: 24px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new .list_header_area .list_num > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    font-size: 14px;
}
.mypage_new .list_header_area .list_num span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    font-size: 14px;
}
.mypage_new .list_header_area .date p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .list_header_area._default {
    padding-left: 8px;
    padding-right: 8px;
}
.mypage_new .check_no_result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
    margin-bottom: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new .check_no_result::before {
    content: "";
    display: block;
    width: 88px;
    height: 88px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_noData_88.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .check_no_result > .text_wrap {
    margin-top: 8px;
}
.mypage_new .check_no_result > .text_wrap strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
    text-align: center;
}
.mypage_new .check_no_result > .text_wrap strong + p {
    margin-top: 4px;
    text-align: center;
}
.mypage_new .check_no_result > .text_wrap p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.mypage_new .check_no_result > .text_wrap + .btn_wrap {
    margin-top: 24px;
}
.mypage_new .check_no_result > .btn_wrap button.btn, .mypage_new .check_no_result > .btn_wrap a.btn {
    padding: 8px 15px 9px;
    border-width: 1.4px;
}
.mypage_new .icon_wrap i.icon_new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #FF5000;
}
.mypage_new .icon_wrap i.icon_new span {
    padding-top: 1px;
    display: inline-block;
    font-size: 0.5rem;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new .text_box_module_01 {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #EBF2EF;
}
.mypage_new .text_box_module_01 > .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new .text_box_module_01 > .title p {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new .text_box_module_01 > .title p + .tooltip_wrap {
    margin-left: 4px;
}
.mypage_new .text_box_module_01 > .title p + .tooltip_wrap .bubble_wrap.tl {
    left: -82px;
}
.mypage_new .text_box_module_01 > .title p + .tooltip_wrap .bubble_wrap.tl:before {
    left: 82px;
}
.mypage_new .text_box_module_01 > .em_num {
    text-align: right;
}
.mypage_new .text_box_module_01 > .em_num > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new .text_box_module_01 > .em_num em {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
}
.mypage_new .text_box_module_01 > .em_num em + span {
    margin-left: 4px;
}
.mypage_new .text_box_module_01 > .em_num span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new .text_box_module_01 > .em_num .btn_wrap em {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_box_module_01 > .em_num .btn_wrap em + span {
    margin-left: 4px;
}
.mypage_new .text_box_module_01 > .em_num .btn_wrap span {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_box_module_01 > .em_num .btn_wrap a.ico_arrow_button, .mypage_new .text_box_module_01 > .em_num .btn_wrap button.ico_arrow_button, .mypage_new .text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new .text_box_module_01 > .em_num .btn_wrap a.ico_arrow_button .ico_arrow, .mypage_new .text_box_module_01 > .em_num .btn_wrap button.ico_arrow_button .ico_arrow, .mypage_new .text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button .ico_arrow {
    display: inline-block;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button .ico_arrow {
    display: none;
}
.mypage_new .text_box_module_01 > .em_num + .btn_wrap {
    margin-top: 7px;
}
.mypage_new .text_box_module_01 > .em_num + .text {
    margin-top: 12px;
}
.mypage_new .text_box_module_01 > .btn_wrap {
    margin-right: -4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new .text_box_module_01 > .btn_wrap .text_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new .text_box_module_01 > .btn_wrap .text_btn > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_box_module_01 > .btn_wrap .text_btn > span + strong {
    margin-left: 4px;
}
.mypage_new .text_box_module_01 > .btn_wrap .text_btn > strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_box_module_01 > .btn_wrap .text_btn > strong + span {
    margin-left: 4px;
}
.mypage_new .text_box_module_01 > .btn_wrap .text_btn > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
}
.mypage_new .text_box_module_01 > .btn_wrap .text_btn > i::before {
    content: "";
    display: block;
    -moz-background-size: 100%;
         background-size: 100%;
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .text_box_module_01 > .text {
    text-align: right;
}
.mypage_new .text_box_module_01 > .text p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_box_module_01 > .text p span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_box_module_01 > .text p span._gray {
    color: #727573;
}
.mypage_new .text_box_module_01 > .text p span + span {
    padding-left: 8px;
}
.mypage_new .text_box_module_01 > .simple_text {
    text-align: center;
}
.mypage_new .text_box_module_01 > .simple_text > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.mypage_new .text_box_module_01 > .simple_text > p + .btn_wrap {
    margin-top: 20px;
}
.mypage_new .text_box_module_01 > .simple_text .btn_wrap._inline .btn {
    padding-right: 28px;
    padding-left: 28px;
}
.mypage_new .text_item_module_01 {
    padding: 20px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new .text_item_module_01 > dl > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .text_item_module_01 > dl > dt strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_item_module_01 > dl > dt strong.em {
    color: #EB3912;
}
.mypage_new .text_item_module_01 > dl > dt span {
    padding-right: 8px;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_item_module_01 > dl > dt span + strong {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new .text_item_module_01 > dl > dt small {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new .text_item_module_01 > dl > dt + dd {
    margin-top: 4px;
}
.mypage_new .text_item_module_01 > dl > dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .text_item_module_01 > dl > dd strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_item_module_01 > dl > dd strong.em {
    color: #EB3912;
}
.mypage_new .text_item_module_01 > dl > dd span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new .text_item_module_01 > dl > dd span + strong {
    margin-top: -4px;
}
.mypage_new .text_item_module_01 > dl > dd + dd {
    margin-top: 2px;
}
.mypage_new .text_item_module_01 > dl > dd > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new .text_item_module_01 > dl > dd > ul > li {
    position: relative;
}
.mypage_new .text_item_module_01 > dl > dd > ul > li + li {
    margin-left: 8px;
    padding-left: 8px;
}
.mypage_new .text_item_module_01 > dl > dd > ul > li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 11px;
    opacity: 1;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #EAEBEA;
}
.mypage_new .text_item_module_01 > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new .text_item_module_01 > div > .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new .text_item_module_01 > div > .info > p {
    width: 100%;
    margin-bottom: 4px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_item_module_01 > div > .info > span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new .text_item_module_01 > div > .info > span + span {
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
}
.mypage_new .text_item_module_01 > div > .info > span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 11px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #EAEBEA;
    opacity: 1;
}
.mypage_new .text_item_module_01 > div > .point {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new .text_item_module_01 > div > .point strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new .text_item_module_01 + .text_item_module_01 {
    margin-top: 24px;
}
.mypage_new .text_item_module_01 + .btn_wrap {
    width: 128px;
    margin: 24px auto 0;
}
.mypage_new #historyArea + .btn_wrap {
    width: 128px;
    margin: 24px auto 0;
}
.mypage_new .btm_notice_line .bullet_list .btn_wrap._inline_box {
    display: block;
    margin-top: 8px;
}
.mypage_new .btm_notice_line .bullet_list .btn_wrap._inline {
    display: inline;
}
.mypage_new .btm_notice_line .bullet_list .btn_wrap._inline > .txt_line {
    display: inline;
}
.mypage_new .box_list_item {
    overflow: hidden;
    position: relative;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
}
.mypage_new .box_list_item .header._between_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .box_list_item .header .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
    word-break: keep-all;
}
.mypage_new .box_list_item .header + .contents {
    margin-top: 16px;
}
.mypage_new .box_list_item .footer {
    margin-top: 24px;
}
.mypage_new .box_list_item .footer > .btn_wrap {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mypage_new .box_list_item._bg01 {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #F7FAF9;
}
.mypage_new .box_list_item + .btn_wrap {
    margin-top: 20px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mypage_new .box_list_item._green {
    padding-bottom: 28px;
    background-color: #00905C;
}
.mypage_new .box_list_item._green .header .title span {
    color: #FFFFFF;
}
.mypage_new .box_list_item._green .between_list_item > dt span {
    color: #FFFFFF;
}
.mypage_new .box_list_item._green .between_list_item > dd span {
    color: #FFFFFF;
}
.mypage_new .box_list_item._green .between_list_item > dd strong {
    color: #FFFFFF;
}
.mypage_new .box_list_item + .accordion_list_box {
    margin-top: 24px;
    margin-left: 8px;
    margin-right: 8px;
}
.mypage_new.conts {
    /* [ AMY-I01-001 ] */
    /* [ AMY-I01-002 ] */
    /* [ AMY-A01-001T, AMY-A01-007T ] */
    /* [ AMY-A01-002 AMY-A01-008 AMY-A01-009 AMY-A01-010 ] */
    /* [ AMY-A01-006 ] */
    /* [ AMY-B01-001, AMY-B01-004, AMY-C01-001, AMY-C01-004, AMY-C01-006, AMY-C01-007P  ] */
    /* [ AMY-B01-001_나의등급_정의 ] */
    /* [ AMY-G01-001 : 카페H주문 내역 리스트 ] */
    /* [ AMY-G01-002 : 카페H주문 내역 상세 ] */
}
.mypage_new.conts .between_list > li + li {
    margin-top: 12px;
}
.mypage_new.conts .between_list_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.conts .between_list_item > dt {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.conts .between_list_item > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .between_list_item > dd {
    width: 100%;
    text-align: right;
}
.mypage_new.conts .between_list_item > dd span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .between_list_item > dd span.c01 {
    color: #01A76B;
    font-weight: 700;
}
.mypage_new.conts .between_list_item > dd strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .between_list_item > dd.inline span + span {
    margin-left: 4px;
}
.mypage_new.conts .between_list_item + .btn_wrap {
    margin-top: 20px;
}
.mypage_new.conts .box_list > li + li {
    margin-top: 24px;
}
.mypage_new.conts .refresh_btn {
    font-size: 0;
    line-height: 0;
}
.mypage_new.conts .refresh_btn i {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_refresh_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-color: #01A76B;
}
.mypage_new.conts .area_hidden {
    display: none !important;
}
.mypage_new.conts._mycar .btn_wrap .icon_round_border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding: 9px 16px 10px;
    border: solid 1.4px #171A19;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.conts._mycar .btn_wrap .icon_round_border > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_car_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_car_20_green.png") !important;
}
.mypage_new.conts._mycar .btn_wrap .icon_round_border > i + span {
    margin-left: 4px;
}
.mypage_new.conts._mycar .btn_wrap .icon_round_border span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._mycar .btn_wrap .icon_close {
    padding: 20px;
}
.mypage_new.conts._mycar .btn_wrap .icon_close > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_x_30_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts._mycar .btn_wrap .icon_close span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage_new.conts._mycar .my_car_area .my_car.no_vip_no_data + .btm_notice_line {
    margin-top: 120px !important;
}
.mypage_new.conts._mycar .my_car_area .cta_banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 24px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #EBF2EF;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
    /* width: calc(100% + 32px); */
}
.mypage_new.conts._mycar .my_car_area .cta_banner .text_box {
    width: 100%;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .text_box .title_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .text_box .title_wrap > .flag_wrap {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .text_box .title_wrap > .flag_wrap + span {
    margin-left: 8px;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .text_box .title_wrap > span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .text_box .title_wrap + .text_wrap {
    margin-top: 6px;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .text_box .text_wrap > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .btn_box {
    width: auto;
    margin-top: 15px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.conts._mycar .my_car_area .cta_banner .btn_box .arrow > i {
    display: inline-block;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_left_24_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .no_result {
    padding-top: 80px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .no_result + .btn_wrap {
    margin-top: 24px;
    margin-bottom: 120px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_list {
    padding-top: 16px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_list > ul > li + li {
    margin-top: 24px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_list > ul + div.btn_wrap {
    margin-top: 48px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_list + .btn_wrap {
    margin-top: 32px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car {
    overflow: hidden;
    position: relative;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_wrap.vip {
    padding-top: 8px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_area {
    position: relative;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_area > .sticker {
    position: absolute;
    top: -8px;
    left: 0px;
    line-height: 0px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_manage_btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_manage_btn > .btn_wrap {
    display: block;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_manage_btn > .btn_wrap > .txt_line {
    padding: 20px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data {
    position: relative;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_info_number span {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_info_number + .car_data_info_flag {
    margin-left: 8px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_info + .car_data_parking {
    margin-top: 4px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_parking > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_parking > ul > li {
    position: relative;
    padding-right: 8px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_parking > ul > li:last-child {
    padding-right: 0px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_parking > ul > li + li {
    padding-left: 9px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_parking > ul > li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 14px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #9B9E9C;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_parking span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data_parking span + span {
    margin-left: 4px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_data + .car_calculate {
    margin-top: 16px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car_calculate .btn_wrap .lbtn.full_box {
    padding: 0;
    height: 40px;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car._no > .car_data .car_data_info .car_data_info_number span, .mypage_new.conts._mycar .my_car_area .car_list_wrap .car._no > .car_calculate .car_data_info .car_data_info_number span {
    color: #9B9E9C;
}
.mypage_new.conts._mycar .my_car_area .car_list_wrap .car._no > .car_data .car_data_parking ul > li span, .mypage_new.conts._mycar .my_car_area .car_list_wrap .car._no > .car_calculate .car_data_parking ul > li span {
    color: #9B9E9C;
}
.mypage_new.conts._register {
    margin-top: 0 !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.mypage_new.conts._register .register .sub_title_icon_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 68px 20px 16px 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #00905C;
}
.mypage_new.conts._register .register .sub_title_icon_type::before {
    content: "";
    display: block;
    margin-right: 8px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_car_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts._register .register .sub_title_icon_type .title_area {
    width: 100%;
}
.mypage_new.conts._register .register .sub_title_icon_type .title_area span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
}
.mypage_new.conts._register .register .sub_title_icon_type .btn_area {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    opacity: 0.5;
}
.mypage_new.conts._register .register .car_input_box_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #00905C;
}
.mypage_new.conts._register .register .car_input_box.select {
    width: 124px;
    margin-right: 8px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.conts._register .register .car_input_box.input {
    width: 100%;
}
.mypage_new.conts._register .register .car_input_box .input_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 230px;
    padding: 12px 27px 12px 20px;
    border: solid 1px #EAEBEA;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #FFFFFF;
}
.mypage_new.conts._register .register .car_input_box .input_area > span {
    width: 8px;
    margin: 0 8px;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap label {
    display: inline-block;
    width: 100%;
    line-height: 0px;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input {
    width: 100%;
    height: 24px;
    overflow: hidden;
    padding: 0px !important;
    border: 1px solid transparent;
    text-align: center;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:active {
    border-color: transparent;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:-moz-read-only {
    background-color: #F7F7F7;
    border-color: transparent;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:read-only {
    background-color: #F7F7F7;
    border-color: transparent;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:disabled {
    border-color: transparent;
    color: #D4D6D4;
    background-color: #F7F7F7;
    pointer-events: none;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input::-webkit-input-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:-moz-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input::-moz-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:-ms-input-placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input::placeholder {
    font-size: 0.937rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:focus, .mypage_new.conts._register .register .car_input_box .input_area .input_wrap input:active {
    border: 1px solid transparent;
    outline: transparent;
}
.mypage_new.conts._register .register .car_input_box .input_area .input_wrap .del_input {
    display: none !important;
}
.mypage_new.conts._register .register .car_input_box .input_area > div.input_wrap:nth-child(1) {
    width: 37%;
    min-width: 52px;
}
.mypage_new.conts._register .register .car_input_box .input_area > div.input_wrap:nth-of-type(2) {
    width: 13%;
    min-width: 14px;
    height: 24px;
    text-align: left;
    overflow: auto;
}
.mypage_new.conts._register .register .car_input_box .input_area > div.input_wrap:nth-of-type(3) {
    width: 26%;
    min-width: 14px;
}
.mypage_new.conts._register .register .car_input_box .btn_sel_type {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    background-color: #FFFFFF;
}
.mypage_new.conts._register .register .caution_list {
    padding: 12px 24px 32px;
    background-color: #00905C;
}
.mypage_new.conts._register .register .caution_list > ul > li {
    padding-left: 12px;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._register .register .caution_list > ul > li::before {
    background-color: #FFFFFF;
}
.mypage_new.conts._register .register .caution_list > ul > li + li {
    margin-top: 8px;
}
.mypage_new.conts._register .register .consent {
    padding: 24px 16px 0;
}
.mypage_new.conts._register .register .consent .consent_title {
    padding: 0 8px;
}
.mypage_new.conts._register .register .consent .consent_title .chk_wrap input + label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mypage_new.conts._register .register .consent .consent_title .title {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts._register .register .consent .consent_title + .consent_conts {
    margin-top: 16px;
}
.mypage_new.conts._register .register .consent .consent_conts {
    padding-bottom: 25px;
}
.mypage_new.conts._register .register .consent .consent_conts .text_wrap {
    width: 100%;
    padding: 16px 20px;
    border: solid 1px #f0f5f4;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.conts._register .register .consent .consent_conts .text_wrap > p {
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
.mypage_new.conts._register .register .consent .consent_conts .text_wrap > strong {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
.mypage_new.conts._register .register .consent .consent_conts .text_wrap * + p {
    margin-top: 8px;
}
.mypage_new.conts._register .register .consent .consent_conts .text_wrap * + strong {
    margin-top: 6px;
}
.mypage_new.conts._register .register .btn_wrap.box_wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.mypage_new.conts._register .register .btn_wrap.box_wrap.fixed {
    margin-top: 0 !important;
    padding-top: 20px;
    padding-bottom: 20px;
}
.mypage_new.conts._list {
    padding-bottom: 0px;
}
.mypage_new.conts._list .mycoupon_list {
    margin-top: 32px;
    padding-top: 0px;
}
.mypage_new.conts._list .mycoupon_list .store_select {
    margin: 0 24px;
}
.mypage_new.conts._list .mycoupon_list .store_select .text_arrow {
    margin: 0px;
}
.mypage_new.conts._list .mycoupon_list .store_select + .button_area {
    margin-top: 24px;
}
.mypage_new.conts._list .mycoupon_list .ui_HdApp_select_btmsheet {
    margin: 0 24px;
}
.mypage_new.conts._list .mycoupon_list .ui_HdApp_select_btmsheet .owner .top_type {
    margin-left: 0px;
}
.mypage_new.conts._list .mycoupon_list .ui_HdApp_select_btmsheet + .list_header_area {
    margin-top: 32px;
}
.mypage_new.conts._list .mycoupon_list > .button_area {
    margin-right: 16px;
    margin-left: 16px;
}
.mypage_new.conts._list .mycoupon_list > .button_area .btn_wrap .btn.border {
    border-width: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.mypage_new.conts._list .mycoupon_list > .button_area + .list_header_area {
    padding-top: 32px;
}
.mypage_new.conts._list .mycoupon_list .list_header_area {
    margin: 0 24px;
    padding: 0px;
}
.mypage_new.conts._list .mycoupon_list .list_header_area + .accordion_coupon_list_shop {
    margin-top: 16px;
    margin-bottom: 12px;
}
.mypage_new.conts._list .mycoupon_list .list_header_area + .coupon_img_box_wrap {
    margin-top: 4px;
}
.mypage_new.conts._list .mycoupon_list .list_header_area + .package_coupon_wrap {
    margin-top: 16px;
}
.mypage_new.conts._list .mycoupon_list .package_coupon_wrap .package_coupon_list > li + li {
    margin-top: 24px;
}
.mypage_new.conts._list .mycoupon_list .package_coupon_wrap + .coupon_img_box_wrap {
    margin-top: 12px;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop {
    margin-right: 16px;
    margin-left: 16px;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .head .ui_accord_toggle .icon_wrap p em {
    margin: 0px;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .head .coupon_title > .text_area {
    padding-bottom: 0px;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .head .coupon_title > .text_area > .flag .flag_wrap {
    padding-top: 0;
    padding-bottom: 2px;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .head .coupon_title > .text_area > .flag .flag_wrap span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.3333333333;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
    font-family: "Pretendard";
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .head .coupon_title > .text_area > .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .ui_accord_content .coupon_list {
    padding-top: 0px;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .ui_accord_content .coupon_list > div:first-of-type.coupon_item .coupon_item_area {
    padding-top: 0px;
}
.mypage_new.conts._list .mycoupon_list .accordion_coupon_list_shop .ui_accord_content .coupon_list .coupon_item .contents_wrap {
    margin-left: 12px;
}
.mypage_new.conts._list .mycoupon_list .no_result {
    margin-top: 80px;
    margin-bottom: 120px;
}
.mypage_new.conts._list .mycoupon_list .btm_notice_line {
    padding-right: 24px;
    padding-left: 24px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap {
    padding-top: 24px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap {
    font-size: 0;
    line-height: 0;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area {
    position: relative;
    width: 120px;
    height: 128px;
    margin: 0 auto;
    padding-top: 8px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_sale_thumbnail.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale03 {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_sale_thumbnail_3.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale03 > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale05 {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_sale_thumbnail_5.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale05 > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale10 {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_sale_thumbnail_10.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.sale10 > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_amountdiscount.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount_5000 {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_amountdiscount_5000.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount_5000 > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount_10000 {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_amountdiscount_10000.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount_10000 > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount_100000 {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_amountdiscount_100000.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.amountdiscount_100000 > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.interestfree {
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_interestfree.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .images.interestfree > img {
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .button_area {
    display: none;
    overflow: hidden;
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 32px;
    height: 32px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap .thumbnail_area .button_area.active {
    display: block;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .thumbnail_wrap + .info_wrap {
    margin-top: 24px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .flag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0px;
    line-height: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .flag > em + em {
    margin-left: 8px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .flag + .title {
    margin-top: 8px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .title {
    max-width: 80%;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .title strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
    text-align: center;
    word-break: keep-all;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .title + .date {
    margin-top: 8px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .date span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .date em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    display: none;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top .info_wrap > .date.active em {
    display: inline-block;
    margin-left: 8px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .coupon_detail_top + .design_text_box {
    margin-top: 32px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text {
    display: block;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F7FAF9;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text > ul > li + li {
    margin-top: 16px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dt {
    min-width: 72px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dd em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dd em.zero {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dd span {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: right;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dd > .money .em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dd > .money .em + .through {
    margin-left: 7px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dd > .money .through {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-decoration: line-through;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap .design_text_box .list_text .list_text_item > dd > .money .through + .em {
    margin-left: 7px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap + .smart_order_wrap {
    margin-top: 56px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap + .coupon_slide_list_wrap {
    margin-top: 40px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap + .barcode_box {
    margin-top: 63px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap + .btn_wrap {
    margin-top: 32px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap + .btn_wrap + .barcode_box {
    margin-top: 32px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap + .btn_wrap + .barcode_box .barcode_area .barcode_num.is_btn_type {
    padding-top: 16px;
}
.mypage_new.conts .my_coupon_detail .coupon_detail_top_wrap + .btn_wrap .btn {
    border-width: 2px;
}
.mypage_new.conts .my_coupon_detail .smart_order_wrap .subpage_header {
    padding: 0 8px;
}
.mypage_new.conts .my_coupon_detail .smart_order_wrap .subpage_header._small > .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .my_coupon_detail .smart_order_wrap .subpage_header._small > .title em {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .my_coupon_detail .smart_order_wrap .subpage_header._small > .title span.em {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .my_coupon_detail .smart_order_wrap .subpage_header + .btn_wrap {
    margin-top: 16px;
}
.mypage_new.conts .my_coupon_detail .smart_order_wrap .subpage_header + .btn_wrap .btn {
    border-width: 2px;
}
.mypage_new.conts .my_coupon_detail .smart_order_wrap + .coupon_slide_list_wrap {
    margin-top: 40px;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap {
    display: block;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 50%;
    width: 100vw;
    margin-bottom: -8px;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .subpage_header {
    padding: 0 24px;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .subpage_header._small > .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .subpage_header._small > .title em {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .subpage_header._small > .title span.em {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .coupon_slide_list .slide_wrap.ban_type {
    margin-bottom: 0;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .coupon_slide_list .slide_wrap.ban_type .slide_content {
    padding-left: 4px;
    padding-right: 62px;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .coupon_slide_list .slide_wrap.ban_type .slide_content .slide_conts {
    padding: 16px 12px 8px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .coupon_slide_list .slide_wrap.ban_type .slide_content .slide_conts .coupon_item_area {
    height: 140px;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .coupon_slide_list .slide_wrap.ban_type .slide_content .slide_conts .coupon_item_area > a {
    background: none;
}
.mypage_new.conts .my_coupon_detail .coupon_slide_list_wrap .coupon_slide_list .coupon_item .contents_wrap .info_date span + em {
    margin-left: 12px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item {
    position: relative;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .from_to_area {
    position: absolute;
    top: 20px;
    right: 20px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .from_to_area span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .date_area span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .date_area + .title_area {
    margin-top: 12px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .title_area span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .title_area + .info_list_area {
    margin-top: 4px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .info_list_area .info_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .info_list_area .info_list > li span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .info_list_area .info_list > li + li {
    position: relative;
    margin-left: 8px;
    padding-left: 9px;
}
.mypage_new.conts .coupon_gift_list .coupon_gift_history_item .info_list_area .info_list > li + li::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 11px;
    top: 50%;
    left: 0;
    opacity: 1;
    background-color: #EAEBEA;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mypage_new.conts .coupon_gift_list .subpage_header {
    padding: 32px 8px 0;
}
.mypage_new.conts .coupon_gift_list .subpage_header .title strong {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
}
.mypage_new.conts .coupon_gift_list .subpage_header .title strong em {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
}
.mypage_new.conts .coupon_gift_list .subpage_header .title > .first {
    display: block;
}
.mypage_new.conts .coupon_gift_list .subpage_header .title .coupon_num {
    display: inline-block;
}
.mypage_new.conts .coupon_gift_list .subpage_header .title .coupon_num > span {
    display: block;
}
.mypage_new.conts .coupon_gift_list .subpage_header .title .coupon_num > span::after {
    content: ",";
    width: auto;
    height: 100%;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
}
.mypage_new.conts .coupon_gift_list .subpage_header .title .coupon_num > span:last-of-type::after {
    display: none;
}
.mypage_new.conts .coupon_gift_list .subpage_header + .detail_sec {
    margin-top: 32px;
}
.mypage_new.conts .coupon_gift_list .list_wrap .list_top {
    padding: 0 8px;
}
.mypage_new.conts .coupon_gift_list .list_wrap .list_top .total_num {
    text-align: left;
}
.mypage_new.conts .coupon_gift_list .list_wrap .list_top .total_num span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .coupon_gift_list .list_wrap .list_top .total_num em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .coupon_gift_list .list_wrap .list_top + ul {
    margin-top: 16px;
}
.mypage_new.conts .coupon_gift_list .list_wrap .list_top + .no_result {
    margin-top: 80px;
    margin-bottom: 120px;
}
.mypage_new.conts .coupon_gift_list .list_wrap > ul > li + li {
    margin-top: 24px;
}
.mypage_new.conts._list .membership .text_box_module_01 + .detail_sec {
    margin-top: 56px;
}
.mypage_new.conts._list .membership .no_result {
    margin-top: 80px;
    margin-bottom: 80px;
}
.mypage_new.conts._list .membership .point_text_list {
    padding-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
}
.mypage_new.conts._list .membership .point_text_list_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.conts._list .membership .point_text_list_item > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._list .membership .point_text_list_item > dd span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._list .membership .point_text_list_item > dd span + strong {
    margin-left: 4px;
}
.mypage_new.conts._list .membership .point_text_list_item > dd span.red {
    color: #EF5533;
}
.mypage_new.conts._list .membership .point_text_list_item > dd strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._list .membership .point_text_list_item + .point_text_list_item {
    margin-top: 12px;
}
.mypage_new.conts._list .membership .point_text_list + .detail_sec {
    margin-top: 56px;
}
.mypage_new.conts .membership .membership_box {
    padding: 20px 16px 16px 18px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #171A19;
}
.mypage_new.conts .membership .membership_box_header .text p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .membership .membership_box_content {
    margin-top: 16px;
}
.mypage_new.conts .membership .membership_box_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.mypage_new.conts .membership .membership_box_footer > .btn_wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.conts .membership .membership_box_log {
    display: block;
    height: 24px;
    background-image: url("http://m.ehyundai.com/css/mobilehome2/mypage_thdi.css");
    background-repeat: no-repeat;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    background-position: left center;
}
.mypage_new.conts .membership .membership_box_log .text {
    display: none;
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
}
.mypage_new.conts .membership .membership_box_symbol {
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("http://m.ehyundai.com/css/mobilehome2/mypage_thdi.css");
    background-repeat: no-repeat;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    background-position: left center;
}
.mypage_new.conts .membership .membership_box._default {
    background-color: #4a675c;
}
.mypage_new.conts .membership .membership_box._default .membership_box_log .text {
    display: block;
}
.mypage_new.conts .membership .membership_box._default .membership_box_footer > .btn_wrap {
    visibility: hidden;
}
.mypage_new.conts .membership .membership_box._default .membership_box_footer .membership_box_symbol {
    width: 78px;
    height: 48px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_default_symbol_78_48.png");
}
.mypage_new.conts .membership .membership_box._green {
    background-color: #aedbd1;
}
.mypage_new.conts .membership .membership_box._green .membership_box_header .text p {
    color: #171A19;
}
.mypage_new.conts .membership .membership_box._green .membership_box_footer .txt_arrow.white span {
    color: #171A19;
}
.mypage_new.conts .membership .membership_box._green .membership_box_footer .txt_arrow.white:after {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_16_black.png");
}
.mypage_new.conts .membership .membership_box._green .membership_box_log {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_green_logo_black.png");
}
.mypage_new.conts .membership .membership_box._green .membership_box_symbol {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_green_symbol_48_black.png");
}
.mypage_new.conts .membership .membership_box._yp {
    background-color: #FF5000;
}
.mypage_new.conts .membership .membership_box._yp .membership_box_log {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_clubyp_logo_white.png");
}
.mypage_new.conts .membership .membership_box._yp .membership_box_symbol {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_clubyp_symbol_48_white.png");
}
.mypage_new.conts .membership .membership_box._sage {
    background-color: #58926b;
}
.mypage_new.conts .membership .membership_box._sage .membership_box_log {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_sage_logo_white.png");
}
.mypage_new.conts .membership .membership_box._sage .membership_box_symbol {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_sage_symbol_48_white.png");
}
.mypage_new.conts .membership .membership_box._jasmin {
    background-color: #302e92;
}
.mypage_new.conts .membership .membership_box._jasmin .membership_box_log {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_jasmin_logo_white.png");
}
.mypage_new.conts .membership .membership_box._jasmin .membership_box_symbol {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_jasmin_symbol_48.png");
}
.mypage_new.conts .membership .membership_box._jasmin_blue {
    background-color: #302e92;
}
.mypage_new.conts .membership .membership_box._jasmin_blue .membership_box_log {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_jasminblue_logo_white.png");
}
.mypage_new.conts .membership .membership_box._jasmin_blue .membership_box_symbol {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_jasmin_symbol_48.png");
}
.mypage_new.conts .membership .membership_box._jasmin_black {
    background-color: #302e92;
}
.mypage_new.conts .membership .membership_box._jasmin_black .membership_box_log {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_jasminblack_logo_white.png");
}
.mypage_new.conts .membership .membership_box._jasmin_black .membership_box_symbol {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/img_vip_jasmin_symbol_48.png");
}
.mypage_new.conts .membership .ui_HdApp_select_btmsheet + .text_box_module_03 {
    margin-top: 16px;
}
.mypage_new.conts .membership .text_box_module_03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    background-color: #EBF2EF;
}
.mypage_new.conts .membership .text_box_module_03 > .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.conts .membership .text_box_module_03 > .item > .title strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .membership .text_box_module_03 > .item > .title + .content {
    margin-top: 5px;
}
.mypage_new.conts .membership .text_box_module_03 > .item > .content strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .membership .text_box_module_03 > .item > .content em {
    margin-right: 4px;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .membership .text_box_module_03 > .item + .item {
    border-left: 1px solid rgba(23, 26, 25, 0.1019607843);
}
.mypage_new.conts .membership .text_box_module_03 + .btn_wrap {
    margin-top: 20px;
}
.mypage_new.conts .membership .btn_wrap + .detail_sec {
    margin-top: 56px;
}
.mypage_new.conts .membership .detail_sec > .btn_wrap._full {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new.conts .membership .detail_sec > .btn_wrap._full + .date_term_search {
    margin-top: 23px;
}
.mypage_new.conts .membership .detail_sec + .ui_HdApp_tab {
    margin-top: -12px;
}
.mypage_new.conts .mygrade .text_box_module_01 + .detail_sec {
    margin-top: 56px;
}
.mypage_new.conts._waiting > div:first-child.box_wrap {
    padding-top: 32px;
}
.mypage_new.conts._waiting > .box_wrap div.btn_wrap button.btn.border,
.mypage_new.conts._waiting > .box_wrap div.btn_wrap a.btn.border {
    border-width: 2px;
}
.mypage_new.conts._waiting .detail_sec {
    padding-right: 8px;
    padding-left: 8px;
}
.mypage_new.conts._waiting .detail_sec + .no_result {
    margin-top: 80px;
    margin-bottom: 80px;
}
.mypage_new.conts._waiting .box_wrap.first_tab_inner {
    margin-right: 16px;
    margin-left: 16px;
}
.mypage_new.conts._waiting .box_wrap.first_tab_inner > *:first-child.detail_sec {
    margin-top: 32px;
}
.mypage_new.conts._waiting .box_wrap.first_tab_inner > *:last-child.no_result {
    margin-bottom: 0px;
}
.mypage_new.conts._waiting .refresh_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    padding: 16px 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F7F7F7;
}
.mypage_new.conts._waiting .refresh_area .text_box {
    width: 100%;
}
.mypage_new.conts._waiting .refresh_area .text_box span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts._waiting .refresh_area .button_box {
    width: auto;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    font-size: 0;
    line-height: 0;
}
.mypage_new.conts._waiting .refresh_area + .box_list {
    margin-top: 25px;
}
.mypage_new.conts._waiting .top_sec {
    position: relative;
    padding-right: 8px;
    padding-left: 8px;
}
.mypage_new.conts._waiting .top_sec + .box_list_item {
    margin-top: 20px;
}
.mypage_new.conts._waiting .top_sec > .tit04 {
    padding-right: 32px;
    word-break: keep-all;
    overflow-wrap: break-word;
}
.mypage_new.conts._waiting .top_sec > .tit04 > em {
    color: #01A76B;
}
.mypage_new.conts._waiting .top_sec > .tit04 > em.c03 {
    color: #EB3912;
}
.mypage_new.conts._waiting .top_sec > .button_box {
    position: absolute;
    bottom: 0;
    right: 8px;
    font-size: 0;
    line-height: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}
.mypage_new.conts._waiting .top_sec + .top_sec {
    margin-top: 25px;
}
.mypage_new.conts._waiting .tabs.top_sticky {
    position: sticky;
    top: 50px;
    left: 0;
    z-index: 10;
    background: #FFFFFF;
}
.mypage_new.conts .cafeh_order_list {
    padding-top: 32px;
}
.mypage_new.conts .cafeh_order_list .subpage_header {
    padding-left: 8px;
    padding-right: 8px;
}
.mypage_new.conts .cafeh_order_list .subpage_header .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .cafeh_order_list .subpage_header .title span + .text {
    margin-top: 8px;
}
.mypage_new.conts .cafeh_order_list .subpage_header .title em {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .cafeh_order_list .subpage_header .title + .text {
    margin-top: 8px;
}
.mypage_new.conts .cafeh_order_list .subpage_header .text span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .cafeh_order_list .subpage_header + .button_area {
    margin-top: 24px;
}
.mypage_new.conts .cafeh_order_list .subpage_header + .box_list_item, .mypage_new.conts .cafeh_order_list .subpage_header + .box_list_item_wrap {
    margin-top: 20px;
}
.mypage_new.conts .cafeh_order_list .subpage_header + .box_list {
    margin-top: 20px;
}
.mypage_new.conts .cafeh_order_list .subpage_header.is_refresh_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.conts .cafeh_order_list .subpage_header.is_refresh_btn > .title {
    width: 100%;
}
.mypage_new.conts .cafeh_order_list .subpage_header.is_refresh_btn > .refresh_btn {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.conts .cafeh_order_list .box_list_item_wrap + .explanation_area {
    margin-top: 12px;
}
.mypage_new.conts .cafeh_order_list .box_list_item + .explanation_area {
    margin-top: 12px;
}
.mypage_new.conts .cafeh_order_list .box_list_item + .box_list_item {
    margin-top: 24px;
}
.mypage_new.conts .cafeh_order_list .button_area + .box_list_item {
    margin-top: 20px;
}
.mypage_new.conts .cafeh_order_list .button_area + .explanation_area {
    margin-top: 12px;
}
.mypage_new.conts .cafeh_order_list .button_area + .detail_sec {
    margin-top: 56px;
}
.mypage_new.conts .cafeh_order_list .button_area + .box_list_item_wrap {
    margin-top: 20px;
}
.mypage_new.conts .cafeh_order_list .explanation_area {
    padding-left: 8px;
    padding-right: 8px;
}
.mypage_new.conts .cafeh_order_list .explanation_area + .detail_sec {
    margin-top: 56px;
}
.mypage_new.conts .cafeh_order_list .no_result {
    margin-top: 80px;
    margin-bottom: 80px;
}
.mypage_new.conts .cafeh_order_list .no_result + .box_list {
    margin-top: 20px;
}
.mypage_new.conts .cafeh_order_view > div:first-of-type.complete_wrap {
    padding-top: 32px;
}
.mypage_new.conts .cafeh_order_view > div:first-of-type.subpage_header {
    padding-top: 32px;
}
.mypage_new.conts .cafeh_order_view > div:last-of-type.accordion_list_box {
    padding-bottom: 62px;
}
.mypage_new.conts .cafeh_order_view .complete_wrap .comment .refresh_btn {
    position: relative;
    bottom: -3px;
    margin-left: 3px;
}
.mypage_new.conts .cafeh_order_view .complete_wrap + .subpage_header {
    margin-top: 88px;
}
.mypage_new.conts .cafeh_order_view .subpage_header {
    padding-left: 8px;
    padding-right: 8px;
}
.mypage_new.conts .cafeh_order_view .subpage_header .title .tit04 {
    display: block;
}
.mypage_new.conts .cafeh_order_view .subpage_header .title .tit05 {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .cafeh_order_view .subpage_header .title .tit05 > em {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.conts .cafeh_order_view .subpage_header .title + .text {
    margin-top: 8px;
}
.mypage_new.conts .cafeh_order_view .subpage_header + .order_list {
    margin-top: 4px;
}
.mypage_new.conts .cafeh_order_view .order_list {
    padding-left: 8px;
    padding-right: 8px;
}
.mypage_new.conts .cafeh_order_view .order_list + .box_list_item {
    margin-top: 24px;
}
.mypage_new.conts .cafeh_order_view .order_list > div:last-of-type.order_list_item {
    padding-bottom: 0px;
}
.mypage_new.conts .cafeh_order_view .order_list_item {
    padding-top: 16px;
    padding-bottom: 16px;
}
.mypage_new.conts .cafeh_order_view .order_list_item > dl > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.conts .cafeh_order_view .order_list_item > dl > dt span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .cafeh_order_view .order_list_item > dl > dt strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.conts .cafeh_order_view .order_list_item > dl > dt + dd {
    margin-top: 4px;
}
.mypage_new.conts .cafeh_order_view .order_list_item > dl > dd span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.conts .cafeh_order_view .order_list_item > dl > dd + dd {
    margin-top: 2px;
}
.mypage_new.conts .cafeh_order_view .order_list_item + .order_list_item {
    padding-top: 16px;
    border-top: 1px solid #EAEBEA;
}
.mypage_new.conts .tab_conts > div > .mynews_list {
    margin-top: 32px;
}
.mypage_new.conts .mynews_list {
    margin-left: 16px;
    margin-right: 16px;
}
.mypage_new.conts .mynews_list .list_header_area + .img_list_conts {
    margin-top: 16px;
}
.mypage_new.conts .mynews_list .img_list_conts > div {
    margin-top: 24px;
}
.mypage_new.conts .mynews_list .img_list_conts > div:first-of-type {
    margin-top: 0px;
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .head .ui_accord_toggle .icon_wrap p em {
    margin: 0px;
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .head .coupon_title > .text_area {
    padding-bottom: 0px;
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .head .coupon_title > .text_area > .flag .flag_wrap {
    padding-top: 0;
    padding-bottom: 2px;
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .head .coupon_title > .text_area > .flag .flag_wrap span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.3333333333;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
    font-family: "Pretendard";
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .head .coupon_title > .text_area > .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .ui_accord_content .coupon_list {
    padding-top: 0px;
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .ui_accord_content .coupon_list > div:first-of-type.coupon_item .coupon_item_area {
    padding-top: 0px;
}
.mypage_new.conts .mynews_list .img_list_conts .accordion_coupon_list_shop .ui_accord_content .coupon_list .coupon_item .contents_wrap {
    margin-left: 12px;
}
.mypage_new.conts .mynews_list .img_list_conts .coupon_img_box {
    margin-top: 12px;
    margin-right: -16px;
    margin-left: -16px;
}
.mypage_new.conts .mynews_list .img_list_conts .coupon_img_box.module {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 24px;
}
.mypage_new.conts .mynews_list .img_list_conts .coupon_img_box.module + .coupon_img_box {
    margin-top: 12px;
}
.mypage_new.conts .mynews_list .img_list_conts .coupon_img_box.module + .coupon_img_box.module {
    margin-top: 24px;
}
.mypage_new.conts .mynews_list .img_list_conts .coupon_img_box + .coupon_img_box {
    margin-top: -4px;
}
.mypage_new.conts .mynews_list .img_list_conts .no_result {
    margin-top: 80px !important;
    margin-bottom: 120px;
}
.mypage_new.conts .mynews_list .img_list_conts > .btn_wrap {
    margin: 40px auto 0;
    width: 100px;
}
.mypage_new.lay_conts {
    /* [ AMY-I01-003B : 차량번호 등록방법 ] */
    /* [ AMY-I01-005B ] */
    /* [ AMY-A01-004B ] */
    /* [ AMY-I01-003B ] */
    /* [ AMY-A01-017B ] */
    /* [ AMY-C01-007P ] */
    /* [ AMY-B01-009P_[P]결제수단·적립처별상세 ] */
    /* AMY-N01-005T */
}
.mypage_new.lay_conts._number_register {
    padding-bottom: 12px !important;
}
.mypage_new.lay_conts._number_register .number_register .lay_conts_sub_title {
    padding-right: 8px;
    padding-left: 8px;
}
.mypage_new.lay_conts._number_register .number_register .lay_conts_sub_title span {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.lay_conts._number_register .number_register .lay_conts_sub_title + .lay_conts_sub_conts {
    margin-top: 12px;
}
.mypage_new.lay_conts._number_register .number_register .lay_conts_sub + .lay_conts_sub {
    margin-top: 32px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #EBF2EF;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box {
    display: inline-block;
    overflow: hidden;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background-color: #FFFFFF;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box + .car_ex_box {
    margin-left: 12px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box .car_ex_box_area {
    display: inline-block;
    padding: 2px;
    border: 2px solid #171A19;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    line-height: 0;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box01 .text {
    display: inline-block;
    padding: 8px 19px;
    border: 1px solid #171A19;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    line-height: 0;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box01 .text > span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box02 {
    position: relative;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box02 .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 11px;
    border: 1px solid #171A19;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    line-height: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box02 .text > span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box02 .text::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 4px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #171A19;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box02 .text::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 4px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #171A19;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box03 .car_ex_box_area {
    border: 0px;
    background: #00905C;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box03 .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 114px;
    height: 58px;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box03 .text > span:nth-child(1) {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box03 .text > span:nth-child(1)::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 4px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #FFFFFF;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box03 .text > span:nth-child(1)::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 4px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #FFFFFF;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap .car_ex_box.box03 .text > span:nth-child(2) {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.5px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .car_ex_box_wrap + .form_ex_area {
    margin-top: 16px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding: 12px 15px 12px 19px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: #FFFFFF;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box .text_wrap {
    text-align: center;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box .text_wrap span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box .text_wrap + .icon_wrap {
    margin-left: 13px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box .line_wrap {
    width: 8px;
    margin: 0 8px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box .line_wrap span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.select {
    width: 124px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.select .icon_wrap i.icon_arrow {
    display: block;
    line-height: 0;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/common/ico_dropdown_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.select .icon_wrap i.icon_arrow + span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.input {
    width: 100%;
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.input div.text_wrap:nth-of-type(1) {
    width: -webkit-calc((100% - 48px) / 67 * 18);
    width: -moz-calc((100% - 48px) / 67 * 18);
    width: calc((100% - 48px) / 67 * 18);
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.input div.text_wrap:nth-of-type(3) {
    width: -webkit-calc((100% - 48px) / 67 * 14);
    width: -moz-calc((100% - 48px) / 67 * 14);
    width: calc((100% - 48px) / 67 * 14);
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.input div.text_wrap:nth-of-type(5) {
    width: -webkit-calc((100% - 48px) / 67 * 35);
    width: -moz-calc((100% - 48px) / 67 * 35);
    width: calc((100% - 48px) / 67 * 35);
}
.mypage_new.lay_conts._number_register .number_register .ex_box .form_ex_area .from_box.select + .from_box.input {
    margin-left: 8px;
}
.mypage_new.lay_conts .coupon_gift .popup_sub_head {
    padding: 0 8px;
}
.mypage_new.lay_conts .coupon_gift .popup_sub_head .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .coupon_gift .popup_sub_head + .popup_sub_conts {
    margin-top: 16px;
}
.mypage_new.lay_conts .coupon_gift .popup_sub_conts .caution_wrap + .bullet_list {
    padding: 24px 8px 0;
}
.mypage_new.lay_conts .coupon_gift .popup_sub_conts ul.bullet_list.dot.gray > li {
    word-break: break-all;
}
.mypage_new.lay_conts .coupon_register .popup_sub_head {
    padding: 0 8px;
}
.mypage_new.lay_conts .coupon_register .popup_sub_head .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .coupon_register .popup_sub_head + .popup_sub_conts {
    margin-top: 24px;
}
.mypage_new.lay_conts .coupon_register .popup_sub_conts .caution_wrap + .bullet_list {
    margin: 12px 8px 0;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area {
    display: block;
    margin-right: -4px;
    margin-left: -4px;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #EBF2EF;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area > .title_area {
    display: block;
    padding: 0px;
    text-align: center;
    background-color: transparent;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area > .title_area strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area > .title_area .between_text .between_conts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area > .title_area .between_text .between_conts span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area > .title_area + .barcode_area {
    margin-top: 16px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    line-height: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap {
    font-size: 0;
    line-height: 0;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap label::before {
    display: none;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap label > span.label {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon {
    display: inline-block;
    width: 48px;
    height: 24px;
    padding: 2px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #D7D7D7;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon > i {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon > i::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #FFFFFF;
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap label > .label + span.icon {
    margin-left: 8px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon {
    background-color: #00905C;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon::before {
    display: none;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon > i::before {
    -webkit-transform: translateX(24px);
       -moz-transform: translateX(24px);
        -ms-transform: translateX(24px);
            transform: translateX(24px);
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area {
    margin: 0 -8px;
    padding: 8px 12px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #FFFFFF;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area .form_box + .barcode_img {
    margin-top: 12px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area .barcode_img {
    font-size: 0;
    line-height: 0;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area .barcode_img + .barcode_num {
    margin-top: 8px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area .barcode_num {
    padding-bottom: 4px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area .barcode_num p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area + .barcode_num {
    text-align: center;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area .barcode_area + .barcode_num > p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .contents_area + .barcode_area {
    margin-top: 24px;
}
.mypage_new.lay_conts .employee_popup .design_text_box + .form_box {
    margin-top: 16px;
}
.mypage_new.lay_conts .employee_popup .design_text_box + .button_area {
    margin-top: 24px;
}
.mypage_new.lay_conts .employee_popup .design_text_box + .bullet_list {
    margin-top: 12px;
}
.mypage_new.lay_conts .employee_popup .design_text_box + .btm_notice_line {
    padding-bottom: 40px !important;
}
.mypage_new.lay_conts .employee_popup .design_text_box + .btm_notice_line .ui_accordion ul li .ui_accord_content {
    padding-bottom: 0px !important;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #FFFFFF;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area .form_box + .barcode_img {
    margin-top: 12px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area .barcode_img {
    font-size: 0;
    line-height: 0;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area .barcode_img + .barcode_num {
    margin-top: 8px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area .barcode_num {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area .barcode_num p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area + .barcode_num {
    text-align: center;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area + .barcode_num > p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area + .form_box {
    margin-top: 16px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area + .button_area {
    margin-top: 24px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area + .bullet_list {
    margin-top: 12px;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area + .btm_notice_line {
    padding-bottom: 40px !important;
}
.mypage_new.lay_conts .employee_popup .design_text_box .barcode_area + .btm_notice_line .ui_accordion ul li .ui_accord_content {
    padding-bottom: 0px !important;
}
.mypage_new.lay_conts .employee_popup .button_area {
    padding: 0 4px;
}
.mypage_new.lay_conts .employee_popup .button_area .btn_wrap {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new.lay_conts .employee_popup .form_box + .bullet_list {
    margin-top: 12px;
}
.mypage_new.lay_conts .employee_popup .bullet_list {
    padding-right: 4px;
    padding-left: 4px;
}
.mypage_new.lay_conts .employee_popup .bullet_list + .button_area {
    margin-top: 24px;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    margin-top: 6px;
    padding-left: 4px;
    padding-right: 4px;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .thumbnail_wrap {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-size: 0;
    line-height: 0;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .thumbnail_wrap .thumbnail_area {
    padding: 2px 0px;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .thumbnail_wrap .thumbnail_area .images {
    overflow: hidden;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .thumbnail_wrap .thumbnail_area .images > img {
    object-fit: cover;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .thumbnail_wrap .thumbnail_area .button_area {
    display: none;
    overflow: hidden;
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 32px;
    height: 32px;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .thumbnail_wrap .thumbnail_area .button_area.active {
    display: block;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .info_wrap {
    width: 100%;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .info_wrap > .title strong {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .info_wrap > .title + .date {
    margin-top: 4px;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top .info_wrap > .date span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .plus_point_popup .coupon_detail_top + .design_text_box {
    margin-top: 32px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area {
    display: block;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #EBF2EF;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .chk_wrap.toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .chk_wrap.toggle > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area {
    margin: 0 -8px;
    padding: 8px 12px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #FFFFFF;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_img {
    font-size: 0;
    line-height: 0;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_img + .barcode_num {
    margin-top: 8px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_num {
    padding-bottom: 4px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_num p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_num.is_btn_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_num.is_btn_type .btn_wrap .barcode_copy {
    display: block;
    width: auto;
    padding: 3px 12px 4px;
    -webkit-border-radius: 36px;
       -moz-border-radius: 36px;
            border-radius: 36px;
    border: solid 1px #d3d3d3;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_num.is_btn_type .btn_wrap .barcode_copy span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area .barcode_area .barcode_num.is_btn_type .btn_wrap + p {
    margin-left: 8px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area + .barcode_area {
    margin: 24px 0 0;
    padding: 0;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area + .barcode_area + .explanation_wrap {
    margin-top: 40px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area + .explanation_wrap {
    margin-top: 40px;
    padding-left: 8px;
    padding-right: 8px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area > .title_area {
    display: block;
    padding: 0px;
    text-align: center;
    background-color: transparent;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area > .title_area strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area > .title_area .between_text .between_conts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area > .title_area .between_text .between_conts > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .contents_area > .title_area .between_text .between_conts > dd span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .explanation_wrap .title_wrap strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .explanation_wrap .title_wrap em {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #01A76B;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .explanation_wrap .title_wrap + .bullet_list_wrap {
    margin-top: 20px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box + .btm_notice_line {
    padding-bottom: 40px !important;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box + .btm_notice_line .ui_accordion ul li .ui_accord_content {
    padding-bottom: 0 !important;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area {
    margin: 0 -8px;
    padding: 8px 12px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #FFFFFF;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_img {
    font-size: 0;
    line-height: 0;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_img + .barcode_num {
    margin-top: 8px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_num {
    padding-bottom: 4px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_num p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_num.is_btn_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_num.is_btn_type .btn_wrap .barcode_copy {
    display: block;
    width: auto;
    padding: 3px 12px 4px;
    -webkit-border-radius: 36px;
       -moz-border-radius: 36px;
            border-radius: 36px;
    border: solid 1px #d3d3d3;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_num.is_btn_type .btn_wrap .barcode_copy span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.mypage_new.lay_conts .plus_point_popup .design_text_box .barcode_area .barcode_num.is_btn_type .btn_wrap + p {
    margin-left: 8px;
}
.mypage_new.lay_conts .plus_point_popup > div:last-child.btm_notice_line .ui_accordion {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.mypage_new.lay_conts._calendar_date + .lay_bot_btns {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.mypage_new.lay_conts .membership {
    padding-top: 0;
}
.mypage_new.lay_conts .membership .text_box_module_01 + .list_header_text_area {
    margin-top: 56px;
}
.mypage_new.lay_conts .membership .list_header_text_area {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EAEBEA;
}
.mypage_new.lay_conts .membership .list_header_text_area .text > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .membership .list_header_text_area + .text_item_module_01 {
    margin-top: 24px;
}
.mypage_new.lay_conts .membership .list_header_text_area + .no_result {
    margin-top: 80px;
    margin-bottom: 80px;
}
.mypage_new.lay_conts .membership .list_header_text_area + .text_item_wrap {
    margin-top: 24px;
}
.mypage_new.lay_conts .membership .text_item_wrap + .btn_wrap {
    width: 128px;
    margin: 24px auto 0;
}
.mypage_new.lay_conts .mygrade {
    padding-top: 0;
    padding-bottom: 0;
    /* AMY-B01-002P */
    /* AMY-B01-008P */
    /* AMY-B01-009P : 결제수단 · 적립처별 상세 */
}
.mypage_new.lay_conts .mygrade .table_wrap.col table tbody th, .mypage_new.lay_conts .mygrade .table_wrap.col table tbody td {
    word-break: keep-all;
}
.mypage_new.lay_conts .mygrade .table_wrap.col table tbody td {
    border-right: 1px solid #EAEBEA;
}
.mypage_new.lay_conts .mygrade .table_wrap.col table tbody td:last-child {
    border-right: none;
}
.mypage_new.lay_conts .mygrade .table_wrap.col table tbody td > .bullet_list {
    margin-top: 4px;
}
.mypage_new.lay_conts .mygrade .table_wrap + .bullet_list {
    margin-top: 24px;
    padding: 0 8px 80px;
}
.mypage_new.lay_conts .mygrade .table_wrap + .bullet_list > li {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .table_wrap + .bullet_list > li::before {
    background-color: #434545;
}
.mypage_new.lay_conts .mygrade .top_notice {
    padding: 16px 8px 20px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new.lay_conts .mygrade .standard_wrap {
    padding: 32px 16px 27px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F7FAF9;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc {
    position: relative;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc .flag_area {
    position: absolute;
    padding-left: 10px;
    top: -8px;
    left: 0;
    z-index: 1;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc .item_shadow_box {
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_item > .text strong {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_item > .text strong + span {
    margin-top: 4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_item > .text span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_item > .num strong {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_item > .num span {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_area {
    position: relative;
    padding-left: 10px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_area::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/icon_plus_20_Gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_result_area {
    position: relative;
    margin-top: 16px;
    padding-left: 10px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_result_area::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/icon_equal_20_Green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_result_area .calc_item > .num span {
    color: #01A76B;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_list {
    padding: 20px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_list.item_shadow_box {
    width: 100%;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_list > li:first-of-type .calc_item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_list > li:first-of-type .calc_item .text {
    padding-top: 2px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .calc_list > li + li {
    margin-top: 14px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .day {
    margin-top: 40px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .day_conts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 12px 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.lay_conts .mygrade .standard_wrap .day_conts strong {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .day_conts em {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .day_conts span {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .standard_wrap .day_conts > dd em {
    margin: 0px 4px;
}
.mypage_new.lay_conts .mygrade .point_list > li {
    margin-top: 24px;
}
.mypage_new.lay_conts .mygrade .point_list .box_module .top strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .point_list .box_module .bottom span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .point_list .box_module .bottom strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts .mygrade .point_list .box_module > li + li {
    margin-top: 24px;
}
.mypage_new.lay_conts.no_space {
    padding-top: 0px !important;
}
.mypage_new.lay_conts.no_space .tab_wrap .tabs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.mypage_new.lay_conts.no_space .tab_wrap .tab_conts .no_result {
    margin: 80px 0;
}
.mypage_new.lay_conts._waiting {
    padding-right: 16px !important;
    padding-bottom: 20px !important;
    padding-left: 16px !important;
}
.mypage_new.lay_conts._waiting .between_list > li + li {
    margin-top: 12px;
}
.mypage_new.lay_conts._waiting .between_list_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new.lay_conts._waiting .between_list_item > dt {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.mypage_new.lay_conts._waiting .between_list_item > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts._waiting .between_list_item > dd {
    width: 100%;
    text-align: right;
}
.mypage_new.lay_conts._waiting .between_list_item > dd span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.mypage_new.lay_conts._waiting .between_list_item > dd span.c01 {
    color: #01A76B;
    font-weight: 700;
}
.mypage_new.lay_conts._waiting .between_list_item > dd.inline span + span {
    margin-left: 4px;
}
.mypage_new.lay_conts._waiting .between_list_item + .btn_wrap {
    margin-top: 20px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_header {
    margin: 0px 8px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_header .title {
    padding-left: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_message_24_black.png");
    background-position: left center;
    background-repeat: no-repeat;
    -moz-background-size: 24px;
         background-size: 24px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_header .title span {
    margin-left: 8px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 42px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_header + .mynews_dm_slide {
    margin-top: 32px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_slide > div.slide_wrap {
    overflow: initial;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_slide .slide_content {
    margin: 0 -5px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_slide .slide_conts {
    padding: 0 5px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_slide .slide_page_number {
    display: none;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_slide + .mynews_dm_tab {
    padding-top: 40px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .sticky_tab {
    top: -16px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .mynews_list {
    margin-top: 24px;
    margin-left: 16px;
    margin-right: 16px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .list_header_area + .img_list_conts {
    margin-top: 16px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .img_list_conts {
    padding-bottom: 80px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .img_list_conts > div + div {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .img_list_conts > div + div.btn_wrap {
    margin: 40px auto 0;
    width: 100px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .coupon_tooltip_box_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #EBF2EF;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .coupon_tooltip_box_wrap .coupon_tooltip_box .tooltip_wrap {
    margin-left: 8px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .coupon_tooltip_box_wrap .coupon_tooltip_box .tooltip_wrap .bubble_wrap.tl {
    left: -105px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .coupon_tooltip_box_wrap .coupon_tooltip_box .tooltip_wrap .bubble_wrap.tl:before {
    left: 106px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .coupon_tooltip_box_wrap .btn_wrap .sbtn {
    padding: 3px 11px 4px;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    border-color: #cdcdcd;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .coupon_tooltip_box_wrap + .list_header_area {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .list_header_area + div .accordion_coupon_list_shop, .mypage_new.lay_conts .mynews_dm .mynews_dm_tab .list_header_area + .accordion_coupon_list_shop {
    margin-top: 16px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .list_header_area + .coupon_item._medium {
    margin-top: 16px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .list_header_area + div + div {
    margin-top: 16px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .head .ui_accord_toggle .icon_wrap p em {
    margin: 0px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .head .coupon_title > .text_area {
    padding-bottom: 0px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .head .coupon_title > .text_area > .flag .flag_wrap {
    padding-top: 0;
    padding-bottom: 2px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .head .coupon_title > .text_area > .flag .flag_wrap span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.3333333333;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
    font-family: "Pretendard";
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .head .coupon_title > .text_area > .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .ui_accord_content .coupon_list {
    padding-top: 0px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .ui_accord_content .coupon_list > div:first-of-type.coupon_item .coupon_item_area {
    padding-top: 0px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop .ui_accord_content .coupon_list .coupon_item .contents_wrap {
    margin-left: 12px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop + .coupon_item {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop + .coupon_item + .coupon_item {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop + .coupon_item + .accordion_coupon_list_shop {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .accordion_coupon_list_shop + .accordion_coupon_list_shop {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .mycoupon_list {
    margin-top: 24px;
    margin-left: 16px;
    margin-right: 16px;
    padding-bottom: 80px;
}
.mypage_new.lay_conts .mynews_dm .mynews_dm_tab .mycoupon_list > div + div.btn_wrap {
    width: 100px;
    margin: 40px auto 0;
}
.mypage_new.lay_conts .mynews_dm._view {
    margin-top: -16px;
    padding-bottom: 80px;
}
.mypage_new.lay_conts .mynews_dm._view .view_detail_top + .view_detail_conts {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm._view .view_detail_conts > .template_area {
    margin-left: 8px;
    margin-right: 8px;
}
.mypage_new.lay_conts .mynews_dm._view .view_detail_conts > .template_area + .coupon_area {
    margin-top: 20px;
}
.mypage_new.lay_conts .mynews_dm._view .view_detail_conts > .coupon_area {
    margin-left: -16px;
    margin-right: -16px;
}
.mypage_new.lay_conts .mynews_dm._view .view_detail_conts > .coupon_area + .hashtag_area {
    margin-top: 24px;
}
.mypage_new.lay_conts .mynews_dm._view .view_detail_conts > .hashtag_area {
    margin-left: 8px;
    margin-right: 8px;
}

.lay_pop.bottom_type .lay_conts.no_space_margin {
    margin: 0px !important;
}

/* [ layout sub page padding : 서브 페이지 간격 간격 ] */
._module {
    padding: 0 0px;
}

._default {
    padding: 0 8px;
}

.detail_full_box {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100vw;
    top: 0;
    left: 50%;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.detail_full_box > img {
    width: 100%;
}
.detail_full_box.full {
    height: 100%;
}
.detail_full_box ._module {
    padding: 0 16px;
}
.detail_full_box ._default {
    padding: 0 24px;
}

/* [ layout popup content padding : 팝업 컨턴츠 간격 ] */
.lay_conts ._module {
    margin: 0 -4px;
}
.lay_conts ._default {
    padding: 0 4px;
}
.lay_conts .sub_title span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.lay_conts .sub_title + .sub_text {
    margin-top: 16px;
}
.lay_conts .sub_text .bullet_list.dot.bold li {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    padding-left: 10px;
}
.lay_conts .sub_text .bullet_list.dot.bold li:before {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #171A19;
}

/* [ layout popup button : 팝업 하단 버튼 간격 ] */
/* [ form common input text width : 글자 수 글자 박스 ] */
.input_wrap.text_num_type_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.input_wrap.text_num_type_wrap .input_item {
    overflow: hidden;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    border: solid 1px #EAEBEA;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.input_wrap.text_num_type_wrap .input_item + .input_item {
    margin-left: 8px;
}
.input_wrap.text_num_type_wrap .input_item input {
    overflow: hidden;
    display: inline-block;
    height: 46px;
    padding: 0;
    border: none;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.input_wrap.text_num_type_wrap .input_item label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.input_wrap.text_num_type_wrap .text_num_1 input {
    width: 47px;
    padding: 0 !important;
}
.input_wrap.text_num_type_wrap .text_num_3 input {
    width: 76px;
    padding: 0 15px;
    text-align: center;
}
.input_wrap.text_num_type_wrap .text_num_4 input {
    width: 102px;
    padding: 0 15px;
    text-align: left;
}
.input_wrap.text_num_type_wrap .hyphen {
    margin: 0 8px;
}
.input_wrap.text_num_type_wrap .hyphen span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}

/* [ form common checkbox : 좋아요 공유하기 ] */
.heart_share_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.heart_share_area > .chk_wrap + .btn_wrap {
    margin-left: 12px;
}

/* [ form common button : 버튼 ] */
.btn_wrap .icon_round_border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding: 6px 19px;
    border: solid 1px #171A19;
    -webkit-border-radius: 36px;
       -moz-border-radius: 36px;
            border-radius: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap .icon_round_border > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_car_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_car_20_green.png") !important;
}
.btn_wrap .icon_round_border > i + span {
    margin-left: 4px;
}
.btn_wrap .icon_round_border span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .icon_close {
    padding: 10px;
}
.btn_wrap .icon_close > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_x_30_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_close span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_enlarge {
    overflow: hidden;
    display: block;
    padding: 4px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    font-size: 0;
    line-height: 0;
    background-color: #21b27e;
}
.btn_wrap .icon_enlarge > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_zoom_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_enlarge span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap .icon_default > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_calendar_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_default span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .lbtn.border_round_inline {
    display: inline-block;
    width: auto;
    padding: 6px 19px 7px;
    border: 1px solid #171A19;
    -webkit-border-radius: 26px;
       -moz-border-radius: 26px;
            border-radius: 26px;
    background-color: transparent;
}
.btn_wrap .lbtn.border_round_inline span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .lbtn.border_round_inline.white {
    height: auto;
    border-color: #FFFFFF !important;
}
.btn_wrap .lbtn.border_round_inline.white span {
    color: #FFFFFF;
}
.btn_wrap .lbtn.full_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 9px 0px 10px;
    border: 0px !important;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #00905C;
}
.btn_wrap .lbtn.full_box span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.btn_wrap .mbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 6px 0 7px;
    border: 1px solid #171A19;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
.btn_wrap .mbtn > i {
    display: none;
}
.btn_wrap .mbtn > i.icon_plus {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_plus_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_gift {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_gift_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_receipt {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_receipt_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_search {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_search_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_car {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_car_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .mbtn.border {
    border: 1px solid #171A19;
}
.btn_wrap .mbtn + .mbtn {
    margin-left: 8px;
}
.btn_wrap.title_select02 {
    display: inline-block;
}
.btn_wrap.title_select02 .text_arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap.title_select02 .text_arrow > .text {
    display: inline-block;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.9);
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.btn_wrap.title_select02 .text_arrow > .text > span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.btn_wrap.title_select02 .text_arrow > .arrow_icon {
    display: inline-block;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_share_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.btn_wrap .icon_share_btn .icon_share {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/ico_share_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_share_btn .icon_share + span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_heart_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.btn_wrap .icon_heart_btn .icon_heart {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/ico_heart_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_heart_btn .icon_heart + span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_heart_btn.off .icon_heart {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/ico_heart_20_hdgreen.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .text_em {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap .text_em span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .text_em i {
    display: none;
}
.btn_wrap .text_em .icon_barcode {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_barcode_24_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .text_em .icon_download {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_download_24_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_refresh {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_refresh_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-color: #01a76b;
}
.btn_wrap .icon_refresh span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

/* [ template design text box : 상단 푸른 박스 포인트 텍스트 ] */
.design_text_box .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.design_text_box .title > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4;
    text-align: center;
}
.design_text_box .title > p em {
    font-weight: 500;
    color: #01A76B;
}
.design_text_box .text {
    display: block;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.design_text_box .text > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4;
    text-align: left;
    word-break: keep-all;
}
.design_text_box .text > p em {
    font-weight: 500;
    color: #01A76B;
}
.design_text_box .text > p + .bullet_line {
    margin-top: 8px;
}
.design_text_box .list_text {
    display: block;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.design_text_box .list_text > ul > li + li {
    margin-top: 16px;
}
.design_text_box .list_text .list_text_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.design_text_box .list_text .list_text_item > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .list_text .list_text_item > dd em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .list_text .list_text_item > dd em.zero {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .list_text .list_text_item > dd span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: right;
}
.design_text_box .contents_area {
    display: block;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #ebf2ef;
}
.design_text_box .contents_area > .title_area {
    display: block;
    padding: 0px;
    text-align: center;
    background-color: transparent;
}
.design_text_box .contents_area > .title_area strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.design_text_box .contents_area > .title_area .between_text .between_conts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.design_text_box .contents_area > .title_area .between_text .between_conts > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .contents_area > .title_area .between_text .between_conts > dd span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .contents_area .title_area + .barcode_area {
    margin-top: 16px;
}
.design_text_box .contents_area .form_box.check_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    line-height: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap {
    font-size: 0;
    line-height: 0;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label::before {
    display: none;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.label {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon {
    display: inline-block;
    width: 48px;
    height: 24px;
    padding: 2px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #D7D7D7;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon > i {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon > i::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #FFFFFF;
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > .label + span.icon {
    margin-left: 8px;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon {
    background-color: #00905C;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon::before {
    display: none;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon > i::before {
    -webkit-transform: translateX(24px);
       -moz-transform: translateX(24px);
        -ms-transform: translateX(24px);
            transform: translateX(24px);
}
.design_text_box .contents_area .barcode_area {
    margin: 0 -8px;
    padding: 8px 12px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #FFFFFF;
}
.design_text_box .contents_area .barcode_area .form_box + .barcode_img {
    margin-top: 12px;
}
.design_text_box .contents_area .barcode_area .barcode_img {
    font-size: 0;
    line-height: 0;
}
.design_text_box .contents_area .barcode_area .barcode_img + .barcode_num {
    margin-top: 8px;
}
.design_text_box .contents_area .barcode_area .barcode_num {
    padding-bottom: 4px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.design_text_box .contents_area .barcode_area .barcode_num p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2;
}
.design_text_box .contents_area .barcode_area + .barcode_num {
    text-align: center;
}
.design_text_box .contents_area .barcode_area + .barcode_num > p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.design_text_box .explanation_wrap .title_wrap strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .explanation_wrap .title_wrap em {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #01a76b;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .explanation_wrap .title_wrap + .bullet_list_wrap {
    margin-top: 20px;
}

/* [ template text box : 텍스트 박스 ] */
/* [ item shadow box : 그림자 박스 모듈 > Module Shadow_H1 , Module Shadow_H2  ] */
.item_shadow_box02 {
    width: 100%;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
}
.item_shadow_box02 > .coupon_item {
    padding: 0px !important;
}

/* [ icon common new ] */
.icon_wrap i.icon_new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #FF5000;
}
.icon_wrap i.icon_new span {
    display: inline-block;
    font-size: 0.5rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
    padding-top: 2px;
}

/* [ no data : 리스트 데이터 없음 표현 박스 ] */
.list_nodate_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 80px;
    margin-bottom: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.list_nodate_wrap::before {
    content: "";
    display: block;
    width: 88px;
    height: 88px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_noData_88.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.list_nodate_wrap > .text_wrap {
    margin-top: 8px;
}
.list_nodate_wrap > .text_wrap strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    text-align: center;
}
.list_nodate_wrap > .text_wrap > strong + p {
    margin-top: 4px;
}
.list_nodate_wrap > .text_wrap p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: center;
}
.list_nodate_wrap > .text_wrap + .btn_wrap {
    margin-top: 24px;
}
.list_nodate_wrap > .btn_wrap button.btn,
.list_nodate_wrap > .btn_wrap a.btn {
    padding: 8px 15px 9px;
    border-width: 1.4px;
}

/* no data : 리스트 데이터 없음 표현 박스(회색 이미지) */
.nodata_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 80px;
    margin-bottom: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.nodata_wrap::before {
    content: "";
    display: block;
    width: 88px;
    height: 88px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new//ico_no_result_88.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.nodata_wrap > .text_area {
    margin-top: 8px;
}
.nodata_wrap > .text_area strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    text-align: center;
}

.img_list_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.img_list_item {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12);
}
.img_list_item .thumbnail_area {
    position: relative;
}
.img_list_item .thumbnail_area .thumbnail {
    position: relative;
}
.img_list_item .thumbnail_area .thumbnail > img {
    width: 100%;
    line-height: 0px;
}
.img_list_item .thumbnail_area .badge {
    position: absolute;
    bottom: 20px;
    right: 23px;
}
.img_list_item .thumbnail_area .badge .flag_wrap + .flag_wrap {
    margin-left: 8px;
}
.img_list_item .info_area {
    position: relative;
    display: block;
    height: auto;
    min-height: 113px;
    padding: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.img_list_item .info_area > .badge {
    font-size: 0;
    line-height: 0;
}
.img_list_item .info_area > .badge .flag_wrap + .flag_wrap {
    margin-left: 8px;
}
.img_list_item .info_area > .badge + .title {
    margin-top: 12px;
}
.img_list_item .info_area > .title {
    padding-right: 10px;
    max-height: 48px;
}
.img_list_item .info_area > .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.img_list_item .info_area > .title + .texta_wrap {
    margin-top: 4px;
}
.img_list_item .info_area > .texta_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.img_list_item .info_area > .texta_wrap > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.img_list_item .info_area > .texta_wrap .place {
    display: block;
    width: 100%;
}
.img_list_item .info_area > .texta_wrap .d_day {
    margin-left: 11px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.img_list_item .info_area > .texta_wrap .d_day.d14 {
    color: #01A76B;
}
.img_list_item .info_area > .texta_wrap .d_day.d3 {
    color: #EB3912;
}
.img_list_item .info_area > .btn_area {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.img_list_item.thum_list_item {
    overflow: hidden;
    padding: 20px 20px 32px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.img_list_item.thum_list_item .thum_list_item_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.img_list_item.thum_list_item .thum_list_item_area > .images {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.img_list_item.thum_list_item .thum_list_item_area > .images .img_sample {
    overflow: hidden;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}
.img_list_item.thum_list_item .thum_list_item_area > .images .img_sample > img {
    width: 100%;
    height: 100%;
}
.img_list_item.thum_list_item .thum_list_item_area > .images + .info {
    margin-left: 16px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info {
    width: 100%;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .title span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171a19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .title + .date {
    margin-top: 4px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .date,
.img_list_item.thum_list_item .thum_list_item_area > .info > .place {
    font-size: 0;
    line-height: 0;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .date span,
.img_list_item.thum_list_item .thum_list_item_area > .info > .place span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .place + .money {
    margin-top: 8px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .money .em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .money .em + .through {
    margin-left: 7px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .money .through {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9b9e9c;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-decoration: line-through;
}
.img_list_item.thum_list_item > .heart_share_area {
    margin-top: 16px;
}
.img_list_item.thum_list_item .heart_share_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: initial;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.img_list_item > .heart_share_area {
    position: absolute;
    bottom: 32px;
    right: 20px;
}
.img_list_nodate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 80px 0px;
}
.img_list_nodate::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/img_empty_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.img_list_nodate > .text_wrap {
    padding-top: 16px;
}
.img_list_nodate > .text_wrap strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    text-align: center;
}
.img_list_nodate > .text_wrap > strong + p {
    margin-top: 4px;
}
.img_list_nodate > .text_wrap p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: center;
}
.img_list_nodate > .text_wrap + .btn_wrap {
    margin-top: 24px;
}
.img_list_nodate > .btn_wrap button.btn.em_border, .img_list_nodate > .btn_wrap a.btn.em_border {
    padding: 8px 15px 9px;
}
.img_list_conts > div:last-of-type.img_list_item {
    margin-bottom: 80px;
}

.list_header_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.list_header_area > .full {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.list_header_area > .full > .btn_wrap {
    margin-right: -9px;
    margin-bottom: 24px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.list_header_area .list_num > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.list_header_area .list_num span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.list_header_area .date p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.list_header_area._default {
    padding-left: 8px;
    padding-right: 8px;
}

.text_box_module_01 {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #ebf2ef;
}
.text_box_module_01 > .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_box_module_01 > .title p {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_01 > .title p + .tooltip_wrap {
    margin-left: 4px;
}
.text_box_module_01 > .title p + .tooltip_wrap .bubble_wrap.tl {
    left: -82px;
}
.text_box_module_01 > .title p + .tooltip_wrap .bubble_wrap.tl:before {
    left: 82px;
}
.text_box_module_01 > .em_num {
    text-align: right;
}
.text_box_module_01 > .em_num > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.text_box_module_01 > .em_num em {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.text_box_module_01 > .em_num em + span {
    margin-left: 4px;
}
.text_box_module_01 > .em_num span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_01 > .em_num .btn_wrap em {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .em_num .btn_wrap em + span {
    margin-left: 4px;
}
.text_box_module_01 > .em_num .btn_wrap span {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .em_num .btn_wrap a.ico_arrow_button, .text_box_module_01 > .em_num .btn_wrap button.ico_arrow_button, .text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.text_box_module_01 > .em_num .btn_wrap a.ico_arrow_button .ico_arrow, .text_box_module_01 > .em_num .btn_wrap button.ico_arrow_button .ico_arrow, .text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button .ico_arrow {
    display: inline-block;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button .ico_arrow {
    display: none;
}
.text_box_module_01 > .em_num + .btn_wrap {
    margin-top: 7px;
}
.text_box_module_01 > .btn_wrap {
    margin-right: -4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.text_box_module_01 > .btn_wrap .text_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_box_module_01 > .btn_wrap .text_btn > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .btn_wrap .text_btn > span + strong {
    margin-left: 4px;
}
.text_box_module_01 > .btn_wrap .text_btn > strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .btn_wrap .text_btn > strong + span {
    margin-left: 4px;
}
.text_box_module_01 > .btn_wrap .text_btn > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
}
.text_box_module_01 > .btn_wrap .text_btn > i::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -moz-background-size: 100%;
         background-size: 100%;
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.text_box_module_01 > .em_num + .text {
    margin-top: 12px;
}
.text_box_module_01 > .text {
    text-align: right;
}
.text_box_module_01 > .text p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .text p span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .text p span._gray {
    color: #727573;
}
.text_box_module_01 > .text p > span + span {
    padding-left: 8px;
}
.text_box_module_01 > .simple_text {
    text-align: center;
}
.text_box_module_01 > .simple_text > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: center;
}
.text_box_module_01 > .simple_text > p + .btn_wrap {
    margin-top: 20px;
}
.text_box_module_01 > .simple_text .btn_wrap._inline .btn {
    padding-right: 28px;
    padding-left: 28px;
}
.text_box_module_02 {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #ebf2ef;
}
.text_box_module_02 > .checkbox .title strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_02 > .checkbox .title + .text {
    margin-top: 8px;
}
.text_box_module_02 > .checkbox .text p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_02 > .checkbox .text + .checkbox_area {
    margin-top: 8px;
}
.text_box_module_02 > .checkbox .checkbox_area {
    text-align: center;
}
.text_box_module_03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    background-color: #ebf2ef;
}
.text_box_module_03 > .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.text_box_module_03 > .item > .title strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_03 > .item > .title + .content {
    margin-top: 5px;
}
.text_box_module_03 > .item > .content strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_03 > .item > .content em {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    margin-right: 4px;
}
.text_box_module_03 > .item + .item {
    border-left: 1px solid rgba(23, 26, 25, 0.1019607843);
}

.text_item_module_01 {
    padding: 20px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.text_item_module_01 > dl > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.text_item_module_01 > dl > dt strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_item_module_01 > dl > dt strong.em {
    color: #eb3912;
}
.text_item_module_01 > dl > dt span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_item_module_01 > dl > dt + dd {
    margin-top: 4px;
}
.text_item_module_01 > dl > dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.text_item_module_01 > dl > dd span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9b9e9c;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.text_item_module_01 > dl > dd + dd {
    margin-top: 2px;
}
.text_item_module_01 > dl > dd > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_item_module_01 > dl > dd > ul > li {
    position: relative;
}
.text_item_module_01 > dl > dd > ul > li + li {
    margin-left: 8px;
    padding-left: 8px;
}
.text_item_module_01 > dl > dd > ul > li + li::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 11px;
    top: 50%;
    left: 0;
    opacity: 1;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #eaebea;
}
.text_item_module_01 + .btn_wrap {
    margin-top: 24px;
}
.text_item_module_01 + .text_item_module_01 {
    margin-top: 24px;
}
.text_item_module_01 > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.text_item_module_01 > div > .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_item_module_01 > div > .info > p {
    width: 100%;
    margin-bottom: 4px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_item_module_01 > div > .info > span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9b9e9c;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.text_item_module_01 > div > .info > span + span {
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
}
.text_item_module_01 > div > .info > span + span::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 11px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0.1;
    background-color: #171a19;
}
.text_item_module_01 > div > .point {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.text_item_module_01 > div > .point strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}

/* [ sample ] */
.img_sample {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171a19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #727573;
    background-color: #d9d9d9;
}

.mypage_new {
    padding-bottom: 20px;
}
.mypage_new .text_arrow {
    margin: 16px 0 0 8px;
}
.mypage_new .text_arrow h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.mypage_new .text_arrow h3 i {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_dropdown_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .text_arrow.fs20 h3 {
    font-size: 1.25rem;
}
.mypage_new .text_arrow.fs20 h3 i {
    top: 3px;
}
.mypage_new .blit_big_round {
    margin: 12px 8px 0 8px;
    position: relative;
    padding-left: 10px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .blit_big_round:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    bottom: auto;
    right: auto;
    width: 4px;
    height: 4px;
    display: block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #727573;
}
.mypage_new .sort_list {
    margin: 24px 0 0 0;
    padding: 17px 0 17px 16px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #EBF2EF;
}
.mypage_new .sort_list p {
    padding-left: 36px;
    position: relative;
}
.mypage_new .sort_list p a {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .sort_list p:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/sort_list_event_green_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .sel_wrap_align_right_gh {
    margin: 32px 8px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new .con_no_card_event {
    position: relative;
    margin-top: 80px;
    padding-top: 96px;
    text-align: center;
    letter-spacing: -0.25px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_no_card_event:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -webkit-calc(50% - 40px);
    left: -moz-calc(50% - 40px);
    left: calc(50% - 40px);
    bottom: auto;
    right: auto;
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit02/bg_no_card_80_event.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .con_no_card_event.con_no_card_event02 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.mypage_new .con_no_card_event.con_no_card_event02:before {
    background-image: url("http://m.ehyundai.com/images/mo/benefit02/bg_baucher_80_event.png");
}
.mypage_new .list_shop_tabs li {
    position: relative;
    margin-top: 24px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.mypage_new .list_shop_tabs li p {
    position: relative;
}
.mypage_new .list_shop_tabs li p .slide_info_text_br {
    position: absolute;
    right: 23px;
    bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.mypage_new .list_shop_tabs li p .slide_info_text_br em {
    padding: 1px 8px;
    letter-spacing: -0.2px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    margin-left: 8px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_shop_tabs li p .slide_info_text_br em.slide_info_text_br1 {
    background: #171A19;
}
.mypage_new .list_shop_tabs li p .slide_info_text_tr {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 8px 31px 0 0;
    text-align: right;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    width: 82px;
    height: 26px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/bg_slide_topright03.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .list_shop_tabs li dl {
    padding: 20px 20px 24px 20px;
    height: 73px;
}
.mypage_new .list_shop_tabs li dl dt {
    margin-bottom: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.mypage_new .list_shop_tabs li dl dd {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_shop_tabs li:first-of-type {
    margin-top: 16px;
}
.mypage_new .list_shop_tabs li.dimmed p:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: auto;
    right: auto;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.mypage_new .list_shop_tabs li .ico_heart_20_green_gray {
    position: absolute;
    right: 52px;
    bottom: 20px;
    overflow: hidden;
    line-height: 10;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/shopping/ico_heart_20_green_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .list_shop_tabs li .ico_heart_20_green_gray.on {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/shopping/ico_heart_20_green_gray_on.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .list_shop_tabs li .ico_share_20_green_gray {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden;
    line-height: 10;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/shopping/ico_share_20_green_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .list_shop_tabs.list_shop_tabs_link dl dt a {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
    height: 48px;
}
.mypage_new .list_shop_tabs.list_shop_tabs_link dl dd a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .btn_wrap_sm_width button {
    width: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}
.mypage_new .mt40 {
    margin-top: 40px;
}
.mypage_new .full_width {
    margin-left: -16px;
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: calc(100% + 32px);
}
.mypage_new .txt_top_benefit_20 {
    padding: 24px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.mypage_new .txt_top_benefit_20 + .date {
    display: block;
    margin-top: 8px;
    margin-left: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_event_consequense {
    margin: 8px 0 0 -16px;
    padding: 0 24px 40px 24px;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
}
.mypage_new .con_event_consequense h4 {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.mypage_new .con_event_consequense .con_event_consequense_innner {
    margin-top: 81px;
    padding: 71px 20px 20px 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #6a10dc;
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
    text-align: center;
    position: relative;
}
.mypage_new .con_event_consequense .con_event_consequense_innner:before {
    content: "";
    position: absolute;
    top: -81px;
    left: -webkit-calc(50% - 76px);
    left: -moz-calc(50% - 76px);
    left: calc(50% - 76px);
    bottom: auto;
    right: auto;
    display: block;
    width: 152px;
    height: 152px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/bg_event_consequense1.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .con_event_consequense .con_event_consequense_innner em {
    display: block;
    margin-top: 12px;
}
.mypage_new .con_event_consequense .con_event_consequense_innner em span {
    display: inline-block;
    padding: 1px 8px;
    letter-spacing: -0.2px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    margin-left: 8px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    background: #171A19;
}
.mypage_new .con_event_consequense .con_event_consequense_innner.fail {
    background-color: #113b9b;
    padding: 71px 20px 32px 20px;
}
.mypage_new .con_event_consequense .con_event_consequense_innner.fail:before {
    content: "";
    position: absolute;
    top: -81px;
    left: -webkit-calc(50% - 76px);
    left: -moz-calc(50% - 76px);
    left: calc(50% - 76px);
    bottom: auto;
    right: auto;
    display: block;
    width: 152px;
    height: 152px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/bg_event_consequense2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .con_event_consequense .con_event_consequense_innner div {
    margin-top: 16px;
    padding: 16px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #811eff;
    text-align: left;
}
.mypage_new .con_event_consequense .con_event_consequense_innner div h5 {
    padding-bottom: 4px;
    margin-top: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.mypage_new .con_event_consequense .con_event_consequense_innner div ul.bullet_list.dot.dot2 li {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_event_consequense .con_event_consequense_innner div ul.bullet_list.dot.dot2 li:before {
    background-color: #FFFFFF;
}
.mypage_new .con_event_consequense h5 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 24px;
}
.mypage_new .con_event_consequense.con_event_consequense02 .con_event_consequense_innner {
    background-color: #0f62c3;
}
.mypage_new .con_event_consequense.con_event_consequense02 .con_event_consequense_innner:before {
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/bg_event_consequense3.png");
}
.mypage_new .con_event_consequense.con_event_consequense02 .con_event_consequense_innner a {
    display: block;
    margin-top: 16px;
    padding: 9px 0 10px 0;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background-color: #398ff4;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_event_consequense.con_event_consequense02 .txt_consq {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_event_consequense.con_event_consequense02 .txt_consq.mt20 {
    margin-top: 20px;
}
.mypage_new .con_event_consequense.con_event_consequense02 dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    margin-top: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #ebf2ef;
}
.mypage_new .con_event_consequense.con_event_consequense02 dl dt {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_event_consequense.con_event_consequense02 dl dd {
    padding-top: 24px;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_event_consequense.con_event_consequense02 dl dd em {
    margin-right: 3px;
    position: relative;
    top: 3px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_event_consequense.con_event_consequense02 .btn_wrap {
    padding-top: 24px;
}
.mypage_new .con_event_consequense.con_event_consequense02 .btn_wrap a.btn.border {
    border-width: 2px;
}
.mypage_new .bullet_list.dot.dot2 li {
    padding-left: 10px;
    line-height: 1.5;
}
.mypage_new .bullet_list.dot.dot2 li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    bottom: auto;
    right: auto;
    width: 4px;
    height: 4px;
    display: block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #171A19;
}
.mypage_new .blit_big_round_list {
    padding: 4px 0 0 0;
}
.mypage_new .blit_big_round_list li {
    margin-top: 4px;
}
.mypage_new .tit_benefit_20 {
    margin: 32px 0 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.mypage_new .dldt_benefit {
    padding-top: 7px;
    margin-left: 8px;
}
.mypage_new .dldt_benefit dt {
    margin-top: 25px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .dldt_benefit dd {
    margin-top: 7px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .dldt_benefit dd li {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}
.mypage_new .dldt_benefit dd li:first-of-type {
    margin-top: 0px;
}
.mypage_new .btm_notice_line .ui_accordion ul li .ui_accord_content.border_bottom_none {
    border-bottom: none;
}
.mypage_new .mt24 {
    margin-top: 24px;
}
.mypage_new .border_top_h4 {
    border-top: 8px solid #f0f2f0;
    margin: 0px 0 0 -16px;
    padding-left: 24px;
    padding-top: 32px;
    width: -webkit-calc(100% + 8px);
    width: -moz-calc(100% + 8px);
    width: calc(100% + 8px);
}
.mypage_new .bg_list {
    margin-top: 32px;
    padding: 20px 20px 21px 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #f7faf9;
}
.mypage_new .bg_list li {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .bg_list li p {
    margin-top: 7px;
    padding-left: 10px;
    position: relative;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .bg_list li p:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0px;
    bottom: auto;
    right: auto;
    width: 4px;
    height: 2px;
    display: block;
    background-color: #171A19;
}
.mypage_new .txt_present_event {
    padding: 32px 0 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.mypage_new .sort_list02 {
    padding: 16px 0 0 0;
    margin: 0 8px 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .sort_list02 p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .sort_list02 p span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .sort_list02 + .no_result {
    margin-top: 80px;
}
.mypage_new .no_result + .btm_notice_line {
    margin-top: 120px;
}
.mypage_new .date_term {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 32px 0 12px 0;
    margin-left: 8px;
    margin-right: 8px;
    border-bottom: 1px solid #EAEBEA;
}
.mypage_new .date_term p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .date_term button {
    position: relative;
    top: 1px;
    padding-left: 22px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .date_term button:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_src_detail_gh_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .date_term.date_term_pt24 {
    padding-top: 24px;
}
.mypage_new .mt48 {
    margin-top: 48px;
}
.mypage_new .list_event_participate li {
    position: relative;
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new .list_event_participate li p em {
    margin-right: 5px;
}
.mypage_new .list_event_participate li > .btn_wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 18px 20px;
}
.mypage_new .list_event_participate li h5 {
    margin-top: 21px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.mypage_new .list_event_participate li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: 4px;
}
.mypage_new .list_event_participate li dl dt {
    min-width: 120px;
    padding-top: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_event_participate li dl dt.strong {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_event_participate li dl dd {
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    text-align: right;
    padding-top: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    word-break: break-all;
}
.mypage_new .list_event_participate li dl dd.strong {
    font-weight: 700;
}
.mypage_new .list_event_participate li:first-of-type {
    margin-top: 26px;
}
.mypage_new .con_no_card_event {
    position: relative;
    margin-top: 80px;
    padding-top: 96px;
    text-align: center;
    letter-spacing: -0.25px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_no_card_event:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -webkit-calc(50% - 40px);
    left: -moz-calc(50% - 40px);
    left: calc(50% - 40px);
    bottom: auto;
    right: auto;
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit02/bg_no_card_80_event.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .con_no_card_event.con_no_card_event02 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.mypage_new .con_no_card_event.con_no_card_event02:before {
    background-image: url("http://m.ehyundai.com/images/mo/benefit02/bg_baucher_80_event.png");
}
.mypage_new .box_sizing_border_box a {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mypage_new .list_event_cancel {
    padding: 20px 8px 0 8px;
}
.mypage_new .list_event_cancel li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 18px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_event_cancel li span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_event_cancel li:first-of-type {
    padding-top: 20px;
}
.mypage_new .list_event_cancel li.strong {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.mypage_new .list_event_cancel li.strong span {
    font-size: 1.125rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.mypage_new .list_event_cancel.second {
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #F7FAF9;
}
.mypage_new .list_event_cancel.second li {
    padding-top: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_event_cancel.second li span {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_event_cancel.second li:first-of-type {
    padding-top: 0px;
}
.mypage_new .tab_pl16pr16 {
    padding-left: 16px;
    padding-right: 16px;
}
.mypage_new .pt16 {
    padding-top: 16px;
}
.mypage_new .txt_choice_card {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000000;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    padding: 16px 4px 0 4px;
}
.mypage_new .carosel_card_choice {
    margin-top: 40px;
    padding: 32px 0 24px 0;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #ebf2ef;
    overflow: hidden;
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice {
    padding-left: 50px;
    width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: calc(100% - 75px);
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .slide_content {
    overflow: visible !important;
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide {
    position: relative;
    margin-right: 25px;
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide button {
    display: block;
    width: 100%;
    margin-top: -18px;
    position: relative;
    z-index: 1;
    opacity: 0.5;
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide button img {
    -webkit-box-shadow: 0 2.8px 11.4px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 2.8px 11.4px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2.8px 11.4px 0 rgba(0, 0, 0, 0.12);
    position: relative;
    top: 6px;
    width: -webkit-calc(100% - 14px);
    width: -moz-calc(100% - 14px);
    width: calc(100% - 14px);
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide.ui_carousel_current button {
    opacity: 1;
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide.ui_carousel_current button img {
    top: 0;
    width: 100%;
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide .flag_area {
    position: relative;
    z-index: 2;
    height: 27px;
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide .txt_card_choice {
    padding-top: 16px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .slide_wrap.ui_carousel.slide_wrap_mypage_card_choice .ui_carousel_slide .txt_card_choice span {
    display: block;
    text-align: center;
    padding-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_ghgh {
    padding-top: 8px;
}
.mypage_new .list_prd_history_ghgh li {
    margin-top: 24px;
    padding: 20px 16px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new .list_prd_history_ghgh li h5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
    position: relative;
}
.mypage_new .list_prd_history_ghgh li h5 > span {
    margin-left: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_ghgh li h5 .btn_wrap {
    position: absolute;
    right: 4px;
    top: 2px;
    padding: 0;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 16px 16px 0;
    margin-top: 12px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background-color: #F7FAF9;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner img {
    width: 72px;
    height: 72px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    margin-left: 20px;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div {
    margin-left: 16px;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div .txt_prd_history_ghgh1 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    display: block;
    font-style: normal;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div .txt_prd_history_ghgh2 {
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    display: block;
    font-style: normal;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div .txt_prd_history_ghgh2 + .txt_prd_history_ghgh1 {
    margin-top: 4px;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div .txt_prd_history_ghgh3 {
    font-size: 0.75rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    display: block;
    font-style: normal;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div p .flag_wrap {
    background: none;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div p + .txt_prd_history_ghgh1 {
    margin-top: 8px;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div p i {
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-left: 12px;
    font-style: normal;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner div p + .txt_prd_history_ghgh2 {
    margin-top: 9px;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner .close {
    position: absolute;
    top: 14px;
    right: 16px;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner .close button {
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_close_32_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    vertical-align: top;
}
.mypage_new .list_prd_history_ghgh li .list_prd_history_ghgh_inner .close button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage_new .list_prd_history_ghgh li .btn_wrap {
    padding: 16px 0 0 0;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 {
    padding-top: 0;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li {
    padding: 0;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner {
    margin: 0;
    margin-top: -4px;
    padding: 20px 20px 20px 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: none;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner div {
    margin-left: 20px;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner div p i {
    font-size: 0.875em;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner div p + .txt_prd_history_ghgh1 {
    margin-top: 12px;
    font-size: 1rem;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner div p + .txt_prd_history_ghgh2 {
    margin-top: 12px;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner div .txt_prd_history_ghgh2 {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner div .txt_prd_history_ghgh2 + .txt_prd_history_ghgh1 {
    margin-top: 4px;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh2 li .list_prd_history_ghgh_inner .close {
    top: 20px;
    right: 20px;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh3 {
    padding: 8px 16px 0 16px;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh3 li .list_prd_history_ghgh_inner div .txt_prd_history_ghgh2 {
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh3 + .txt_prd_history_ghgh2 {
    margin-top: 4px;
}
.mypage_new .list_prd_history_ghgh.list_prd_history_ghgh4 {
    padding-top: 0;
}
.mypage_new .btn_wrap.store_select.store_select_gh_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 16px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.mypage_new .btn_wrap.store_select.store_select_gh_top a {
    padding: 3px 12px 4px 12px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    background-color: #171A19;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    width: auto;
}
.mypage_new .txt_mypage_gh_untact {
    padding: 16px 0 0 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .no_result_mypage_gh_untact {
    margin-top: 80px;
}
.mypage_new .btn_wrap_reciept_paper span {
    position: relative;
    padding-left: 26px;
}
.mypage_new .btn_wrap_reciept_paper span:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    bottom: auto;
    right: auto;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_receipt_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .tit_h4_untact_gh {
    padding: 16px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .tit_h4_untact_gh.tit_h4_untact_gh2 {
    font-size: 1rem;
    font-family: "Pretendard" !important;
}
.mypage_new .tit_h4_untact_gh.tit_h4_untact_gh3 {
    padding-top: 32px;
    font-size: 1rem;
    font-family: "Pretendard" !important;
}
.mypage_new .tit_h4_untact_gh.tit_h4_untact_gh4 {
    padding-top: 40px;
    font-size: 1rem;
    font-family: "Pretendard" !important;
}
.mypage_new .tit_h4_untact_gh.tit_h4_untact_gh5 {
    padding-top: 40px;
}
.mypage_new .tit_h4_untact_gh.tit_h4_untact_gh6 {
    padding-top: 16px !important;
}
.mypage_new .txt_deliver_place_select {
    padding: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .tit_h5_untact_gh {
    padding: 24px 8px 8px 8px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.mypage_new .tit_h5_untact_gh.tit_h5_untact_gh2 {
    padding-top: 32px;
}
.mypage_new .tit_h5_untact_gh.tit_h5_untact_gh3 {
    padding-top: 16px;
}
.mypage_new .con_untact_answer {
    position: relative;
    margin-top: 48px;
}
.mypage_new .con_untact_answer:before {
    content: "";
    position: absolute;
    top: -8px;
    left: -16px;
    bottom: auto;
    right: auto;
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: calc(100% + 32px);
    height: 8px;
    display: block;
    background-color: #EAEBEA;
}
.mypage_new .con_untact_answer .tit_h4_untact_gh {
    padding-top: 32px;
}
.mypage_new .con_untact_answer .con_untact_answer1 {
    margin-top: 16px;
    padding: 16px 20px 20px 16px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    border: solid 1px #EAEBEA;
}
.mypage_new .con_untact_answer .con_untact_answer1 p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mypage_new .con_untact_answer .con_untact_answer1 p i {
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-style: normal;
}
.mypage_new .con_untact_answer .con_untact_answer1 p + .txt_prd_history_ghgh2 {
    margin-top: 16px;
}
.mypage_new .con_untact_answer .con_untact_answer1 .txt_prd_history_ghgh1 {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_untact_answer .con_untact_answer1 .txt_prd_history_ghgh2 {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_untact_answer .con_untact_answer1 .txt_prd_history_ghgh2 + .txt_prd_history_ghgh1 {
    margin-top: 8px;
}
.mypage_new .con_untact_answer .con_untact_answer1.con_untact_answer2 {
    padding: 16px 20px 16px 16px;
}
.mypage_new .con_untact_answer .con_untact_answer1.con_untact_answer2 p {
    position: relative;
}
.mypage_new .con_untact_answer .con_untact_answer1.con_untact_answer2 p i {
    position: absolute;
    right: 0;
    top: 0;
}
.mypage_new .con_untact_answer .con_untact_answer1.con_untact_answer2 .txt_prd_history_ghgh1 {
    margin-top: 0;
}
.mypage_new .con_untact_answer .con_untact_answer3 {
    margin-top: 16px;
}
.mypage_new .con_untact_answer .con_untact_answer3 textarea {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .con_untact_answer .con_untact_answer3.con_untact_answer3_02 {
    padding-bottom: 13px;
}
.mypage_new .bullet_list_untact {
    margin: 12px 8px 0 8px;
}
.mypage_new .bullet_list_untact2.dot.gray {
    margin: 24px 8px 0 8px;
}
.mypage_new .bullet_list_untact2.dot.gray > li {
    color: #434545;
}
.mypage_new div.btn_wrap.btn_wrap_sm_width_untact {
    margin-top: 32px;
}
.mypage_new div.btn_wrap.btn_wrap_sm_width_untact button.btn {
    width: auto;
    padding: 9px 26px 10px 26px;
}
.mypage_new div.btn_wrap.btn_wrap_sm_width_untact2 {
    margin-top: 32px;
}
.mypage_new div.btn_wrap.btn_wrap_sm_width_untact2 button.btn {
    position: relative;
    width: auto;
    padding: 9px 16px 10px 40px;
}
.mypage_new div.btn_wrap.btn_wrap_sm_width_untact2 button.btn:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 16px;
    bottom: auto;
    right: auto;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/mypage/ico_plus_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .txt_prd_history_ghgh {
    padding: 24px 24px 0 24px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.mypage_new div.table_wrap.row.table_wrap_untact {
    margin-top: 16px;
}
.mypage_new div.table_wrap.row.table_wrap_untact table tbody th {
    padding-top: 16px;
    padding-bottom: 16px;
}
.mypage_new div.table_wrap.row.table_wrap_untact table tbody td {
    padding-top: 16px;
    padding-bottom: 16px;
}
.mypage_new .list_prd_history_detail_ghgh {
    margin-top: 32px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new .list_prd_history_detail_ghgh li {
    padding: 20px 0;
    margin: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new .list_prd_history_detail_ghgh li img {
    width: 72px;
    height: 72px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.mypage_new .list_prd_history_detail_ghgh li p {
    margin-left: 16px;
}
.mypage_new .list_prd_history_detail_ghgh li p span {
    display: block;
    letter-spacing: -0.4px;
}
.mypage_new .list_prd_history_detail_ghgh li p .txt_prd_history_detail_gh1 {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_detail_ghgh li p .txt_prd_history_detail_gh1 em {
    margin-left: 8px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_detail_ghgh li p .txt_prd_history_detail_gh2 {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_detail_ghgh li p .txt_prd_history_detail_gh2 em {
    position: relative;
    margin-left: 8px;
    padding-left: 9px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_detail_ghgh li p .txt_prd_history_detail_gh2 em:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 1px;
    bottom: auto;
    right: auto;
    width: 1px;
    height: 12px;
    display: block;
    background-color: #EAEBEA;
}
.mypage_new .list_prd_history_detail_ghgh li p .txt_prd_history_detail_gh3 {
    margin-top: 16px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_detail_ghgh li .btn_wrap {
    position: absolute;
    right: 0px;
    bottom: 20px;
}
.mypage_new .list_prd_history_detail_ghgh li .btn_wrap a {
    text-decoration: underline;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_prd_history_detail_ghgh li + li {
    border-top: 1px solid #EAEBEA;
}
.mypage_new .list_prd_history_detail_ghgh.list_prd_history_detail_ghgh2 {
    margin-top: 16px;
}
.mypage_new .img_history_untact {
    margin-top: 32px;
}
.mypage_new .table_txt_wrap_untact1 span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    float: right;
}
.mypage_new .table_txt_wrap_untact2 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .date_prd_history_detail {
    padding: 16px 8px 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mypage_new .date_prd_history_detail em {
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .date_prd_history_detail .btn_wrap a, .mypage_new .date_prd_history_detail .btn_wrap button {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 8px;
}
.mypage_new .list_deliver_untact_gh {
    padding-top: 16px;
}
.mypage_new .list_deliver_untact_gh li {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.mypage_new .list_deliver_untact_gh li + li {
    margin-top: 24px;
}
.mypage_new .list_deliver_untact_gh li label {
    position: relative;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    padding-left: 32px;
}
.mypage_new .list_deliver_untact_gh li label p dfn {
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .list_deliver_untact_gh li label p i {
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    position: relative;
    padding-left: 17px;
}
.mypage_new .list_deliver_untact_gh li label p i:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 8px;
    bottom: auto;
    right: auto;
    width: 1px;
    height: 14px;
    display: block;
    background-color: #171A19;
}
.mypage_new .list_deliver_untact_gh li label p em {
    margin-left: 8px;
    position: relative;
    top: -1px;
}
.mypage_new .list_deliver_untact_gh li label div dfn {
    display: block;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}
.mypage_new .list_deliver_untact_gh li label div dfn:first-of-type {
    margin-top: 8px;
}
.mypage_new .list_deliver_untact_gh li label div dfn:last-of-type {
    margin-top: 16px;
}
.mypage_new .list_deliver_untact_gh li label button {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 3px 12px 4px 12px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    -webkit-border-radius: 36px;
       -moz-border-radius: 36px;
            border-radius: 36px;
    border: solid 1px #d3d3d3;
}
.mypage_new .list_deliver_untact_gh li div.rdo_wrap {
    width: 100%;
}
.mypage_new .list_deliver_untact_gh li div.rdo_wrap input + label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mypage_new .tab_wrap.ui_HdApp_tab.tab_wrap_untact {
    margin: 16px 0 0 0;
}
.mypage_new .tab_wrap.ui_HdApp_tab.tab_wrap_untact .tabs ul li {
    border: none;
}
.mypage_new .tab_wrap.ui_HdApp_tab.tab_wrap_untact .tabs ul li a {
    padding: 13px 0;
    -webkit-border-radius: 33px;
       -moz-border-radius: 33px;
            border-radius: 33px;
    border: solid 1px #EAEBEA;
}
.mypage_new .tab_wrap.ui_HdApp_tab.tab_wrap_untact .tabs ul li a span {
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .tab_wrap.ui_HdApp_tab.tab_wrap_untact .tabs ul li.on a {
    background: #01A76B;
    border: solid 1px #01A76B;
}
.mypage_new .tab_wrap.ui_HdApp_tab.tab_wrap_untact .tabs ul li.on a span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .tab_wrap.ui_HdApp_tab.tab_wrap_untact .tabs ul li + li {
    margin-left: 10px;
}
.mypage_new .chk_wrap_untact {
    margin: 16px 8px 0 8px;
}
.mypage_new .dl_shop_untact_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 16px;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #F7FAF9;
}
.mypage_new .dl_shop_untact_info dt {
    min-width: 88px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.mypage_new .dl_shop_untact_info dt:first-of-type {
    padding-bottom: 12px;
}
.mypage_new .dl_shop_untact_info dd {
    min-width: -webkit-calc(100% - 88px);
    min-width: -moz-calc(100% - 88px);
    min-width: calc(100% - 88px);
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.mypage_new .dl_shop_untact_info dd:first-of-type {
    padding-bottom: 12px;
}
.mypage_new .image_item_list_gh01 {
    padding-top: 16px;
}
.mypage_new .image_item_list_gh01 .image_item + .image_item {
    margin-top: 24px;
}
.mypage_new .image_item_list_gh01 .slide_info_text_tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 113px;
    height: 34px;
    padding: 0;
    padding-left: 30px;
    margin: 0;
    z-index: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    width: 113px;
    height: 34px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/bg_slide_topright03.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .image_item_list_gh01 .slide_info_text_tr.slide_info_text_tr2 {
    width: 113px;
    height: 34px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/bg_slide_topright03_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .image_item_list_gh01 .slide_info_text_tr.slide_info_text_tr2:after {
    content: "";
    position: absolute;
    top: 0px;
    left: auto;
    bottom: auto;
    right: 0px;
    background-color: #9B9E9C;
}
.mypage_new .image_item_list_gh01 .image_item.dimmed .image:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: auto;
    right: auto;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.mypage_new .image_item_list_gh01.image_item_list_gh02 {
    padding-top: 24px;
}
.mypage_new .btn_wrap_untact_delv_list {
    margin: 16px 8px 0 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.mypage_new .btn_wrap_untact_delv_list a[href*=modal] {
    line-height: 1.5;
}
.mypage_new .txt_masking_address_untact {
    position: relative;
    top: 4px;
}
.mypage_new div.rdo_wrap.sel_btn label.rdo_less_padding {
    padding-left: 15px;
    padding-right: 15px;
}

.box_sizing_border_box a {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* [ layout sub page padding : 서브 페이지 간격 간격 ] */
._module {
    padding: 0 0px;
}

._default {
    padding: 0 8px;
}

.detail_full_box {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100vw;
    top: 0;
    left: 50%;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.detail_full_box > img {
    width: 100%;
}
.detail_full_box.full {
    height: 100%;
}
.detail_full_box ._module {
    padding: 0 16px;
}
.detail_full_box ._default {
    padding: 0 24px;
}

/* [ layout popup content padding : 팝업 컨턴츠 간격 ] */
.lay_conts ._module {
    margin: 0 -4px;
}
.lay_conts ._default {
    padding: 0 4px;
}
.lay_conts .sub_title span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.lay_conts .sub_title + .sub_text {
    margin-top: 16px;
}
.lay_conts .sub_text .bullet_list.dot.bold li {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    padding-left: 10px;
}
.lay_conts .sub_text .bullet_list.dot.bold li:before {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #171A19;
}

/* [ layout popup button : 팝업 하단 버튼 간격 ] */
/* [ form common input text width : 글자 수 글자 박스 ] */
.input_wrap.text_num_type_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.input_wrap.text_num_type_wrap .input_item {
    overflow: hidden;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    border: solid 1px #EAEBEA;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.input_wrap.text_num_type_wrap .input_item + .input_item {
    margin-left: 8px;
}
.input_wrap.text_num_type_wrap .input_item input {
    overflow: hidden;
    display: inline-block;
    height: 46px;
    padding: 0;
    border: none;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.input_wrap.text_num_type_wrap .input_item label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.input_wrap.text_num_type_wrap .text_num_1 input {
    width: 47px;
    padding: 0 !important;
}
.input_wrap.text_num_type_wrap .text_num_3 input {
    width: 76px;
    padding: 0 15px;
    text-align: center;
}
.input_wrap.text_num_type_wrap .text_num_4 input {
    width: 102px;
    padding: 0 15px;
    text-align: left;
}
.input_wrap.text_num_type_wrap .hyphen {
    margin: 0 8px;
}
.input_wrap.text_num_type_wrap .hyphen span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}

/* [ form common checkbox : 좋아요 공유하기 ] */
.heart_share_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.heart_share_area > .chk_wrap + .btn_wrap {
    margin-left: 12px;
}

/* [ form common button : 버튼 ] */
.btn_wrap .icon_round_border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding: 6px 19px;
    border: solid 1px #171A19;
    -webkit-border-radius: 36px;
       -moz-border-radius: 36px;
            border-radius: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap .icon_round_border > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_car_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_car_20_green.png") !important;
}
.btn_wrap .icon_round_border > i + span {
    margin-left: 4px;
}
.btn_wrap .icon_round_border span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .icon_close {
    padding: 10px;
}
.btn_wrap .icon_close > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/store/ico_x_30_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_close span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_enlarge {
    overflow: hidden;
    display: block;
    padding: 4px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    font-size: 0;
    line-height: 0;
    background-color: #21b27e;
}
.btn_wrap .icon_enlarge > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_zoom_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_enlarge span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap .icon_default > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_calendar_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_default span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .lbtn.border_round_inline {
    display: inline-block;
    width: auto;
    padding: 6px 19px 7px;
    border: 1px solid #171A19;
    -webkit-border-radius: 26px;
       -moz-border-radius: 26px;
            border-radius: 26px;
    background-color: transparent;
}
.btn_wrap .lbtn.border_round_inline span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .lbtn.border_round_inline.white {
    height: auto;
    border-color: #FFFFFF !important;
}
.btn_wrap .lbtn.border_round_inline.white span {
    color: #FFFFFF;
}
.btn_wrap .lbtn.full_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 9px 0px 10px;
    border: 0px !important;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #00905C;
}
.btn_wrap .lbtn.full_box span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.btn_wrap .mbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 6px 0 7px;
    border: 1px solid #171A19;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
.btn_wrap .mbtn > i {
    display: none;
}
.btn_wrap .mbtn > i.icon_plus {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_plus_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_gift {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_gift_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_receipt {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_receipt_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_search {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_search_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > i.icon_car {
    display: block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_car_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .mbtn > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .mbtn.border {
    border: 1px solid #171A19;
}
.btn_wrap .mbtn + .mbtn {
    margin-left: 8px;
}
.btn_wrap.title_select02 {
    display: inline-block;
}
.btn_wrap.title_select02 .text_arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap.title_select02 .text_arrow > .text {
    display: inline-block;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.9);
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.btn_wrap.title_select02 .text_arrow > .text > span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.btn_wrap.title_select02 .text_arrow > .arrow_icon {
    display: inline-block;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_share_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.btn_wrap .icon_share_btn .icon_share {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/ico_share_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_share_btn .icon_share + span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_heart_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.btn_wrap .icon_heart_btn .icon_heart {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/ico_heart_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_heart_btn .icon_heart + span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_wrap .icon_heart_btn.off .icon_heart {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/ico_heart_20_hdgreen.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .text_em {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.btn_wrap .text_em span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.btn_wrap .text_em i {
    display: none;
}
.btn_wrap .text_em .icon_barcode {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_barcode_24_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .text_em .icon_download {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_download_24_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .icon_refresh {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    width: 24px;
    height: 24px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/ico_refresh_24_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-color: #01a76b;
}
.btn_wrap .icon_refresh span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

/* [ template design text box : 상단 푸른 박스 포인트 텍스트 ] */
.design_text_box .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.design_text_box .title > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4;
    text-align: center;
}
.design_text_box .title > p em {
    font-weight: 500;
    color: #01A76B;
}
.design_text_box .text {
    display: block;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.design_text_box .text > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4;
    text-align: left;
    word-break: keep-all;
}
.design_text_box .text > p em {
    font-weight: 500;
    color: #01A76B;
}
.design_text_box .text > p + .bullet_line {
    margin-top: 8px;
}
.design_text_box .list_text {
    display: block;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.design_text_box .list_text > ul > li + li {
    margin-top: 16px;
}
.design_text_box .list_text .list_text_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.design_text_box .list_text .list_text_item > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .list_text .list_text_item > dd em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .list_text .list_text_item > dd em.zero {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .list_text .list_text_item > dd span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: right;
}
.design_text_box .contents_area {
    display: block;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #ebf2ef;
}
.design_text_box .contents_area > .title_area {
    display: block;
    padding: 0px;
    text-align: center;
    background-color: transparent;
}
.design_text_box .contents_area > .title_area strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.design_text_box .contents_area > .title_area .between_text .between_conts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.design_text_box .contents_area > .title_area .between_text .between_conts > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .contents_area > .title_area .between_text .between_conts > dd span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .contents_area .title_area + .barcode_area {
    margin-top: 16px;
}
.design_text_box .contents_area .form_box.check_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    line-height: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap {
    font-size: 0;
    line-height: 0;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label::before {
    display: none;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.label {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon {
    display: inline-block;
    width: 48px;
    height: 24px;
    padding: 2px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #D7D7D7;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon > i {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > span.icon > i::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #FFFFFF;
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap label > .label + span.icon {
    margin-left: 8px;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon {
    background-color: #00905C;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon::before {
    display: none;
}
.design_text_box .contents_area .form_box.check_button .chk_wrap input:checked + label > span.icon > i::before {
    -webkit-transform: translateX(24px);
       -moz-transform: translateX(24px);
        -ms-transform: translateX(24px);
            transform: translateX(24px);
}
.design_text_box .contents_area .barcode_area {
    margin: 0 -8px;
    padding: 8px 12px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    background-color: #FFFFFF;
}
.design_text_box .contents_area .barcode_area .form_box + .barcode_img {
    margin-top: 12px;
}
.design_text_box .contents_area .barcode_area .barcode_img {
    font-size: 0;
    line-height: 0;
}
.design_text_box .contents_area .barcode_area .barcode_img + .barcode_num {
    margin-top: 8px;
}
.design_text_box .contents_area .barcode_area .barcode_num {
    padding-bottom: 4px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.design_text_box .contents_area .barcode_area .barcode_num p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2;
}
.design_text_box .contents_area .barcode_area + .barcode_num {
    text-align: center;
}
.design_text_box .contents_area .barcode_area + .barcode_num > p {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.design_text_box .explanation_wrap .title_wrap strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .explanation_wrap .title_wrap em {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #01a76b;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.design_text_box .explanation_wrap .title_wrap + .bullet_list_wrap {
    margin-top: 20px;
}

/* [ template text box : 텍스트 박스 ] */
/* [ item shadow box : 그림자 박스 모듈 > Module Shadow_H1 , Module Shadow_H2  ] */
.item_shadow_box02 {
    width: 100%;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
}
.item_shadow_box02 > .coupon_item {
    padding: 0px !important;
}

/* [ icon common new ] */
.icon_wrap i.icon_new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #FF5000;
}
.icon_wrap i.icon_new span {
    display: inline-block;
    font-size: 0.5rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
    padding-top: 2px;
}

/* [ no data : 리스트 데이터 없음 표현 박스 ] */
.list_nodate_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 80px;
    margin-bottom: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.list_nodate_wrap::before {
    content: "";
    display: block;
    width: 88px;
    height: 88px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/mypage/new/img_noData_88.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.list_nodate_wrap > .text_wrap {
    margin-top: 8px;
}
.list_nodate_wrap > .text_wrap strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    text-align: center;
}
.list_nodate_wrap > .text_wrap > strong + p {
    margin-top: 4px;
}
.list_nodate_wrap > .text_wrap p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: center;
}
.list_nodate_wrap > .text_wrap + .btn_wrap {
    margin-top: 24px;
}
.list_nodate_wrap > .btn_wrap button.btn,
.list_nodate_wrap > .btn_wrap a.btn {
    padding: 8px 15px 9px;
    border-width: 1.4px;
}

/* no data : 리스트 데이터 없음 표현 박스(회색 이미지) */
.nodata_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 80px;
    margin-bottom: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.nodata_wrap::before {
    content: "";
    display: block;
    width: 88px;
    height: 88px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new//ico_no_result_88.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.nodata_wrap > .text_area {
    margin-top: 8px;
}
.nodata_wrap > .text_area strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    text-align: center;
}

.img_list_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.img_list_item {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12);
}
.img_list_item .thumbnail_area {
    position: relative;
}
.img_list_item .thumbnail_area .thumbnail {
    position: relative;
}
.img_list_item .thumbnail_area .thumbnail > img {
    width: 100%;
    line-height: 0px;
}
.img_list_item .thumbnail_area .badge {
    position: absolute;
    bottom: 20px;
    right: 23px;
}
.img_list_item .thumbnail_area .badge .flag_wrap + .flag_wrap {
    margin-left: 8px;
}
.img_list_item .info_area {
    position: relative;
    display: block;
    height: auto;
    min-height: 113px;
    padding: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.img_list_item .info_area > .badge {
    font-size: 0;
    line-height: 0;
}
.img_list_item .info_area > .badge .flag_wrap + .flag_wrap {
    margin-left: 8px;
}
.img_list_item .info_area > .badge + .title {
    margin-top: 12px;
}
.img_list_item .info_area > .title {
    padding-right: 10px;
    max-height: 48px;
}
.img_list_item .info_area > .title span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.img_list_item .info_area > .title + .texta_wrap {
    margin-top: 4px;
}
.img_list_item .info_area > .texta_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.img_list_item .info_area > .texta_wrap > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.img_list_item .info_area > .texta_wrap .place {
    display: block;
    width: 100%;
}
.img_list_item .info_area > .texta_wrap .d_day {
    margin-left: 11px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.img_list_item .info_area > .texta_wrap .d_day.d14 {
    color: #01A76B;
}
.img_list_item .info_area > .texta_wrap .d_day.d3 {
    color: #EB3912;
}
.img_list_item .info_area > .btn_area {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.img_list_item.thum_list_item {
    overflow: hidden;
    padding: 20px 20px 32px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.img_list_item.thum_list_item .thum_list_item_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.img_list_item.thum_list_item .thum_list_item_area > .images {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.img_list_item.thum_list_item .thum_list_item_area > .images .img_sample {
    overflow: hidden;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}
.img_list_item.thum_list_item .thum_list_item_area > .images .img_sample > img {
    width: 100%;
    height: 100%;
}
.img_list_item.thum_list_item .thum_list_item_area > .images + .info {
    margin-left: 16px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info {
    width: 100%;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .title span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171a19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .title + .date {
    margin-top: 4px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .date,
.img_list_item.thum_list_item .thum_list_item_area > .info > .place {
    font-size: 0;
    line-height: 0;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .date span,
.img_list_item.thum_list_item .thum_list_item_area > .info > .place span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .place + .money {
    margin-top: 8px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .money .em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .money .em + .through {
    margin-left: 7px;
}
.img_list_item.thum_list_item .thum_list_item_area > .info > .money .through {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9b9e9c;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-decoration: line-through;
}
.img_list_item.thum_list_item > .heart_share_area {
    margin-top: 16px;
}
.img_list_item.thum_list_item .heart_share_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: initial;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.img_list_item > .heart_share_area {
    position: absolute;
    bottom: 32px;
    right: 20px;
}
.img_list_nodate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 80px 0px;
}
.img_list_nodate::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("http://m.ehyundai.com/images/mo/benefit/img_empty_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.img_list_nodate > .text_wrap {
    padding-top: 16px;
}
.img_list_nodate > .text_wrap strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    text-align: center;
}
.img_list_nodate > .text_wrap > strong + p {
    margin-top: 4px;
}
.img_list_nodate > .text_wrap p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: center;
}
.img_list_nodate > .text_wrap + .btn_wrap {
    margin-top: 24px;
}
.img_list_nodate > .btn_wrap button.btn.em_border, .img_list_nodate > .btn_wrap a.btn.em_border {
    padding: 8px 15px 9px;
}
.img_list_conts > div:last-of-type.img_list_item {
    margin-bottom: 80px;
}

.list_header_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.list_header_area > .full {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.list_header_area > .full > .btn_wrap {
    margin-right: -9px;
    margin-bottom: 24px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.list_header_area .list_num > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.list_header_area .list_num span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.list_header_area .date p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.list_header_area._default {
    padding-left: 8px;
    padding-right: 8px;
}

.text_box_module_01 {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #ebf2ef;
}
.text_box_module_01 > .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_box_module_01 > .title p {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_01 > .title p + .tooltip_wrap {
    margin-left: 4px;
}
.text_box_module_01 > .title p + .tooltip_wrap .bubble_wrap.tl {
    left: -82px;
}
.text_box_module_01 > .title p + .tooltip_wrap .bubble_wrap.tl:before {
    left: 82px;
}
.text_box_module_01 > .em_num {
    text-align: right;
}
.text_box_module_01 > .em_num > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.text_box_module_01 > .em_num em {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.text_box_module_01 > .em_num em + span {
    margin-left: 4px;
}
.text_box_module_01 > .em_num span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_01 > .em_num .btn_wrap em {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .em_num .btn_wrap em + span {
    margin-left: 4px;
}
.text_box_module_01 > .em_num .btn_wrap span {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .em_num .btn_wrap a.ico_arrow_button, .text_box_module_01 > .em_num .btn_wrap button.ico_arrow_button, .text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.text_box_module_01 > .em_num .btn_wrap a.ico_arrow_button .ico_arrow, .text_box_module_01 > .em_num .btn_wrap button.ico_arrow_button .ico_arrow, .text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button .ico_arrow {
    display: inline-block;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_right_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.text_box_module_01 > .em_num .btn_wrap div.ico_arrow_button .ico_arrow {
    display: none;
}
.text_box_module_01 > .em_num + .btn_wrap {
    margin-top: 7px;
}
.text_box_module_01 > .btn_wrap {
    margin-right: -4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.text_box_module_01 > .btn_wrap .text_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_box_module_01 > .btn_wrap .text_btn > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .btn_wrap .text_btn > span + strong {
    margin-left: 4px;
}
.text_box_module_01 > .btn_wrap .text_btn > strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .btn_wrap .text_btn > strong + span {
    margin-left: 4px;
}
.text_box_module_01 > .btn_wrap .text_btn > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
}
.text_box_module_01 > .btn_wrap .text_btn > i::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -moz-background-size: 100%;
         background-size: 100%;
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.text_box_module_01 > .em_num + .text {
    margin-top: 12px;
}
.text_box_module_01 > .text {
    text-align: right;
}
.text_box_module_01 > .text p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .text p span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_01 > .text p span._gray {
    color: #727573;
}
.text_box_module_01 > .text p > span + span {
    padding-left: 8px;
}
.text_box_module_01 > .simple_text {
    text-align: center;
}
.text_box_module_01 > .simple_text > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-align: center;
}
.text_box_module_01 > .simple_text > p + .btn_wrap {
    margin-top: 20px;
}
.text_box_module_01 > .simple_text .btn_wrap._inline .btn {
    padding-right: 28px;
    padding-left: 28px;
}
.text_box_module_02 {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    background-color: #ebf2ef;
}
.text_box_module_02 > .checkbox .title strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_02 > .checkbox .title + .text {
    margin-top: 8px;
}
.text_box_module_02 > .checkbox .text p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_box_module_02 > .checkbox .text + .checkbox_area {
    margin-top: 8px;
}
.text_box_module_02 > .checkbox .checkbox_area {
    text-align: center;
}
.text_box_module_03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    background-color: #ebf2ef;
}
.text_box_module_03 > .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.text_box_module_03 > .item > .title strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_03 > .item > .title + .content {
    margin-top: 5px;
}
.text_box_module_03 > .item > .content strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.text_box_module_03 > .item > .content em {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    margin-right: 4px;
}
.text_box_module_03 > .item + .item {
    border-left: 1px solid rgba(23, 26, 25, 0.1019607843);
}

.text_item_module_01 {
    padding: 20px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.text_item_module_01 > dl > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.text_item_module_01 > dl > dt strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_item_module_01 > dl > dt strong.em {
    color: #eb3912;
}
.text_item_module_01 > dl > dt span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_item_module_01 > dl > dt + dd {
    margin-top: 4px;
}
.text_item_module_01 > dl > dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.text_item_module_01 > dl > dd span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9b9e9c;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.text_item_module_01 > dl > dd + dd {
    margin-top: 2px;
}
.text_item_module_01 > dl > dd > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_item_module_01 > dl > dd > ul > li {
    position: relative;
}
.text_item_module_01 > dl > dd > ul > li + li {
    margin-left: 8px;
    padding-left: 8px;
}
.text_item_module_01 > dl > dd > ul > li + li::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 11px;
    top: 50%;
    left: 0;
    opacity: 1;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #eaebea;
}
.text_item_module_01 + .btn_wrap {
    margin-top: 24px;
}
.text_item_module_01 + .text_item_module_01 {
    margin-top: 24px;
}
.text_item_module_01 > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.text_item_module_01 > div > .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text_item_module_01 > div > .info > p {
    width: 100%;
    margin-bottom: 4px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}
.text_item_module_01 > div > .info > span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9b9e9c;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.text_item_module_01 > div > .info > span + span {
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
}
.text_item_module_01 > div > .info > span + span::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 11px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0.1;
    background-color: #171a19;
}
.text_item_module_01 > div > .point {
    width: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.text_item_module_01 > div > .point strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}

/* [ sample ] */
.img_sample {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171a19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #727573;
    background-color: #d9d9d9;
}

.mypage_new {
    /* 회원탈퇴 */
    /* 배송지 관리 */
}
.mypage_new .form_type01 dl {
    margin-top: 32px;
}
.mypage_new .form_type01 dl dt {
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .form_type01 dl dt .sub_desc {
    display: block;
    margin-top: 4px;
    color: #434545;
}
.mypage_new .form_type01 dl dd {
    margin-top: 8px;
}
.mypage_new .form_type01 dl dd .bullet_list {
    margin-top: 12px;
}
.mypage_new .secession_wrap {
    padding: 16px 8px 0;
}
.mypage_new .secession_wrap .top_sec .tit {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.mypage_new .secession_wrap .top_sec .tit > em {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.mypage_new .secession_wrap .top_sec .sub_desc {
    margin-top: 16px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .secession_wrap .guide_info {
    margin-top: 32px;
}
.mypage_new .secession_wrap .guide_info dl dt {
    font-size: 0.937rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .secession_wrap .guide_info dl dd {
    margin-top: 16px;
}
.mypage_new .shipping_management {
    padding-top: 24px;
}
.mypage_new .shipping_management .shipping_address_wrap {
    position: relative;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
}
.mypage_new .shipping_management .shipping_address_wrap .btn_wrap {
    position: absolute;
    bottom: 23px;
    right: 20px;
}
.mypage_new .shipping_management .shipping_address_wrap .del {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: initial;
    width: 20px;
    height: 20px;
    background-image: url("http://m.ehyundai.com/images/mobilehome2/new/ico_close_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.mypage_new .shipping_management .shipping_address_wrap .del > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.mypage_new .shipping_management .shipping_address_wrap + .shipping_address_wrap {
    margin-top: 24px;
}
.mypage_new .shipping_management .shipping_address_wrap + .bullet_list {
    margin-top: 24px;
}
.mypage_new .shipping_management .shipping_address_wrap .name {
    padding-bottom: 8px;
}
.mypage_new .shipping_management .shipping_address_wrap .name > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .shipping_management .shipping_address_wrap .name .sub {
    font-weight: 400;
}
.mypage_new .shipping_management .shipping_address_wrap .name .sub:before {
    content: "";
    display: inline-block;
    margin-top: 3px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
    vertical-align: top;
    width: 1px;
    height: 14px;
    background-color: #171A19;
}
.mypage_new .shipping_management .shipping_address_wrap .name .flag_wrap {
    margin-left: 8px;
}
.mypage_new .shipping_management .shipping_address_wrap .address span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 42px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .shipping_management .shipping_address_wrap .address span + span {
    margin-top: 4px;
}
.mypage_new .shipping_management .shipping_address_wrap .tel {
    padding-top: 16px;
}
.mypage_new .shipping_management .shipping_address_wrap .tel span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mypage_new .shipping_management .bullet_list {
    margin-top: 16px;
    margin-left: 8px;
    margin-right: 8px;
}
.mypage_new .shipping_management .btm_btn_util {
    margin-top: 32px;
}
.mypage_new .shipping_management .no_result {
    padding-top: 120px;
}

/* 레이어 컨텐츠 */
.lay_pop .lay_wrap {
    /* 공통입력 */
    /* 지점선택 */
    /* 배송지추가 */
    /* API영역 */
    /* 상세주소입력 */
    /* 주소 검색 */
    /* 전자영수증상세 */
}
.lay_pop .lay_wrap .form_type01 {
    position: relative;
}
.lay_pop .lay_wrap .form_type01 dl {
    margin-top: 32px;
}
.lay_pop .lay_wrap .form_type01 dl dt {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .form_type01 dl dt .sub_desc {
    display: block;
    margin-top: 4px;
    color: #434545;
}
.lay_pop .lay_wrap .form_type01 dl dd {
    margin-top: 8px;
}
.lay_pop .lay_wrap .form_type01 dl dd .bullet_list {
    margin-top: 12px;
}
.lay_pop .lay_wrap .form_type01 + dl {
    margin-top: 32px;
}
.lay_pop .lay_wrap .form_type01 .basic_setting {
    position: absolute;
    top: 0;
    right: 0;
}
.lay_pop .lay_wrap .branch_select .form_type01 dl:first-child {
    margin-top: 0;
}
.lay_pop .lay_wrap .branch_select .form_type01 dl dt {
    margin-left: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .branch_select .form_type01 dl dd {
    margin-top: 12px;
}
.lay_pop .lay_wrap .branch_select .form_type01 dl + dl {
    margin-top: 32px;
}
.lay_pop .lay_wrap .branch_select .form_type01 .branch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.lay_pop .lay_wrap .branch_select .form_type01 .branch .rdo_wrap {
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
    margin-top: 0;
}
.lay_pop .lay_wrap .branch_select .form_type01 .branch .rdo_wrap:nth-child(even) {
    margin-left: 8px;
}
.lay_pop .lay_wrap .branch_select .form_type01 .branch .rdo_wrap:nth-child(n+3) {
    margin-top: 8px;
}
.lay_pop .lay_wrap .branch_select + .lay_bot_btns {
    padding: 0 16px !important;
}
.lay_pop .lay_wrap .shipping_address_add {
    padding-bottom: 56px;
}
.lay_pop .lay_wrap .shipping_address_add .terms_agree {
    margin-top: 32px;
}
.lay_pop .lay_wrap .shipping_address_add .terms_agree label > span {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .shipping_address_add .terms_agree .info {
    margin-top: 16px;
    padding: 16px 20px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    border: 1px solid #f0f5f4;
    background-color: #F7FAF9;
}
.lay_pop .lay_wrap .shipping_address_add .terms_agree .info li {
    font-size: 0.75rem;
}
.lay_pop .lay_wrap .shipping_address_add .form_type01 > dl {
    margin-top: 16px;
}
.lay_pop .lay_wrap .shipping_address_add .form_type01 > dl + dl {
    margin-top: 32px;
}
.lay_pop .lay_wrap .api_sec {
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
    margin: -16px -16px 0;
    background-color: #d9d9d9;
    text-align: center;
}
.lay_pop .lay_wrap .write_address .tit_wrap {
    padding-bottom: 32px;
}
.lay_pop .lay_wrap .write_address .shipping_address_wrap {
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
}
.lay_pop .lay_wrap .write_address .shipping_address_wrap .name {
    padding-bottom: 8px;
}
.lay_pop .lay_wrap .write_address .shipping_address_wrap .name > span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .write_address .shipping_address_wrap .name .flag_wrap {
    margin-right: 8px;
}
.lay_pop .lay_wrap .write_address .shipping_address_wrap .address span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .write_address .shipping_address_wrap .address span + span {
    margin-top: 4px;
}
.lay_pop .lay_wrap .write_address .form_type01 {
    margin-top: 24px;
}
.lay_pop .lay_wrap .address_search .tabs {
    position: sticky;
    top: -16px;
    background-color: #FFFFFF;
    z-index: 10;
    padding-top: 0;
    margin-top: -16px;
}
.lay_pop .lay_wrap .address_search .tab_conts {
    padding: 0 16px 80px;
}
.lay_pop .lay_wrap .address_search .multi_form > div:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
}
.lay_pop .lay_wrap .address_search .multi_form > div:last-child {
    -webkit-box-flex: 1.5;
    -webkit-flex: 1.5 1 0;
       -moz-box-flex: 1.5;
        -ms-flex: 1.5 1 0px;
            flex: 1.5 1 0;
}
.lay_pop .lay_wrap .address_search .multi_form dl dt {
    margin-bottom: 8px;
    padding-left: 8px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .address_search .multi_form + .multi_form {
    margin-top: 32px;
}
.lay_pop .lay_wrap .address_search .multi_form + .btn_wrap {
    margin-top: 12px;
}
.lay_pop .lay_wrap .address_search .address_search_result {
    margin-top: 40px;
}
.lay_pop .lay_wrap .address_search .address_search_result ul li + li {
    margin-top: 16px;
}
.lay_pop .lay_wrap .address_search .address_search_result .each_address {
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 18px;
       -moz-border-radius: 18px;
            border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    text-align: left;
}
.lay_pop .lay_wrap .address_search .address_search_result .each_address .zip .flag_wrap {
    margin-right: 8px;
}
.lay_pop .lay_wrap .address_search .address_search_result .each_address .zip > span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .address_search .address_search_result .each_address .detail {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .address_search .address_search_result .btn_wrap {
    margin-top: 40px;
}
.lay_pop .lay_wrap .address_search .address_search_result .btn_wrap .btn {
    width: 100px;
    border-width: 2px;
}
.lay_pop .lay_wrap.e_reciept .lay_tit {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.lay_pop .lay_wrap.e_reciept .lay_conts {
    padding: 0;
}
.lay_pop .lay_wrap.e_reciept .native_sec {
    min-height: 298px;
}
.lay_pop .lay_wrap.e_reciept .img_sec {
    position: relative;
    background-color: #D4D6D4;
}
.lay_pop .lay_wrap.e_reciept .img_sec img {
    width: 100%;
}
.lay_pop .lay_wrap.e_reciept .btn_wrap {
    width: 100px;
    margin: 24px auto 0;
}
.lay_pop .lay_wrap.e_reciept .stamp_wrap {
    position: absolute;
    top: 32px;
    right: 24px;
    width: 64px;
    min-height: 216px;
}
.lay_pop .lay_wrap.e_reciept .lay_bot_btns {
    padding-top: 20px;
}
.lay_pop .lay_wrap.e_reciept .lay_bot_btns.fixed {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
}

/* 프리즘 상세 관련 css */
.mynews_dm .none {
    position: relative;
    height: -webkit-calc(100vh - 104px);
    height: -moz-calc(100vh - 104px);
    height: calc(100vh - 104px);
}
.mynews_dm .none > p {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.mynews_dm .image {
    position: relative;
}
.mynews_dm .image .p_productMark {
    position: relative;
    display: block;
    margin-top: -30px;
    padding: 0 0 12px 24px;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #727573 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.mynews_dm .image .p_productMark.top {
    position: absolute;
    margin-top: 0;
    padding: 0;
    top: 12px;
    left: 24px;
    bottom: initial;
}
.mynews_dm .image .p_productMark.right {
    margin-top: 0;
    padding: 0;
    right: 24px;
}

.only_prism_conts .event {
    border-top: 0;
}
.only_prism_conts .event .p_productMark {
    padding: 0 0 5px 12px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #727573 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.only_prism_conts .event em, .only_prism_conts .event strong {
    font-size: 14px;
}
.only_prism_conts .event table.product th,
.only_prism_conts .event table.info th {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #727573 !important;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.only_prism_conts .event table.product th strong,
.only_prism_conts .event table.info th strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5714285714;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    font-size: 14px;
}
.only_prism_conts .event table.product td,
.only_prism_conts .event table.info td {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #171A19 !important;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.only_prism_conts .event table.product td > .money > span,
.only_prism_conts .event table.info td > .money > span {
    padding-right: 7px;
}
.only_prism_conts .event table.product td > .money .em,
.only_prism_conts .event table.info td > .money .em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5714285714;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    font-size: 14px !important;
    text-decoration: none !important;
}
.only_prism_conts .event table.product td > .money .through,
.only_prism_conts .event table.info td > .money .through {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5714285714;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    text-decoration: line-through;
    font-size: 14px !important;
}
.only_prism_conts .event .fixArea {
    padding: 32px 16px 35px !important;
}
.only_prism_conts .event .changeArea dl > dd strong,
.only_prism_conts .event dl.priceArea > dd strong,
.only_prism_conts .event .changeArea table td strong,
.only_prism_conts .event .fixArea table td strong {
    color: #01A76B;
    font-size: 14px !important;
}
.only_prism_conts .event .changeArea dl > dd span,
.only_prism_conts .event dl.priceArea > dd span,
.only_prism_conts .event .changeArea table td span,
.only_prism_conts .event .fixArea table td span {
    font-size: 14px;
    font-weight: 400;
}
.only_prism_conts .event .changeArea .oneProduct figure figcaption,
.only_prism_conts .event .changeArea .twoProduct > a figure figcaption {
    padding-left: 0;
}
.only_prism_conts .event .changeArea .oneProductHorizontal.oneProduct figure figcaption, .only_prism_conts .event .changeArea .oneProductHorizontal.twoProduct > a figure figcaption {
    padding-left: 16px;
}
.only_prism_conts .event .changeArea .oneProductHorizontal figure img {
    padding-right: 5px;
}
.only_prism_conts .event .changeArea .oneProductHorizontal figure img.right {
    padding-right: 0;
}
.only_prism_conts .event .changeArea .btnArea.long {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.only_prism_conts .event .changeArea .btnArea.half {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.only_prism_conts .event .changeArea .btnArea .btn {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 8px 0 9px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    border: 2px solid #171A19;
}
.only_prism_conts .event .changeArea .noteArea h4 {
    font-size: 14px;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.only_prism_conts .event .note:not(ol):not(ul),
.only_prism_conts .event .note > li {
    font-size: 14px;
}
.only_prism_conts .event .fixArea {
    padding: 0 !important;
}
.only_prism_conts .event .changeArea {
    margin-top: 0;
}
.only_prism_conts .event .changeArea .subTit {
    padding-left: 16px !important;
}
.only_prism_conts .event .changeArea .subTit > p {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: initial;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.only_prism_conts .event .changeArea .subTit h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #171A19 !important;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.only_prism_conts .event .changeArea .subTit h3 > em {
    color: #01A76B;
    font-size: 16px;
}
.only_prism_conts .event .changeArea .subTit h3 > em.st01 {
    color: #171A19;
    font-size: 16px;
}
.only_prism_conts .event .changeArea2 {
    margin-top: 24px;
}
.only_prism_conts .event .changeArea2 .subTit,
.only_prism_conts .event .changeArea2 .infoArea,
.only_prism_conts .event .changeArea2 .noteArea,
.only_prism_conts .event .changeArea2 .noImgProduct,
.only_prism_conts .event .changeArea2 .callArea,
.only_prism_conts .event .changeArea2 .btnArea {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.only_prism_conts .event#contents .changeArea,
.only_prism_conts .event .changeArea > div.videoArea {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.only_prism_conts .event .changeArea article.noImgProduct + article.noImgProduct {
    margin-top: 12px;
    padding-top: 12px;
}
.only_prism_conts .event #popProduct figure {
    margin-top: 50px;
}
.only_prism_conts .event #popProduct .changeArea {
    padding-top: 0 !important;
}
.only_prism_conts .event #popProduct .changeArea .p_brandNm,
.only_prism_conts .event #popProduct .changeArea .p_productNm,
.only_prism_conts .event #popProduct .changeArea .infoArea,
.only_prism_conts .event #popProduct .changeArea .eventInfo {
    padding-left: 16px;
    padding-right: 16px;
}
.only_prism_conts .event #popProduct.popup .ico.close01 {
    top: 12px;
    left: initial;
    right: 16px;
}
.only_prism_conts .event table.info th, .only_prism_conts .event table.info td {
    padding-top: 8px;
}
.only_prism_conts .event table tbody tr:first-child th, .only_prism_conts .event table tbody tr:first-child td {
    padding-top: 0;
}
.only_prism_conts .event.coupon .changeArea article.noteArea {
    margin-top: 0;
}
.only_prism_conts .event.coupon .changeArea article.btnArea {
    margin-top: 20px;
}
.only_prism_conts .event .changeArea .callArea dt {
    font-size: 15px;
    color: #171A19;
}
.only_prism_conts .event .changeArea .callArea dd > span, .only_prism_conts .event .changeArea .callArea dd > a {
    font-size: 15px;
    color: #171A19;
    font-weight: 700;
}
.only_prism_conts .event .changeArea .coupon_img_box.shape_02 {
    margin: 16px -16px 0;
}
.only_prism_conts .event .changeArea .coupon_img_box.shape_02 + .coupon_img_box.shape_02 {
    margin-top: 0;
}
.only_prism_conts .event .changeArea article.noImgProduct + article.noImgProduct {
    padding-top: 8px;
}
.only_prism_conts .event #quick .ico.top {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background-image: url("http://m.ehyundai.com/images/mo/common/btn_agreement_top40.png");
    -moz-background-size: contain;
         background-size: contain;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
}
/*# sourceMappingURL=maps/mypage_thdi.css.map */