@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("https://www.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("https://www.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("https://www.ehyundai.com/font/Happiness-Sans-Title.svg#svgFontName") format("svg"); /* Legacy iOS */
}

@font-face {
    font-family: "NotoSansCJKkr";
    font-style: "normal";
    font-weight: 400;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: local("NotoSansCJKkr"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Regular.woff2") format("woff2"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Regular.woff") format("woff"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Regular.ttf") format("truetype"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Regular.svg#svgFontName") format("svg"); /* Legacy iOS */
}

@font-face {
    font-family: "NotoSansCJKkr";
    font-style: "bold";
    font-weight: 700;
    /* 브라우저&디바이스 환경에 따른 font 파일 위치 정의 */
    src: local("NotoSansCJKkr"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Bold.woff2") format("woff2"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Bold.woff") format("woff"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Bold.ttf") format("truetype"), url("https://www.ehyundai.com/font/notosanscjk/NotoSansCJKkr-Bold.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.on {
    z-index: 25;
}
.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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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.card .card_event {
    margin-top: -48px;
}
#mobileBody #contents.store .branch_wrap {
    margin-top: 0;
}
#mobileBody #contents.store .type_outlet {
    margin-top: -48px;
}
#mobileBody #contents.gift {
    margin-top: 0;
}
#mobileBody #contents.member_hpoint {
    margin-top: -43px;
}
#mobileBody #contents.esg {
    margin-top: 0;
}
#mobileBody #contents.membership .member_hpoint {
    margin-top: -48px;
}
#mobileBody #contents.jumoney {
    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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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;
}

/* 2023-05-10 추가 [S] */
.btn_sel_type.disabled{
    background-color: #F7f7f7;
    border-color: #EAEBEA;
    color: #D4D6D4;
}

.btn_sel_type.disabled .ui_select_text{
    color: #D4D6D4;
}
/* 2023-05-10 추가 [E] */

.btn_sel_type:focus {
    outline: 2px solid #00815A;
}
.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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/ico_radio_normal.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap input:focus + label {
    outline: 2px solid #00815A;
}
.rdo_wrap input:checked + label:before {
    width: 20px;
    height: 20px;
    background-image: url("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/ico_check_dis.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap input:focus + label {
    outline: 1px solid #00815A;
}
.chk_wrap input:checked + label {
    color: #171A19;
}
.chk_wrap input:checked + label:before {
    width: 20px;
    height: 20px;
    background-image: url("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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 > dt .txt_img {
    display: block;
    margin-top: -2px;
}
.slide_wrap .slide_conts .inner_box.list02_box > a > dl > dt .txt_img img {
    width: auto;
    height: 26.2px;
}
.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("https://www.ehyundai.com/images/mobilehome2/en/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 {
    display: none;
    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 {
    display: none;
    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 {
    display: none;
    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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    font-size: 14px;
    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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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 .login_status p strong {
    font-weight: 700 !important;
}
.all_menu .menu_wrap .menu_list {
    position: relative;
    background-color: #FFFFFF;
    padding: 32px 20px;
    height: -webkit-calc(100% - 100px);
    height: -moz-calc(100% - 100px );
    height: calc(100% - 100px);
}
.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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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: 40px;
    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: 14px;
    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;
    display: none;
}
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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/css/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("https://www.ehyundai.com/css/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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("https://www.ehyundai.com/images/mobilehome2/en/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;
}

/* //스킵네비게이션 */
/*# sourceMappingURL=../maps/common/base.css.map */


.footer_wrap.multilingual .gap_minus_left a {
    color: #D4D6D4;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
  }
  .footer_wrap.multilingual .etc_info {
    display: flex;
    align-items: center;
    margin-top: 55px;
    gap: 20px;
  }
  .footer_wrap.multilingual .etc_info div.pc_version {
    width: 75px;
  }
  .footer_wrap.multilingual .etc_info div.pc_version a {
    color: #D4D6D4;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
  }
  .footer_wrap.multilingual .etc_info .dropdown_wrap > h2 a {
    font-weight: 400;
  }
  .footer_wrap.multilingual .etc_info .dropdown_wrap > h2 a::after {
    right: 8px;
    margin-top: -13px;
    width: 24px;
    height: 24px;
    background-image: url('https://www.ehyundai.com/images/mobilehome2/en/ico_lang_24.png');
  }
  .footer_wrap.multilingual .etc_info .dropdown_wrap.on > h2 a::after {
    right: 7px;
    margin-top: -12px;
  }