@charset "UTF-8";
/* 서비스 */
/* 공통 */
fieldset {
    border: none;
}

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

.lay_pop .lay_wrap .lay_tit .blind {
    height: 23px;
}
.lay_pop .lay_wrap .lay_tit .blind 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 .lay_wrap .btm_info {
    margin-top: 32px;
}
.lay_pop .lay_wrap .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";
}

.btn_link {
    position: relative;
    padding-right: 18px;
    color: #171A19;
    font-weight: 700;
}
.btn_link:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_arrow_right_14.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    vertical-align: -3px;
}
.btn_link.type {
    padding-right: 0;
    font-weight: normal;
}
.btn_link.type:after {
    display: none;
}

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

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

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

.btn_tel_wrap {
    position: relative;
}
.btn_tel_wrap .btn_tel {
    position: absolute;
    top: 0;
    right: -20px;
    width: 16px;
    height: 16px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_call_gray_16.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_tel_wrap .btn_tel span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_tel_wrap + .btn_tel_wrap {
    margin-top: 8px;
}

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

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

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

.dl_group_wrap dl {
    margin-top: 24px;
}
.dl_group_wrap dl dt {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.dl_group_wrap dl dd {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.paging_wrap {
    position: relative;
}
.paging_wrap .btn_print {
    position: absolute;
    right: 0;
    bottom: 0;
}

.btn_print {
    padding: 6px 23px 5px;
    border: 1px solid #171A19;
}
.btn_print > span {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_print > span:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_print_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

.btn_link_wrap {
    margin-top: 12px;
}

.btn_link {
    position: relative;
    padding-right: 18px;
}
.btn_link > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_link > span:after {
    content: " ";
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_arrow_right_14.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_link.type {
    padding-right: 0;
    font-weight: normal;
}
.btn_link.type:after {
    display: none;
}
.btn_link.btm_type {
    display: block;
    margin: 24px auto 0;
    padding-right: 0;
    text-align: left;
}
.btn_link.btm_type > span {
    display: inline-block;
}
.btn_link.btm_type > span:after {
    bottom: 3px;
}
.btn_link.btm_type:after {
    display: inline-block;
    position: relative;
}

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

.sup_btn {
    position: relative;
}
.sup_btn .ubtn {
    position: absolute;
    top: 0;
    right: 0;
}

.regist_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.regist_group .item {
    position: relative;
    width: 362px;
    height: 166px;
    padding: 22px 24px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #f8f5f4;
    background-color: #f7faf9;
}
.regist_group .item:not(:first-child) {
    margin-left: 12px;
}
.regist_group .item > .ico {
    position: absolute;
    top: 24px;
    left: 24px;
}
.regist_group .item .sel_group {
    padding-top: 70px;
    font-size: 0;
}
.regist_group .item .sel_group .sel_wrap {
    display: inline-block;
    width: 120px;
    vertical-align: top;
}
.regist_group .item .sel_group .sel_box {
    display: inline-block;
    width: 182px;
    height: 52px;
    margin-left: 8px;
}
.regist_group .item .sel_group .sel_box .input_wrap input {
    text-align: center;
}
.regist_group .item .btn_del {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_close_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.regist_group .item .btn_del > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

.regist_ex {
    margin-top: 24px;
}

.button_area .btn {
    display: block;
    width: 100%;
    height: 60px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    line-height: 60px;
    text-align: center;
}
.button_area .btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.button_area .btn.black {
    background-color: #171A19;
}
.button_area .btn.black > span {
    color: #FFFFFF !important;
}
.button_area .btn.border {
    border: 1px solid #171A19;
}

.cs_sub .cnt01 {
    margin-top: 40px;
}
.cs_sub .cnt02 {
    margin-top: 48px;
}
.cs_sub .cnt03 {
    margin-top: 56px;
}
.cs_sub .cnt04 {
    margin-top: 120px;
}
.cs_sub .cnt05 {
    margin-top: 64px;
}
.cs_sub .cnt8 {
    margin-top: 8px;
}
.cs_sub .cnt12 {
    margin-top: 12px;
}
.cs_sub .cnt20 {
    margin-top: 20px;
}
.cs_sub .cnt24 {
    margin-top: 24px;
}
.cs_sub .cnt32 {
    margin-top: 32px;
}
.cs_sub h4[class~=title02] + .bullet_list, .cs_sub h5[class~=title02] + .bullet_list {
    margin-top: 16px;
}
.cs_sub .bullet_list li + li {
    margin-top: 8px;
}
.cs_sub .bullet_list.fc_gray02 {
    margin-top: 32px;
}
.cs_sub .bullet_list.fc_gray02 li {
    color: #727573;
}
.cs_sub .bullet_list.fc_gray02 li:before {
    background-color: #727573;
}
.cs_sub .bullet_list.star > li {
    color: #727573;
}

.tab_wrap.type_box .tabs ul li.on > a:after {
    margin-top: -14px;
    margin-left: -7px;
}
.tab_wrap.size3 .tabs ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.tab_wrap.size3 .tabs ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
}
.tab_wrap.size3 .tabs ul li:nth-child(4) {
    border-left: none;
}
.tab_wrap.size3 .tabs ul li:nth-child(7) {
    border-left: none;
}
.tab_wrap.size3 .tabs ul li:nth-child(n+4) {
    border-top: 1px solid #D4D6D4;
}

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

/* //입력폼 */
.textarea textarea {
    width: 100%;
    padding: 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: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: top;
}

.file_add_wrap {
    position: relative;
    margin-top: 16px;
    font-size: 0;
}
.file_add_wrap + .file_add_wrap {
    margin-top: 12px;
}
.file_add_wrap .btn {
    display: inline-block;
    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
    padding: 7px 16px 8px !important;
}
.file_add_wrap .img_list {
    display: inline-block;
    padding-left: 12px;
    vertical-align: top;
}
.file_add_wrap .img_list li {
    display: inline-block;
    vertical-align: top;
}
.file_add_wrap .img_list li img {
    width: 38px;
    height: 38px;
}
.file_add_wrap .txt {
    position: absolute;
    top: 9px;
    right: 0;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.upload_file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
}
.upload_file .name {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 6px 0;
}
.upload_file .name a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    word-break: break-all;
    text-decoration: underline;
}
.upload_file .name + .btn_wrap {
    margin-left: 24px;
}
.upload_file .btn_wrap {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 12px;
    width: auto !important;
}
.upload_file .btn_wrap .sbtn {
    min-width: 104px;
}
.upload_file + .upload_file {
    margin-top: 12px;
}
.upload_file + .input_wrap {
    margin-top: 12px;
}

/* 툴팁 */
.btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.btn_tooltip_wrap .btn_tooltip {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_tooltip_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_tooltip_wrap .btn_tooltip > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_tooltip_wrap .bubble_wrap {
    display: none;
    position: absolute;
    top: 29px;
    width: 266px;
    padding: 16px 38px 20px 16px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #171A19;
}
.btn_tooltip_wrap .bubble_wrap:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
}
.btn_tooltip_wrap .bubble_wrap.tr:before {
    top: -27px;
    right: 12px;
    border-bottom: 14px solid #171A19;
    border-top: 20px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.btn_tooltip_wrap .bubble_wrap.tl:before {
    top: -27px;
    left: 12px;
    border-bottom: 14px solid #171A19;
    border-top: 20px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.btn_tooltip_wrap .bubble_wrap .txt {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_tooltip_wrap .bubble_wrap .desc {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_tooltip_wrap .bubble_wrap .btn_close {
    position: absolute;
    top: 16px;
    right: 12px;
    width: 20px;
    height: 20px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_bubble_close_16.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_tooltip_wrap .bubble_wrap .btn_close .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_tooltip_wrap.open .bubble_wrap {
    display: block;
}

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

/* //버튼 */
/* 퀵버튼 */
.quick_btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-top: 80px;
}
.quick_btn_wrap a {
    text-align: center;
}
.quick_btn_wrap a .ico {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 4px;
    text-align: center;
}
.quick_btn_wrap a .ico.ico01 {
    width: 24px;
    height: 24px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_notice_24.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .ico.ico02 {
    width: 24px;
    height: 24px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_quit_24.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .ico.ico03 {
    width: 24px;
    height: 24px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_clause_24.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .ico.ico04 {
    width: 24px;
    height: 24px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_insight_24.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.quick_btn_wrap a .txt {
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* //퀵버튼 */
.container {
    position: relative;
    margin: 72px auto 0;
}
.container .mypage_sub {
    max-width: 1110px;
}
.container .tit_page {
    margin-bottom: 64px;
    font-size: 40px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.container .txt_desc {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .txt_desc + .txt_desc {
    margin-top: 12px;
}
.container .txt_desc + .bullet_list {
    margin-top: 28px;
}
.container .txt_desc.cnt12 {
    margin-top: 12px;
}
.container .tit_wrap {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #171A19;
}
.container .tit_wrap.no_bd {
    padding-bottom: 0;
    border-bottom: none;
}
.container .tit_wrap .title01 {
    margin-bottom: 0 !important;
}
.container .tit_wrap .tit_page {
    margin-bottom: 0;
}
.container .tit_wrap .txt_desc {
    margin-top: 24px;
    text-align: center;
}
.container .aside {
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    padding-left: 40px;
}
.container .aside > h2 {
    padding-bottom: 12px;
    border-bottom: 2px solid #171a19;
    font-size: 28px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .aside .nav li {
    margin-top: 16px;
}
.container .aside .nav li:first-child {
    margin-top: 20px;
}
.container .aside .nav li a {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.container .aside .nav li.on a {
    color: #171A19;
    font-weight: bold;
}

/* //공통 */
.cs {
    /* 230228 추가 페이지 - 행복 인사이트 위원회 */
    /* //230228 추가 페이지 - 행복 인사이트 위원회 */
}
.cs .conts.container {
    padding-top: 0;
}
.cs > 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);
}
.cs .cs_sub .section {
    position: relative;
}
.cs .cs_sub .section .title01 {
    margin-bottom: 20px;
}
.cs .cs_sub .section .title01 + .select_standard {
    margin-top: -8px;
}
.cs .cs_sub .section .title01.n_mg {
    margin-bottom: 0;
}
.cs .cs_sub .section .bullet_list + .select_standard {
    margin-top: 12px;
}
.cs .cs_sub .section .bullet_list + .bullet_list {
    margin-top: 32px;
}
.cs .cs_sub .section .select_standard {
    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;
    -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;
}
.cs .cs_sub .section .select_standard + .bullet_list {
    margin-top: 12px;
}
.cs .cs_sub .section .select_standard + .bullet_list li {
    font-size: 15px;
}
.cs .cs_sub .section .select_standard .select_standard_item {
    width: 100%;
    padding: 20px 16px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F7FAF9;
}
.cs .cs_sub .section .select_standard .select_standard_item:nth-child(n+2) {
    margin-top: 8px;
}
.cs .cs_sub .section .select_standard .select_standard_item dl {
    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; /* 230215 잔여업무리스트 64번 수정 */
}
.cs .cs_sub .section .select_standard .select_standard_item dl dt {
    /* 230215 잔여업무리스트 64번 수정 */
    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;
    /* //230215 잔여업무리스트 64번 수정 */
    -webkit-flex-basis: 34%;
        -ms-flex-preferred-size: 34%;
            flex-basis: 34%;
    font-size: 0.94rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.cs .cs_sub .section .select_standard .select_standard_item dl dd {
    /* 230215 잔여업무리스트 64번 수정 */
    -webkit-flex-basis: 66%;
        -ms-flex-preferred-size: 66%;
            flex-basis: 66%;
    /* //230215 잔여업무리스트 64번 수정 */
    padding-left: 12px;
    font-size: 0.94rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.cs .cs_sub .section .select_standard .select_standard_item dl dd span {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .select_standard.type .select_standard_item dl dt {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    min-width: 100px;
}
.cs .cs_sub .section .select_standard.type .select_standard_item dl dd {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
    padding-left: 0;
}
.cs .cs_sub .section .benefit_primary {
    padding-top: 32px;
}
.cs .cs_sub .section .benefit_primary .logo {
    display: inline-block;
    width: 155px;
}
.cs .cs_sub .section .benefit_primary .img {
    padding-top: 20px;
}
.cs .cs_sub .section .benefit_primary .standard_dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
}
.cs .cs_sub .section .benefit_primary .standard_dl .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);
}
.cs .cs_sub .section .benefit_primary .standard_dl dt {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .benefit_primary .standard_dl dd {
    margin-top: 8px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .benefit_primary .standard_dl + .standard_dl {
    margin-top: 12px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord {
    margin-top: 32px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .head > a {
    display: block;
    position: relative;
    padding-right: 40px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .head > a:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_accordion_arrow_20_default.svg");
    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%);
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .head > a dl dt {
    font-size: 0.94rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .head > a dl dd {
    margin-top: 8px;
    font-size: 0.88rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    word-break: keep-all;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .on .head > a:after {
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_dropdown_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: rotate(180deg) translateY(50%);
       -moz-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .on .head dl dt {
    font-size: 0.94rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .contents {
    margin-top: 21px;
    padding: 20px 16px;
    border-top: 1px solid #EAEBEA;
    background-color: #F7FAF9;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .contents .bullet_list {
    margin-top: 0;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .contents .bullet_list.bar + .bullet_list {
    margin-top: 8px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .ui_accordion > ul > li {
    padding-bottom: 21px;
    border-bottom: 1px solid #EAEBEA;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .ui_accordion > ul > li.on {
    padding-bottom: 0;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item:nth-child(n+2) {
    margin-top: 24px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .bullet_list.type > li + li {
    margin-top: 16px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .bullet_list.bar li {
    margin-top: 8px;
    color: #727573;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .bullet_list.bar li + li {
    margin-top: 8px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .bullet_list.bar + .type {
    margin-top: 12px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .bullet_list.star {
    margin-top: 8px;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .bullet_list.star.type {
    margin: 16px 0;
}
.cs .cs_sub .section .benefit_primary .benefit_primary_accord .accord_item .bullet_list li .fc_gray02 {
    color: #727573;
}
.cs .cs_sub .section .sec_head .btm_btn_wrap {
    margin-top: 32px;
}
.cs .cs_sub .section .sec_head .btm_btn_wrap.type .inner .ubtn:after {
    content: " ";
    position: absolute;
    top: 17px;
    right: 8px;
    width: 16px;
    height: 16px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_arrow_right_14.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .sec_head .btm_btn_wrap .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -8px 0 0 -8px;
}
.cs .cs_sub .section .sec_head .btm_btn_wrap .inner .ubtn {
    position: relative;
    width: -webkit-calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 8px 0 0 8px;
    padding: 6px 35px 7px 8px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
}
.cs .cs_sub .section .sec_head .btm_btn_wrap .inner .ubtn > span {
    position: static;
    padding-right: 0;
}
.cs .cs_sub .section .sec_head .btm_btn_wrap .inner .ubtn > span:after {
    display: none;
}
.cs .cs_sub .section .sec_head .btn_wrap {
    margin-top: 32px;
}
.cs .cs_sub .section .sec_head .btn_wrap .sbtn {
    display: block;
}
.cs .cs_sub .section .cs_search_wrap .sel_wrap + .input_wrap.cs_search_type,
.cs .cs_sub .section .cs_search_wrap .input_wrap.cs_search_type + .calendar_wrap {
    margin-top: 20px;
}
.cs .cs_sub .section .calendar_wrap.layout .sel_wrap {
    margin: 0;
    width: 100%;
    height: 48px;
}
.cs .cs_sub .section .calendar_wrap.layout .sel_wrap .ui-selectbox-wrap {
    height: 100%;
}
.cs .cs_sub .section .calendar_wrap.layout .sel_wrap .ui-selectbox-wrap a {
    line-height: 1.4;
}
.cs .cs_sub .section .calendar_wrap.layout .sel_wrap .ui-selectbox-wrap.on a {
    line-height: 1.6;
}
.cs .cs_sub .section .calendar_wrap.layout .bar_type > div.input {
    margin-left: 8px;
}
.cs .cs_sub .section .calendar_wrap .btn_wrap {
    margin-top: 24px;
}
.cs .cs_sub .section .calendar_wrap .btn.black {
    display: block;
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 17px 20px;
    background-color: #171A19;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.cs .cs_sub .section .calendar_wrap .btn.black > span {
    display: inline-block;
    min-width: 40px;
    font-size: 0.938rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .calendar_wrap .sel_wrap + .input_wrap {
    margin-top: 20px;
}
.cs .cs_sub .section .calendar_wrap .input_cal {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_calendar.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.cs .cs_sub .section .calendar_wrap .input_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);
}
.cs .cs_sub .section .calendar_wrap .input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.calendar_type {
    margin-top: 20px;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.calendar_type .input {
    position: relative;
    width: 151px;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.calendar_type .input input {
    background-color: #FFFFFF;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.calendar_type .input + .txt {
    padding-left: 12px;
    line-height: 48px;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.calendar_type .input_cal {
    position: absolute;
    top: 14px;
    right: 14px;
}
.cs .cs_sub .section .calendar_wrap .input_wrap + .bar_type {
    margin-top: 12px;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.bar_type.type > div:before {
    display: none;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.bar_type > div {
    margin-left: 17px;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.bar_type > div:first-child {
    margin-left: 0;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.bar_type > div.sel_wrap {
    -webkit-flex-basis: 151px;
        -ms-flex-preferred-size: 151px;
            flex-basis: 151px;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.bar_type > div:before {
    content: " ";
    position: absolute;
    top: 24px;
    left: -12px;
    width: 8px;
    height: 1px;
    background-color: #171A19;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.bar_type > div:first-child:before {
    display: none;
}
.cs .cs_sub .section .calendar_wrap .input_wrap.bar_type > div.input {
    width: -webkit-calc(100% - 159px);
    width: -moz-calc(100% - 159px);
    width: calc(100% - 159px);
}
.cs .cs_sub .section .opinion_list .opinion_inner ul {
    border-top: 1px solid #171A19;
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #EAEBEA;
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .subject {
    font-size: 0;
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .subject .ico.ico_lock {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_lock_20.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .subject .ico.ico_lock > 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);
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .subject strong {
    display: inline-block;
    width: 90%;
    padding-left: 4px;
    font-size: 0.938rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: top;
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .dl_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .dl_group + .dl_group {
    margin-top: 4px;
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .dl_group dt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .dl_group dt.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);
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .dl_group dd {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .status {
    position: absolute;
    right: 0;
    bottom: 20px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .status.ing {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_list .opinion_inner ul li .status.complete {
    font-size: 0.875rem;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_list .opinion_inner + .opinion_more {
    margin-top: 40px;
}
.cs .cs_sub .section .opinion_list .opinion_more {
    text-align: center;
}
.cs .cs_sub .section .opinion_list .opinion_more button {
    padding: 6px 20px 7px;
    border: 1px solid #171A19;
}
.cs .cs_sub .section .opinion_list .opinion_more button strong {
    font-size: 0.875rem;
    font-weight: 700;
    color: inherit;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_list .opinion_more button strong.txt {
    color: #171A19;
}
.cs .cs_sub .section .opinion_list .opinion_more button strong.count {
    padding-left: 4px;
    color: #00815A;
}
.cs .cs_sub .section .id_pw_find_section .ico_required {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 4px 2px 0 0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #00805A;
    vertical-align: top;
}
.cs .cs_sub .section .id_pw_find_section .ico_required .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap {
    position: relative;
    padding-bottom: 8px;
    border-bottom: 2px solid #171A19;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap.no_bd {
    padding-bottom: 13px;
    border-bottom: none;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .required_txt {
    position: absolute;
    right: 0;
    bottom: 12px;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .title01 {
    display: inline-block;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    top: 7px;
    right: auto;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .btn_tooltip_wrap .btn_tooltip {
    width: 28px;
    height: 28px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_tooltip_28.png");
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .sel_r_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .sel_r_wrap .sel_wrap {
    width: 180px;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .sel_r_wrap .sel_wrap.small .ui-selectbox-wrap .ui-select-button {
    height: 44px;
    line-height: 42px;
}
.cs .cs_sub .section .id_pw_find_section .tit_wrap .sel_r_wrap .sel_wrap.small .ui-selectbox-wrap .ui-select-button .ico {
    top: 14px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box + .button_area {
    margin-top: 56px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box .sup {
    margin-top: 24px;
    font-size: 0.88rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form {
    margin-top: 32px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row.input_type dl dd .input_wrap .input {
    width: -webkit-calc(100% - 113px);
    width: -moz-calc(100% - 113px);
    width: calc(100% - 113px);
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl {
    margin-top: 28px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl:first-child {
    margin-top: 0;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dt {
    font-size: 0.94rem;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dt > .txt {
    font-size: 0.94rem;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: top;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dt .btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd {
    margin-top: 8px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap {
    position: relative;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap + .rdo_wrap {
    margin-left: 34px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap {
    position: absolute;
    top: -60px;
    left: 38px;
    width: 268px;
    padding: 12px 20px;
    background-color: #f5dcea;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap.bl:before {
    bottom: -10px;
    left: 16px;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid #f5dcea;
    border-right: 10px solid transparent;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap .bubble_wrap .txt {
    font-size: 14px;
    font-weight: 400;
    color: #DD298D;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .bullet_list {
    margin-top: 12px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .bullet_list li + li {
    margin-top: 8px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .bullet_list li .btn_link {
    margin-left: 8px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input + .chk_wrap {
    margin-top: 16px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input + .btn {
    margin-left: 7px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap + .bar_type {
    margin-top: 12px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.bar_type > div:before {
    content: " ";
    position: absolute;
    top: 24px;
    left: -12px;
    width: 8px;
    height: 1px;
    background-color: #171A19;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.bar_type > div:first-child:before {
    display: none;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.mail_type > div {
    width: -webkit-calc(33.3333333333% - 16px);
    width: -moz-calc(33.3333333333% - 16px);
    width: calc(33.3333333333% - 16px);
    margin-left: 32px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.mail_type > div:nth-child(2) {
    width: 231px;
    margin-right: -26px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap.mail_type > div:nth-child(2):before {
    content: "@";
    position: absolute;
    top: 20px;
    left: -22px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap > div {
    position: relative;
    margin-left: 17px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap > div:first-child {
    margin-left: 0;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .input_wrap > div.sel_wrap {
    -webkit-flex-basis: 242px;
        -ms-flex-preferred-size: 242px;
            flex-basis: 242px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap label {
    display: block;
    font-size: 0.94rem;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .sel_wrap + .sel_wrap {
    margin-top: 8px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .w582 {
    width: 582px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .btn {
    min-width: 104px;
    padding: 0 16px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .btn > span {
    font-size: 0.94rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_wrap + .chk_wrap {
    margin-left: 80px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel {
    margin-top: 14px;
    padding-top: 8px;
    border-top: 1px solid #D4D6D4;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm {
    margin-left: 18px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm + .sm {
    margin-left: 32px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box form .form_row dl dd .sel_inline_wrap .sel_wrap + .sel_wrap {
    margin-top: 8px;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box .btn_wrap {
    margin-top: 40px;
    width: 100%;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box .btn_wrap .ubtn {
    width: 100%;
}
.cs .cs_sub .section .id_pw_find_section .id_pw_find_box .regist_group {
    margin-top: 20px;
}
.cs .cs_sub .section .id_pw_find_section + .id_pw_find_section {
    margin-top: 100px;
}
.cs .cs_sub .section .opinion_body {
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEBEA;
}
.cs .cs_sub .section .opinion_body .tit {
    margin-top: 20px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_body dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 20px;
}
.cs .cs_sub .section .opinion_body dl dt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_body dl dd {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .opinion_body dl + dl {
    margin-top: 16px;
}
.cs .cs_sub .section .opinion_body dl.column {
    -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;
}
.cs .cs_sub .section .opinion_body dl.column dd {
    margin-top: 12px;
}
.cs .cs_sub .section .qna_list_wrap {
    border-top: 1px solid #EAEBEA;
}
.cs .cs_sub .section .qna_list_wrap ul li {
    position: relative;
    padding: 24px 43px 24px 42px;
    border-bottom: 1px solid #EAEBEA;
}
.cs .cs_sub .section .qna_list_wrap ul li:before {
    content: " ";
    position: absolute;
    top: 24px;
    left: 4px;
}
.cs .cs_sub .section .qna_list_wrap ul li.q:before {
    width: 28px;
    height: 28px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_question.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .qna_list_wrap ul li.a:before {
    width: 28px;
    height: 28px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_answer.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .qna_list_wrap ul li .head {
    position: relative;
}
.cs .cs_sub .section .qna_list_wrap ul li .head p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .qna_list_wrap ul li .head .date {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .qna_list_wrap.del_type ul li {
    padding-right: 52px;
}
.cs .cs_sub .section .qna_list_wrap.del_type ul li .btn_del {
    position: absolute;
    top: 26px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_close_16.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .qna_list_wrap.del_type ul li .btn_del > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.cs .cs_sub .section .input_sup {
    margin-top: 12px;
}
.cs .cs_sub .section .input_sup .textarea {
    margin-top: 12px;
}
.cs .cs_sub .section .input_sup .btn_wrap {
    margin-top: 24px;
}
.cs .cs_sub .section .input_sup .btn_wrap .ubtn {
    width: 100%;
}
.cs .cs_sub .section .accordion_wrap > ul {
    border-top: 1px solid #EAEBEA;
}
.cs .cs_sub .section .accordion_wrap > ul > li {
    border-bottom: 1px solid #EAEBEA;
}
.cs .cs_sub .section .accordion_wrap > ul > li .head .head_sup {
    padding-left: 28px;
}
.cs .cs_sub .section .accordion_wrap > ul > li .head .head_sup .sup {
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .accordion_wrap > ul > li .head .head_sup .head_txt {
    display: block;
    margin-left: 0;
    padding: 8px 0 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .accordion_wrap > ul > li .head a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 20px 48px 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .accordion_wrap > ul > li .head a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_accordion_arrow_20_default.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .accordion_wrap > ul > li .head a .ico_question {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_question.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .accordion_wrap > ul > li .head a .ico_question .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);
}
.cs .cs_sub .section .accordion_wrap > ul > li .head a .head_txt {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 21px;
    padding: 2px 0;
}
.cs .cs_sub .section .accordion_wrap > ul > li.on .head a {
    font-weight: 700;
    color: #00815A;
}
.cs .cs_sub .section .accordion_wrap > ul > li.on .head a::after {
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_accordion_arrow_20_active.svg");
}
.cs .cs_sub .section .accordion_wrap > ul > li.on .head .head_sup .head_txt {
    font-weight: 700;
    color: #00815A;
}
.cs .cs_sub .section .accordion_wrap > ul > li .cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 24px 16px;
    border-top: 1px solid #EAEBEA;
    background: #F0F5F4;
}
.cs .cs_sub .section .accordion_wrap > ul > li .cont .ico_answer {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("https://ehyundai.com/images/finance/ico_answer.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .accordion_wrap > ul > li .cont .ico_answer .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);
}
.cs .cs_sub .section .accordion_wrap > ul > li .cont .cont_txt {
    width: 930px;
    margin-left: 21px;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .accordion_wrap > ul > li .cont .cont_txt a {
    color: inherit;
}
.cs .cs_sub .section .no_result {
    padding: 40px 0;
    border-top: 1px solid #EAEBEA;
    border-bottom: 1px solid #EAEBEA;
    text-align: center;
}
.cs .cs_sub .section .no_result > p {
    font-size: 0.938rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .service_system_list {
    margin-top: 32px;
}
.cs .cs_sub .section .service_system_list.type > ul > li {
    padding: 27px 20px 24px;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt {
    padding-left: 56px;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .txt {
    display: block;
    padding-top: 6px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .txt .desc {
    font-size: 0.75rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico {
    position: absolute;
    top: 24px;
    left: 20px;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico01 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_present_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico02 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_exchange_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico03 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_stroller_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico04 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_baby_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico05 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_packaging_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico06 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_smile_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico07 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_food1_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico08 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_food2_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico09 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_info_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico10 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_translate_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico11 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_key_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico12 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_gift_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dt .ico.ico13 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_list_desk_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dd {
    padding-top: 17px;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dd + dd {
    padding-top: 8px;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dd .bullet_list {
    padding-top: 12px;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dd .bullet_list .etc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dd .bullet_list .etc dt {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 75px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dd .bullet_list .etc dd {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 0.75rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .service_system_list.type > ul > li > dl > dd .bullet_list p.etc {
    padding-left: 8px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-indent: -8px;
}
.cs .cs_sub .section .service_system_list ul .item {
    position: relative;
    border: 1px solid #F0F5F4;
    background-color: #F7FAF9;
}
.cs .cs_sub .section .service_system_list ul .item + .item {
    margin-top: 24px;
}
.cs .cs_sub .section .service_system_list ul .item a {
    display: block;
    position: relative;
    height: 88px;
    padding: 33px 16px 33px 75px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.cs .cs_sub .section .service_system_list ul .item a:after {
    content: " ";
    position: absolute;
    top: 34px;
    right: 16px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_arrow_right_black.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico {
    position: absolute;
    top: 24px;
    left: 20px;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico01 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_exchange_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico02 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_baby_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico03 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_tohome_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico04 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_shopping_guide_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico05 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_convenience_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico06 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_policy01_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico07 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_policy02_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico08 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_policy03_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .ico.ico09 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_policy04_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .section .service_system_list ul .item .inner_txt {
    font-size: 0.938rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .service_system_list + .foot_btn_wrap {
    margin-top: 40px;
}
.cs .cs_sub .section .service_system_list + .foot_btn_wrap .btn {
    display: inline-block;
}
.cs .cs_sub .section .policy_wrap h4 {
    margin-bottom: 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .policy_wrap h4 a {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.cs .cs_sub .section .policy_wrap h4:not(:first-child) {
    margin-top: 40px;
}
.cs .cs_sub .section .policy_wrap h5 {
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .policy_wrap h5.fw_n {
    font-weight: normal;
}
.cs .cs_sub .section .policy_wrap p, .cs .cs_sub .section .policy_wrap ol, .cs .cs_sub .section .policy_wrap ul, .cs .cs_sub .section .policy_wrap li {
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .policy_wrap p + .btn_link {
    display: block;
    margin-top: 4px;
}
.cs .cs_sub .section .policy_wrap ol li ol, .cs .cs_sub .section .policy_wrap ol li ul, .cs .cs_sub .section .policy_wrap ul li ol, .cs .cs_sub .section .policy_wrap ul li ul {
    padding-left: 12px;
}
.cs .cs_sub .section .policy_wrap ol li ol li, .cs .cs_sub .section .policy_wrap ol li ul li, .cs .cs_sub .section .policy_wrap ul li ol li, .cs .cs_sub .section .policy_wrap ul li ul li {
    margin-top: 0 !important;
}
.cs .cs_sub .section .policy_wrap ol li ol li:first-child, .cs .cs_sub .section .policy_wrap ol li ul li:first-child, .cs .cs_sub .section .policy_wrap ul li ol li:first-child, .cs .cs_sub .section .policy_wrap ul li ul li:first-child {
    margin-top: 4px !important;
}
.cs .cs_sub .section .policy_wrap ol li, .cs .cs_sub .section .policy_wrap ul li {
    margin-top: 0;
}
.cs .cs_sub .section .policy_wrap li:not(:first-child) {
    margin-top: 8px;
}
.cs .cs_sub .section .policy_wrap .solo {
    margin-top: 8px;
}
.cs .cs_sub .section .policy_wrap .solo li + li {
    margin-top: 4px;
}
.cs .cs_sub .section .policy_wrap .table_wrap.row table thead th {
    border-bottom: 1px solid #eaebea;
}
.cs .cs_sub .section .policy_wrap .table_wrap.row table tbody td .txt_link {
    text-decoration: underline;
}
.cs .cs_sub .section.terms_sec .tab_wrap .tabs ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.cs .cs_sub .section.terms_sec .tab_wrap .tabs ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
}
.cs .cs_sub .section.terms_sec .tab_wrap .tabs ul li:nth-child(3) {
    border-top: 1px solid #D4D6D4;
    border-left: none;
}
.cs .cs_sub .section.terms_sec .tab_wrap .tabs ul li:nth-child(4) {
    border-top: 1px solid #D4D6D4;
}
.cs .cs_sub .section.terms_sec .tab_wrap .tab_conts {
    padding-top: 36px;
}
.cs .cs_sub .section.terms_sec .tab_wrap .tab_conts .btn_tel_wrap {
    position: relative;
}
.cs .cs_sub .section.terms_sec .tab_wrap .tab_conts .btn_tel_wrap .btn_tel {
    right: 0;
}
.cs .cs_sub .section .policy_content_view .paragraph:not(:first-child) {
    margin-top: 40px;
}
.cs .cs_sub .section .policy_content_view .paragraph strong {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .policy_content_view .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";
}
.cs .cs_sub .section .policy_content_view .paragraph strong img {
    width: 24px;
}
.cs .cs_sub .section .policy_content_view .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";
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list {
    margin-top: 12px;
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list.inter0 li {
    margin-top: 0;
}
.cs .cs_sub .section .policy_content_view .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";
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list li:first-child {
    margin-top: 0;
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list li .boldtext {
    display: inline-block;
    font-weight: 700;
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list li .depth_ul {
    margin-bottom: -8px;
    padding-left: 24px;
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list li .depth_ul li {
    margin-top: 0;
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list li > a {
    color: #171A19;
    text-decoration: underline;
}
.cs .cs_sub .section .policy_content_view .paragraph .bul_list .modal {
    display: block;
    margin-top: 8px;
    color: #00805A;
    font-weight: 700;
    text-decoration: none;
}
.cs .cs_sub .section .policy_content_view .label_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;
    margin: 0 0 0 -8px;
}
.cs .cs_sub .section .policy_content_view .label_list 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;
}
.cs .cs_sub .section .policy_content_view .label_list 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;
}
.cs .cs_sub .section .policy_content_view .label_list li a img {
    display: block;
    width: 40px;
    margin: 0 auto 8px;
}
.cs .cs_sub .section .policy_content_view 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";
}
.cs .cs_sub .section .policy_content_view .policy_accordion {
    margin: 8px 0;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li {
    border-top: 1px solid #eaebea;
    border-bottom: 1px solid #eaebea;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .head a {
    display: block;
    padding: 13px 24px;
    background-color: #F7FAF9;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .head a .tit {
    position: relative;
    padding-right: 20px;
    font-weight: 700;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .head a .tit:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("../../images/mobilehome2/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%);
}
.cs .cs_sub .section .policy_content_view .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);
}
.cs .cs_sub .section .policy_content_view .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;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .body {
    padding: 16px 20px;
    background-color: #FFFFFF;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .body .table_wrap td {
    text-align: left;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .body li {
    border: none;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .body .bul_list {
    margin-top: 0;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .body .box:not(:first-child) {
    margin-top: 12px;
}
.cs .cs_sub .section .policy_content_view .policy_accordion li .body .box .modal {
    color: #171A19;
    text-decoration: underline;
}
.cs .cs_sub .section .policy_content_view .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;
}
.cs .cs_sub .section .policy_content_view .policy_accordion.policy_box {
    border: 1px solid #eaebea;
    border-bottom: none;
}
.cs .cs_sub .section .policy_content_view .policy_accordion.policy_box li .head {
    border-bottom: 1px solid #eaebea;
}
.cs .cs_sub .section .policy_content_view .policy_accordion.policy_box li .head a .tit {
    display: block;
}
.cs .cs_sub .section .policy_content_view .table_frame:not(:first-child) {
    margin-top: 40px;
}
.cs .cs_sub .section .policy_content_view .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";
}
.cs .cs_sub .section .policy_content_view .table_frame .tit + p {
    margin-top: -12px;
}
.cs .cs_sub .section .policy_content_view .table_frame > p {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .policy_content_view .table_frame > p + .btn_link {
    margin-top: 12px;
}
.cs .cs_sub .section .policy_content_view .table_frame .desc {
    font-size: 1rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .policy_content_view .table_frame .btn_link {
    display: inline-block;
    margin-top: 4px;
}
.cs .cs_sub .section .policy_content_view .table_frame .btn_link.type {
    margin-top: 0;
}
.cs .cs_sub .section .policy_content_view .table_frame .table_wrap table tbody td:first-child {
    border-left: 1px solid #eaebea;
}
.cs .cs_sub .section .policy_content_view .table_frame .table_wrap table tbody td:first-child.first {
    border-left: none;
}
.cs .cs_sub .section .policy_content_view .table_frame .table_wrap table tbody td a {
    color: #171A19;
    text-decoration: underline;
}
.cs .cs_sub .section .policy_content_view .table_frame .table_wrap table tbody td a.btn_link {
    text-decoration: none;
}
.cs .cs_sub .section .policy_content_view .table_frame .table_wrap.al_left table tbody td {
    text-align: left;
}
.cs .cs_sub .section .policy_content_view .table_frame .btm_info {
    margin-top: 16px;
}
.cs .cs_sub .section .policy_content_view .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;
}
.cs .cs_sub .section .policy_content_view .table_frame .btm_info li + li {
    margin-top: 4px;
}
.cs .cs_sub .section .policy_content_view .table_frame .btm_info li:last-child {
    color: #434545;
}
.cs .cs_sub .section .policy_content_view .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";
}
.cs .cs_sub .section .policy_content_view .btm_info {
    margin-top: 16px;
}
.cs .cs_sub .section .policy_content_view .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;
}
.cs .cs_sub .section .policy_content_view .btm_info li + li {
    margin-top: 4px;
}
.cs .cs_sub .section .num_guide_accord .accord_item ul {
    border-bottom: 1px solid #EAEBEA;
}
.cs .cs_sub .section .num_guide_accord .accord_item ul li {
    border-top: 1px solid #EAEBEA;
}
.cs .cs_sub .section .num_guide_accord .accord_item ul li.on .head a:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.cs .cs_sub .section .num_guide_accord .accord_item ul li .head a {
    display: block;
    position: relative;
    padding: 20px 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .section .num_guide_accord .accord_item ul li .head a:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("../../images/mobilehome2/ico_accordion_default_20.svg");
    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%);
}
.cs .cs_sub .section .num_guide_accord .table_wrap.col table tbody td {
    padding-left: 20px;
    padding-right: 20px;
}
.cs .cs_sub .foot_btn_wrap {
    margin-top: 56px;
}
.cs .cs_sub .foot_btn_wrap .btn {
    width: 100%;
    padding: 7px 20px 8px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
}
.cs .cs_sub .foot_btn_wrap .btn > span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .foot_btn_wrap .btn.border {
    border: 1px solid #171A19;
}
.cs .cs_sub .mr_tab_wrap .tabs {
    display: table;
    margin: 0 auto;
}
.cs .cs_sub .cs_head {
    margin: -24px -20px 0;
}
.cs .cs_sub .cs_list {
    margin-top: 20px;
}
.cs .cs_sub .cs_list.size2 ul li {
    width: 50%;
}
.cs .cs_sub .cs_list.size3 ul {
    margin: -2px;
}
.cs .cs_sub .cs_list.size3 ul li {
    width: 33.3333333333%;
    padding: 2px;
}
.cs .cs_sub .cs_list.size3 ul li a {
    height: 74px;
}
.cs .cs_sub .cs_list.size3 ul li a .inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
.cs .cs_sub .cs_list 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;
    margin: -4px;
}
.cs .cs_sub .cs_list ul li {
    padding: 4px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.cs .cs_sub .cs_list ul li a {
    display: block;
    height: 88px;
    border: 1px solid #F0F5F4;
    background-color: #f7faf9;
}
.cs .cs_sub .cs_list ul li a .inner {
    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;
    height: 100%;
    padding: 0 19px;
}
.cs .cs_sub .cs_list ul li a .inner .ico {
    display: inline-block;
}
.cs .cs_sub .cs_list ul li a .inner .ico.ico01 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_exchange_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .cs_list ul li a .inner .ico.ico02 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_baby_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .cs_list ul li a .inner .ico.ico03 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_tohome_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .cs_list ul li a .inner .ico.ico04 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_shopping_guide_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .cs_list ul li a .inner .ico.ico05 {
    width: 40px;
    height: 40px;
    background-image: url("https://ehyundai.com/images/mobilehome2/cs/ico_convenience_40.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .cs_list ul li a .inner .ico + .txt {
    padding-left: 12px;
}
.cs .cs_sub .cs_list ul li a .inner .txt {
    font-size: 0.938rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .btn_ptr {
    position: absolute;
    top: 0;
    right: 0;
}
.cs .cs_sub .btn_ptr.txt_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.cs .cs_sub .btn_ptr.txt_type .txt {
    font-size: 0.938rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    line-height: 24px;
}
.cs .cs_sub .btn_ptr.txt_type .btn_detail {
    margin-left: 8px;
}
.cs .cs_sub .btn_detail {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background-color: #171A19;
}
.cs .cs_sub .btn_detail > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.cs .cs_sub .btn_detail:before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 18px;
    height: 18px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_btn_detail_18_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .main_contact {
    margin-top: 24px;
}
.cs .cs_sub .main_contact ul li {
    padding: 20px 0;
    border-top: 1px solid #EAEBEA;
}
.cs .cs_sub .main_contact ul li:last-child {
    border-bottom: 1px solid #EAEBEA;
}
.cs .cs_sub .main_contact ul li dl {
    position: relative;
    padding-right: 36px;
}
.cs .cs_sub .main_contact ul li dl:after {
    content: " ";
    display: block;
    clear: both;
}
.cs .cs_sub .main_contact ul li dl dt {
    float: left;
    max-width: 60%;
    font-size: 0.938rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .main_contact ul li dl dd {
    float: right;
}
.cs .cs_sub .main_contact ul li dl dd.num {
    font-size: 0.938rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: right;
}
.cs .cs_sub .main_contact ul li dl dd.tel a {
    position: absolute;
    top: 3px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("https://ehyundai.com/images/mobilehome2/ico_call_16.svg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.cs .cs_sub .main_contact ul li dl dd.tel a .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);
}
.cs .cs_sub .notice_wrap .calendar_wrap {
    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;
}
.cs .cs_sub .notice_wrap .notice_list {
    margin-top: 40px;
}
.cs .cs_sub .notice_wrap .notice_list ul li {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #EAEBEA;
}
.cs .cs_sub .notice_wrap .notice_list ul li a {
    display: block;
    padding: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.cs .cs_sub .notice_wrap .notice_list ul li .tit {
    min-height: 45px;
    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: 2;
    -webkit-box-orient: vertical;
    height: 2.813rem;
}
.cs .cs_sub .notice_wrap .notice_list ul li .date {
    display: block;
    padding-top: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .notice_wrap .notice_list ul li + li {
    margin-top: 8px;
}
.cs .cs_sub .notice_wrap .notice_list .no_result {
    padding: 96px 0;
    border: none;
}
.cs .cs_sub .notice_wrap .notice_list .no_result p {
    position: relative;
    padding-top: 80px;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .notice_wrap .notice_list .no_result p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 56px;
    height: 56px;
    background-image: url("../../images/webhome2/cs/ico_nodata_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.cs .cs_sub .notice_wrap .notice_more {
    margin-top: 32px;
    text-align: center;
}
.cs .cs_sub .notice_wrap .notice_more button {
    padding: 6px 20px 7px;
    border: 1px solid #171A19;
}
.cs .cs_sub .notice_wrap .notice_more button strong {
    font-size: 0.875rem;
    font-weight: 700;
    color: inherit;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .notice_wrap .notice_more button strong.txt {
    color: #171A19;
}
.cs .cs_sub .notice_wrap .notice_more button strong.count {
    padding-left: 4px;
    color: #00815A;
}
.cs .cs_sub .notice_wrap .board_list .board_head .tit {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .notice_wrap .board_list .board_head .date {
    display: block;
    padding-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .cs_sub .notice_wrap .board_list .board_body {
    margin-top: 24px;
    padding: 24px 0;
    border-top: 1px solid #EAEBEA;
}
.cs .happy_insite .happy_insite_bg {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: -24px -20px 0;
}
.cs .happy_insite .happy_insite_bg img {
    width: 100%;
}
.cs .happy_insite .happy_insite_bg + .bullet_list {
    margin-top: 14px;
}
.cs .happy_insite .happy_insite_bg + .bullet_list + .button_area {
    margin-top: 40px;
}
.cs .happy_insite .id_pw_find_section .tit_wrap {
    padding-bottom: 12px !important;
}
.cs .happy_insite .id_pw_find_section .tit_wrap .title01 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box > .guide_txt_wrap {
    margin-bottom: 64px;
    margin-top: 24px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box > .guide_txt_wrap .sup {
    margin-top: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box > .guide_txt_wrap .btn_wrap {
    margin-top: 24px;
    padding: 0;
    border: none;
    text-align: center;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box > .guide_txt_wrap .btn_wrap > .sbtn {
    width: 100%;
    text-align: center;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row .add_section_wrap {
    margin-top: 64px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row .add_section_wrap .add_wrap {
    margin-top: 40px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row .add_section_wrap .add_wrap + .add_wrap {
    margin-top: 40px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row .add_section_wrap .add_wrap.mt20 {
    margin-top: 20px !important;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row .add_section_wrap .btn_wrap {
    margin-top: 40px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row .add_section_wrap .btn_wrap .sbtn {
    width: 100%;
    text-align: center;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl.mt64 {
    margin-top: 64px !important;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dt.ask {
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd {
    margin-top: 16px !important;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.box {
    margin-top: 20px !important;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.box > div {
    background: #F7FAF9;
    border: 1px solid #F0F5F4;
    padding: 24px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.box > div > .bullet_list {
    margin-top: 0;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.box > div > .bullet_list li {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.box > div > .bullet_list li strong {
    display: inline-block;
    display: block;
    margin-right: 0px;
    margin-bottom: 4px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.box > div > .bullet_list li + li {
    margin-top: 16px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .target {
    font-size: 0.938;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .ask_wrap .ask02 {
    font-size: 0.938;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .ask_wrap .ask02 + .textarea {
    margin-top: 12px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .ask_wrap .ask02 + .rdo_wrap_sel {
    margin-top: 16px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .ask_wrap + .ask_wrap {
    margin-top: 12px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .ask_wrap .textarea {
    width: 100%;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .ask_wrap .textarea > textarea {
    height: 180px;
    padding: 16px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.upload_file_wrap {
    max-width: 100%;
    margin-top: 12px !important;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.upload_file_wrap .upload_file {
    margin-top: 12px !important;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd.line {
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #171A19;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap {
    margin-left: 0 !important;
    width: 81px;
    margin-bottom: 16px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl dd .rdo_wrap_sel.ty02 .rdo_wrap {
    width: 143px;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl .input {
    width: 100%;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl .input input[type=text]:-moz-read-only {
    background: #FFFFFF;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box form .form_row dl .input input[type=text]:read-only {
    background: #FFFFFF;
}
.cs .happy_insite .id_pw_find_section .id_pw_find_box + .button_area {
    margin-top: 64px !important;
}

.lay_wrap .cnt32 {
    margin-top: 32px;
}
.lay_wrap .table_frame:not(:first-child) {
    margin-top: 40px;
}
.lay_wrap .table_frame .tit {
    display: block;
    margin-bottom: 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_wrap .table_frame > p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_wrap .table_frame .desc {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_wrap .table_frame .btn_link {
    display: inline-block;
    margin-top: 4px;
}
.lay_wrap .table_frame .btn_link.type {
    margin-top: 0;
}
.lay_wrap .table_frame .table_wrap table tbody td:first-child {
    border-left: 1px solid #eaebea;
}
.lay_wrap .table_frame .table_wrap table tbody td:first-child.first {
    border-left: none;
}
.lay_wrap .table_frame .table_wrap table tbody td a {
    color: #171A19;
    text-decoration: underline;
}
.lay_wrap .table_frame .table_wrap table tbody td a.btn_link {
    text-decoration: none;
}
.lay_wrap .table_frame .table_wrap.al_left table tbody td {
    text-align: left;
}
.lay_wrap .table_frame .table_wrap + p {
    margin-top: 16px;
}
.lay_wrap .table_frame .btm_info {
    margin-top: 16px;
}
.lay_wrap .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;
}
.lay_wrap .table_frame .btm_info li + li {
    margin-top: 4px;
}
.lay_wrap .table_frame .btm_info li:last-child {
    color: #434545;
}
.lay_wrap .btm_info {
    margin-top: 16px;
}
.lay_wrap .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;
}
.lay_wrap .btm_info li + li {
    margin-top: 4px;
}

.share_bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 22;
}
.share_bar .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.share_bar .share_bar_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 56px;
    padding: 16px 24px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #434545;
}
.share_bar .share_bar_inner .left, .share_bar .share_bar_inner .right {
    position: relative;
}
.share_bar .share_bar_inner .left .btn, .share_bar .share_bar_inner .right .btn {
    display: inline-block;
    overflow: hidden;
}
.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("../../images/mobilehome2/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("../../images/mobilehome2/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("../../images/mobilehome2/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 .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;
    height: auto;
    margin: 0 auto;
    border: none;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.share_bar .share_bar_layer .layer_list > li a span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.share_bar .share_bar_layer .layer_list > li a [class*=ico_] {
    display: block;
    position: relative;
    min-width: 48px;
    padding-top: 56px;
}
.share_bar .share_bar_layer .layer_list > li a [class*=ico_]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_kakao::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_kakao.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_kakaostory::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_kakaostory.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_facebook::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_facebook.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_message::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_message.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_email::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_email.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_twitter::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_twitter.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li a .ico_share_urlcopy::after {
    width: 48px;
    height: 48px;
    background-image: url("../../images/mobilehome2/event/ico_share_urlcopy.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.share_bar .share_bar_layer .layer_list > li:nth-child(n+4) {
    margin-top: 20px;
}
.share_bar .dim {
    position: fixed;
    inset: 100% 0 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
}
.share_bar.on .share_bar_layer {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}
.share_bar.on .share_bar_inner .right {
    visibility: hidden;
}
.share_bar.on .dim {
    inset: 0;
    opacity: 1;
}
.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;
}

#wrap.has_share_bar footer {
    position: relative;
    margin-bottom: 56px;
}

/* 개발화면 상단여백 벌어짐 : as-is css 들어옴 */
.cs .container {
    padding-top: 0;
}

/* 2023-03-09 수정 [S] */
.voc-service {
    padding: 20px 13px 0 13px;
}

.voc-service .voc-intro {
    position: relative;
    margin-top: 20px;
    padding: 0 10px;
}

.voc-service .voc-intro a {
    display: block;
    width: 100%;
    margin-top: 25px;
}

.voc-service .btn-wrap-3.right .cell {
    display: inline-block;
    float: none;
    text-align: center;
}

.voc-service .btn-wrap-3.right .cell a {
    height: 33px;
    line-height: 33px;
}

.voc-service .voc-write input {
    color: #555;
    font-size: 13px;
}

.voc-service .voc-write input:disabled {
    color: #000;
    background-color: #e5e5e5;
}

.voc-service .voc-write textarea {
    color: #555;
    font-size: 13px;
    height: 90px;
    resize: none;
}

.voc-service .voc-write textarea::-webkit-input-placeholder {
    color: #999;
}

.voc-service .voc-write textarea:-moz-placeholder {
    color: #999;
}

.voc-service .voc-write textarea::-moz-placeholder {
    color: #999;
}

.voc-service .voc-write textarea:-ms-input-placeholder {
    color: #999;
}

.voc-service .voc-write textarea::placeholder {
    color: #999;
}

.voc-service .voc-write textarea:focus::-webkit-input-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus:-moz-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus::-moz-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus:-ms-input-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus::placeholder {
    color: #fff;
}

.voc-service .voc-write .text-count {
    clear: both;
    font-size: 11px;
    float: right;
    margin-top: 0;
    white-space: nowrap;
}

.voc-service .voc-write .text-count strong {
    font-weight: bold;
    font-size: 12px;
    color: #555;
}

.voc-service .voc-write .tit-clause {
    color: #000;
    padding-left: 15px;
    text-indent: -15px;
}

.voc-service .voc-write .rsch-box .cell input[type=radio] {
    position: absolute;
}

.voc-service .voc-write .rsch-box .cell input[type=radio] + label {
    margin-right: 1px;
    padding-left: 18px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.voc-service .voc-write .rsch-box ul .label-title {
    padding-left: 13px;
    background: url("../../images/mobilehome/icon_check_v.png") no-repeat left center;
    -moz-background-size: 9px 7px;
         background-size: 9px 7px;
}

.voc-service .voc-write .rsch-box ul li {
    margin-top: 0;
    padding: 13px 0;
    border-bottom: 1px solid #c7c7c7;
}

.voc-service .voc-write .rsch-box .form-item + .form-item {
    margin-top: 12px;
}

.voc-service .voc-write .rsch-box .result {
    margin-top: 10px;
}

.voc-service .voc-write .charger-comment {
    border: 1px solid #797979;
    margin-top: 25px;
}

.voc-service .voc-write .charger-comment p {
    margin: 0;
    padding: 7px 11px;
    color: #000;
    font-family: "Happiness-Sans";
    font-size: 14px;
    background: #e5e5e5;
    word-wrap: break-word;
} /* 2022-03-04 수정 */
.voc-service .voc-write .charger-comment textarea {
    border: none;
}

.voc-service .flex-box {
    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;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 15px;
    max-width: 80%;
    margin: 10px auto 0;
}

.voc-service .flex-box.type02 {
    max-width: 70%;
    margin: 10px auto 0;
}

.voc-service .flex-box.type02 .radio_wrap {
    margin-right: 7px;
    margin-left: 7px;
}

.voc-service .flex-box.flex-start {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.voc-service .flex-box.flex-start .radio_wrap {
    margin-right: 7px;
}

.voc-service .notice {
    width: 180px;
}

.voc-service .btn_save {
    width: 80px;
    height: 40px;
    color: #fff;
    font-weight: 700;
    background-color: #417b9c;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.voc-service p {
    position: relative;
    margin: 40px 0 15px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.voc-service .tb_type1 table + table {
    margin-top: 10px;
}

.voc-service .tb_type1 table th {
    padding: 15px 6px 15px 6px;
    text-align: center;
    background: #eaedf3;
    color: #5d6c89;
    letter-spacing: -1px;
}

.voc-service .tb_type1 table td {
    padding: 15px 20px;
}

.voc-service .tb_type1 table {
    border: none;
    border-collapse: collapse;
}

.voc-service .tb_type1 table th, .voc-service .tb_type1 table td {
    border: 1px solid #c2c7d5 !important;
    word-break: keep-all;
}

.voc-service .tb_type1 {
    border: none;
}

.voc-service .tb_type1 table tr td.bgf5 {
    background-color: #f5f5f5;
    text-align: center;
    color: #5d6c89;
}

.voc-service .tb_type1 table tr td textarea {
    margin-top: 15px;
}

.voc-service .tb_type1 table thead th {
    border-bottom: none !important;
}

.voc-service .form {
    display: table;
}

.voc-service textarea {
    width: 100%;
    height: 100px;
    padding: 15px;
    border: 1px solid #c2c7d5;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
    resize: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.voc-service .satis_input_brand {
    height: 30px;
    padding: 0px;
    margin-top: 0px !important;
}

.voc-service .voc-write textarea::-webkit-input-placeholder {
    color: #999;
}

.voc-service .voc-write textarea:-moz-placeholder {
    color: #999;
}

.voc-service .voc-write textarea::-moz-placeholder {
    color: #999;
}

.voc-service .voc-write textarea:-ms-input-placeholder {
    color: #999;
}

.voc-service .voc-write textarea::placeholder {
    color: #999;
}

.voc-service .voc-write textarea:focus::-webkit-input-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus:-moz-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus::-moz-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus:-ms-input-placeholder {
    color: #fff;
}

.voc-service .voc-write textarea:focus::placeholder {
    color: #fff;
}

.voc-servicee .voc-write .tb_type1 {
    border-bottom: none;
}

.voc-service .func_file .btn_file input[type=file] {
    cursor: pointer;
    width: 60px;
    height: 30x;
    border: 0;
    background: none;
    overflow: hidden;
    opacity: 0;
}

.voc-service .func_file {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 10px;
}

.voc-service .func_file .fileName {
    height: 30px;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    display: inline-block;
    padding: 4px 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    white-space: nowrap;
    vertical-align: middle;
}

.voc-service .func_file .btn_file {
    background: #c2c7d5 url(https://ehyundai.com/images/mobilehome/txt_file2.png) no-repeat 50% 50%;
    height: 30px;
    width: 60px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.voc-service .file_desc {
    display: block;
    font-size: 14px;
    margin-top: 20px;
}

.voc-service .btn_add {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    background-color: #417b9c;
    width: 100%;
    height: 50px;
    font-size: 17px;
    line-height: 1;
    text-indent: 0;
    font-weight: 700;
    margin: 14px auto 0;
}

.voc-service .btn_submit {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    background-color: #001a4d;
    width: 100%;
    height: 50px;
    font-size: 17px;
    line-height: 1;
    text-indent: 0;
    font-weight: 700;
    margin: 50px auto 0;
}

.voc-service .btn_delete {
    color: #fff;
    background-color: #001a4d;
    height: 30px;
    width: 90px;
    font-size: 12px;
    font-weight: 700;
}

.voc-service .icobtn_del {
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: url(../../images/webhome/btn_delete.png) no-repeat 0 0;
    text-indent: 0;
    line-height: 500px;
}

/* 2023-03-09 수정 [E] */
/*# sourceMappingURL=maps/cs.css.map */