@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;
}
a[href*=modal].arrow_link {
    display: inline-block;
    width: auto;
    height: auto;
    border: none;
    padding-right: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
a[href*=modal].arrow_link:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_right_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
a[href*=modal].arrow_link span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
a[href*=modal].no_brd {
    display: inline-block;
    width: auto;
    height: auto;
    border: none;
    padding-right: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
a[href*=modal].no_brd span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.card {
    padding-top: 70px !important;
}
.card .card_sub {
    max-width: 1110px;
}
.card > 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);
}

.tab_wrap.type_box .tabs.ico_absol ul li.on a::after {
    content: unset;
}

.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;
}

.tit_page2 {
    margin-bottom: 64px;
    font-size: 32px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}

.txt_desc {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.txt_desc + .txt_desc {
    margin-top: 12px;
}

.txt_desc02 {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.title01 {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.title01 + .txt_desc {
    margin-top: 12px;
}

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

.table_wrap.col {
    border-top: 1px solid #171A19;
}
.table_wrap.col table {
    width: 100%;
    border-collapse: collapse;
}
.table_wrap.col table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.table_wrap.col table thead th:first-child {
    border-left: none;
}
.table_wrap.col table thead th.bd_l {
    border-left: 1px solid #FFFFFF;
}
.table_wrap.col table thead th.bd_t {
    border-top: 1px solid #FFFFFF;
}
.table_wrap.col table thead th.bd_b {
    border-bottom: 1px solid #FFFFFF;
}
.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 !important;
}
.table_wrap.col table tbody th.al_center {
    text-align: center;
}
.table_wrap.col table tbody th.al_right {
    text-align: right;
}
.table_wrap.col table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
    /* 데이터 없을 경우 */
}
.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_center .bullet_list {
    display: inline-block;
}
.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 .fc_gray02 {
    color: #727573;
}
.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: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.col table tfoot td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
}
.table_wrap.col table tfoot td.first {
    border-left: none;
}
.table_wrap.col table tfoot td.al_center {
    text-align: center;
}
.table_wrap.col table tfoot td.al_center .bullet_list {
    display: inline-block;
}
.table_wrap.col table tfoot .al_right {
    text-align: right;
}
.table_wrap.col th {
    padding: 0 20px;
    background-color: #F0F5F4;
    font-size: 14px;
    font-weight: 700 !important;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: left;
}
.table_wrap.col th .rdo_wrap label {
    line-height: 22px;
}
.table_wrap.col th .rdo_wrap label > span {
    font-size: 14px;
}
.table_wrap.col td .rdo_wrap label {
    line-height: 24px;
}
.table_wrap.col td .rdo_wrap label > span {
    font-size: 14px;
    font-weight: 400;
}
.table_wrap.col td .no_result {
    border: none;
}
.table_wrap.col td p + .arrow_link {
    margin-top: 4px;
}
.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 thead th.bd_l {
    border-left: 1px solid #FFFFFF;
}
.table_wrap.row table thead th.bd_t {
    border-top: 1px solid #FFFFFF;
}
.table_wrap.row table thead th.bd_b {
    border-bottom: 1px solid #FFFFFF;
}
.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 !important;
}
.table_wrap.row table tbody th.al_center {
    text-align: center;
}
.table_wrap.row table tbody th.al_right {
    text-align: right;
}
.table_wrap.row table tbody td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
    /* 데이터 없을 경우 */
}
.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_center .bullet_list {
    display: inline-block;
}
.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 .fc_gray02 {
    color: #727573;
}
.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: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.row table tfoot td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
}
.table_wrap.row table tfoot td.first {
    border-left: none;
}
.table_wrap.row table tfoot td.al_center {
    text-align: center;
}
.table_wrap.row table tfoot td.al_center .bullet_list {
    display: inline-block;
}
.table_wrap.row table tfoot .al_right {
    text-align: right;
}
.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.row td .add_file {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.table_wrap.row td .view {
    padding: 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.row td p + .arrow_link {
    margin-top: 4px;
}
.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;
}

.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;
}

.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, .paging_wrap .btn {
    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/webhome2/ico_print_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

.btn_link {
    position: relative;
    padding-right: 18px;
}
.btn_link > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_link:after {
    content: " ";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/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;
}

.ubtn {
    display: inline-block;
    min-width: 96px;
    padding: 6px 12px 5px 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #171A19 !important;
    text-align: center;
}
.ubtn > span {
    position: relative;
    padding-right: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.ubtn > span:after {
    content: " ";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_right_14.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.ubtn.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("../../images/webhome2/mypage/ico_plus_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.ubtn.plus > span:after {
    display: none;
}

.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/webhome2/ico_close_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.regist_group .item .btn_del > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

.regist_ex {
    margin-top: 24px;
}

.button_area {
    margin-top: 64px;
}

.btn {
    display: inline-block;
    -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";
    text-align: center;
}
.btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn.black {
    background-color: #171A19;
}
.btn.black > span {
    color: #FFFFFF !important;
}
.btn.border {
    border: 1px solid #171A19;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #FFFFFF !important;
}

.cnt01 {
    margin-top: 40px;
}

.cnt02 {
    margin-top: 48px;
}

.cnt03 {
    margin-top: 56px;
}

.cnt04 {
    margin-top: 120px;
}

.cnt05 {
    margin-top: 64px;
}

.cnt06 {
    margin-top: 80px;
}

h4[class~=title02] + .bullet_list, h5[class~=title02] + .bullet_list {
    margin-top: 16px;
}

.bullet_list li + li {
    margin-top: 8px;
}
.bullet_list.dot.fs16 li {
    font-size: 16px;
}
.bullet_list.dot.fs16 li:before {
    top: 8px;
}

.btn_wrap.al_right {
    margin-top: 24px;
    font-size: 0;
    text-align: right;
}
.btn_wrap.al_right .ubtn {
    min-width: 91px;
}

.tit_wrap {
    position: relative;
    margin-bottom: 40px;
}
.tit_wrap + .tab_wrap .tabs > ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.tit_wrap.n_mg {
    margin-bottom: 0;
}
.tit_wrap.n_mg .tit_page2 {
    margin-bottom: 0;
}
.tit_wrap .tit_page, .tit_wrap .title01 {
    margin-bottom: 0 !important;
}
.tit_wrap .txt_desc {
    margin-top: 16px;
    text-align: center;
}
.tit_wrap .date {
    position: absolute;
    top: 2px;
    right: 0;
}
.tit_wrap .date dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.tit_wrap .date dl dt {
    font-size: 16px;
    font-weight: 700;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tit_wrap .date dl dd {
    margin-left: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tit_wrap .bullet_list {
    margin-top: 20px;
}
.tit_wrap .bullet_list + .textarea {
    margin-top: 16px;
}
.tit_wrap.type {
    margin-bottom: 20px;
}
.tit_wrap.type2 {
    margin-bottom: 0;
}
.tit_wrap.type3 {
    margin-bottom: 24px;
}
.tit_wrap.type3 + .apply_form_wrap form,
.tit_wrap.type3 + .apply_form_wrap .form {
    margin-top: 0;
}

.no_result {
    padding: 40px 0;
    border-top: 1px solid #EAEBEA;
    border-bottom: 1px solid #EAEBEA;
    text-align: center;
}
.no_result > p {
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.complete_wrap {
    text-align: center;
}
.complete_wrap .ico {
    display: block;
    margin: 0 auto;
}
.complete_wrap .ico.ico02 {
    width: 120px;
    height: 120px;
    background-image: url("../../images/webhome2/cs/ico_cs_check_120.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.complete_wrap .tit {
    margin-top: 24px;
    font-size: 28px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.complete_wrap .desc {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.complete_wrap .btm_noti {
    margin-top: 48px;
}
.complete_wrap .btm_noti .title {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.complete_wrap .btm_noti .bullet_list {
    display: inline-block;
    margin-top: 16px;
}
.complete_wrap .btm_noti .bullet_list.dot li:before {
    display: inline-block;
    position: static;
    margin-right: 5px;
    vertical-align: 4px;
}
.complete_wrap .btm_noti .bullet_list.dot li + li {
    margin-top: 8px;
}
.complete_wrap + .button_area {
    margin-top: 80px;
}

/* 툴팁 */
.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("../../images/webhome2/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("../../images/webhome2/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;
}

/* //툴팁 */
.aside {
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    padding-left: 40px;
}
.aside > h2 {
    padding-bottom: 12px;
    border-bottom: 2px solid #171a19;
    font-size: 24px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.aside .nav li {
    margin-top: 16px;
}
.aside .nav li:first-child {
    margin-top: 20px;
}
.aside .nav li a {
    font-size: 16px;
    font-weight: 700;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.aside .nav li.on a {
    color: #171A19;
    font-weight: bold;
}
.aside .nav li .depth3 li:first-child {
    margin-top: 0;
}
.aside .nav li .depth3 li a {
    font-size: 12px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.aside .nav li .depth3 li.on a {
    color: #171A19;
    text-decoration: underline;
}

.container {
    position: relative;
    margin: 72px auto 0;
}

/* //공통 */
.intro_card_list {
    margin-top: 64px;
}
.intro_card_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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.intro_card_list > ul .item {
    position: relative;
    width: 330px;
}
.intro_card_list > ul .item img {
    width: 100%;
}
.intro_card_list > ul .item .txt {
    display: block;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.intro_card_list > ul .item:nth-child(n+4) {
    margin-top: 48px;
}
.intro_card_list > ul .item .layer_box {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    margin-left: 25px;
    padding: 24px;
    border: 1px solid #171A19;
    background-color: #FFFFFF;
}
.intro_card_list > ul .item .layer_box.left {
    right: 100%;
    left: auto;
    margin: 0 25px 0 0;
}
.intro_card_list > ul .item .layer_box.left:before {
    right: -10px;
    left: auto;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.intro_card_list > ul .item .layer_box dl dt {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.intro_card_list > ul .item .layer_box dl dd {
    margin-top: 16px;
}
.intro_card_list > ul .item .layer_box dl dd .bullet_list li + li {
    margin-top: 4px;
}
.intro_card_list > ul .item .layer_box .btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
}
.intro_card_list > ul .item .layer_box .btn_wrap .btn {
    min-width: 122px;
    padding: 6px 0 5px;
}
.intro_card_list > ul .item .layer_box .btn_wrap .btn + .btn {
    margin-left: 4px;
}
.intro_card_list > ul .item .layer_box .btn_wrap .btn > span {
    display: block;
    min-width: 82px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.intro_card_list > ul .item .layer_box .btn_wrap .btn.border {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.intro_card_list > ul .item .layer_box .btn_close {
    position: absolute;
    top: 26px;
    right: 24px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_close_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.intro_card_list > ul .item .layer_box .btn_close > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.intro_card_list > ul .item .layer_box:before {
    content: " ";
    position: absolute;
    top: 29px;
    left: -10px;
    z-index: 1;
    width: 10px;
    height: 13px;
    background-image: url("../../images/webhome2/card/img_layer_box.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.intro_card_list > ul .item.open .layer_box {
    display: block;
}

.btm_accord ul li .head a {
    display: block;
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #EAEBEA;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btm_accord ul li .head a:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_accordion_arrow_20_default.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%);
}
.btm_accord ul li.on .head a:after {
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_accordion_arrow_20_active.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btm_accord ul li .contents {
    padding: 28px;
    background-color: #F7FAF9;
}
.btm_accord ul li .contents .list {
    margin-top: 16px;
}
.btm_accord ul li .contents .bullet_list {
    margin-top: 16px;
}
.btm_accord + .bullet_list {
    margin-top: 20px;
}

.card_summary_wrap {
    padding: 48px 64px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.card_summary_wrap .card_summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.card_summary_wrap .card_summary .tab_card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 280px;
}
.card_summary_wrap .card_summary .tab_card.solo {
    -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;
}
.card_summary_wrap .card_summary .tab_card .tabs {
    margin-top: 23px;
}
.card_summary_wrap .card_summary .tab_card .tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.card_summary_wrap .card_summary .tab_card .tabs li {
    margin: 0 7px;
}
.card_summary_wrap .card_summary .tab_card .tabs li a {
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.card_summary_wrap .card_summary .tab_card .tabs li a span, .card_summary_wrap .card_summary .tab_card .tabs li a .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.card_summary_wrap .card_summary .tab_card .tabs li a.type1 {
    background-color: #171A19;
}
.card_summary_wrap .card_summary .tab_card .tabs li a.type2 {
    background-color: #00815A;
}
.card_summary_wrap .card_summary .tab_card .tabs li.on a:after {
    content: " ";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 2px solid #171A19;
}
.card_summary_wrap .card_summary .tab_card .tabs li.on a.type2::after {
    border: 2px solid #00815A;
}
.card_summary_wrap .card_summary .tab_card .tab_conts {
    overflow: hidden;
    height: 176px;
}
.card_summary_wrap .card_summary .tab_card .tab_conts .conts img {
    width: 100%;
}
.card_summary_wrap .card_summary .summary_wrap {
    padding-left: 80px;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li {
    font-size: 0;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico {
    display: inline-block;
    vertical-align: middle;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico01 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_free_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico02 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_discount_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico03 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_card_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico11 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_hyundaicard_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico12 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_point_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico21 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_hyundaicard_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico22 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_oil_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico23 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_point_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico31 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_discount_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico32 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_point_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .txt {
    display: inline-block;
    padding-left: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: middle;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .desc {
    display: block;
    margin-top: 4px;
    padding-left: 39px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li + li {
    margin-top: 12px;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list.type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list.type li {
    margin-top: 0;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .list.type li + li {
    margin-left: 24px;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .bullet_list {
    margin-top: 20px;
}
.card_summary_wrap .card_summary .summary_wrap .txt_summary .bullet_list li + li {
    margin-top: 4px;
}
.card_summary_wrap .card_summary .summary_wrap .btn_wrap {
    margin-top: 48px;
}
.card_summary_wrap .card_summary .summary_wrap .btn_wrap .big {
    min-width: 270px;
    padding: 18px 0;
}

.row_item_wrap {
    margin-top: 72px;
}
.row_item_wrap .row_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid #EAEBEA;
}
.row_item_wrap .row_item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.row_item_wrap .row_item .notice {
    margin: 24px 0 48px;
    padding: 24px 0;
    border: 1px solid #F0F5F4;
    background-color: #F7FAF9;
    text-align: center;
}
.row_item_wrap .row_item .notice p {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.row_item_wrap .row_item .notice p strong {
    color: #00815A;
}
.row_item_wrap .row_item.type {
    display: block;
}
.row_item_wrap .row_item .row_item_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.row_item_wrap .row_item .summary {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 280px;
}
.row_item_wrap .row_item .summary .ico {
    display: block;
}
.row_item_wrap .row_item .summary .ico.ico01 {
    width: 80px;
    height: 80px;
    background-image: url("../../images/webhome2/card/ico_discount_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.row_item_wrap .row_item .summary .ico.ico02 {
    width: 80px;
    height: 80px;
    background-image: url("../../images/webhome2/card/ico_card3_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.row_item_wrap .row_item .summary .ico.ico03 {
    width: 80px;
    height: 80px;
    background-image: url("../../images/webhome2/card/ico_park_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.row_item_wrap .row_item .summary .ico.ico04 {
    width: 80px;
    height: 80px;
    background-image: url("../../images/webhome2/card/icoc_point_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.row_item_wrap .row_item .summary dl {
    margin-top: 12px;
}
.row_item_wrap .row_item .summary dl dt {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.row_item_wrap .row_item .summary dl dd {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.row_item_wrap .row_item .summary dl dd .btn {
    padding: 6px 20px 7px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.row_item_wrap .row_item .summary dl dd.btn {
    margin-top: 20px;
}
.row_item_wrap .row_item .info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 60px;
}
.row_item_wrap .row_item .info dl dt {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.row_item_wrap .row_item .info dl dd {
    margin-top: 12px;
}
.row_item_wrap .row_item .info dl + dl {
    margin-top: 20px;
}

.benefits_list {
    margin-top: 40px;
}
.benefits_list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.benefits_list ul li {
    position: relative;
    width: -webkit-calc(33.3333333333% - 12px);
    width: -moz-calc(33.3333333333% - 12px);
    width: calc(33.3333333333% - 12px);
    margin-left: 12px;
    padding: 24px 32px 24px 104px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.benefits_list ul li:first-child {
    margin-left: 0;
}
.benefits_list ul li .ico {
    position: absolute;
    top: 24px;
    left: 32px;
}
.benefits_list ul li .ico.ico01 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_discount_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico02 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_card3_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico03 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_free_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico04 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_reward_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico05 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_park_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico06 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_event_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico07 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_special_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico08 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_coupon_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico09 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_present_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico10 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_vip_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li .ico.ico11 {
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_wedding_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.benefits_list ul li dl dt {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.benefits_list ul li dl dd {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

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

.use_list {
    margin-top: 24px;
}
.use_list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.use_list ul li {
    width: -webkit-calc(33.3333333333% - 12px);
    width: -moz-calc(33.3333333333% - 12px);
    width: calc(33.3333333333% - 12px);
    margin-left: 12px;
    padding: 24px 24px 28px;
    border: 1px solid #EAEBEA;
}
.use_list ul li:first-child {
    margin-left: 0;
}
.use_list ul li a {
    display: block;
    text-align: center;
}
.use_list ul li a > span {
    display: block;
}
.use_list ul li a > span.txt {
    margin-top: 20px;
}

.affiliate_benefits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    padding: 48px 124px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.affiliate_benefits .affiliate_info {
    padding-left: 64px;
}
.affiliate_benefits .affiliate_info dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.affiliate_benefits .affiliate_info dl + dl {
    margin-top: 12px;
}
.affiliate_benefits .affiliate_info dl dt {
    width: 67px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.affiliate_benefits .affiliate_info dl dd {
    padding-left: 35px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.affiliate_benefits .affiliate_info dl + .bullet_list {
    margin-top: 24px;
}
.affiliate_benefits .affiliate_info .list li + li {
    margin-top: 12px;
}
.affiliate_benefits + .bullet_list {
    margin-top: 20px;
}

.progress_list .list > li {
    margin-top: 64px;
}
.progress_list .list > li:first-child {
    margin-top: 32px;
}
.progress_list .list > li .step {
    font-size: 18px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.progress_list .list > li .txt {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.progress_list .list > li .txt + .img {
    padding-top: 40px;
}
.progress_list .list > li .bullet_list {
    margin-top: 12px;
}
.progress_list .list > li .bullet_list + .img {
    margin-top: 31px;
}

.id_pw_find_section .tit_wrap {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #171A19;
}
.id_pw_find_section form fieldset,
.id_pw_find_section .form fieldset {
    border: none;
}
.id_pw_find_section form .form_row.input_type,
.id_pw_find_section .form .form_row.input_type {
    padding-right: 154px;
}
.id_pw_find_section form .form_row dl dt,
.id_pw_find_section .form .form_row dl dt {
    width: 244px;
}
.id_pw_find_section .id_pw_find_box.btm_line {
    padding-bottom: 40px;
    border-bottom: 1px solid #EAEBEA;
}
.id_pw_find_section .id_pw_find_box + .bullet_list {
    margin-top: 20px;
}

.calendar_wrap {
    font-size: 0;
}
.calendar_wrap * {
    vertical-align: middle !important;
}
.calendar_wrap .input_c {
    display: inline-block;
}
.calendar_wrap .input_c .input_wrap input {
    display: inline-block;
    width: 222px;
    height: 52px;
}
.calendar_wrap .input_c .input_wrap .input_cal {
    display: inline-block;
    margin: 15px 0 0 9px;
    margin-left: 9px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_calendar_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.calendar_wrap .input_c .input_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);
}
.calendar_wrap .input_c.small .input_wrap input {
    height: 44px;
}
.calendar_wrap .wave {
    display: inline-block;
    margin: 0 6px 0 17px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.search_condition {
    padding-bottom: 40px;
}
.search_condition .input_wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.search_condition .input_wrap .btn_wrap {
    position: static;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
    margin-left: 8px;
}
.search_condition .input_wrap .btn_wrap .btn {
    padding: 10px 30px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.search_condition .input_wrap .sel_wrap {
    display: inline-block;
}
.search_condition .input_wrap .sel_wrap .ui-select-button {
    line-height: 42px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.search_condition .input_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button {
    padding: 0 12px 0 16px;
    height: 42px;
    line-height: 40px;
}
.search_condition .input_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button .ico {
    top: 14px;
    right: 12px;
}
.search_condition .input_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button .ui-select-text {
    font-size: 14px;
}
.search_condition .input_wrap .sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    line-height: 41px;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
}
.search_condition .input_wrap .sel_wrap .ui-selectbox-wrap.on .ui-selectbox-list .ui-select-scrollarea-ul > li {
    padding: 12px 16px;
}
.search_condition .input_wrap .sel_wrap .ui-selectbox-wrap.on .ui-selectbox-list .ui-select-scrollarea-ul > li > a {
    font-size: 14px;
}
.search_condition .input_wrap .input {
    margin-lefT: 8px;
}
.search_condition .input_wrap .input input[type=text] {
    height: 44px;
}
.search_condition.multi_sec .input_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;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.search_condition.multi_sec .input_wrap > div {
    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;
}
.search_condition.multi_sec .input_wrap > div > div + div {
    margin-left: 8px;
}
.search_condition.multi_sec .input_wrap > div:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.search_condition.multi_sec .input_wrap > div:nth-child(2) {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1 auto;
       -moz-box-flex: 3;
        -ms-flex: 3 1 auto;
            flex: 3 1 auto;
}
.search_condition.multi_sec .input_wrap > div:nth-child(3) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.search_condition.multi_sec .input_wrap > div .sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    padding: 0 43px 0 15px;
    line-height: 41px;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
}
.search_condition.multi_sec .input_wrap > div .sel_wrap .ui-select-button {
    padding: 0 44px 0 16px;
}
.search_condition.multi_sec .input_wrap > div > span {
    display: inline-block;
    margin: 12px 0 0 12px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.search_condition.multi_sec .input_wrap > div > span + div {
    margin-left: 8px;
}
.search_condition.multi_sec .input_wrap > div .input > input {
    height: 44px;
    padding: 0 16px;
}
.search_condition.multi_sec .input_wrap > div .input > input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.search_condition.multi_sec .input_wrap > div .input > input:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.search_condition.multi_sec .input_wrap > div .input > input::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.search_condition.multi_sec .input_wrap > div .input > input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.search_condition.multi_sec .input_wrap > div .input > input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.search_condition.multi_sec .input_wrap > div .input + .btn_wrap {
    margin-left: 8px;
}
.search_condition.multi_sec .input_wrap > div .input + .btn_wrap .btn {
    padding: 12px 27px;
}

.table_info .tit {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_info .tit + .top_desc {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_info .btn_wrap.top_table {
    margin-bottom: 24px;
    text-align: right;
}
.table_info .btn_wrap.btm_table {
    margin-top: 24px;
    text-align: right;
}
.table_info + .bullet_list {
    margin-top: 48px;
}
.table_info .bullet_list {
    margin-top: 20px;
}
.table_info td .bullet_list {
    margin-top: 0;
}
.table_info .btm_table button {
    position: relative;
    z-index: 1;
}
.table_info .btm_table + .bullet_list {
    width: 764px;
    margin-top: -10px;
}

.payment_history {
    margin-top: 40px;
    padding: 20px 32px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.payment_history > div + div {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #EAEBEA;
}
.payment_history .tit {
    margin-bottom: 22px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.payment_history dl dt {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history dl dd {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history dl dd .won {
    margin-left: 2px;
    vertical-align: 1px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history dl + dl {
    margin-top: 11px;
}
.payment_history .btn_wrap {
    margin-top: 16px;
    text-align: right;
}
.payment_history .btn_wrap .sbtn {
    background-color: transparent;
}
.payment_history.solo dl dt {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history.solo dl dd {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history.solo dl dd .won {
    margin-left: 4px;
    vertical-align: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.7;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history.solo dl + dl {
    margin-top: 11px;
}
.payment_history.multi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.payment_history.multi > dl {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.payment_history.multi > dl + dl {
    margin-top: 0;
    padding-left: 50px;
}
.payment_history.multi > dl + dl::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 16px;
    background: #D8E9E5;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.payment_history.multi > dl > dt {
    display: inline-block;
    margin-right: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history.multi > dl > dd {
    display: inline-block;
}
.payment_history.multi > dl > dd.price {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history.multi > dl > dd.price .won {
    margin-left: 4px;
    vertical-align: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.payment_history.multi.double > dl {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.payment_history.multi.double > dl + dl {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 0;
    padding-left: 0;
}
.payment_history.multi.double > dl + dl::before {
    content: none;
}
.payment_history.multi.double > dl > dt {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* 카드신청 메인 */
/* 메인 상단 */
#contents.card .conts .max.top_main {
    position: relative;
    width: 100%;
    max-width: 2560px;
    min-width: 1920px;
    height: 640px;
    margin-top: -70px !important;
    overflow: hidden;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.frame-content.container {
    width: auto;
    margin-top: 0 !important;
    padding: 0 !important;
}

/* 메인 빌보드 */
.billboard {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.billboard .slide_wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.billboard .slide_wrap .slide_content .slide_conts .inner_box {
    position: relative;
}
.billboard .slide_wrap .slide_content .slide_conts .inner_box .tit_wrap {
    position: absolute;
    bottom: 160px;
    left: 50%;
    width: 1440px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-bottom: 0;
}
.billboard .slide_wrap .slide_content .slide_conts .inner_box .tit_wrap > p {
    font-size: 40px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.billboard .slide_wrap .slide_content .slide_conts .inner_box img {
    width: 100%;
    height: 640px;
}
.billboard .slide_wrap .indi_progress {
    width: 565px;
    left: 50%;
    bottom: 53px;
    -webkit-transform: translateX(-webkit-calc(-50% - 434px));
       -moz-transform: translateX(-moz-calc(-50% - 434px));
        -ms-transform: translateX(calc(-50% - 434px));
            transform: translateX(calc(-50% - 434px));
}
.billboard .slide_wrap .indi_progress .track {
    background-color: rgba(255, 255, 255, 0.2);
}
.billboard .slide_wrap .indi_progress .track .current {
    background-color: rgb(255, 255, 255);
}
.billboard .slide_wrap .indi_wrap {
    width: 1440px;
    margin: 0 auto;
    height: 1px;
    bottom: 68px;
}
.billboard .slide_wrap .indi_wrap .indi_control {
    position: absolute;
    right: 0;
    width: 28px;
    height: 28px;
    background-image: url("../../images/webhome2/ico_pause_28_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.billboard .slide_wrap .indi_wrap .indi_control.play {
    background-image: url("../../images/webhome2/ico_play_28_white.png");
}
.billboard .slide_wrap .slide_controls {
    top: initial;
    right: 0;
    left: 0;
    bottom: 68px;
    width: 1440px;
    margin: 0 auto;
}
.billboard .slide_wrap .slide_controls .btn_arrow {
    width: 28px;
    height: 28px;
}
.billboard .slide_wrap .slide_controls .btn_arrow.prev {
    right: 80px;
    width: 28px;
    height: 28px;
    background-image: url("../../images/webhome2/ico_arrow_right_28_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.billboard .slide_wrap .slide_controls .btn_arrow.next {
    left: initial;
    right: 40px;
    width: 28px;
    height: 28px;
    background-image: url("../../images/webhome2/ico_arrow_right_28_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

.main_conts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 96px;
    margin-bottom: 160px;
}
.main_conts .conts_sec {
    width: 1110px;
    overflow: hidden;
}
.main_conts .conts_sec .card_easy_view {
    margin-top: 96px;
}
.main_conts .conts_sec .card_easy_view .tit {
    font-size: 28px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.main_conts .conts_sec .card_easy_view .btn_wrap {
    margin-top: 20px;
    text-align: right;
}
.main_conts .conts_sec .ban_sec {
    margin-top: 64px;
}
.main_conts .conts_sec .ban_sec img {
    width: 100%;
}
.main_conts .fast_link {
    width: 190px;
    margin-top: 96px;
}
.main_conts .fast_link .important_menu .tit {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #171A19;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.main_conts .fast_link .important_menu > ul > li + li {
    border-top: 1px solid #EAEBEA;
}
.main_conts .fast_link .important_menu > ul > li > a {
    position: relative;
    display: block;
    padding: 20px 0;
    text-decoration: none;
}
.main_conts .fast_link .important_menu > ul > li > a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: initial;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_arrow_link_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li > a > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.main_conts .fast_link .important_menu > ul > li > a:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
}
.main_conts .fast_link .important_menu > ul > li.m01 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_card_information_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m02 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_useage_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m03 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_paystub_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m04 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_payment_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m05 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_limit_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m06 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_information_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m07 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_payment_change_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m08 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_auto_payment_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m09 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_confirmation_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.main_conts .fast_link .important_menu > ul > li.m10 a:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/card/ico_pc_password_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

.card_list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: auto;
    margin: 24px auto 0;
}
.card_list .slide_wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.card_list .slide_wrap .slide_content {
    overflow: initial !important;
    margin-right: 549px;
}
.card_list .slide_wrap .slide_content .slide_track .slide_conts .inner_box {
    width: 549px;
    height: 254px;
}
.card_list .slide_wrap .slide_content .slide_track .slide_conts .inner_box img {
    width: 100%;
}
.card_list .slide_wrap .slide_controls {
    top: -56px;
    left: initial;
    right: 28px;
    bottom: 0;
    height: 28px;
}
.card_list .slide_wrap .slide_controls .btn_arrow.prev {
    margin-right: 8px;
    width: 28px;
    height: 28px;
    background-image: url("../../images/webhome2/ico_arrow_right_28_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_list .slide_wrap .slide_controls .btn_arrow.next {
    width: 28px;
    height: 28px;
    background-image: url("../../images/webhome2/ico_arrow_right_28_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

.help_wrap > .tit {
    padding-bottom: 24px;
    font-size: 28px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.help_wrap > ul > li {
    display: inline-block;
}
.help_wrap > ul > li > a, .help_wrap > ul > li > div {
    position: relative;
    display: block;
    width: 290px;
    padding: 32px 20px;
    border-top: 1px solid #EAEBEA;
    border-bottom: 1px solid #EAEBEA;
    text-decoration: none;
}
.help_wrap > ul > li > a:after, .help_wrap > ul > li > div:after {
    content: "";
    position: absolute;
    top: initial;
    left: initial;
    bottom: 32px;
    right: 20px;
    width: 80px;
    height: 24px;
    background-image: url("../../images/webhome2/main/ico_main_arrow_gate.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    z-index: 10;
}
.help_wrap > ul > li > a > dl, .help_wrap > ul > li > div > dl {
    display: inline-block;
}
.help_wrap > ul > li > a > dl > dt, .help_wrap > ul > li > div > dl > dt {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.help_wrap > ul > li > a > dl > dd, .help_wrap > ul > li > div > dl > dd {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.help_wrap > ul > li > a > p, .help_wrap > ul > li > div > p {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.help_wrap > ul > li > a.tel:before, .help_wrap > ul > li > div.tel:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 24px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_customer_service_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.help_wrap > ul > li > a.tel:after, .help_wrap > ul > li > div.tel:after {
    content: none;
}
.help_wrap > ul > li > a.chat:before, .help_wrap > ul > li > div.chat:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 24px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_chat_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.help_wrap > ul > li > a.apply:before, .help_wrap > ul > li > div.apply:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 24px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 48px;
    height: 48px;
    background-image: url("../../images/webhome2/card/ico_pc_request_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.help_wrap > ul > li + li {
    margin-left: 57px;
}

/* //카드신청 메인 */
/* 신청초기 */
.main_card > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.main_card > ul > li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 549px;
    height: 434px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
.main_card > ul > li > dl > dt {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.main_card > ul > li > dl > dd {
    margin-top: 6px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.main_card > ul > li > dl > dd > span {
    display: block;
}
.main_card > ul > li > dl > dd > img {
    margin-top: 32px;
    width: 180px;
}
.main_card > ul > li > dl > dd .btn_wrap {
    margin-top: 32px;
}
.main_card > ul > li > dl > dd .btn_wrap .sbtn {
    display: inline-block;
}

/* 현대백화점카드 신청 초화면 */
.card_apply_detail > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 980px;
    height: 272px;
    padding: 0 64px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.card_apply_detail > ul > li:after {
    content: "";
    position: absolute;
    top: initial;
    left: initial;
    bottom: 0;
    right: 0;
    width: 555px;
    height: 252px;
    background-image: url("../../images/webhome2/card/bg_card_mobile.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_apply_detail > ul > li > dl > dt {
    font-size: 24px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.card_apply_detail > ul > li > dl > dd {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.card_apply_detail > ul > li > dl > dd > span {
    display: block;
}
.card_apply_detail > ul > li > dl > dd .btn_wrap {
    margin-top: 32px;
}
.card_apply_detail > ul > li > dl > dd .btn_wrap .sbtn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 66px;
}
.card_apply_detail > ul > li + li {
    margin-top: 12px;
}
.card_apply_detail > ul > li + li:after {
    top: 63px;
    right: 140px;
    width: 240px;
    height: 146px;
    background-image: url("../../images/webhome2/card/bg_card_plastic.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.card_apply_detail.on .btn_wrap .sbtn.down > span:after {
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_dwon_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.card_apply_detail.on + .choice_card {
    visibility: visible;
    max-height: 1000px;
    margin-top: 56px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* 카드선택 */
.choice_card {
    visibility: hidden;
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.choice_card .tit {
    margin-bottom: 28px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.choice_card .tit > strong {
    color: #00815A;
}
.choice_card > ul {
    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;
}
.choice_card > ul > li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 547px;
    padding: 40px 0;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.choice_card > ul > li:nth-child(n+3) {
    margin-top: 12px;
}
.choice_card > ul > li .card {
    text-align: center;
}
.choice_card > ul > li .card img {
    width: 240px;
    height: 146px;
}
.choice_card > ul > li .card .name {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.choice_card > ul > li .card .bullet_list {
    margin-top: 12px;
    display: inline-block;
}
.choice_card > ul > li .card .bullet_list > li::before {
    display: inline-block;
    position: static;
    margin-right: 5px;
    vertical-align: 4px;
}
.choice_card > ul > li .card .bullet_list > li + li {
    margin-top: 4px;
}
.choice_card > ul > li .card .btn_wrap {
    margin-top: 20px;
}

.reserve_info_ban img {
    width: 1110px;
}

.step_info .tit {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.step_info h5.tit {
    margin: 20px 0 16px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.step_info .step_wrap {
    padding: 33px 0 32px;
    background-color: #F7FAF9;
}
.step_info .step_wrap > ol {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.step_info .step_wrap > ol > li {
    position: relative;
    width: 100%;
    text-align: center;
}
.step_info .step_wrap > ol > li em {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.step_info .step_wrap > ol > li > dl > dt {
    font-size: 14px;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.step_info .step_wrap > ol > li > dl > dd {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.step_info .step_wrap > ol > li.on > dl > dt {
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.step_info .step_wrap > ol > li.on > dl > dd {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.step_info .step_wrap > ol > li + li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_info_next_24.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%);
}
.step_info .step_wrap > ol > li + li.identity:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    bottom: 0;
    right: 0;
}
.step_info .step_wrap + .complete_wrap {
    padding-top: 16px;
}
.step_info .bottom_notice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
}

/* 신청정보 폼 */
.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;
}
.ico_required > 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);
}

.apply_form_wrap .tit_wrap {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #171A19;
}
.apply_form_wrap .tit_wrap.no_bd {
    padding-bottom: 20px;
    border-bottom: none;
}
.apply_form_wrap .tit_wrap .required_txt {
    position: absolute;
    right: 0;
    bottom: 12px;
}
.apply_form_wrap .tit_wrap .title01 {
    display: inline-block;
}
.apply_form_wrap .sup {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap .upper {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap form,
.apply_form_wrap .form {
    margin-top: 40px;
}
.apply_form_wrap form fieldset,
.apply_form_wrap .form fieldset {
    border: none;
}
x .apply_form_wrap form .form_row.input_type,
x .apply_form_wrap .form .form_row.input_type {
    padding-right: 154px;
}
.apply_form_wrap form .form_row .top_notice,
.apply_form_wrap .form .form_row .top_notice {
    margin-top: -20px;
    margin-bottom: 40px;
}
.apply_form_wrap form .form_row > dl,
.apply_form_wrap .form .form_row > dl {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.apply_form_wrap form .form_row > dl[style*=none] + dl, .apply_form_wrap form .form_row > dl[style*=none] + dl,
.apply_form_wrap .form .form_row > dl[style*=none] + dl,
.apply_form_wrap .form .form_row > dl[style*=none] + dl {
    margin-top: 0;
}
.apply_form_wrap form .form_row > dl + dl,
.apply_form_wrap .form .form_row > dl + dl {
    margin-top: 24px;
}
.apply_form_wrap form .form_row > dl + dl.mt01,
.apply_form_wrap .form .form_row > dl + dl.mt01 {
    margin-top: 46px;
}
.apply_form_wrap form .form_row > dl + dl.mt02,
.apply_form_wrap .form .form_row > dl + dl.mt02 {
    margin-top: 32px;
}
.apply_form_wrap form .form_row > dl > dt,
.apply_form_wrap .form .form_row > dl > dt {
    width: 242px;
    font-size: 16px;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap form .form_row > dl > dt > .txt,
.apply_form_wrap .form .form_row > dl > dt > .txt {
    font-size: 16px;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: top;
}
.apply_form_wrap form .form_row > dl > dt .btn_tooltip_wrap,
.apply_form_wrap .form .form_row > dl > dt .btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
}
.apply_form_wrap form .form_row > dl > dt.top_line,
.apply_form_wrap .form .form_row > dl > dt.top_line {
    padding-top: 0;
}
.apply_form_wrap form .form_row > dl > dd,
.apply_form_wrap .form .form_row > dl > dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 0;
}
.apply_form_wrap form .form_row > dl > dd .rdo_wrap,
.apply_form_wrap .form .form_row > dl > dd .rdo_wrap {
    position: relative;
    margin-bottom: 0;
}
.apply_form_wrap form .form_row > dl > dd .rdo_wrap + .rdo_wrap,
.apply_form_wrap .form .form_row > dl > dd .rdo_wrap + .rdo_wrap {
    margin-left: 40px;
}
.apply_form_wrap form .form_row > dl > dd .rdo_wrap .bubble_wrap,
.apply_form_wrap .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;
}
.apply_form_wrap form .form_row > dl > dd .rdo_wrap .bubble_wrap:before,
.apply_form_wrap .form .form_row > dl > dd .rdo_wrap .bubble_wrap:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
}
.apply_form_wrap form .form_row > dl > dd .rdo_wrap .bubble_wrap.bl:before,
.apply_form_wrap .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;
}
.apply_form_wrap form .form_row > dl > dd .rdo_wrap .bubble_wrap .txt,
.apply_form_wrap .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";
}
.apply_form_wrap form .form_row > dl > dd .bullet_list,
.apply_form_wrap .form .form_row > dl > dd .bullet_list {
    margin-top: 20px;
}
.apply_form_wrap form .form_row > dl > dd .bullet_list li + li,
.apply_form_wrap .form .form_row > dl > dd .bullet_list li + li {
    margin-top: 8px;
}
.apply_form_wrap form .form_row > dl > dd .bullet_list li .btn_link,
.apply_form_wrap .form .form_row > dl > dd .bullet_list li .btn_link {
    margin-left: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input + .btn,
.apply_form_wrap .form .form_row > dl > dd .input + .btn {
    margin-left: 7px;
}
.apply_form_wrap form .form_row > dl > dd .sel_wrap + .btn,
.apply_form_wrap .form .form_row > dl > dd .sel_wrap + .btn {
    margin-left: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap,
.apply_form_wrap .form .form_row > dl > dd .input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap + .bar_type,
.apply_form_wrap .form .form_row > dl > dd .input_wrap + .bar_type {
    margin-top: 20px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap + .input_wrap,
.apply_form_wrap .form .form_row > dl > dd .input_wrap + .input_wrap {
    margin-top: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type > div:first-child:before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type > div:first-child:before {
    display: none;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap {
    margin-left: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap::before {
    content: none;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap + .btn,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap + .btn {
    margin-left: 27px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap + div,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type > div.chk_wrap + div {
    margin-left: 25px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type > div.txt,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type > div.txt {
    margin-left: 12px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type > div.txt:before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type > div.txt:before {
    content: none;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type + .btn,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type + .btn {
    margin-top: 8px;
    padding: 0 28px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.bar_type + .bar_type_util,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.bar_type + .bar_type_util {
    margin-top: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.mail_type > div,
.apply_form_wrap .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;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.mail_type > div:nth-child(2),
.apply_form_wrap .form .form_row > dl > dd .input_wrap.mail_type > div:nth-child(2) {
    width: 231px;
    margin-right: -26px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.mail_type > div:nth-child(2):before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.mail_type > div:nth-child(2):before {
    content: "@";
    position: absolute;
    left: -22px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.date_type > span + div,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.date_type > span + div {
    margin-left: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.date_type + .arrow_link,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.date_type + .arrow_link {
    margin-top: 12px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap > div,
.apply_form_wrap .form .form_row > dl > dd .input_wrap > div {
    position: relative;
    margin-left: 25px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap > div:first-child,
.apply_form_wrap .form .form_row > dl > dd .input_wrap > div:first-child {
    margin-left: 0;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap .password_wrap + div,
.apply_form_wrap .form .form_row > dl > dd .input_wrap .password_wrap + div {
    margin-left: 0;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification .rdo_wrap + .rdo_wrap,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification .rdo_wrap + .rdo_wrap {
    margin-left: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification label,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label {
    display: block;
    text-align: center;
    width: 230px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    padding: 15px 0;
    cursor: pointer;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification label > span,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification label::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label::before {
    display: block;
    position: static;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_pc_phone_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification label.c02::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label.c02::before {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_pc_accredited%20certificate_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification label.c03::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label.c03::before {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_pc_ipin_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification label.c04::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label.c04::before {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_pc_card_number_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.certification label.c05::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label.c05::before {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_pc_report_loss_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice .rdo_wrap + .rdo_wrap,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice .rdo_wrap + .rdo_wrap {
    margin-left: 8px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice .rdo_wrap input:checked + label,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice .rdo_wrap input:checked + label {
    border-color: #171A19;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice label,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label {
    display: block;
    text-align: center;
    width: 169px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    padding: 8px 0 16px;
    cursor: pointer;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice label > span,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice label::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label::before {
    display: block;
    position: static;
    margin: 0 auto;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice label.card01::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label.card01::before {
    width: 155px;
    height: 92px;
    background-image: url("../../images/webhome2/card/img_check_card01.jpg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice label.card02::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label.card02::before {
    width: 155px;
    height: 92px;
    background-image: url("../../images/webhome2/card/img_check_card02.jpg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice label.card03::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label.card03::before {
    width: 155px;
    height: 92px;
    background-image: url("../../images/webhome2/card/img_check_card03.jpg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.card_choice label.card04::before,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label.card04::before {
    width: 155px;
    height: 92px;
    background-image: url("../../images/webhome2/card/img_check_card04.jpg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.mix_type > div + span,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.mix_type > div + span {
    margin-left: 20px;
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.mix_type > span,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.mix_type > span {
    display: inline-block;
    margin: 14px 0 0 0px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap form .form_row > dl > dd .input_wrap.mix_type > span + div,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.mix_type > span + div {
    margin-left: 12px;
}
.apply_form_wrap form .form_row > dl > dd .w582,
.apply_form_wrap .form .form_row > dl > dd .w582 {
    width: 582px;
}
.apply_form_wrap form .form_row > dl > dd .btn,
.apply_form_wrap .form .form_row > dl > dd .btn {
    min-width: 125px;
    height: 52px;
    padding: 0 19px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.apply_form_wrap form .form_row > dl > dd .btn > span,
.apply_form_wrap .form .form_row > dl > dd .btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap form .form_row > dl > dd .bottom_util,
.apply_form_wrap .form .form_row > dl > dd .bottom_util {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.apply_form_wrap form .form_row > dl > dd .bottom_util .btn_del_type,
.apply_form_wrap .form .form_row > dl > dd .bottom_util .btn_del_type {
    text-align: right;
}
.apply_form_wrap form .form_row > dl > dd .bottom_util .btn_del_type > span,
.apply_form_wrap .form .form_row > dl > dd .bottom_util .btn_del_type > span {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.apply_form_wrap form .form_row > dl > dd .chk_wrap_sel .chk_wrap + .chk_wrap,
.apply_form_wrap .form .form_row > dl > dd .chk_wrap_sel .chk_wrap + .chk_wrap {
    margin-left: 80px;
}
.apply_form_wrap form .form_row > dl > dd .chk_wrap_sel .chk_sm_sel,
.apply_form_wrap .form .form_row > dl > dd .chk_wrap_sel .chk_sm_sel {
    margin-top: 16px;
    padding-top: 8px;
    border-top: 1px solid #D4D6D4;
}
.apply_form_wrap form .form_row > dl > dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm,
.apply_form_wrap .form .form_row > dl > dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm {
    margin-left: 18px;
}
.apply_form_wrap form .form_row > dl > dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm + .sm,
.apply_form_wrap .form .form_row > dl > dd .chk_wrap_sel .chk_sm_sel .chk_wrap.sm + .sm {
    margin-left: 32px;
}
.apply_form_wrap form .form_row > dl > dd .sel_inline_wrap,
.apply_form_wrap .form .form_row > dl > dd .sel_inline_wrap {
    font-size: 0;
}
.apply_form_wrap form .form_row > dl > dd .sel_inline_wrap .sel_wrap,
.apply_form_wrap .form .form_row > dl > dd .sel_inline_wrap .sel_wrap {
    display: inline-block;
}
.apply_form_wrap form .form_row > dl > dd .sel_inline_wrap .sel_wrap + .sel_wrap,
.apply_form_wrap .form .form_row > dl > dd .sel_inline_wrap .sel_wrap + .sel_wrap {
    margin-left: 12px;
}
.apply_form_wrap form .form_row .add_input,
.apply_form_wrap .form .form_row .add_input {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 8px !important;
}
.apply_form_wrap form .form_row .add_input::before,
.apply_form_wrap .form .form_row .add_input::before {
    content: none !important;
}
.apply_form_wrap form .form_row .add_input > span,
.apply_form_wrap .form .form_row .add_input > span {
    font-size: 22px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_wrap form .form_row .add_input .input,
.apply_form_wrap .form .form_row .add_input .input {
    margin: 0 4px;
}
.apply_form_wrap form + .bottom_notice,
.apply_form_wrap .form + .bottom_notice {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #EAEBEA;
}
.apply_form_wrap form + .bottom_notice02,
.apply_form_wrap .form + .bottom_notice02 {
    margin-top: 48px;
}

.tel_terms li + li {
    margin-top: 32px;
}
.tel_terms dl {
    display: block !important;
}
.tel_terms dl > dd {
    font-size: 16px !important;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tel_terms .head > a {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 12px;
    border-bottom: 1px solid #F0F5F4;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tel_terms .head > a:after {
    content: "";
    position: absolute;
    top: 0;
    left: initial;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_accordion_arrow_20_active.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.tel_terms .on .head > a {
    border: none;
}
.tel_terms .on .head > a:after {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
.tel_terms .ui_accord_content {
    padding: 28px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.tel_terms .ui_accord_content > p {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tel_terms .ui_accord_content > p + p {
    margin-top: 14px;
}
.tel_terms .ui_accord_content > dl > dt {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tel_terms .ui_accord_content > dl > dd {
    margin-top: 12px;
}
.tel_terms .ui_accord_content > dl > dd > a {
    margin-left: 12px;
}
.tel_terms .ui_accord_content > dl > dd > a > span {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.tel_terms .bottom_conts {
    margin-top: 25px;
}
.tel_terms .bottom_conts .rdo_wrap {
    margin-top: 20px;
}
.tel_terms .bottom_conts.alert .rdo_wrap > label > span {
    color: #EB3912;
}

.input_wrap + .tel_terms {
    margin-top: 37px;
}

/* 약관 리스트 폼 */
.terms_wrap .tit_wrap {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 28px;
    border-bottom: 2px solid #171A19;
}
.terms_wrap .all_agree {
    margin-bottom: 24px;
}
.terms_wrap .all_agree > dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.terms_wrap .all_agree > dl > dt {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.terms_wrap .all_agree > dl > dd label > span {
    font-weight: 700;
}
.terms_wrap .terms_list .tit {
    padding-bottom: 12px;
    border-bottom: 1px solid #EAEBEA;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.terms_wrap .terms_list .tit > strong {
    color: #727573;
}
.terms_wrap .terms_list .tit + dl {
    margin-top: 20px;
}
.terms_wrap .terms_list > dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.terms_wrap .terms_list > dl > dt {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.terms_wrap .terms_list > dl > dt > a {
    margin-left: 12px;
}
.terms_wrap .terms_list > dl > dt > a > span {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.terms_wrap .terms_list > dl + .tit {
    margin-top: 32px;
}
.terms_wrap .terms_list > dl .rdo_wrap + .rdo_wrap {
    margin-left: 42px;
}
.terms_wrap .terms_list > dl .chk_wrap + .chk_wrap {
    margin-left: 42px;
}
.terms_wrap .terms_list > dl + dl {
    margin-top: 16px;
}
.terms_wrap .terms_list > dl + .bottom_info {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #EAEBEA;
}
.terms_wrap .terms_list + .terms_list {
    margin-top: 32px;
}
.terms_wrap .terms_list .sub_terms > dt {
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.terms_wrap .terms_list .sub_terms .rdo_wrap.sm > label > span {
    font-size: 14px;
}
.terms_wrap .terms_list .sub_terms .rdo_wrap + .sm {
    margin-left: 24px;
}
.terms_wrap .terms_list .sub_terms > dd.none {
    display: none;
}
.terms_wrap .terms_list .view_terms {
    margin-top: 16px;
    margin-bottom: 18px;
    padding: 28px;
    height: 214px;
    overflow: auto;
    overflow-x: hidden;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.terms_wrap .terms_list .view_terms > p + p {
    margin-top: 20px;
}

/* 신용 점수 */
.credit_score > .rdo_wrap {
    margin-bottom: 0 !important;
}
.credit_score .prd_info_wrap {
    margin-top: 32px;
}
.credit_score .prd_info_wrap .prd_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.credit_score .prd_info_wrap .prd_info > p {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.credit_score .prd_info_wrap .prd_info label > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.credit_score .bullet_list {
    margin-top: 12px !important;
}
.credit_score .bullet_list + .prd_info {
    margin-top: 32px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

/* 가족카드 추가 입력 */
.family_issue_wrap {
    margin-bottom: 40px;
    padding: 32px 0 40px;
    border-bottom: 1px solid #EAEBEA;
}
.family_issue_wrap.type01 {
    padding-top: 0;
}
.family_issue_wrap.type01 .header {
    padding-left: 0;
}
.family_issue_wrap.type01 .header .btn_wrap {
    position: static;
    margin-top: 32px;
}
.family_issue_wrap .header {
    position: relative;
    padding-left: 242px;
}
.family_issue_wrap .header > p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.family_issue_wrap .header .btn_wrap {
    position: absolute;
    top: 0;
    left: 0;
}
.family_issue_wrap .header .btn_wrap button {
    width: 64px;
    height: 44px;
    border: 1px solid #171A19;
    vertical-align: top;
}
.family_issue_wrap .header .btn_wrap button::before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
}
.family_issue_wrap .header .btn_wrap button.btn_plus::before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_plus_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.family_issue_wrap .header .btn_wrap button.btn_minus::before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_minus_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.family_issue_wrap .header .btn_wrap button > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

.family_info_sec {
    margin-top: 40px;
    border-top: 1px solid #EAEBEA;
    padding-top: 38px;
}
.family_info_sec .tit {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.family_info_sec .tit + p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.family_info_sec .terms_chk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 24px;
    margin-bottom: 40px;
}
.family_info_sec .terms_chk > div {
    width: 469px;
    height: 72px;
    padding: 0 24px;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.family_info_sec .terms_chk > div > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.family_info_sec .terms_chk > div + div {
    margin-left: 12px;
}
.family_info_sec > dl {
    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-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.family_info_sec > dl > dt {
    width: 242px;
}
.family_info_sec > dl > dt > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.family_info_sec > dl > dt.top_line {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
}
.family_info_sec > dl + dl {
    margin-top: 24px;
}
.family_info_sec > dl + dl.mt01 {
    margin-top: 46px;
}
.family_info_sec > dl + dl.mt02 {
    margin-top: 32px;
}
.family_info_sec > dl > dd p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.family_info_sec > dl > dd .input_wrap.bar_type .chk_wrap {
    margin-left: 8px;
}
.family_info_sec > dl > dd .input_wrap.bar_type .chk_wrap::before {
    content: none;
}
.family_info_sec > dl > dd .input_wrap.bar_type .chk_wrap + .btn {
    margin-left: 30px;
}
.family_info_sec > dl > dd p + .rdo_wrap {
    margin-top: 16px;
}
.family_info_sec > dl > dd .rdo_wrap {
    margin-top: 0;
}
.family_info_sec > dl > dd .rdo_wrap + .rdo_wrap {
    margin-left: 40px;
}

.tb_type1 {
    padding-bottom: 40px;
}
.tb_type1 .tit_wrap {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #171A19;
}
.tb_type1 .tit_wrap.no_bd {
    padding-bottom: 20px;
    border-bottom: none;
}
.tb_type1 .tit_wrap .required_txt {
    position: absolute;
    right: 0;
    bottom: 12px;
}
.tb_type1 .tit_wrap .title01 {
    display: inline-block;
}
.tb_type1 tbody tr th {
    width: 242px;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tb_type1 tbody tr th .txt {
    font-size: 16px;
    font-weight: bold;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: top;
}
.tb_type1 tbody tr th .btn_tooltip_wrap {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
}
.tb_type1 tbody tr th.top_line {
    padding-top: 0;
}
.tb_type1 tbody tr td .input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.tb_type1 tbody tr td .input_wrap + .bar_type {
    margin-top: 20px;
}
.tb_type1 tbody tr td .input_wrap + .input_wrap {
    margin-top: 8px;
}
.tb_type1 tbody tr td .input_wrap.bar_type > div:first-child:before {
    display: none;
}
.tb_type1 tbody tr td .input_wrap.bar_type > div.chk_wrap {
    margin-left: 8px;
}
.tb_type1 tbody tr td .input_wrap.bar_type > div.chk_wrap::before {
    content: none;
}
.tb_type1 tbody tr td .input_wrap.bar_type > div.chk_wrap + .btn {
    margin-left: 27px;
}
.tb_type1 tbody tr td .input_wrap.bar_type > div.chk_wrap + div {
    margin-left: 25px;
}
.tb_type1 tbody tr td .input_wrap.bar_type > div.txt {
    margin-left: 12px;
}
.tb_type1 tbody tr td .input_wrap.bar_type > div.txt:before {
    content: none;
}
.tb_type1 tbody tr td .input_wrap.bar_type + .btn {
    margin-top: 8px;
    padding: 0 28px;
}
.tb_type1 tbody tr td .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;
}
.tb_type1 tbody tr td .input_wrap.mail_type > div:nth-child(2) {
    width: 231px;
    margin-right: -26px;
}
.tb_type1 tbody tr td .input_wrap.mail_type > div:nth-child(2):before {
    content: "@";
    position: absolute;
    left: -22px;
}
.tb_type1 tbody tr td .input_wrap.date_type > span + div {
    margin-left: 8px;
}
.tb_type1 tbody tr td .input_wrap.date_type + .arrow_link {
    margin-top: 12px;
}
.tb_type1 tbody tr td .input_wrap > div {
    position: relative;
    margin-left: 25px;
}
.tb_type1 tbody tr td .input_wrap > div:first-child {
    margin-left: 0;
}
.tb_type1 tbody tr td .input + .btn {
    margin-left: 7px;
}
.tb_type1 tbody tr td .btn {
    min-width: 125px;
    height: 52px;
    padding: 0 19px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.tb_type1 tbody tr td .btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tb_type1 tbody tr td p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tb_type1 tbody tr td p + .rdo_wrap {
    margin-top: 16px;
}
.tb_type1 tbody tr td p + .rdo_wrap + .rdo_wrap {
    margin-left: 40px;
}
.tb_type1 tbody tr.dl th {
    vertical-align: top;
    padding-top: 56px;
}
.tb_type1 tbody tr.dl td {
    vertical-align: top;
    padding-top: 40px;
}
.tb_type1 tbody tr.dl + .dl th {
    border: none;
    padding-top: 38px;
}
.tb_type1 tbody tr.dl + .dl td {
    border: none;
    padding-top: 24px;
}
.tb_type1 tbody tr.f_dl + .f_dl th {
    padding-top: 38px;
}
.tb_type1 tbody tr.f_dl + .f_dl td {
    padding-top: 24px;
}
.tb_type1 tbody tr.f_dl.first th {
    padding-top: 14px;
}
.tb_type1 tbody tr.f_dl.first td {
    padding-top: 0px;
}
.tb_type1 tbody tr.f_dl.last th {
    padding-bottom: 32px;
    border-bottom: 1px solid #EAEBEA;
}
.tb_type1 tbody tr.f_dl.last td {
    padding-bottom: 32px;
    border-bottom: 1px solid #EAEBEA;
}
.tb_type1 tbody tr.f_dl.last + .head td {
    padding-top: 0;
}
.tb_type1 tbody tr.f_dl.last + .head td .family_info_sec {
    margin-top: 0;
}
.tb_type1 tbody tr.rdo_dl th {
    padding-top: 26px !important;
}
.tb_type1 tbody tr.rdo_dl td .rdo_wrap + .rdo_wrap {
    margin-left: 40px;
}
.tb_type1 tbody tr.rdo_dl td .card_choice .rdo_wrap + .rdo_wrap {
    margin-left: 8px;
}
.tb_type1 tbody .family_issue_wrap {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

/* 가족카드 안내 */
.f_card_info > ol {
    margin-top: 24px;
}
.f_card_info > ol > li {
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.f_card_info .bullet_list > li {
    font-size: 14px;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.f_card_info .bullet_list > li + li {
    margin-top: 8px;
}

/* 카드비밀번호등록안내 */
.reg_pw_info dl {
    margin-top: 48px;
}
.reg_pw_info dl dt {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.reg_pw_info dl dd {
    position: relative;
    margin-top: 20px;
}
.reg_pw_info dl dd .img {
    margin-top: 24px;
}
.reg_pw_info dl dd .img img {
    width: 1110px;
}
.reg_pw_info dl dd .btn_wrap {
    position: absolute;
    top: -6px;
    right: 0;
}

/* 카드발급조회 */
.issue_search .tit_wrap {
    margin-bottom: 24px;
}
.issue_search .img {
    margin-bottom: 48px;
}
.issue_search .img img {
    width: 1110px;
}
.issue_search .step {
    margin-bottom: 48px;
    width: 1110px;
    height: 148px;
    background-image: url("../../images/webhome2/card/img_certify%20step_card00.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.issue_search .step.s01 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card01.png");
}
.issue_search .step.s01 li:nth-child(1)::before {
    content: "현재 단계";
}
.issue_search .step.s02 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card02.png");
}
.issue_search .step.s02 li:nth-child(2)::before {
    content: "현재 단계";
}
.issue_search .step.s03 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card03.png");
}
.issue_search .step.s03 li:nth-child(3)::before {
    content: "현재 단계";
}
.issue_search .step.s04 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card04.png");
}
.issue_search .step.s04 li:nth-child(4)::before {
    content: "현재 단계";
}
.issue_search .step.s05 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card05.png");
}
.issue_search .step.s05 li:nth-child(5)::before {
    content: "현재 단계";
}
.issue_search .step.s06 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card06.png");
}
.issue_search .step.s06 li:nth-child(6)::before {
    content: "현재 단계";
}
.issue_search .step.s07 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card07.png");
}
.issue_search .step.s07 li:nth-child(7)::before {
    content: "현재 단계";
}
.issue_search .step.s08 {
    background-image: url("../../images/webhome2/card/img_certify%20step_card08.png");
}
.issue_search .step.s08 li:nth-child(8)::before {
    content: "현재 단계";
}

/* 신분증 선택 */
.identity_wrap .rdo_wrap {
    display: block;
}
.identity_wrap .rdo_wrap + .rdo_wrap {
    margin-left: 0 !important;
}
.identity_wrap .identity {
    position: relative;
    margin: 16px 0 16px 34px;
    width: 344px;
    height: 260px;
    background-image: url("../../images/webhome2/card/img_pc_identification_card.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.identity_wrap .identity .input_wrap {
    position: absolute;
    left: 20px;
    bottom: 52px;
}
.identity_wrap .identity .input_wrap input[type=text] {
    height: 44px;
    padding: 0 12px;
}
.identity_wrap .identity .input_wrap .chk_wrap {
    margin-top: 12px !important;
    margin-left: 8px;
}
.identity_wrap .identity + .rdo_wrap {
    margin-top: 16px;
}
.identity_wrap .driving {
    position: relative;
    margin: 16px 0 16px 34px;
    width: 344px;
    height: 260px;
    background-image: url("../../images/webhome2/card/img_pc_driverlicense_card.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.identity_wrap .driving .input_wrap {
    position: absolute;
    left: 18px;
    top: 56px;
}
.identity_wrap .driving .input_wrap input[type=text] {
    height: 44px;
}
.identity_wrap .driving .input_wrap.date_type > div + div {
    margin-left: 4px !important;
}

/* 신청서 다운로드 */
.apply_form_down .download_wrap {
    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-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 64px;
    width: 1046px;
    height: 200px;
    background-image: url("../../images/webhome2/card/img_card_download.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .download_wrap dl dt > span {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_down .download_wrap dl dt > p {
    margin-top: 6px;
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_down .download_wrap dl dd {
    margin-top: 20px;
}
.apply_form_down .download_wrap dl dd .arrow_link > span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_down .download_wrap dl dd .arrow_link:after {
    background-image: url("../../images/webhome2/ico_arrow_right_16_white.png");
}
.apply_form_down .download_wrap dl dd .arrow_link + .arrow_link {
    margin-left: 20px;
}
.apply_form_down .card_benefit > dl {
    margin-top: 40px;
}
.apply_form_down .card_benefit > dl > dt {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_down .card_benefit > dl > dd > ul {
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.apply_form_down .card_benefit > dl > dd > ul > li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 267px;
    height: 128px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.apply_form_down .card_benefit > dl > dd > ul > li + li {
    margin-left: 11px;
}
.apply_form_down .card_benefit > dl > dd > ul > li > p {
    position: relative;
    padding-left: 74px;
}
.apply_form_down .card_benefit > dl > dd > ul > li > p strong {
    display: block;
}
.apply_form_down .card_benefit > dl > dd .benefit01::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 16px;
    width: 56px;
    height: 56px;
    background-image: url("../../images/webhome2/card/ico_discount_56.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .card_benefit > dl > dd .benefit02::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 16px;
    width: 56px;
    height: 56px;
    background-image: url("../../images/webhome2/card/ico_pc_card3_56.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .card_benefit > dl > dd .benefit03::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 16px;
    width: 56px;
    height: 56px;
    background-image: url("../../images/webhome2/card/ico_pc_free_56.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .card_benefit > dl > dd .benefit04::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 16px;
    width: 56px;
    height: 56px;
    background-image: url("../../images/webhome2/card/ico_pc_park_56.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .card_benefit > dl > dd .benefit05::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 16px;
    width: 56px;
    height: 56px;
    background-image: url("../../images/webhome2/card/ico_pc_reward_56.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .card_benefit > dl > dd .benefit06::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 16px;
    width: 56px;
    height: 56px;
    background-image: url("../../images/webhome2/card/ico_pc_event_56.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .card_benefit > dl .txt {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_down .card_benefit .add_benefit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 24px;
    width: 100%;
    height: 128px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.apply_form_down .card_benefit .add_benefit > div {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.apply_form_down .card_benefit .add_benefit > div dl {
    position: relative;
}
.apply_form_down .card_benefit .add_benefit > div dl > dt {
    font-size: 15px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_down .card_benefit .add_benefit > div dl > dd {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.apply_form_down .card_benefit .add_benefit > div.hpoint dl {
    padding-left: 88px;
}
.apply_form_down .card_benefit .add_benefit > div.hpoint dl::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 20px;
    width: 68px;
    height: 78px;
    background-image: url("../../images/webhome2/card/logo_happypoint_card.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.apply_form_down .card_benefit .add_benefit > div.oilbank dl {
    padding-left: 155px;
}
.apply_form_down .card_benefit .add_benefit > div.oilbank dl::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 20px;
    width: 135px;
    height: 58px;
    background-image: url("../../images/webhome2/card/logo_oilbank_card.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}

/* 법인카드 */
.co_card {
    min-height: 600px;
}
.co_card .txt_desc_wrap > p + p {
    margin-top: 8px;
}
.co_card.full {
    width: 1440px;
}
.co_card h4.tit {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card h4.tit + .txt_desc {
    margin-bottom: 20px;
}
.co_card .top_notice {
    margin-bottom: 20px;
}
.co_card .search_condition.top_line {
    border-top: 1px solid #EAEBEA;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 0;
}
.co_card .search_condition.multi_sec .input_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;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.co_card .search_condition.multi_sec .input_wrap > div {
    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;
}
.co_card .search_condition.multi_sec .input_wrap > div > div + div {
    margin-left: 8px;
}
.co_card .search_condition.multi_sec .input_wrap > div:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.co_card .search_condition.multi_sec .input_wrap > div:nth-child(2) {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1 auto;
       -moz-box-flex: 3;
        -ms-flex: 3 1 auto;
            flex: 3 1 auto;
}
.co_card .search_condition.multi_sec .input_wrap > div:nth-child(3) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.co_card .search_condition.multi_sec .input_wrap > div .sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    padding: 0 41px 0 15px;
    line-height: 41px;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
}
.co_card .search_condition.multi_sec .input_wrap > div .sel_wrap .ui-select-button {
    padding: 0 42px 0 16px;
}
.co_card .search_condition.multi_sec .input_wrap > div > span {
    margin: 12px 0 0 6px;
}
.co_card .search_condition.multi_sec .input_wrap > div .input > input {
    height: 44px;
    padding: 0 16px;
}
.co_card .search_condition.multi_sec .input_wrap > div .input > input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .search_condition.multi_sec .input_wrap > div .input > input:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .search_condition.multi_sec .input_wrap > div .input > input::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .search_condition.multi_sec .input_wrap > div .input > input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .search_condition.multi_sec .input_wrap > div .input > input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .search_condition.multi_sec .input_wrap > div .input + .btn_wrap {
    margin-left: 8px;
}
.co_card .search_condition.multi_sec .input_wrap > div .input + .btn_wrap .btn {
    padding: 12px 27px;
}
.co_card .search_condition.multi_sec .input_wrap > div .type_txt > label,
.co_card .search_condition.multi_sec .input_wrap > div .type_txt .sbtn {
    width: 61px;
    height: auto;
    padding: 10px 0;
    border: 1px solid #EAEBEA;
}
.co_card .search_condition.multi_sec .input_wrap > div .type_txt > label > span,
.co_card .search_condition.multi_sec .input_wrap > div .type_txt .sbtn > span {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .search_condition.multi_sec .input_wrap > div .type_txt + .type_txt {
    margin-left: -1px;
}
.co_card .search_condition.multi_sec .input_wrap > div .type_txt.on .sbtn {
    position: relative;
    z-index: 5;
    border: 1px solid #171A19;
}
.co_card .search_condition.multi_sec .input_wrap > div .type_txt.on .sbtn > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .search_condition.multi_sec .ui-selectbox-wrap .ui-select-button .ui-select-text {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.co_card .table_wrap td p + ul {
    margin-top: 8px;
}
.co_card fieldset .form_row > dl {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.co_card fieldset .form_row .line_div .chk_wrap {
    display: block;
}
.co_card fieldset .form_row .line_div .chk_wrap + .chk_wrap {
    margin-top: 16px;
}

/* 이용안내 */
.useinfo .section {
    position: relative;
}
.useinfo .tit_wrap .txt_desc {
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .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;
}
.useinfo .notice_wrap .calendar_wrap .input_c .input_wrap input {
    width: 266px;
}
.useinfo .notice_wrap .notice_list {
    margin-top: 40px;
}
.useinfo .notice_wrap .notice_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: -12px 0 0 -12px;
}
.useinfo .notice_wrap .notice_list ul li {
    width: 268px;
    height: 170px;
    margin: 12px 0 0 12px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #EAEBEA;
}
.useinfo .notice_wrap .notice_list ul li a {
    display: block;
    padding: 28px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.useinfo .notice_wrap .notice_list ul li .tit {
    min-height: 78px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .notice_wrap .notice_list ul li .date {
    display: block;
    padding-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .notice_wrap .notice_list .no_result {
    padding: 96px 0;
    border: none;
}
.useinfo .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";
}
.useinfo .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%);
}
.useinfo .notice_wrap .board_list {
    border-top: 1px solid #171A19;
    border-bottom: 1px solid #EAEBEA;
}
.useinfo .notice_wrap .board_list .board_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #EAEBEA;
}
.useinfo .notice_wrap .board_list .board_head .tit {
    width: 90%;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .notice_wrap .board_list .board_head .date {
    margin-left: auto;
    padding-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .notice_wrap .board_list .board_body {
    padding: 64px 0;
}
.useinfo .notice_wrap .board_list + .btn_wrap {
    margin-top: 24px;
    text-align: right;
}
.useinfo .paging {
    margin-top: 40px;
}
.useinfo .tab_wrap.type_box .tabs {
    border: 1px solid #D4D6D4;
}
.useinfo .tab_wrap.type_box .tabs ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -1px 0 0 -1px;
    border: none;
}
.useinfo .tab_wrap.type_box .tabs ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 16.666667%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 16.666667%;
            flex: 1 1 16.666667%;
    border-top: 1px solid #D4D6D4;
    border-left: 1px solid #D4D6D4;
}
.useinfo .tab_wrap.type_box .tabs ul li a > span {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap.type_box .tabs ul li a:after {
    content: none;
}
.useinfo .tab_wrap.type_box .tabs ul li a .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.useinfo .tab_wrap.type_box .tabs ul li.on a > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap.type_box .tabs ul li.on a > span:after {
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    content: "";
    position: absolute;
    top: 4px;
    left: initial;
    bottom: 0;
    right: -10px;
    width: 0;
    height: 0;
}
.useinfo .tab_wrap .tab_conts.cnt07 {
    margin-top: 72px;
}
.useinfo .tab_wrap .tab_conts .input_wrap {
    width: 440px;
    margin: 0 auto 40px;
}
.useinfo .tab_wrap .tab_conts .input_wrap input.search {
    height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    padding: 0 40px 0 16px;
}
.useinfo .tab_wrap .tab_conts .input_wrap input.search::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .input_wrap input.search:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .input_wrap input.search::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .input_wrap input.search:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .input_wrap input.search::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .input_wrap .btn_wrap {
    margin: 0;
}
.useinfo .tab_wrap .tab_conts .input_wrap .btn_wrap button.btn {
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/useinfo/ico_search_44_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    background-color: unset;
    padding: 0;
    display: block;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul {
    border-top: 1px solid #171A19;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li {
    border-bottom: 1px solid #EAEBEA;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .head .head_sup {
    padding-left: 28px;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .head .head_sup .head_txt {
    display: block;
    margin-left: 0;
    padding: 4px 0;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .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: 26px 76px 26px 28px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .head a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_accordion_arrow_20_default.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.useinfo .tab_wrap .tab_conts .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("../../images/webhome2/cs/ico_question.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.useinfo .tab_wrap .tab_conts .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);
}
.useinfo .tab_wrap .tab_conts .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;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li.on .head a {
    font-weight: 700;
    color: #00815A;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li.on .head a::after {
    background-image: url("../../images/webhome2/ico_accordion_arrow_20_active.png");
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li.on .head .head_sup .head_txt {
    font-weight: 700;
    color: #00815A;
}
.useinfo .tab_wrap .tab_conts .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: 28px;
    border-top: 1px solid #EAEBEA;
    background: #F7FAF9;
}
.useinfo .tab_wrap .tab_conts .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("../../images/webhome2/cs/ico_answer.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.useinfo .tab_wrap .tab_conts .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);
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .cont .cont_txt {
    width: 930px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .cont .cont_txt a {
    color: inherit;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .cont .cont_txt .bullet_list.dot .arrow_link {
    margin-top: 3px;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap .no_result {
    padding: 64px 0;
    border: none;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap .no_result p {
    padding-top: 0;
}
.useinfo .tab_wrap .tab_conts .accordion_wrap .no_result p::before {
    content: none;
}
.useinfo .ars_guide_wrap .guide_wrap {
    width: 1110px;
    height: 176px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -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: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 24px 0 80px;
    background: #F7FAF9;
    border: 1px solid #F0F5F4;
    padding: 0 0 0 133px;
}
.useinfo .ars_guide_wrap .guide_wrap > div {
    margin-right: 96px;
}
.useinfo .ars_guide_wrap .guide_wrap > div i.ars_ico {
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("../../images/webhome2/card/ico_translate_80.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    margin: 0 auto 4px;
}
.useinfo .ars_guide_wrap .guide_wrap > div p.fs24 {
    font-size: 24px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.useinfo .ars_guide_wrap .guide_wrap > div + div p {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .ars_guide_wrap .guide_wrap > div + div .row_lay {
    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: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 8px 0 20px;
}
.useinfo .ars_guide_wrap .guide_wrap > div + div .row_lay dt {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-right: 8px;
}
.useinfo .ars_guide_wrap .guide_wrap > div + div .row_lay dd {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-right: 8px;
}
.useinfo .ars_guide_wrap .guide_wrap > div + div .row_lay dd.line {
    position: relative;
    margin-right: 16px;
}
.useinfo .ars_guide_wrap .guide_wrap > div + div .row_lay dd.line::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -8px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #D4D6D4;
}
.useinfo .ars_guide_wrap .guide_wrap > div + div .row_lay dd a {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box {
    width: 100%;
    margin-top: 12px;
    border-top: 1px solid #171A19;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box.row_lay {
    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;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box.row_lay > div {
    width: -webkit-calc(50% - 24px);
    width: -moz-calc(50% - 24px);
    width: calc(50% - 24px);
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot {
    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-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 0 0 21px 0;
    border-bottom: 1px solid #EAEBEA;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot:last-child {
    padding-bottom: 0;
    border: none;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot dt {
    width: 50%;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 20px;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot dt .fw400 {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot dd {
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: right;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot dd span.num {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    text-align: center;
    margin-right: 36px;
    font-size: 12px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    background: #727573;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot dd span.num::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    background-image: url("../../images/webhome2/card/ico_right_arrow_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    content: "";
    position: absolute;
    top: 50%;
    left: 24px;
    bottom: initial;
    right: initial;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot dd span.num:last-child {
    margin-right: 0;
}
.useinfo .ars_guide_wrap .code_guide_wrap .top_line_box dl.bd_bot dd span.num:last-child::after {
    content: unset;
}
.useinfo .table_wrap {
    margin-top: 24px;
}
.useinfo .mt20 {
    margin-top: 20px;
}
.useinfo .txt_desc03 {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .txt_desc04 {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .img_wrap {
    width: 1110px;
}
.useinfo .img_wrap img {
    width: 100%;
}
.useinfo .img_wrap.border {
    width: 1110px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #EAEBEA;
    padding: 32px 24px;
}
.useinfo .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);
}
.useinfo .cnt08 {
    margin-top: 32px;
}
.useinfo .btn_wrap a {
    display: inline-block;
    height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.useinfo .btn_wrap.bd_btn {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #EAEBEA;
    text-align: right;
}
.useinfo .btn_wrap.r_btn {
    margin-top: 24px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -58px;
}
.useinfo a.link_style {
    text-decoration: underline;
}
.useinfo .table_wrap.col table tbody td.bold {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .flex_row {
    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: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.useinfo .credit_guide_wrap .bullet_list {
    margin-top: 24px;
}
.useinfo .credit_guide_wrap ul.num_list > li {
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .credit_guide_wrap ul.num_list > li > p {
    margin-top: 16px;
}
.useinfo .credit_guide_wrap .title02 {
    margin-top: 24px;
}
.useinfo .credit_guide_wrap .title02 + p {
    margin-top: 16px;
}
.useinfo .credit_guide_wrap .title02 + p ~ p {
    margin-top: 8px;
}
.useinfo .credit_guide_wrap p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .credit_guide_wrap ul.guide_list {
    margin-top: 24px;
}
.useinfo .credit_guide_wrap ul.guide_list li {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.useinfo .credit_guide_wrap ul.guide_list li span {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.point_data_wrap .calendar_wrap {
    display: table;
    margin: 0 auto 48px;
}
.point_data_wrap .calendar_wrap .input_c .input_wrap input {
    width: 400px;
    padding: 0 16px;
}
.point_data_wrap .calendar_wrap .input_c .input_wrap input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_c .input_wrap input:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_c .input_wrap input::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_c .input_wrap input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_c .input_wrap input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_s .input_wrap input {
    width: 400px;
    padding: 0 16px;
}
.point_data_wrap .calendar_wrap .input_s .input_wrap input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_s .input_wrap input:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_s .input_wrap input::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_s .input_wrap input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .input_s .input_wrap input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .calendar_wrap .btn.black {
    width: 115px;
    text-align: center;
}
.point_data_wrap .calendar_wrap.no_footer {
    padding-bottom: 80px;
}
.point_data_wrap p.card_name {
    font-size: 24px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap p.card_name .fc_green {
    font-size: 24px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.point_data_wrap .card_summary_wrap {
    padding: 55px 0 40px;
}
.point_data_wrap .card_summary_wrap .card_summary {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.point_data_wrap .card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li p {
    margin-top: 8px;
}
.point_data_wrap .card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico24 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_luxury_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.point_data_wrap .card_summary_wrap .card_summary .summary_wrap .txt_summary .list > li .ico.ico16 {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_beauty_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.point_data_wrap .card_summary_wrap .card_summary .summary_wrap .txt_summary .list.type {
    margin-top: 30px;
}
.point_data_wrap .card_summary_wrap .card_summary .summary_wrap .txt_summary .list.type li + li {
    margin-left: 44px;
}
.point_data_wrap .more_list {
    margin: 40px auto 0;
}

/* //이용안내 */
/* 웰컴 라운지 */
.welcome {
    /* //웰컴 라운지 */
    /* 공인인증센터 */
    /* //공인인증센터 */
}
.welcome .welcome_bg_wrap {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 72px 64px 48px;
    width: 1110px;
    height: 520px;
    background-image: url("../../images/webhome2/card/img_welcome_bg.jpg");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.welcome .welcome_bg_wrap > .title_wrap .s_tit {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .welcome_bg_wrap > .title_wrap .title {
    font-size: 32px;
    font-weight: 900;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .welcome_bg_wrap > .title_wrap .desc {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 20px;
}
.welcome .welcome_bg_wrap .event_wrap {
    margin-top: 61px;
}
.welcome .welcome_bg_wrap .event_wrap .input_txt {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-bottom: 12px;
}
.welcome .welcome_bg_wrap .event_wrap .input_num_wrap {
    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: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 20px;
}
.welcome .welcome_bg_wrap .event_wrap .input_num_wrap .btn_wrap {
    margin-left: 8px;
}
.welcome .welcome_bg_wrap .event_wrap .input_num_wrap .btn_wrap .event_btn {
    padding: 14px 0;
    background: #FFFFFF;
    border: 1px solid #434545;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    width: 125px;
}
.welcome .welcome_bg_wrap .event_wrap .input_num_wrap .btn_wrap .event_btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.welcome .banner_wrap {
    width: 1110px;
}
.welcome .banner_wrap img {
    width: 100%;
}
.welcome .title01 + .bullet_list, .welcome .title01 + .table_wrap {
    margin-top: 24px;
}
.welcome .title01.border {
    padding-bottom: 12px;
    margin-bottom: 40px;
    border-bottom: 2px solid #171A19;
}
.welcome .calendar_wrap {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.welcome .calendar_wrap .input_c .input_wrap input {
    width: 220px;
}
.welcome .calendar_wrap + .no_result {
    border: none;
    padding: 120px 0;
}
.welcome .calendar_wrap + .no_result p {
    color: #9B9E9C;
}
.welcome .menu_list {
    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-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.welcome .menu_list li {
    width: 362px;
    margin-left: 12px;
}
.welcome .menu_list li:nth-child(3n+1) {
    margin-left: 0;
}
.welcome .menu_list li:nth-child(n+4) {
    margin-top: 48px;
}
.welcome .menu_list li .menu_img {
    display: block;
    width: 362px;
    height: 270px;
    text-align: center;
}
.welcome .menu_list li .menu_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.welcome .menu_list li .txt_wrap {
    margin: 24px 0 20px;
}
.welcome .menu_list li .txt_wrap .menu_name {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .menu_list li .txt_wrap .menu_name:hover {
    text-decoration: underline;
}
.welcome .menu_list li .txt_wrap .price {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 12px;
    margin-bottom: 4px;
}
.welcome .menu_list li .txt_wrap .dis_price {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .menu_list li .txt_wrap .dis_price .green {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-right: 8px;
}
.welcome .menu_list li .txt_wrap .dis_price .green > span {
    font-size: 18px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .menu_list li .btn_wrap.solo {
    margin-top: 20px;
}
.welcome .menu_list li .btn_wrap.solo a {
    text-align: center;
}
.welcome .paging {
    margin-top: 40px;
}
.welcome .menu_detail_wrap .menu_info_wrap {
    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: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.welcome .menu_detail_wrap .menu_info_wrap .menu_img {
    width: 335px;
    min-width: 335px;
    height: 250px;
    text-align: center;
}
.welcome .menu_detail_wrap .menu_info_wrap .menu_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.welcome .menu_detail_wrap .menu_info_wrap .menu_img + .table_wrap {
    margin-left: 40px;
    width: 100%;
}
.welcome .menu_detail_wrap .menu_info_wrap .table_wrap td .bullet_list li {
    color: #171A19;
}
.welcome .menu_detail_wrap .menu_info_wrap .table_wrap td .bullet_list li a {
    text-decoration: underline;
}
.welcome .menu_detail_wrap .menu_info_wrap .table_wrap td dl {
    margin-top: 20px;
}
.welcome .menu_detail_wrap .menu_info_wrap .table_wrap td dl dt {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .menu_detail_wrap .menu_info_wrap .table_wrap td dl dd {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .table_wrap td .sel_wrap {
    margin: 0 auto;
    height: 44px;
}
.welcome .table_wrap td .sel_wrap .ui-selectbox-wrap .ui-select-button {
    line-height: 44px;
    height: 44px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.welcome .table_wrap td .sel_wrap .ui-selectbox-wrap .ui-select-button .ui-select-text {
    font-size: 14px;
}
.welcome .table_wrap td .sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    line-height: 42px;
}
.welcome .button_area.ty02 a {
    margin: 0 4px;
}
.welcome .button_area a.border2 {
    border: 2px solid #171A19;
    line-height: 56px;
}
.welcome .pay_wrap .apply_form_wrap .form_row .sms_wrap {
    margin-top: 20px;
}
.welcome .pay_wrap .apply_form_wrap .form_row .pass_wrap {
    margin-top: 32px;
}
.welcome .pay_wrap .apply_form_wrap .form_row .pass_wrap + .input_wrap > .input input {
    -webkit-text-security: disc;
}
.welcome .pay_wrap .apply_form_wrap .form_row .pay_agree {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 32px 24px;
    background: #F7FAF9;
    border: 1px solid #F0F5F4;
    margin-bottom: 20px;
}
.welcome .pay_wrap .apply_form_wrap .form_row .pay_agree .bullet_list {
    margin: 0;
}
.welcome .pay_wrap .title01.border02 {
    margin-bottom: 20px;
    border-bottom: 2px solid #171A19;
    padding-bottom: 12px;
}
.welcome .pay_wrap .title01 + .bullet_list {
    margin: 0;
}
.welcome .top_date_wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #171A19;
}
.welcome .top_date_wrap + .no_result {
    border-top: none;
}
.welcome .top_date_wrap + .no_result > .no_ico {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .top_date_wrap .calendar_wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
}
.welcome .top_date_wrap .calendar_wrap > div + div {
    margin-left: 24px;
}
.welcome .top_date_wrap .calendar_wrap .txt {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-right: 6px;
}
.welcome .top_date_wrap .calendar_wrap .wave {
    margin: 0 6px 0 12px;
}
.welcome .top_date_wrap .calendar_wrap .input_c .input_wrap input {
    width: 180px;
}
.welcome .top_date_wrap .calendar_wrap .input_c .input_wrap.ty02 input {
    width: 174px;
}
.welcome .buy_history_list > li {
    padding: 20px;
    border-bottom: 1px solid #EAEBEA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.welcome .buy_history_list > li strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .buy_history_list > li span.data_txt {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .buy_history_list > li .price {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-left: 8px;
}
.welcome .buy_history_list > li .row {
    margin: 4px 0 8px;
    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;
}
.welcome .buy_history_list > li .row > li + li::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #D4D6D4;
    margin-right: 8px;
    margin-left: 8px;
}
.welcome .buy_history_list > li .row > li > span.data_txt {
    display: inline-block;
}
.welcome .buy_history_list > li .row > li > span.data_txt + span.data_txt {
    margin-left: 4px;
}
.welcome .buy_history_list > li .btn_wrap button {
    min-width: 96px;
}
.welcome .certificate_guide_wrap {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 0;
    background: #F7FAF9;
    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;
    margin-top: 24px;
}
.welcome .certificate_guide_wrap .col {
    width: 50%;
}
.welcome .certificate_guide_wrap .col:first-child {
    position: relative;
}
.welcome .certificate_guide_wrap .col:first-child::after {
    content: "";
    display: block;
    position: absolute;
    top: 52px;
    right: 0;
    width: 24px;
    height: 16px;
    background-image: url("../../images/webhome2/card/ico_right_arrow_24_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.welcome .certificate_guide_wrap .col .ico {
    display: block;
    margin: 0 auto 32px;
}
.welcome .certificate_guide_wrap .col .ico.ico01 {
    width: 120px;
    height: 120px;
    background-image: url("../../images/webhome2/card/ico_certificate_guide01.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.welcome .certificate_guide_wrap .col .ico.ico02 {
    width: 120px;
    height: 120px;
    background-image: url("../../images/webhome2/card/ico_certificate_guide02.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.welcome .certificate_guide_wrap .col .guide_list {
    display: table;
    margin: 0 auto;
}
.welcome .certificate_guide_wrap .col .guide_list > li {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.welcome .certificate_guide_wrap .col .guide_list > li .num {
    position: relative;
    display: inline-block;
    background: #9B9E9C;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    font-size: 12px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
    margin-right: 10px;
    letter-spacing: -0.3px;
}
.welcome .certificate_guide_wrap .col .guide_list > li + li {
    margin-top: 16px;
}

/* 레이어 컨텐츠 */
.lay_pop .lay_conts.no_delivery > .table_wrap {
    margin-top: 24px;
}
.lay_pop .lay_conts.no_delivery .bullet_list {
    margin-top: 24px;
}
.lay_pop .lay_conts.recommender_search .txt {
    padding: 24px 0 40px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.recommender_search dl > dt {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.recommender_search dl + dl {
    margin-top: 28px;
}
.lay_pop .lay_conts.recommender_search dl > dd .input_wrap .btn {
    width: 125px;
    margin-left: 8px;
}
.lay_pop .lay_conts.recommender_search dl > dd ul li {
    position: relative;
    padding: 20px 0;
}
.lay_pop .lay_conts.recommender_search dl > dd ul li:first-child {
    padding: 16px 0 20px;
}
.lay_pop .lay_conts.recommender_search dl > dd ul li:first-child .btn_wrap {
    -webkit-transform: translateY(-76%);
       -moz-transform: translateY(-76%);
        -ms-transform: translateY(-76%);
            transform: translateY(-76%);
}
.lay_pop .lay_conts.recommender_search dl > dd ul li + li {
    border-top: 1px solid #EAEBEA;
}
.lay_pop .lay_conts.recommender_search dl > dd ul li .btn_wrap {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.lay_pop .lay_conts.terms .top_txt {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.terms > dl {
    margin-top: 40px;
}
.lay_pop .lay_conts.terms > dl > dt {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.terms > dl > dd {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.suitable {
    padding-top: 24px;
    padding-bottom: 6px;
}
.lay_pop .lay_conts.suitable .whether {
    text-align: center;
}
.lay_pop .lay_conts.suitable .whether > dt {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.suitable .whether > dt::before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 8px;
    margin-left: auto;
    vertical-align: top;
    display: block;
    width: 68px;
    height: 68px;
    background-image: url("../../images/webhome2/card/ico_pc_suitable_68.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.lay_pop .lay_conts.suitable .whether > dd {
    margin-top: 4px;
    font-size: 22px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.suitable .whether.inadequate > dt::before {
    background-image: url("../../images/webhome2/card/ico_pc_no_suitable_68.png");
}
.lay_pop .lay_conts.suitable .whether.inadequate > dd {
    color: #EB3912;
}
.lay_pop .lay_conts.suitable .detail {
    margin-top: 30px;
    padding: 20px 24px;
    background-color: #F7FAF9;
    border: 1px solid #F0F5F4;
}
.lay_pop .lay_conts.suitable .detail > dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.lay_pop .lay_conts.suitable .detail > dl + dl {
    margin-top: 8px;
}
.lay_pop .lay_conts.suitable .detail > dl > dt {
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.suitable .detail > dl > dd {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.suitable .bullet_list {
    margin-top: 12px;
}
.lay_pop .lay_conts.suitable .btm_table button {
    position: relative;
    z-index: 1;
}
.lay_pop .lay_conts.suitable .btm_table + .bullet_list {
    margin-top: -26px;
}
.lay_pop .lay_conts.mo_card_apply {
    padding-top: 24px;
    overflow: hidden;
}
.lay_pop .lay_conts.mo_card_apply .detail > dl > dt {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.mo_card_apply .detail > dl > dd {
    margin-top: 8px;
}
.lay_pop .lay_conts.mo_card_apply .detail > dl > dd > ol > li {
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts.mo_card_apply .button_area .btn {
    vertical-align: top;
}
.lay_pop .lay_conts.mo_card_apply .button_area .btn.border {
    border: 2px solid #171A19;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.lay_pop .lay_conts .expiration_date {
    padding-top: 24px;
}
.lay_pop .lay_conts .expiration_date > img {
    width: 364px;
    height: 256px;
}
.lay_pop .lay_conts.desk_info {
    padding-top: 24px;
}
.lay_pop .lay_conts .view_table .bullet_list {
    margin: 24px 0 40px;
}
.lay_pop .lay_conts .view_table .search_sec {
    margin-bottom: 40px;
    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;
}
.lay_pop .lay_conts .view_table .search_sec > .row_wrap {
    margin-right: 22px;
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap {
    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: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap .input {
    margin: 0 8px 0 12px;
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap .input > input {
    height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    padding: 0 16px;
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap {
    margin: 0 8px 0 12px;
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button {
    line-height: 42px;
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button .ui-select-text {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap .btn_wrap {
    margin-left: 12px;
}
.lay_pop .lay_conts .view_table .search_sec .row_wrap .btn_wrap .btn {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    padding: 11px 27px;
}
.lay_pop .lay_conts .view_table .table_wrap + .table_wrap {
    margin-top: 40px;
}
.lay_pop .lay_conts .guide_txt_wrap {
    padding: 24px 0 45px;
}
.lay_pop .lay_conts .guide_txt_wrap > p:first-child {
    font-size: 18px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts .guide_txt_wrap > p + p {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_conts .bot_row_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.lay_pop .lay_conts .bot_row_wrap .btn_wrap .sbtn {
    width: 96px;
}
.lay_pop .lay_conts .card_scroll_wrap {
    padding-top: 24px;
    padding-bottom: 20px;
    overflow-x: auto;
}
.lay_pop .lay_conts .card_scroll_wrap .w1440 {
    width: 1440px;
}
/*# sourceMappingURL=maps/card.css.map */


/* 2023-03-28 추가 [S] */

.apply_form_wrap form .form_row > dl.area_ars, .apply_form_wrap .form .form_row > dl.area_ars{
    display: none;
}

.apply_form_wrap form .form_row > dl.area_ars.active, .apply_form_wrap .form .form_row > dl.area_ars.active{
    display: flex;
}

.flex-start{
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    justify-content: flex-start;
}

.form_row .ico_required.align-start{
    align-self: flex-start;
}

.btn_excl{ 
    display: block;
    width: 20px; 
    height: 20px; 
    background:url(../../images/webhome2/card/ico_excl.png) no-repeat 50% 50%; 
    background-size: 100% 100%; 
    margin-left: 5px; 
    cursor: pointer;
} 
.btn_ars{
    display: flex;  /* 2023-04-19 수정 */
    width: 99px; 
    height: 35px; 
    color:#fff; 
    font-weight: 700; 
    font-size: 16.5px; 
    line-height: 1; 
    flex-direction: row; 
    align-items: center; 
    justify-content: center; 
    background-color: 
    #51a6b3; text-indent: 0;  
    cursor: pointer;
}

.btn_ars:disabled{
    background-color: #6666;
}
.btn_ars:hover{
    text-decoration: none;
}
.layer_dimd {
    display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.6);
     z-index: 9999;
}
.layer_dimd.active {
    display: block;
}
.layer_dimd .layer_wrap {
    display: none;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 415px;
     padding: 38px 40px 48px;
     background-color: #fff;
     transform: translate(-50%,-50%);
}
.layer_dimd .layer_wrap.active {
    display: block;
}
.layer_dimd .layer_wrap.layer_ars .layer_contents{
    margin-top: 30px;
}
.layer_dimd .layer_wrap .layer_contents{
    text-align: center;
}
.layer_dimd .layer_wrap .layer_contents .paragraph {
     color: #333333;
     font-weight: 700;
    font-size: 18px;
     line-height: 1.2;
     margin-bottom: 40px;
}
.layer_dimd .layer_wrap .layer_contents .paragraph .highlite{
    color: #657492;
    font-weight: 700;
}
.layer_dimd .layer_wrap h3{
    font-size: 28px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    border-bottom: 2px solid #171A19;
    padding-bottom: 5px;
}
.layer_dimd .layer_ars .layer_btn{
     display: flex;
     width: 172px;
     height: 43px;
     margin: 0 auto;
     color: #fff;
    font-size: 15px;
     line-height: 1;
     text-indent: 0;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     background-color: #db1b1b;
}
.layer_dimd .layer_ars .img_ars {
    width: 70px;
     height: 70px;
     margin: 0 auto 20px auto;
     text-align: center;
}
.layer_dimd .btn_closed {
     position: absolute;
    top:36px;
    right:33px;
    width:32px;
    height:32px;
     font-size: 0;
    background:url("../../images/webhome2/ico_close_32_black.png") no-repeat 0 0;
    background-size: 100% 100%;
      cursor: pointer;
}
.layer_dimd .hyphens{
    margin-top: 40px;
}
.layer_dimd .hyphens li {
    position: relative;
     color: #666;
     font-size: 18px;
     line-height: 26.5px;
     text-align: left;
     padding-left: 13px;
}
.layer_dimd .hyphens li::before {
     position: absolute;
     top: 0;
     left: 0;
    content: '-';
 }
/* 2023-03-28 추가 [E] */