@charset "UTF-8";
/* PC는 운영고도화 개념이므로 AS-IS에 최대한 맞춰서 작성할 것(디자인이 AS-IS이므로) */
.new_type.card_sub {
    /* 공통 */
    /* 가족카드 안내 */
    /* 공통 */
    /* 웰컴라운지 */
    /* 이용안내 */
    /* 법인카드 */
}
.new_type.card_sub .paging > a,
.new_type.card_sub .paging > strong {
    width: 18px;
}
.new_type.card_sub .paging > a > img,
.new_type.card_sub .paging > strong > img {
    width: 100%;
}
.new_type.card_sub .sel_wrap .ui-selectbox-wrap .ui-select-button .ui-select-text {
    text-align: left;
    line-height: 42px;
    font-size: 14px;
}
.new_type.card_sub .tel_terms_thdi {
    padding: 32px 0;
}
.new_type.card_sub .tel_terms_thdi .tit {
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EAEBEA;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .tel_terms_thdi dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.new_type.card_sub .tel_terms_thdi dl dt {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .tel_terms_thdi dl dt > a {
    display: inline-block;
    margin-left: 12px;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .tel_terms_thdi dl dd .rdo_wrap + .rdo_wrap {
    margin-left: 42px;
}
.new_type.card_sub .tel_terms_thdi dl + dl {
    margin-top: 16px;
}
.new_type.card_sub .main_card > ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.new_type.card_sub .main_card > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    width: 549px;
    height: 210px;
}
.new_type.card_sub .main_card > ul > li .card_choice {
    width: 100%;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap {
    width: 100%;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    width: 100%;
    height: 100%;
    padding: 32px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label:before {
    content: none;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label .img {
    width: 240px;
    height: 146px;
    margin-right: 16px;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label .img > img {
    width: 100%;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label .info {
    position: relative;
    height: 100%;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label .info dl {
    margin-top: 16px;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label .info dl dt {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label .info dl dd {
    text-align: left;
}
.new_type.card_sub .main_card > ul > li .card_choice .rdo_wrap label .info dl dd .btn_wrap {
    top: initial;
    left: 0;
    bottom: 0;
}
.new_type.card_sub .main_card > ul > li:nth-child(n+3) {
    margin-top: 12px;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.certification label.c06::before {
    background-image: url("../../images/webhome2/card/ico_simple_authentication_32.png") !important;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice.img_type label:before {
    content: none;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice.img_type label img {
    width: 155px;
    height: 92px;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label.card01::before {
    background-image: url("../../images/webhome2/card/img_hd_card_check.png");
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label.card02::before {
    background-image: url("../../images/webhome2/card/img_green_card_check.png");
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap {
    width: 100%;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap input:checked + label {
    border: 1px solid #171A19;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap label {
    position: relative;
    display: block;
    width: 100%;
    padding: 45px 64px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #EAEBEA;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap label > dl dt {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap label > dl dd {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap label:before {
    content: "";
    position: absolute;
    top: 0;
    left: initial;
    bottom: 0;
    right: 0;
    width: 384px;
    height: 140px;
    -moz-background-size: cover;
         background-size: cover;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap label.card03::before {
    background-image: url("../../images/webhome2/card/bg_choice_card_mobile.png");
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap label.card04::before {
    background-image: url("../../images/webhome2/card/bg_choice_card_real.png");
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl > dd .input_wrap.card_type_choice .rdo_wrap + .rdo_wrap {
    margin-top: 12px;
    margin-left: 0;
}
.new_type.card_sub .apply_form_wrap .form .form_row > dl + .form_row {
    margin-top: 24px;
}
.new_type.card_sub .apply_form_wrap .form .form_row #gain_class {
    display: block;
}
.new_type.card_sub .apply_form_wrap .form .form_row + .form_row {
    margin-top: 24px;
}
.new_type.card_sub .apply_form_wrap .form .form_row .credit_score {
    position: relative;
}
.new_type.card_sub .apply_form_wrap .form .form_row .credit_score .btn_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.new_type.card_sub .apply_form_wrap .form .form_row .credit_score .btn_wrap .btn {
    width: 163px;
    height: auto !important;
    padding: 5px 0 !important;
}
.new_type.card_sub .apply_form_wrap .form .form_row .credit_score .prd_info_wrap .prd_info {
    position: relative;
    display: block;
}
.new_type.card_sub .apply_form_wrap .form .form_row .credit_score .prd_info_wrap .prd_info .sub_txt {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .apply_form_wrap .form .form_row .credit_score .prd_info_wrap .prd_info .arrow_link {
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.new_type.card_sub .apply_form_wrap .form .form_row .credit_score .prd_info_wrap .prd_info + .prd_info {
    margin-top: 24px;
}
.new_type.card_sub .apply_form_wrap .form .form_row .name_type {
    margin-top: 16px;
}
.new_type.card_sub .apply_form_wrap .form .form_row .info_view_wrap {
    margin-top: 24px;
    padding: 32px 24px;
    border: 1px solid #eaebea;
    background-color: #F7F7F7;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.new_type.card_sub .apply_form_wrap .form .form_row .info_view_wrap p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .apply_form_wrap .form .form_row .identity_wrap .identity .input_wrap .chk_wrap {
    margin-left: 8px;
}
.new_type.card_sub .apply_form_wrap .form .form_row .identity_wrap .identity.foreiner {
    background-image: url("../../images/webhome2/card/img_pc_foreiner_card.png");
}
.new_type.card_sub .apply_form_wrap .form.btm_line {
    padding-bottom: 40px;
    border-bottom: 1px solid #EAEBEA;
}
.new_type.card_sub .f_card_info .certification {
    margin-top: 24px;
}
.new_type.card_sub .f_card_info .certification .rdo_wrap + .rdo_wrap {
    margin-left: 8px;
}
.new_type.card_sub .f_card_info .certification .rdo_wrap input:checked + label {
    border: 1px solid #171A19;
}
.new_type.card_sub .f_card_info .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;
}
.new_type.card_sub .f_card_info .certification label > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .f_card_info .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;
}
.new_type.card_sub .f_card_info .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;
}
.new_type.card_sub .f_card_info .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;
}
.new_type.card_sub .f_card_info .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;
}
.new_type.card_sub .f_card_info .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;
}
.new_type.card_sub .f_card_info .certification label.c06::before {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_simple_authentication_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.new_type.card_sub .f_card_info .bullet_list {
    margin-top: 24px;
}
.new_type.card_sub .f_card_info .bullet_list > li {
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .family_issue_wrap.type01 {
    margin-bottom: 40px;
    padding-bottom: 0;
    border-bottom: none;
}
.new_type.card_sub .family_issue_wrap.type02 {
    margin-bottom: 0;
    padding-bottom: 39px;
    border-bottom: 1px solid #eaebea;
}
.new_type.card_sub .family_issue_wrap.type02 .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0px;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    -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;
}
.new_type.card_sub .family_issue_wrap.type02 .header > p {
    width: 100%;
}
.new_type.card_sub .family_issue_wrap.type02 .header .btn_wrap {
    position: static;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.new_type.card_sub .family_issue_wrap.type02 .header .btn_wrap button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    height: 52px;
    border: 1px solid #434545;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.new_type.card_sub .family_issue_wrap.type02 .header .btn_wrap button::before {
    content: none;
}
.new_type.card_sub .family_issue_wrap.type02 .header .btn_wrap button > span {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    -webkit-clip-path: unset;
            clip-path: unset;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.25px;
    text-align: center;
    color: #434545;
}
.new_type.card_sub .family_info_sec > dl > dd .input_wrap .input + .btn {
    margin-left: 8px;
}
.new_type.card_sub .family_info_sec > dl > dd .input_wrap .btn {
    min-width: 125px;
    height: 52px;
    padding: 0 19px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
}
.new_type.card_sub .family_info_sec > dl > dd .input_wrap + .input_wrap {
    margin-top: 8px;
}
.new_type.card_sub .tb_type1 {
    padding-bottom: 0;
}
.new_type.card_sub .tb_type1 tr.head .family_info_sec {
    margin: 0;
    margin-bottom: 40px;
    border-top: none;
}
.new_type.card_sub .tb_type1 .name_type {
    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-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
    gap: 8px;
}
.new_type.card_sub .tb_type1 .name_type .rdo_wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
}
.new_type.card_sub .tb_type1 tr th {
    padding-top: 14px;
}
.new_type.card_sub .tb_type1 tr td .input_wrap + .bullet_list {
    margin-top: 20px;
}
.new_type.card_sub .tb_type1 tr td .input_wrap.img_type label:before {
    content: none;
}
.new_type.card_sub .tb_type1 tr td .input_wrap.img_type label img {
    width: 155px;
    height: 92px;
}
.new_type.card_sub .tb_type1 tr.dl th {
    padding-top: 56px;
}
.new_type.card_sub .tb_type1 tr.dl + .dl th {
    padding-top: 38px;
}
.new_type.card_sub .tb_type1 tr.btm_line th, .new_type.card_sub .tb_type1 tr.btm_line td {
    padding-bottom: 40px;
    border-bottom: 1px solid #EAEBEA;
}
.new_type.card_sub .complete_wrap .ico02 {
    background-image: url("../../images/webhome2/ico_complete_120.png");
}
.new_type.card_sub .button_area .btn.dis {
    border: 1px solid #D4D6D4 !important;
    background-color: #D4D6D4 !important;
    pointer-events: none;
}
.new_type.card_sub .button_area .btn.dis > span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 60px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub .button_area .btn > span {
    line-height: 60px;
}
.new_type.card_sub.welcome .welcome_bg_wrap {
    height: 560px;
    padding: 56px 64px 0;
}
.new_type.card_sub.welcome .welcome_bg_wrap .title_wrap > .btn_wrap {
    margin-top: 20px;
}
.new_type.card_sub.welcome .welcome_bg_wrap .title_wrap > .btn_wrap .linkbtn {
    width: 209px;
}
.new_type.card_sub.welcome .welcome_bg_wrap .event_wrap {
    margin-top: 48px;
}
.new_type.card_sub.welcome .ly_row_box {
    margin-top: 16px;
}
.new_type.card_sub.welcome .buy_history_list span.data_txt.cancel {
    color: #EB3912;
}
.new_type.card_sub.welcome .bullet_list .f16 {
    font-size: 16px;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul {
    border-top: none;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li {
    border-bottom: 1px solid #F7FAF9;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .head a {
    padding: 0 0 24px;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .head a:after {
    background-image: url("../../images/webhome2/ico_dropdown_20.png");
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .cont {
    display: block;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .cont .img_wrap.border {
    width: 100%;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li .cont .flex_row .btn_wrap .sbtn {
    background-color: transparent;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .accordion_wrap > ul > li.on .head a:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .table_wrap table tbody td {
    background-color: transparent;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .table_wrap .bullet_list {
    margin-top: 8px;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .stxt {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .notice_usage dl + dl {
    margin-top: 16px;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .notice_usage dl dt {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .notice_usage dl dd {
    margin-top: 8px;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .notice_usage dl dd .bullet_list {
    margin-top: 0;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .notice_usage dl dd .bullet_list > li {
    color: #727573;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .credit_guide_wrap .notice_usage dl dd .bullet_list + .arrow_link {
    margin-top: 4px;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .disclosure_wrap .table_wrap th.al_left {
    padding-left: 20px;
    text-align: left;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .disclosure_wrap .table_wrap td .t_under {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .disclosure_wrap .table_wrap td.util {
    position: relative;
    border-left: 1px solid transparent;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .disclosure_wrap .table_wrap td.util .btn_arrow {
    position: absolute;
    display: block;
    width: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    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;
}
.new_type.card_sub.useinfo .tab_wrap .tab_conts .disclosure_wrap .table_wrap td.util .btn_arrow span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.new_type.card_sub.co_card .tit {
    position: relative;
}
.new_type.card_sub.co_card .tit.btm_line {
    margin-bottom: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #171A19;
}
.new_type.card_sub.co_card .tit + .payment_history {
    margin-top: 0;
}
.new_type.card_sub.co_card .input_wrap .input + .btn {
    width: 125px;
    height: 52px;
    padding: 0 19px;
    margin-left: 8px;
}
.new_type.card_sub.co_card .input_wrap + .input_wrap {
    margin-top: 8px;
}
.new_type.card_sub.co_card .input_wrap + .sel_wrap {
    margin-top: 8px;
}
.new_type.card_sub.co_card .input_wrap.certification {
    margin-top: 24px;
}
.new_type.card_sub.co_card .input_wrap.certification .rdo_wrap + .rdo_wrap {
    margin-left: 8px;
}
.new_type.card_sub.co_card .input_wrap.certification .rdo_wrap input:checked + label {
    border: 1px solid #171A19;
}
.new_type.card_sub.co_card .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;
}
.new_type.card_sub.co_card .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";
}
.new_type.card_sub.co_card .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;
}
.new_type.card_sub.co_card .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;
}
.new_type.card_sub.co_card .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;
}
.new_type.card_sub.co_card .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;
}
.new_type.card_sub.co_card .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;
}
.new_type.card_sub.co_card .input_wrap.certification label.c06::before {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/card/ico_simple_authentication_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.new_type.lay_pop .lay_conts.recommender_search .result_view {
    padding: 32px 0;
    text-align: center;
    border: 1px solid #F7F7F7;
    background-color: #F7F7F7;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.new_type.lay_pop .lay_conts.recommender_search .result_view p {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.terms_agreement {
    padding-top: 24px;
}
.new_type.lay_pop .lay_conts.terms_agreement .txt {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.terms_agreement .form {
    margin-top: 24px;
}
.new_type.lay_pop .lay_conts.terms_agreement .all_check {
    padding: 16px 0;
    border-bottom: 1px solid #EAEBEA;
}
.new_type.lay_pop .lay_conts.terms_agreement .check_wrap {
    margin-top: 16px;
}
.new_type.lay_pop .lay_conts.terms_agreement .check_wrap .chk_wrap + .chk_wrap {
    margin-top: 24px;
}
.new_type.lay_pop .lay_conts.terms_agreement .chk_wrap {
    display: block;
}
.new_type.lay_pop .lay_conts.terms_agreement .chk_wrap label {
    display: block;
    margin-top: 1px;
}
.new_type.lay_pop .lay_conts.terms_agreement .chk_wrap label span {
    display: inline-block;
    width: 162px;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.terms_agreement .chk_wrap label span.sub {
    width: -webkit-calc(100% - 165px);
    width: -moz-calc(100% - 165px);
    width: calc(100% - 165px);
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.terms_agreement .chk_wrap input:checked + .empty:before {
    background-image: url("../../images/webhome2/ico_check_disable_24.png");
}
.new_type.lay_pop .lay_conts.terms_agreement .button_area > .btn {
    width: 270px;
}
.new_type.lay_pop .lay_conts.rectal_search {
    overflow-x: hidden;
}
.new_type.lay_pop .lay_conts.rectal_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";
}
.new_type.lay_pop .lay_conts.rectal_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";
}
.new_type.lay_pop .lay_conts.rectal_search dl + dl {
    margin-top: 28px;
}
.new_type.lay_pop .lay_conts.rectal_search dl > dd .input_wrap .btn {
    width: 125px;
    margin-left: 8px;
}
.new_type.lay_pop .lay_conts.rectal_search dl > dd ul li {
    position: relative;
    padding: 20px 0;
}
.new_type.lay_pop .lay_conts.rectal_search dl > dd ul li:first-child {
    padding: 16px 0 20px;
}
.new_type.lay_pop .lay_conts.rectal_search dl > dd ul li:first-child .btn_wrap {
    -webkit-transform: translateY(-76%);
       -moz-transform: translateY(-76%);
        -ms-transform: translateY(-76%);
            transform: translateY(-76%);
}
.new_type.lay_pop .lay_conts.rectal_search dl > dd ul li + li {
    border-top: 1px solid #EAEBEA;
}
.new_type.lay_pop .lay_conts.rectal_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%);
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap {
    padding-top: 28px;
    padding-bottom: 28px;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap .rdo_wrap label {
    display: block;
    outline: none;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap .rdo_wrap label > dl > dt span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap .rdo_wrap label > dl > dd p {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap .rdo_wrap + .rdo_wrap {
    margin-top: 24px;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data {
    position: relative;
    padding-top: 60px;
    padding-bottom: 80px;
    text-align: center;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data .txt {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data .btn_wrap {
    margin-top: 12px;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data .btn_wrap + .input_wrap {
    margin-top: 28px;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data .btn_wrap.on button {
    border-color: #00815A;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data .btn_wrap.on button > span {
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data .input_wrap {
    display: none;
}
.new_type.lay_pop .lay_conts.rectal_search .result_wrap.no_data .input_wrap.on {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
}
.new_type.lay_pop .lay_conts .popup_terms {
    min-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
.new_type.lay_pop .lay_conts.suitable .table_wrap.col table {
    table-layout: fixed;
}
.new_type.lay_pop .lay_conts.suitable .table_wrap.col table tbody td,
.new_type.lay_pop .lay_conts.suitable .table_wrap.col table tfoot td {
    padding: 20px 16px;
}

.lay_conts .paging > a,
.lay_conts .paging > strong {
    width: 18px;
}
.lay_conts .paging > a > img,
.lay_conts .paging > strong > img {
    width: 100%;
}

/* 이하 As-is */
* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Happiness-Sans", "Noto Sans", Arial, dotum, "sans-serif";
    -webkit-text-size-adjust: none;
}

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

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

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

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

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

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

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

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

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

/* //기본폰트정의 */
/* 레이아웃 */
#contents {
    width: 100%;
    min-height: 500px;
    padding-top: 70px;
    padding-bottom: 160px;
}
#contents .conts .max {
    position: relative;
    max-width: 1920px;
    min-width: 1440px;
    margin: 0 auto;
}
#contents .conts .min {
    position: relative;
    width: 1440px;
    margin: 0 auto;
}
#contents .conts .no_side {
    width: 1198px;
    margin: 70px auto 0;
}

/* //레이아웃 */
/* 서브 레이아웃 */
.conts > .side {
    position: relative;
    width: 1440px;
    margin: 0 auto;
}
.conts > .side::after {
    content: "";
    display: block;
    clear: both;
}
.conts .side_conts {
    float: left;
    width: 1110px;
    min-height: 200px;
}
.conts .aside {
    float: right;
    width: 190px;
    padding-top: 9px;
}
.conts .aside .stit {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.conts .aside .stit + h2 {
    margin-top: 4px;
}
.conts .aside > h2 {
    padding-bottom: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    letter-spacing: -1.5px;
    border-bottom: 2px solid #171A19;
}
.conts .aside a {
    display: inline-block;
    -webkit-transform: rotate(0.05deg);
       -moz-transform: rotate(0.05deg);
        -ms-transform: rotate(0.05deg);
            transform: rotate(0.05deg);
    position: relative;
}
.conts .aside a * {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.conts .aside a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-top: -1px;
    margin-left: -4px;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_pc_link_24_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -moz-background-size: 24px auto;
         background-size: 24px auto;
    vertical-align: middle;
}
.conts .aside .nav {
    margin-top: 20px;
}
.conts .aside .nav .depth1 > li + li {
    margin-top: 16px;
}
.conts .aside .nav .depth1 > li > .head a,
.conts .aside .nav .depth1 > li > a {
    font-size: 16px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.conts .aside .nav .depth1 > li.on > .head a,
.conts .aside .nav .depth1 > li.on > a,
.conts .aside .nav .depth1 > li.current > .head a,
.conts .aside .nav .depth1 > li.current > a {
    color: #171A19;
}
.conts .aside .nav .depth2 {
    margin-top: 16px;
    padding-left: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #EAEBEA;
}
.conts .aside .nav .depth2 > li + li {
    margin-top: 10px;
}
.conts .aside .nav .depth2 > li {
    position: relative;
}
.conts .aside .nav .depth2 > li > .head a,
.conts .aside .nav .depth2 > li > a {
    font-size: 14px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    -webkit-transform: rotate(0.05deg);
       -moz-transform: rotate(0.05deg);
        -ms-transform: rotate(0.05deg);
            transform: rotate(0.05deg);
}
.conts .aside .nav .depth2 > li.on > .head a,
.conts .aside .nav .depth2 > li.on > a,
.conts .aside .nav .depth2 > li.current > .head a,
.conts .aside .nav .depth2 > li.current > a {
    color: #171A19;
}
.conts .aside .nav .depth2 > li.current::after {
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 #171A19 transparent transparent;
}
.conts .aside .nav .depth3 {
    margin-top: 10px;
    padding-left: 8px;
}
.conts .aside .nav .depth3 > li + li {
    margin-top: 4px;
}
.conts .aside .nav .depth3 > li > .head a,
.conts .aside .nav .depth3 > li > a {
    font-size: 12px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.conts .aside .nav .depth3 > li.on > .head a,
.conts .aside .nav .depth3 > li.on > a,
.conts .aside .nav .depth3 > li.current > .head a,
.conts .aside .nav .depth3 > li.current > a {
    font-weight: 700;
    color: #171A19;
    text-decoration: underline;
}
.conts .aside .nav .out_link {
    display: inline-block;
    position: relative;
    padding-right: 18px;
}
.conts .aside .nav .out_link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_pc_link_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.conts .aside nav.lnb {
    margin-top: 20px;
}
.conts .aside nav.lnb > ul > li > a {
    font-size: 16px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.conts .aside nav.lnb > ul > li.on > a {
    color: #171A19;
}
.conts .aside nav.lnb > ul > li + li {
    margin-top: 16px;
}

/* //서브 레이아웃 */
/* 윈도우팝업 */
#contents.win_pop {
    min-height: auto;
    padding: 0;
}

/* 카드신청 서브 레이아웃(카드 다른데서 오류나면 수정필요) */
.card .container .min {
    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;
}
.card .container .min .card_sub {
    width: 1110px;
}
.card .container .min .aside {
    position: static;
}

/* no data */
.no_result {
    padding: 120px 0;
    border: none;
}
.no_result p {
    position: relative;
    padding-top: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.no_result p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 80px;
    height: 80px;
    background-image: url("../../images/webhome2/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%);
}
.no_result p.no_ico {
    padding: 64px 0;
    font-size: 18px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.no_result p.no_ico:before {
    content: none;
}
.no_result.brd {
    border-top: 1px solid #171A19;
    border-bottom: 1px solid #EAEBEA;
}

.board_wrap .board_list {
    border-top: 1px solid #171A19;
    border-bottom: 1px solid #EAEBEA;
}
.board_wrap .board_list .board_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
    border-bottom: 1px solid #EAEBEA;
}
.board_wrap .board_list .board_head .sup {
    padding-right: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.board_wrap .board_list .board_head .tit {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.board_wrap .board_list .board_head .date {
    margin-left: auto;
    padding-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.board_wrap .board_list .board_head .info > dl {
    display: inline-block;
}
.board_wrap .board_list .board_head .info > dl > dt {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.board_wrap .board_list .board_head .info > dl > dd {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.board_wrap .board_list .board_head .info > dl + dl {
    margin-left: 20px;
}
.board_wrap .board_list .board_body {
    padding: 64px 0;
}
.board_wrap .board_list + .btn_wrap {
    margin-top: 24px;
    text-align: right;
}

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

.table_wrap.col {
    border-top: 1px solid #171A19;
}
.table_wrap.col table {
    width: 100%;
    border-collapse: collapse;
}
.table_wrap.col table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.table_wrap.col table thead th:first-child {
    border-left: none;
}
.table_wrap.col table 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 16px;
    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 {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.table_wrap.col td .no_result p {
    padding-top: 0;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.col td .no_result p::before {
    content: none;
}
.table_wrap.col td.lec_branch {
    text-align: center;
}
.table_wrap.col td.lec_branch > a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700 !important;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.table_wrap.row {
    border-top: 1px solid #171A19;
}
.table_wrap.row table {
    width: 100%;
    border-collapse: collapse;
}
.table_wrap.row table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.table_wrap.row table thead th:first-child {
    border-left: none;
}
.table_wrap.row table 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 16px;
    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 table tbody tr:last-child > th {
    border-bottom: 1px solid #EAEBEA !important;
}
.table_wrap.row table tbody tr:first-child th {
    border-top: 0 none;
}
.table_wrap.row table tbody th {
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF !important;
    border-right: 1px solid #F0F5F4;
    border-bottom: 1px solid #FFFFFF !important;
    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 table tbody th.bottom {
    border-bottom: 1px solid #EAEBEA !important;
}
.table_wrap.row table tbody 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 table tbody 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 .multi_th th[scope=row] {
    padding-top: 21px;
    vertical-align: top;
    border-bottom: 1px solid #FFFFFF;
    border-right: 0 !important;
}
.table_wrap.row .multi_th th[scope=row].al_middle {
    vertical-align: middle;
    padding-top: 0;
}
.table_wrap.row .multi_th th[scope=row]:first-child {
    border-right: 1px solid #FFFFFF !important;
}
.table_wrap.row .multi_th th[scope=row] ~ th[scope=col] {
    border-right: 0;
}
.table_wrap.row .multi_th th[scope=col] {
    padding: 13px 0 14px;
}
.table_wrap.row .multi_th td[colspan] {
    border-bottom: 1px solid #FFFFFF;
}
.table_wrap + .table_wrap {
    margin-top: 20px;
}
.table_wrap + .paging_wrap {
    margin-top: 32px;
}

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

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

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

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

/* //테이블(공통) */
/* 버튼 정의 */
button {
    border-style: none;
    background-color: transparent;
    cursor: pointer;
}
button.input_cal {
    display: inline-block;
    margin: 11px 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;
}
button.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);
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.btn_wrap.row button + button {
    margin-left: 0;
    margin-top: 8px;
}
.btn_wrap.solo > button,
.btn_wrap.solo > a {
    width: 100% !important;
}
.btn_wrap button + button, .btn_wrap button + a,
.btn_wrap a + button,
.btn_wrap a + a {
    margin-left: 5px;
}
.btn_wrap button:disabled,
.btn_wrap a:disabled {
    pointer-events: none;
    border: 1px solid #D4D6D4 !important;
}
.btn_wrap button:disabled > span,
.btn_wrap a:disabled > span {
    color: #D4D6D4 !important;
}
.btn_wrap button.lbtn,
.btn_wrap a.lbtn {
    padding: 13px 30px;
}
.btn_wrap button.lbtn.border,
.btn_wrap a.lbtn.border {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #171A19;
}
.btn_wrap button.lbtn.border span,
.btn_wrap a.lbtn.border span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn,
.btn_wrap a.btn {
    display: inline-block;
    padding: 12px 30px;
    background-color: #171A19;
}
.btn_wrap button.btn span,
.btn_wrap a.btn span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn.black,
.btn_wrap a.btn.black {
    background-color: #171A19;
}
.btn_wrap button.btn.black span,
.btn_wrap a.btn.black span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn.border,
.btn_wrap a.btn.border {
    background-color: #FFFFFF;
    border: 1px solid #171A19;
}
.btn_wrap button.btn.border span,
.btn_wrap a.btn.border span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn.dis,
.btn_wrap a.btn.dis {
    display: inline-block;
    padding: 12px 30px;
    background-color: #D4D6D4;
}
.btn_wrap button.btn.dis span,
.btn_wrap a.btn.dis span {
    font-size: 14px;
    font-weight: 700;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.btn.detail:after,
.btn_wrap a.btn.detail:after {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 4px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_plus_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.abtn,
.btn_wrap a.abtn {
    display: inline-block;
    padding: 6px 18px;
    background-color: #FFFFFF;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}
.btn_wrap button.abtn span,
.btn_wrap a.abtn span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.abtn.black,
.btn_wrap a.abtn.black {
    background-color: #171A19;
}
.btn_wrap button.abtn.black span,
.btn_wrap a.abtn.black span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.abtn.border,
.btn_wrap a.abtn.border {
    border: 1px solid #171A19;
}
.btn_wrap button.sbtn,
.btn_wrap a.sbtn {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 34px;
    padding: 7px 20px 7px;
    border: 1px solid #171A19;
    background-color: #FFFFFF;
}
.btn_wrap button.sbtn + .sbtn,
.btn_wrap a.sbtn + .sbtn {
    margin-left: 2px;
    vertical-align: top;
}
.btn_wrap button.sbtn > span,
.btn_wrap a.sbtn > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.sbtn.black,
.btn_wrap a.sbtn.black {
    background-color: #171A19;
    border: 1px solid #171A19;
}
.btn_wrap button.sbtn.black span,
.btn_wrap a.sbtn.black span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap button.sbtn.mail:before,
.btn_wrap a.sbtn.mail:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_ms_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.sbtn.receipt:before,
.btn_wrap a.sbtn.receipt:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_receipt_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.sbtn.add:before,
.btn_wrap a.sbtn.add:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/mypage/ico_plus_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.sbtn.print:before,
.btn_wrap a.sbtn.print:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_print_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap button.down > span:after,
.btn_wrap a.down > span:after {
    content: "";
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_dwon_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap.on .btn.detail:after {
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_minus_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap a {
    cursor: pointer;
    border-style: none;
    text-decoration: none;
}
.btn_wrap a.abtn {
    display: inline-block;
    padding: 4px 18px;
    background-color: #FFFFFF;
    -webkit-border-radius: 14px;
       -moz-border-radius: 14px;
            border-radius: 14px;
}
.btn_wrap a.abtn span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap a.abtn.black {
    background-color: #171A19;
}
.btn_wrap a.abtn.black span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap a.abtn.border {
    border: 1px solid #171A19;
}
.btn_wrap .linkbtn {
    display: inline-block;
    position: relative;
    width: 154px;
    padding: 10px 70px 9px 16px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #FFFFFF;
    border-style: none;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}
.btn_wrap .linkbtn > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.btn_wrap .linkbtn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_btn_arrow_right_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.btn_wrap .linkbtn.outline {
    padding-top: 8px;
    padding-bottom: 7px;
    border: 2px solid #171A19;
}
.btn_wrap .linkbtn.black {
    background: #171A19;
}
.btn_wrap .linkbtn.black span {
    color: #FFFFFF;
}
.btn_wrap .linkbtn.black::after {
    background-image: url("../../images/webhome2/ico_btn_arrow_right_white.png");
}
.btn_wrap .linkbtn.black.outline {
    border-color: #FFFFFF;
}
.btn_wrap > * + * {
    margin-left: 8px;
}

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

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

.t_under {
    text-decoration: underline;
}

.ico_link {
    text-decoration: none;
}
.ico_link .floor_info {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.arrow_link {
    display: inline-block;
    position: relative;
    padding-right: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.arrow_link:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_arrow_right_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.arrow_link span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.btn_border {
    display: inline-block;
    height: 26px;
    padding: 6px 18px 0;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    border: 1px solid #171A19;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    cursor: pointer;
}

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

.lay_pop .button_area {
    margin-top: 40px;
    font-size: 0;
    text-align: center;
}
.lay_pop .button_area.solo > .btn {
    width: 270px;
}
.lay_pop .button_area.full > .btn {
    width: 100%;
}
.lay_pop .button_area.half > .btn {
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
}
.lay_pop .button_area > .btn {
    display: inline-block;
    width: 192px;
    margin: 0 4px;
}
.lay_pop .button_area > .btn:first-child {
    margin-left: 0;
}
.lay_pop .button_area > .btn:last-child {
    margin-right: 0;
}
.lay_pop .button_area + .table_wrap {
    margin-top: 100px;
}

/* //버튼 정의 */
/* 탭 정의 */
.tab_wrap {
    /* case PLO1.6.1T ~ PLO1.6.2T */
}
.tab_wrap .tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.tab_wrap .tabs ul li {
    margin-left: 32px;
}
.tab_wrap .tabs ul li:nth-child(1) {
    margin-left: 0;
}
.tab_wrap .tabs ul li a {
    position: relative;
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap .tabs ul li.on a {
    color: #171A19;
}
.tab_wrap .tabs ul li.on a::after {
    border-width: 4px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    content: "";
    position: absolute;
    top: 4px;
    left: initial;
    bottom: 0;
    right: -12px;
    width: 0;
    height: 0;
}
.tab_wrap .tabs ul li.on a > em {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.tab_wrap .tabs ul li a > span {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap .tabs ul li a:after {
    content: none;
}
.tab_wrap .tabs ul li a .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.tab_wrap .tabs ul li.on a > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap .tabs ul li.on a > span:after {
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
    content: "";
    position: absolute;
    top: 4px;
    left: initial;
    bottom: 0;
    right: -12px;
    width: 0;
    height: 0;
}
.lay_pop .tab_wrap .tabs {
    padding: 40px 0 32px;
}

.tab_wrap.type_box .tabs ul {
    border: 1px solid #D4D6D4;
}
.tab_wrap.type_box .tabs ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
       -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    position: relative;
    z-index: 0;
    min-height: 48px;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #FFFFFF;
}
.tab_wrap.type_box .tabs ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.tab_wrap.type_box .tabs ul li + li {
    border-left: 1px solid #D4D6D4;
}
.tab_wrap.type_box .tabs ul li.on {
    z-index: 1;
}
.tab_wrap.type_box .tabs ul li.on::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid #171A19;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.tab_wrap.type_box .tabs ul li.on a {
    position: relative;
    font-weight: 700;
    color: #171A19;
}
.tab_wrap.type_box .tabs ul li.on a::after {
    content: "";
    content: none;
    display: inline-block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: -8px;
    margin-left: 2px;
    border-width: 3px;
    border-style: solid;
    border-color: #171A19 transparent transparent #171A19;
}
.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";
}
.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: 3px;
    left: initial;
    bottom: 0;
    right: -8px;
    width: 0;
    height: 0;
}
.tab_wrap.type_box .tabs ul.col7 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.tab_wrap.type_box .tabs ul.col7 > li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 14.2857142857%;
}
.tab_wrap.type_box .tabs ul.col7 > li:nth-child(n+8) {
    border-top: 1px solid #D4D6D4;
}
.tab_wrap.type_box .tabs ul.col7 > li:nth-child(7n+1) {
    border-left: 0 none;
}
.tab_wrap.type_box .tabs ul.col7 > li.on a::after {
    margin-right: -8px;
}

/* //탭 정의 */
/* 폼 */
.input, .input_wrap {
    position: relative;
}
.input input[type=text],
.input input[type=password],
.input input[type=number],
.input input[type=button],
.input input[type=email], .input_wrap input[type=text],
.input_wrap input[type=password],
.input_wrap input[type=number],
.input_wrap input[type=button],
.input_wrap input[type=email] {
    width: 100%;
    height: 52px;
    padding: 0 24px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #EAEBEA;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    outline-color: #171A19;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:active,
.input input[type=password]:active,
.input input[type=number]:active,
.input input[type=button]:active,
.input input[type=email]:active, .input_wrap input[type=text]:active,
.input_wrap input[type=password]:active,
.input_wrap input[type=number]:active,
.input_wrap input[type=button]:active,
.input_wrap input[type=email]:active {
    border-color: #EAEBEA;
}
.input input[type=text].btn,
.input input[type=password].btn,
.input input[type=number].btn,
.input input[type=button].btn,
.input input[type=email].btn, .input_wrap input[type=text].btn,
.input_wrap input[type=password].btn,
.input_wrap input[type=number].btn,
.input_wrap input[type=button].btn,
.input_wrap input[type=email].btn {
    padding-right: 126px;
}
.input input[type=text]:-moz-read-only, .input input[type=password]:-moz-read-only, .input input[type=number]:-moz-read-only, .input input[type=button]:-moz-read-only, .input input[type=email]:-moz-read-only, .input_wrap input[type=text]:-moz-read-only, .input_wrap input[type=password]:-moz-read-only, .input_wrap input[type=number]:-moz-read-only, .input_wrap input[type=button]:-moz-read-only, .input_wrap input[type=email]:-moz-read-only {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
    pointer-events: none;
}
.input input[type=text]:read-only,
.input input[type=password]:read-only,
.input input[type=number]:read-only,
.input input[type=button]:read-only,
.input input[type=email]:read-only, .input_wrap input[type=text]:read-only,
.input_wrap input[type=password]:read-only,
.input_wrap input[type=number]:read-only,
.input_wrap input[type=button]:read-only,
.input_wrap input[type=email]:read-only {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
    pointer-events: none;
}
.input input[type=text]:disabled,
.input input[type=password]:disabled,
.input input[type=number]:disabled,
.input input[type=button]:disabled,
.input input[type=email]:disabled, .input_wrap input[type=text]:disabled,
.input_wrap input[type=password]:disabled,
.input_wrap input[type=number]:disabled,
.input_wrap input[type=button]:disabled,
.input_wrap input[type=email]:disabled {
    background-color: #F7f7f7;
    border-color: #EAEBEA;
    color: #D4D6D4;
}
.input input[type=text]::-webkit-input-placeholder, .input input[type=password]::-webkit-input-placeholder, .input input[type=number]::-webkit-input-placeholder, .input input[type=button]::-webkit-input-placeholder, .input input[type=email]::-webkit-input-placeholder, .input_wrap input[type=text]::-webkit-input-placeholder, .input_wrap input[type=password]::-webkit-input-placeholder, .input_wrap input[type=number]::-webkit-input-placeholder, .input_wrap input[type=button]::-webkit-input-placeholder, .input_wrap input[type=email]::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:-moz-placeholder, .input input[type=password]:-moz-placeholder, .input input[type=number]:-moz-placeholder, .input input[type=button]:-moz-placeholder, .input input[type=email]:-moz-placeholder, .input_wrap input[type=text]:-moz-placeholder, .input_wrap input[type=password]:-moz-placeholder, .input_wrap input[type=number]:-moz-placeholder, .input_wrap input[type=button]:-moz-placeholder, .input_wrap input[type=email]:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]::-moz-placeholder, .input input[type=password]::-moz-placeholder, .input input[type=number]::-moz-placeholder, .input input[type=button]::-moz-placeholder, .input input[type=email]::-moz-placeholder, .input_wrap input[type=text]::-moz-placeholder, .input_wrap input[type=password]::-moz-placeholder, .input_wrap input[type=number]::-moz-placeholder, .input_wrap input[type=button]::-moz-placeholder, .input_wrap input[type=email]::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:-ms-input-placeholder, .input input[type=password]:-ms-input-placeholder, .input input[type=number]:-ms-input-placeholder, .input input[type=button]:-ms-input-placeholder, .input input[type=email]:-ms-input-placeholder, .input_wrap input[type=text]:-ms-input-placeholder, .input_wrap input[type=password]:-ms-input-placeholder, .input_wrap input[type=number]:-ms-input-placeholder, .input_wrap input[type=button]:-ms-input-placeholder, .input_wrap input[type=email]:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]::placeholder,
.input input[type=password]::placeholder,
.input input[type=number]::placeholder,
.input input[type=button]::placeholder,
.input input[type=email]::placeholder, .input_wrap input[type=text]::placeholder,
.input_wrap input[type=password]::placeholder,
.input_wrap input[type=number]::placeholder,
.input_wrap input[type=button]::placeholder,
.input_wrap input[type=email]::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input input[type=text]:focus, .input input[type=text]:active,
.input input[type=password]:focus,
.input input[type=password]:active,
.input input[type=number]:focus,
.input input[type=number]:active,
.input input[type=button]:focus,
.input input[type=button]:active,
.input input[type=email]:focus,
.input input[type=email]:active, .input_wrap input[type=text]:focus, .input_wrap input[type=text]:active,
.input_wrap input[type=password]:focus,
.input_wrap input[type=password]:active,
.input_wrap input[type=number]:focus,
.input_wrap input[type=number]:active,
.input_wrap input[type=button]:focus,
.input_wrap input[type=button]:active,
.input_wrap input[type=email]:focus,
.input_wrap input[type=email]:active {
    border: 2px solid #00815A;
    outline: transparent;
}
.input .btn_wrap, .input_wrap .btn_wrap {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.input + .input_hint, .input_wrap + .input_hint {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.input_wrap + .bar_type {
    margin-top: 20px;
}
.input_wrap.input_type {
    padding-right: 154px;
}
.input_wrap.bar_type > div {
    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;
}
.input_wrap.bar_type > div:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 6px;
    height: 1px;
    background: #171A19;
}
.input_wrap.bar_type > div:first-child:before {
    display: none;
}
.input_wrap.bar_type > div.txt {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.bar_type > div.txt:before {
    content: none;
}
.input_wrap.bar_type > div.input input {
    padding: 0 16px;
}
.input_wrap.date_type > div {
    margin-left: 0;
}
.input_wrap.date_type > span {
    display: inline-block;
    margin: 12px 0 0 8px;
    padding-right: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.date_type > span + div {
    margin-left: 8px;
}
.input_wrap.date_type > span + div.btn_wrap {
    margin-left: 16px;
}
.input_wrap.date_type > span + .rdo_wrap {
    margin-left: 42px;
}
.input_wrap.date_type > span.tit_span {
    margin-left: 16px;
}
.input_wrap.date_type > span.bar {
    margin-left: 16px;
}
.input_wrap.date_type > span.bar + div {
    margin-left: 16px;
}
.input_wrap.date_type > span + button {
    margin-left: 12px;
}
.input_wrap.date_type .rdo_wrap {
    margin-top: 13px;
}
.input_wrap.date_type + .bar {
    display: block;
    width: 714px;
    height: 24px;
    text-align: center;
}
.input_wrap.mix_type > div {
    margin-left: 12px;
}
.input_wrap.mix_type > span {
    display: inline-block;
    margin: 12px 0 0 8px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.input_wrap.mix_type > span + div {
    margin-left: 8px;
}
.input_wrap.mail_type > div {
    width: -webkit-calc(33.3333333333% - 16px);
    width: -moz-calc(33.3333333333% - 16px);
    width: calc(33.3333333333% - 16px);
    margin-left: 32px;
}
.input_wrap.mail_type > div:nth-child(2) {
    width: 231px;
    margin-right: -26px;
}
.input_wrap.mail_type > div:nth-child(2):before {
    content: "@";
    position: absolute;
    top: 50%;
    left: -22px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.input_wrap.cal_type .input {
    position: relative;
}
.input_wrap.cal_type .input > button {
    position: absolute;
    top: 16px;
    right: 20px;
    margin-top: 0;
}
.input_wrap.cal_type .input input:-moz-read-only {
    background-color: #FFFFFF;
}
.input_wrap.cal_type .input input:read-only {
    background-color: #FFFFFF;
}
.input_wrap.normal_type > div {
    margin-left: 8px;
}
.input_wrap.card_choice .rdo_wrap + .rdo_wrap {
    margin-left: 8px;
}
.input_wrap.card_choice .rdo_wrap input:checked + label {
    border-color: #171A19;
}
.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;
}
.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";
}
.input_wrap.card_choice label::before {
    display: block;
    position: static;
    margin: 0 auto;
}
.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;
}
.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;
}
.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;
}
.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;
}
.input_wrap > div {
    position: relative;
    margin-left: 25px;
}
.input_wrap > div:first-child {
    margin-left: 0;
}

.password_wrap {
    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-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-left: 12px !important;
}
.password_wrap .masked {
    position: relative;
}
.password_wrap .masked::before {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    background-color: #171A19;
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
}
.password_wrap .masked::after {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    background-color: #171A19;
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 12px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
}
.password_wrap + div {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-left: 12px;
}

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

.rdo_wrap {
    display: inline-block;
    position: relative;
}
.rdo_wrap.error label {
    padding-left: 32px;
}
.rdo_wrap.error label > span {
    font-size: 16px;
    font-weight: 400;
    color: #EB3912;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.rdo_wrap input:disabled + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_radio_normal_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap input:disabled + label > span {
    color: #D4D6D4;
}
.rdo_wrap input:disabled:checked + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_radio_disable_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap input:disabled:checked + label > span {
    color: #D4D6D4;
}
.rdo_wrap input + label:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_radio_normal_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap input:focus + label {
    outline: 0;
}
.rdo_wrap input:checked + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_radio_active_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap label {
    padding-left: 32px;
}
.rdo_wrap label > span {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap.solo label {
    padding: 1px 0 4px 23px;
}
.rdo_wrap.solo label > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.rdo_wrap.sm input + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_check_s_normal_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap.sm input + label > span {
    color: #727573;
}
.rdo_wrap.sm input:checked + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_check_s_active_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.rdo_wrap.sm input:checked + label > span {
    color: #171A19;
}
.rdo_wrap.type_txt {
    margin-top: 0 !important;
}
.rdo_wrap.type_txt input + label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
    padding: 10px 0;
    border: 1px solid #EAEBEA;
    cursor: pointer;
    z-index: 1;
}
.rdo_wrap.type_txt input + label:before {
    content: none;
}
.rdo_wrap.type_txt input + label > span {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap.type_txt input:checked + label {
    position: relative;
    z-index: 5;
    border: 1px solid #171A19;
}
.rdo_wrap.type_txt input:checked + label > span {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.rdo_wrap.type_txt + .type_txt {
    margin-left: -1px !important;
}

.chk_wrap {
    display: inline-block;
    position: relative;
}
.chk_wrap.error label {
    padding-left: 32px;
}
.chk_wrap.error label > span {
    font-size: 16px;
    font-weight: 400;
    color: #EB3912;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.chk_wrap input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.chk_wrap input:disabled + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_check_disable_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap input + label:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_check_normal_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap.chk_s label {
    padding-left: 28px;
}
.chk_wrap.chk_s input + label:before {
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_check_normal_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap.chk_s + .chk_s {
    margin-left: 40px;
}
.chk_wrap.sm input + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_check_s_normal_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap.sm input + label > span {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.chk_wrap.sm input:checked + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_check_s_active_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap.sm input:checked + label > span {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.chk_wrap input:focus + label {
    outline: 0;
}
.chk_wrap input:checked + label:before {
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_check_active_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.chk_wrap label {
    padding-left: 32px;
}
.chk_wrap label > span {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.chk_wrap.solo label {
    padding: 1px 0 4px 23px;
}
.chk_wrap.solo label > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

.sel_wrap .ui-selectbox-wrap {
    position: relative;
    width: 100% !important;
}
.sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    padding: 0 16px 0 15px;
    line-height: 47px;
    border-left: 2px solid #171A19;
    border-right: 2px solid #171A19;
    border-top: 2px solid #171A19;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
}
.sel_wrap .ui-selectbox-wrap.on .ico {
    top: 10px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.sel_wrap .ui-selectbox-wrap .ui-select-button {
    display: block;
    padding: 0 16px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #eaebea;
    background-color: #FFFFFF;
    line-height: 48px;
}
.sel_wrap .ui-selectbox-wrap .ui-select-button.placeholder .ui-select-text {
    font-size: 16px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    vertical-align: middle;
}
.sel_wrap .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";
    vertical-align: middle;
}
.sel_wrap .ui-selectbox-wrap .ui-select-button .ui-select-essen {
    font-size: 16px;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.sel_wrap .ui-selectbox-wrap .ui-select-button .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.sel_wrap .ui-selectbox-wrap .ui-select-button .ico {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_dropdown_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-height: 155px;
    overflow: auto;
    padding: 0;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #171A19;
    border-right: 2px solid #171A19;
    border-bottom: 2px solid #171A19;
}
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li {
    padding: 12px 20px;
}
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li > a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li.on, .sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li:hover, .sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li:focus {
    background-color: #D4D6D4;
}
.sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li.on > a, .sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li:hover > a, .sel_wrap .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li:focus > a {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.sel_wrap .ui-selectbox-wrap.up.on .ui-select-button {
    line-height: 48px;
    border-left: 2px solid #171A19;
    border-right: 2px solid #171A19;
    border-bottom: 2px solid #171A19;
    border-top: 1px solid #EAEBEA;
}
.sel_wrap .ui-selectbox-wrap.up .ui-selectbox-list {
    border-left: 2px solid #171A19;
    border-right: 2px solid #171A19;
    border-top: 2px solid #171A19;
    border-bottom: 1px solid transparent;
}

.form_row.input_type {
    padding-right: 154px;
}
.form_row .ico_required {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 4px 2px 0 2px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #00815A;
    vertical-align: top;
}
.form_row .ico_required .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.form_row > dl {
    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: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.form_row > dl + dl {
    margin-top: 24px;
}
.form_row > dl + dl.chk_top {
    margin-top: 32px;
}
.form_row > dl > dt {
    width: 202px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.form_row > 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;
    padding-top: 14px;
    vertical-align: top;
}
.form_row > dl > dt.top_line.multi {
    padding-top: 2px;
}
.form_row > dl > dt.rdo_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;
    padding-top: 2px;
    vertical-align: top;
}
.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;
}
.form_row > dl > dd .rdo_wrap {
    margin-bottom: 8px;
}
.form_row > dl > dd .rdo_wrap + .rdo_wrap {
    margin-left: 34px;
}
.form_row > dl > dd .bullet_list {
    margin-top: 20px;
}

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

.file_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.file_box .upload_name {
    display: inline-block;
    width: 420px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.file_box label {
    display: inline-block;
    width: 125px;
    height: 52px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #434545;
    margin-left: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #434545;
    line-height: 52px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    cursor: pointer;
}
.file_box input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.file_box input[name=pfile] {
    border: 0;
}

.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: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
}
.row_wrap .down_file {
    display: inline-block;
    max-width: 420px;
    word-break: break-all;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.row_wrap .delete {
    min-width: 108px;
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 34px;
    margin-left: 24px;
    padding: 7px 20px 7px;
    border: 1px solid #171A19;
    background-color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

.star_rangking {
    font-size: 0;
}
.star_rangking .point {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_star_rating.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
    -moz-background-size: cover;
         background-size: cover;
    background-position: left;
}
.star_rangking .point > 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);
}
.star_rangking .point.p01 {
    width: 20px;
}
.star_rangking .point.p02 {
    width: 40px;
}
.star_rangking .point.p03 {
    width: 60px;
}
.star_rangking .point.p04 {
    width: 80px;
}
.star_rangking .point.p05 {
    width: 100px;
}

.sel_wrap .ui-selectbox-wrap.star {
    width: 211px !important;
}
.sel_wrap .ui-selectbox-wrap.star .ui-select-button {
    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;
    height: 50px;
}
.sel_wrap .ui-selectbox-wrap.star.on .ui-select-button {
    height: 49px;
}

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

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

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

/* 일반 리스트 내 정보 노출(마우스오버 시 노출) */
.list01 > li {
    position: relative;
    display: inline-block;
}
.list01 > li + li {
    margin-left: 9px;
}
.list01 > li > a {
    display: block;
    width: 100%;
    height: 100%;
}
.list01 > li > a::before {
    visibility: hidden;
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -webkit-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: -moz-linear-gradient(257.74deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
    background: linear-gradient(192.26deg, rgba(0, 0, 0, 0) 18.01%, rgba(0, 0, 0, 0.6) 92.31%);
}
.list01 > li > a > img {
    width: 100%;
}
.list01 > li > a > dl {
    visibility: hidden;
    position: absolute;
    bottom: 24px;
    left: 24px;
}
.list01 > li > a > dl > dt {
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list01 > li > a > dl > dd {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list01 > li > a .txt {
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list01 > li > a:not(.ui_autoslider_elem):hover::before,
.list01 > li > a:not(.ui_autoslider_elem):hover > dl,
.list01 > li > a:not(.ui_autoslider_elem):hover .txt, .list01 > li > a:not(.ui_autoslider_elem):focus::before,
.list01 > li > a:not(.ui_autoslider_elem):focus > dl,
.list01 > li > a:not(.ui_autoslider_elem):focus .txt {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

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

/* 매장안내 리스트 */
.shop_list > ul > li {
    position: relative;
    display: inline-block;
    width: 472px;
    padding: 22px 28px 24px;
    border: 1px solid #EAEBEA;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.shop_list > ul > li + li {
    margin-left: 9px;
}
.shop_list > ul > li:nth-child(n+4) {
    margin-top: 12px;
}
.shop_list > ul > li:nth-child(3n+1) {
    margin-left: 0;
}
.shop_list > ul > li .branch_info {
    font-size: 0;
}
.shop_list > ul > li .branch_info .branch {
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .branch_info .floor {
    font-size: 14px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .branch_info > span {
    display: inline-block;
}
.shop_list > ul > li .branch_info > span + span::before {
    content: "";
    display: inline-block;
    margin-top: 5px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
    vertical-align: top;
    width: 1px;
    height: 10px;
    background-color: #D4D6D4;
}
.shop_list > ul > li .cate {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .title {
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .add_info {
    margin-top: 8px;
}
.shop_list > ul > li .add_info .seller {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .add_info .contact {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.shop_list > ul > li .add_info > span {
    display: inline-block;
}
.shop_list > ul > li .add_info > span + span {
    margin-left: 8px;
}
.shop_list > ul > li .util_btns {
    position: absolute;
    right: 23px;
    bottom: 24px;
}
.shop_list > ul > li .util_btns .link_blank {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_blank_link_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.shop_list > ul > li .util_btns .link_blank > 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);
}
.shop_list > ul > li .util_btns .map,
.shop_list > ul > li .util_btns .btn-brand-map {
    margin-left: 10px;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_pc_location_24_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.shop_list > ul > li .util_btns .map > span,
.shop_list > ul > li .util_btns .btn-brand-map > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

/* 행사정보/문화센터/강좌 리스트 */
.list03 > li {
    position: relative;
    display: inline-block;
    width: 351px;
}
.list03 > li + li {
    margin-left: 9px;
}
.list03 > li:nth-child(n+5) {
    margin-top: 48px;
}
.list03 > li:nth-child(4n+1) {
    margin-left: 0;
}
.list03 > li img {
    width: 100%;
}
.list03 > li .branch_info {
    margin-top: 24px;
}
.list03 > li .branch_info .branch {
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li .branch_info .state {
    font-size: 14px;
    font-weight: 700;
    color: #ff5473;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li .branch_info .state.dis {
    color: #727573;
}
.list03 > li .branch_info .etc {
    font-size: 14px;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li .branch_info > span {
    display: inline-block;
}
.list03 > li .branch_info > span + span::before {
    content: "";
    display: inline-block;
    margin-top: 5px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
    vertical-align: top;
    width: 1px;
    height: 10px;
    background-color: #EAEBEA;
}
.list03 > li > a {
    text-decoration: none;
}
.list03 > li > a > dl {
    margin-top: 8px;
}
.list03 > li > a > dl > dt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > dl > dd {
    margin-top: 8px;
}
.list03 > li > a > dl > dd .due {
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > dl > dd .time {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > dl > dd.class_info .info {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 21px;
}
.list03 > li > a > dl > dd.class_info .info > span + span::before {
    content: "";
    display: inline-block;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 5px;
    vertical-align: top;
    width: 1px;
    height: 10px;
    background-color: #EAEBEA;
}
.list03 > li > a > dl > dd.class_info .price {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.list03 > li > a > dl > dd.class_info .price .won {
    margin-left: 2px;
    vertical-align: 1px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

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

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

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

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

.scroll_wrap {
    position: relative;
}
.scroll_wrap > div {
    overflow: hidden;
}
.scroll_wrap .slide_controls {
    position: absolute;
}
.scroll_wrap .slide_controls button {
    position: absolute;
    opacity: 1;
}
.scroll_wrap .slide_controls button.prev {
    right: 0;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.rolling_wrap .list_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.rolling_wrap .list_wrap > ul > li > a {
    display: block;
}
.rolling_wrap .slide_controls {
    position: absolute;
}
.rolling_wrap .slide_controls .btn_arrow.prev {
    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;
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.rolling_wrap .slide_controls .btn_arrow.next {
    margin-left: 12px;
    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;
}
.rolling_wrap .slide_controls .btn_arrow > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

/* 레이어 팝업 정의 */
.lay_pop {
    display: none;
    width: 714px;
    /* size */
}
.lay_pop .lay_wrap {
    position: relative;
    padding: 38px 40px 48px;
    background-color: #FFFFFF;
}
.lay_pop .lay_wrap .lay_tit {
    border-bottom: 2px solid #171A19;
}
.lay_pop .lay_wrap .lay_tit h1 {
    padding-bottom: 16px;
}
.lay_pop .lay_wrap .lay_tit h1 span {
    font-size: 28px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_conts {
    max-height: 638px;
    overflow: auto;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases {
    margin-top: 24px;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases.solo {
    margin-top: 40px;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases p.sub {
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_conts .alert_phrases strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases dt {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .lay_wrap .lay_conts .alert_phrases dd {
    margin-top: 8px;
}
.lay_pop .lay_wrap .lay_conts .alert_phrases dd > p {
    text-align: left;
}
.lay_pop .lay_wrap.alert {
    width: 440px;
    padding-top: 64px;
}
.lay_pop .lay_wrap.alert .lay_tit {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.lay_pop .lay_wrap.alert .lay_conts > div {
    text-align: center;
}
.lay_pop .lay_wrap.alert .lay_conts > div p {
    padding: 0 0 40px;
}
.lay_pop .lay_wrap .close {
    position: absolute;
    top: 44px;
    right: 40px;
}
.lay_pop .lay_wrap .close button {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/ico_close_32_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.lay_pop .lay_wrap .close button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.lay_pop.small {
    width: 472px;
}
.lay_pop.large {
    width: 956px;
    min-height: 750px !important;
}
.lay_pop.large .lay_wrap .lay_tit h1 span {
    font-size: 28px;
}
.lay_pop.large .lay_wrap .close button {
    width: 32px;
    height: 32px;
}
.lay_pop.xlarge {
    width: 1110px;
}
.lay_pop.xlarge .lay_wrap .close button {
    width: 32px;
    height: 32px;
}

/* PGR 팝업 */
.lay_pop .cmd_wrap {
    margin-top: 24px;
}
.lay_pop .cmd_wrap.type02 {
    margin-top: 40px;
}
.lay_pop .cmd_wrap .title01 {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .title_desc {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .bullet_list {
    margin-top: 8px;
}
.lay_pop .cmd_wrap .title_info {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-align: center;
}
.lay_pop .cmd_wrap .btn_wrap {
    margin-top: 40px;
    font-size: 0;
    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;
}
.lay_pop .cmd_wrap .btn_wrap.ty02 {
    margin-top: 56px;
}
.lay_pop .cmd_wrap .btn_wrap .btn {
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
    height: 60px;
    text-align: center;
}
.lay_pop .cmd_wrap .btn_wrap .btn > span {
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 58px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .btn_wrap .btn.border {
    border: 2px solid #171A19;
}
.lay_pop .cmd_wrap .btn_wrap .btn.border > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 58px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.lay_pop .cmd_wrap .btn_wrap .btn + .btn {
    margin-left: 8px;
}
.lay_pop .cmd_wrap .btn_wrap.solo .btn {
    width: 270px !important;
    margin: 0 auto;
}

/* //PGR 팝업 */
/* 윈도우팝업 */
.lay_pop.window {
    display: block;
    width: 100%;
}
.lay_pop.window .btn_wrap {
    margin-top: 100px;
}

/* //레이어 팝업 정의 */
/* 레이어 팝업 정의 */
.win_pop {
    width: 100%;
}
.win_pop .win_wrap {
    position: relative;
    padding: 32px 40px 48px;
    background-color: #FFFFFF;
}
.win_pop .win_wrap .win_tit {
    border-bottom: 2px solid #171A19;
}
.win_pop .win_wrap .win_tit h1 {
    padding-bottom: 16px;
}
.win_pop .win_wrap .win_tit h1 span {
    font-size: 28px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.win_pop .win_wrap .win_conts .sup {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.win_pop .win_wrap .win_conts .sup + .id_pw_find_section {
    margin-top: 40px;
}
.win_pop .win_wrap .close {
    position: absolute;
    top: 37px;
    right: 40px;
}
.win_pop .win_wrap .close button {
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/ico_close_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.win_pop .win_wrap .close button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}

/* //레이어 팝업 정의 */
/* GNB 정의 */
#head {
    position: fixed;
    z-index: 55;
    top: 32px;
    left: 0;
    right: 0;
    width: 1440px;
    height: 70px;
    margin: 0 auto;
    background-color: #FFFFFF;
}
#head .header_wrap {
    margin: 0 auto;
    width: 1440px;
    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;
}
#head .header_wrap > div {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#head .header_wrap > div .logo {
    position: relative;
    margin-top: 5px;
}
#head .header_wrap > div .logo h1 {
    display: inline-block;
    margin-left: 32px;
    width: 139px;
    height: 22px;
    background-image: url("../../images/webhome2/logo.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .logo h1 span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .logo h1 a {
    display: block;
    width: 100%;
    height: 100%;
}
#head .header_wrap > div .logo button {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/btn_gnb_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .logo button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .logo .brand_gate {
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    z-index: 5;
    top: 46px;
    left: 0;
    width: 231px;
    padding: 12px 0 20px;
    background-color: #FFFFFF;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    overflow: hidden;
}
#head .header_wrap > div .logo .brand_gate ul {
    width: 100%;
}
#head .header_wrap > div .logo .brand_gate ul li {
    padding-top: 16px;
    padding-left: 51px;
    padding-bottom: 16px;
}
#head .header_wrap > div .logo .brand_gate ul li:first-child {
    padding-top: 0;
}
#head .header_wrap > div .logo .brand_gate ul li:first-child a:before {
    background-image: url("../../images/webhome2/logo_hdd_gate_logo_36.png");
}
#head .header_wrap > div .logo .brand_gate ul li + li {
    border-top: 1px solid #EAEBEA;
}
#head .header_wrap > div .logo .brand_gate ul li a {
    font-size: 18px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
#head .header_wrap > div .logo .brand_gate ul li a::before {
    content: "";
    display: inline-block;
    margin-top: -4px;
    margin-right: 12px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 36px;
    height: 36px;
    background-image: url("../../images/webhome2/logo_hdc_gate_logo_36.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .logo.on button {
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
#head .header_wrap > div .logo.on .brand_gate {
    visibility: visible;
    opacity: 1;
    height: 105px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#head .header_wrap > div .main {
    margin-left: 16px;
}
#head .header_wrap > div .main h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .main > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
}
#head .header_wrap > div .main > ul > li {
    display: inline-block;
    padding-right: 16px;
    padding-left: 16px;
}
#head .header_wrap > div .main > ul > li > a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li > a:hover {
    text-decoration: none;
    font-weight: bold;
}
#head .header_wrap > div .main > ul > li > a:hover:after {
    content: "";
    position: absolute;
    top: initial;
    left: 0;
    bottom: -6px;
    right: initial;
    width: 100%;
    height: 2px;
    background-color: #171A19;
}
#head .header_wrap > div .main > ul > li.on > a {
    font-weight: bold;
}
#head .header_wrap > div .main > ul > li.on > a:after {
    content: "";
    position: absolute;
    top: initial;
    left: 0;
    bottom: -6px;
    right: initial;
    width: 100%;
    height: 2px;
    background-color: #171A19;
}
#head .header_wrap > div .main > ul > li.on .sub {
    display: block;
}
#head .header_wrap > div .main > ul > li nav.sub {
    display: none;
    position: absolute;
    top: 70px;
    left: 50%;
    width: 1344px;
    margin-left: -720px;
    padding: 40px 0 64px;
    background-color: #FFFFFF;
}
#head .header_wrap > div .main > ul > li nav.sub > div {
    display: inline-block;
    width: 220px;
    margin-left: 56px;
}
#head .header_wrap > div .main > ul > li nav.sub > div p {
    font-size: 32px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li nav.sub > div p span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .main > ul > li nav.sub > ul {
    display: inline-block;
    margin-top: 9px;
    vertical-align: top;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li:first-child {
    margin-left: 32px;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > a {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > a:after {
    content: "";
    display: inline-block;
    margin-top: -1px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_arrow_right_14.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > ul {
    margin-top: 20px;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > ul > li {
    margin-bottom: 12px;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > ul > li:last-child {
    margin-bottom: 0;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > ul > li > a.link:after {
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 2px;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_pc_link_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .main > ul > li nav.sub > ul > li > ul > li > a.dis {
    pointer-events: none;
    font-size: 14px;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li nav.sub .event_sec {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 40px;
    width: 284px;
    text-align: right;
}
#head .header_wrap > div .main > ul > li nav.sub .event_sec > a img {
    width: 284px;
    height: 240px;
}
#head .header_wrap > div .main > ul > li div.sub {
    display: none;
    position: absolute;
    top: 70px;
    left: 50%;
    width: 1344px;
    margin-left: -720px;
    padding: 40px 0 64px;
    background-color: #FFFFFF;
}
#head .header_wrap > div .main > ul > li div.sub > div {
    display: inline-block;
    width: 220px;
    margin-left: 56px;
}
#head .header_wrap > div .main > ul > li div.sub > div p {
    font-size: 32px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li div.sub > div p span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .main > ul > li div.sub > ul {
    display: inline-block;
    margin-top: 9px;
    vertical-align: top;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li:first-child {
    margin-left: 32px;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .name span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .name a {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .name a:after {
    content: "";
    display: inline-block;
    margin-top: -1px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_arrow_right_14.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .navigations > ul {
    margin-top: 20px;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .navigations > ul > li {
    margin-bottom: 12px;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .navigations > ul > li:last-child {
    margin-bottom: 0;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .navigations > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .navigations > ul > li > a.link:after {
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 2px;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url("../../images/webhome2/ico_pc_link_16_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .main > ul > li div.sub > ul > li .navigations > ul > li > a.dis {
    pointer-events: none;
    font-size: 14px;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .main > ul > li div.sub .event_sec {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 40px;
    width: 284px;
    text-align: right;
}
#head .header_wrap > div .main > ul > li div.sub .event_sec > a img {
    width: 284px;
    height: 240px;
}
#head .header_wrap > div .member_service h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .member_service ul li {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
}
#head .header_wrap > div .member_service ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #727573;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
#head .header_wrap > div .member_service ul li .sub {
    display: none;
}
#head .header_wrap > div .lang_choice {
    position: relative;
    padding-right: 20px;
}
#head .header_wrap > div .lang_choice > a {
    display: block;
    width: 40px;
    height: 24px;
    width: 40px;
    height: 24px;
    background-image: url("../../images/webhome2/btn_lang.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .lang_choice > a h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .lang_choice.on > a {
    -webkit-transform: rotateX(180deg);
       -moz-transform: rotateX(180deg);
            transform: rotateX(180deg);
}
#head .header_wrap > div .lang_choice .lang_list {
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    z-index: 5;
    top: 20px;
    left: -12px;
    padding: 12px;
    background-color: #FFFFFF;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    overflow: hidden;
}
#head .header_wrap > div .lang_choice .lang_list ul {
    width: 100%;
}
#head .header_wrap > div .lang_choice .lang_list ul li + li {
    padding-top: 16px;
}
#head .header_wrap > div .lang_choice .lang_list ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
#head .header_wrap > div .lang_choice.on .lang_list {
    visibility: visible;
    opacity: 1;
    height: 94px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#head .header_wrap > div .brand_search > a {
    width: 190px;
    height: 70px;
    background-color: #171A19;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#head .header_wrap > div .brand_search > a:after {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 6px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../images/webhome2/ico_gnb_search_20.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .brand_search > a span {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.3;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .brand_search > a:hover, #head .header_wrap > div .brand_search > a:focus {
    background-color: #00815A;
}
#head .header_wrap > div .brand_search.on .search_wrap {
    display: block;
}
#head .header_wrap > div .brand_search.on .search_wrap + .dim {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.4;
}
#head .header_wrap > div .brand_search .search_wrap {
    display: none;
    position: fixed;
    z-index: 53;
    top: 0;
    left: 0;
    right: 0;
    height: 296px;
    padding-top: 88px;
    background-color: #FFFFFF;
}
#head .header_wrap > div .brand_search .search_wrap .condition {
    margin: 0 auto;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap,
#head .header_wrap > div .brand_search .search_wrap .condition form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel {
    margin-right: 8px;
    height: 74px;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap {
    position: relative;
    width: 100% !important;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap.on .ui-select-button,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap.on .ui-select-button {
    position: relative;
    padding: 21px 22px 22px;
    border-left: 2px solid #171A19;
    border-right: 2px solid #171A19;
    border-top: 2px solid #171A19;
    border-bottom: none;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap.on .ui-select-button::after,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap.on .ui-select-button::after {
    content: "";
    position: absolute;
    top: initial;
    left: 0;
    bottom: -1px;
    right: 0;
    z-index: 1;
    border-bottom: 1px solid #eaebea;
    height: 1px;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap.on .ui-select-button .ico,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap.on .ui-select-button .ico {
    top: 23px;
    right: 22px;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_dropdown_up_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-select-button,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-select-button {
    display: block;
    width: 255px;
    padding: 22px 23px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #FFFFFF;
    border: 1px solid #eaebea;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-select-button .ico,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-select-button .ico {
    position: absolute;
    top: 25px;
    right: 24px;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_dropdown_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-select-button .ui-select-text,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-select-button .ui-select-text {
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-select-button .hide,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-select-button .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-selectbox-list,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-selectbox-list {
    position: relative;
    max-height: 116px;
    overflow: auto;
    padding: 20px 24px;
    background-color: #FFFFFF;
    border-left: 2px solid #171A19;
    border-right: 2px solid #171A19;
    border-bottom: 2px solid #171A19;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li > a,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li > a {
    font-size: 18px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li.on > a,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li.on > a {
    font-size: 18px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .sel .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li + li,
#head .header_wrap > div .brand_search .search_wrap .condition form .sel .ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea-ul > li + li {
    margin-top: 12px;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input,
#head .header_wrap > div .brand_search .search_wrap .condition form .input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input input[type=text],
#head .header_wrap > div .brand_search .search_wrap .condition form .input input[type=text] {
    width: 565px;
    height: 74px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input input[type=text]:focus, #head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input input[type=text]:active, #head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input input[type=text]:visited,
#head .header_wrap > div .brand_search .search_wrap .condition form .input input[type=text]:focus,
#head .header_wrap > div .brand_search .search_wrap .condition form .input input[type=text]:active,
#head .header_wrap > div .brand_search .search_wrap .condition form .input input[type=text]:visited {
    outline: none;
    border: 2px solid #171A19;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input input[type=text]:valid + .auto_complete,
#head .header_wrap > div .brand_search .search_wrap .condition form .input input[type=text]:valid + .auto_complete {
    display: block;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input button,
#head .header_wrap > div .brand_search .search_wrap .condition form .input button {
    position: relative;
    width: 74px;
    height: 74px;
    background-color: #171A19;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input button span,
#head .header_wrap > div .brand_search .search_wrap .condition form .input button span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input button:before,
#head .header_wrap > div .brand_search .search_wrap .condition form .input button:before {
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/ico_search_32_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input .auto_complete,
#head .header_wrap > div .brand_search .search_wrap .condition form .input .auto_complete {
    display: none;
    position: absolute;
    top: 74px;
    width: -webkit-calc(100% - 4px);
    width: -moz-calc(100% - 4px);
    width: calc(100% - 4px);
    background-color: #FFFFFF;
    border: 2px solid #171A19;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input .auto_complete > ul,
#head .header_wrap > div .brand_search .search_wrap .condition form .input .auto_complete > ul {
    max-height: 105px;
    overflow: auto;
    padding: 24px 4px 24px 24px;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input .auto_complete > ul > li > a,
#head .header_wrap > div .brand_search .search_wrap .condition form .input .auto_complete > ul > li > a {
    font-size: 18px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input .auto_complete > ul > li > a.on,
#head .header_wrap > div .brand_search .search_wrap .condition form .input .auto_complete > ul > li > a.on {
    color: #00815A;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input .auto_complete > ul > li > a > strong,
#head .header_wrap > div .brand_search .search_wrap .condition form .input .auto_complete > ul > li > a > strong {
    color: #00815A;
}
#head .header_wrap > div .brand_search .search_wrap .condition .input_wrap .input .auto_complete > ul > li + li,
#head .header_wrap > div .brand_search .search_wrap .condition form .input .auto_complete > ul > li + li {
    margin-top: 8px;
}
#head .header_wrap > div .brand_search .search_wrap .keyword {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 72px;
}
#head .header_wrap > div .brand_search .search_wrap .keyword > dl dt {
    margin-bottom: 20px;
    text-align: center;
    font-size: 28px;
    font-weight: 900;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.5px;
    font-family: "Happiness-Sans-Title";
}
#head .header_wrap > div .brand_search .search_wrap .keyword > dl dd ul li {
    display: inline-block;
}
#head .header_wrap > div .brand_search .search_wrap .keyword > dl dd ul li a {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
#head .header_wrap > div .brand_search .search_wrap .keyword > dl dd ul li + li {
    margin-left: 24px;
}
#head .header_wrap > div .brand_search .search_wrap .close {
    position: fixed;
    top: 40px;
    left: -webkit-calc(50% + 600px);
    left: -moz-calc(50% + 600px);
    left: calc(50% + 600px);
    width: 32px;
    height: 32px;
    background-image: url("../../images/webhome2/ico_close_32_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
#head .header_wrap > div .brand_search .search_wrap .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);
}
#head + .dim {
    display: none;
    position: fixed;
    z-index: 52;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.4;
}
#head.sub {
    top: 0;
    width: 100%;
}
#head.sub .header_wrap {
    width: -webkit-calc(100% - 480px);
    width: -moz-calc(100% - 480px);
    width: calc(100% - 480px);
    min-width: 1440px;
}
#head.sub .header_wrap > div .logo h1 {
    margin-left: 0;
}
#head.sub .header_wrap > div .main > ul > li .sub {
    width: -webkit-calc(100% - 480px);
    width: -moz-calc(100% - 480px);
    width: calc(100% - 480px);
    min-width: 1440px;
    margin-left: -webkit-calc(max(1440px, 100% - 480px) / -2);
    margin-left: -moz-calc(max(1440px, 100% - 480px) / -2);
    margin-left: calc(max(1440px, 100% - 480px) / -2);
}
#head.sub .header_wrap > div .main > ul > li .sub > div {
    margin-left: 32px;
}
#head.sub .header_wrap > div .main > ul > li .sub .event_sec {
    right: 0;
}

/* //GNB 정의 */
/* 푸터 정의 */
footer {
    background-color: #171A19;
    height: 538px;
}
footer.main {
    margin-top: 0;
}
footer .footer_wrap {
    position: relative;
    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;
    width: 1440px;
    margin: 0 auto;
    padding-top: 80px;
}
footer .footer_wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: initial;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 538px;
    background-color: #171A19;
    z-index: -1;
}
footer .footer_wrap .logo {
    position: relative;
    width: 363px;
}
footer .footer_wrap .logo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 206px;
    height: 24px;
    background-image: url("../../images/webhome2/logo_footer.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
footer .footer_wrap .logo span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
footer .footer_wrap .conts {
    position: relative;
    width: 1077px;
}
footer .footer_wrap .conts > h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
footer .footer_wrap .conts .related_site {
    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;
}
footer .footer_wrap .conts .related_site ul li {
    display: inline-block;
    margin-left: 56px;
}
footer .footer_wrap .conts .related_site ul li:first-child {
    margin-left: 0;
}
footer .footer_wrap .conts .related_site ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
footer .footer_wrap .conts .related_site ul li a:hover {
    text-decoration: underline;
}
footer .footer_wrap .conts .related_site .family_site {
    position: relative;
    margin: -13px 0;
}
footer .footer_wrap .conts .related_site .family_site > h2 {
    width: 160px;
}
footer .footer_wrap .conts .related_site .family_site > h2 a {
    display: block;
    width: 100%;
    padding: 11px 48px 11px 16px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #171A19;
    font-size: 16px;
    font-weight: 700;
    color: #D4D6D4;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .related_site .family_site > h2 a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-image: url("../../images/webhome2/ico_arrow_down_24_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
footer .footer_wrap .conts .related_site .family_site > ul {
    display: none;
    overflow-y: auto;
    position: absolute;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    z-index: 10;
    max-height: 331px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #171A19;
}
footer .footer_wrap .conts .related_site .family_site > ul li {
    display: block;
    margin: 0;
}
footer .footer_wrap .conts .related_site .family_site > ul li a {
    display: block;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .related_site .family_site > ul li a:hover {
    color: #FFFFFF;
}
footer .footer_wrap .conts .related_site .family_site.on > h2 a {
    border-color: #434545;
}
footer .footer_wrap .conts .related_site .family_site.on > h2 a::after {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
footer .footer_wrap .conts .related_site .family_site.on > ul {
    display: block;
    border: 1px solid #434545;
}
footer .footer_wrap .conts .ref_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-shrink: initial;
        -ms-flex-negative: initial;
            flex-shrink: initial;
    margin-top: 48px;
}
footer .footer_wrap .conts .ref_link div {
    margin-right: 80px;
}
footer .footer_wrap .conts .ref_link div h2 {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .ref_link div h2 a {
    color: #9B9E9C;
}
footer .footer_wrap .conts .ref_link div ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: none;
}
footer .footer_wrap .conts .ref_link div ul li + li {
    margin-top: 16px;
}
footer .footer_wrap .conts .ref_link div .bold {
    font-weight: 700;
}
footer .footer_wrap .conts .ref_link div .white {
    color: #FFFFFF;
}
footer .footer_wrap .conts .ref_link div.sub 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;
    width: 224px;
}
footer .footer_wrap .conts .ref_link div.sub ul li {
    width: 50%;
    margin-top: 0;
}
footer .footer_wrap .conts .ref_link div.sub ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 24px;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .ref_link div.sub ul li:nth-child(n+3) {
    margin-top: 16px;
}
footer .footer_wrap .conts .site_info {
    margin-top: 68px;
}
footer .footer_wrap .conts .site_info h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
footer .footer_wrap .conts .site_info ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 760px;
}
footer .footer_wrap .conts .site_info ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .site_info ul li + li {
    position: relative;
    margin-left: 8px;
    padding-left: 9px;
}
footer .footer_wrap .conts .site_info ul li + li::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #727573;
}
footer .footer_wrap .conts .site_info ul li + li.break {
    margin-left: 0;
    padding-left: 0;
}
footer .footer_wrap .conts .site_info ul li + li.break::after {
    display: none;
}
footer .footer_wrap .conts .site_info ul li + li.break, footer .footer_wrap .conts .site_info ul li + li.break ~ li {
    margin-top: 6px;
}
footer .footer_wrap .conts .site_info ul li a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .site_info ul li a:hover {
    text-decoration: underline;
}
footer .footer_wrap .conts .site_info .copyright {
    margin-top: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .quality_certification {
    position: absolute;
    bottom: 0;
    right: 0;
}
footer .footer_wrap .conts .quality_certification > h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
footer .footer_wrap .conts .quality_certification > ul > li {
    display: inline-block;
}
footer .footer_wrap .conts .quality_certification > ul > li a {
    display: block;
}
footer .footer_wrap .conts .quality_certification > ul > li a > img {
    height: 40px;
}
footer .footer_wrap .conts .quality_certification > ul > li + li {
    margin-left: 12px;
}
footer .footer_wrap .conts .quality_certification > ul > li:last-child {
    margin-left: 0;
}
footer .footer_wrap .conts .sel_language {
    position: absolute;
    right: 0;
    bottom: 68px;
    width: 105px;
}
footer .footer_wrap .conts .sel_language > h2 a {
    display: block;
    width: 100%;
    padding: 11px 36px 11px 14px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #171A19;
    font-size: 14px;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .sel_language > h2 a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url("https://www.ehyundai.com/images/webhome2/ico_arrow_down_16_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
footer .footer_wrap .conts .sel_language > ul {
    display: none;
    overflow-y: auto;
    position: absolute;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    z-index: 10;
    max-height: 331px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #171A19;
}
footer .footer_wrap .conts .sel_language > ul li {
    display: block;
    margin: 0;
}
footer .footer_wrap .conts .sel_language > ul li a {
    display: block;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 400;
    color: #D4D6D4;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
footer .footer_wrap .conts .sel_language > ul li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
footer .footer_wrap .conts .sel_language.on > h2 a {
    border-color: #434545;
}
footer .footer_wrap .conts .sel_language.on > h2 a::after {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
footer .footer_wrap .conts .sel_language.on > ul {
    display: block;
    border: 1px solid #434545;
}

/* //푸터 정의 */
.floating {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 50;
}
.floating .chat {
    margin-bottom: 12px;
}
.floating .top {
    text-align: right;
}
.floating .top a {
    display: inline-block;
    width: 72px;
    height: 72px;
    width: 72px;
    height: 72px;
    background-image: url("../../images/webhome2/ico_top_72_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-position: center;
}
.floating .top a span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
}
.floating .chat_message {
    width: 70px;
    -webkit-border-radius: 35px;
       -moz-border-radius: 35px;
            border-radius: 35px;
    overflow: hidden;
    height: 70px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    cursor: pointer;
}
.floating .chat_message.active {
    width: 400px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}
.floating .chat_message a:hover {
    text-decoration: none;
}
.floating .chat_message .chat_open_wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 80px;
    background-color: #fff;
}
.floating .chat_message .chat_open_btn {
    width: 70px;
    height: 70px;
    background: url("../../images/webhome/outlets/layout/chatbot_off.png") no-repeat;
    -moz-background-size: 70px 70px;
         background-size: 70px 70px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}
.floating .chat_message .chat_close_btn {
    display: none;
    width: 25px;
    height: 25px;
    background: url("../../images/webhome/outlets/layout/chatbot_close.png") no-repeat;
    -moz-background-size: 100%;
         background-size: 100%;
    font-size: 0;
    margin-left: 30px;
    position: absolute;
    right: 0;
}
.floating .chat_message.active .chat_close_btn {
    display: block;
}
.floating .chat_message .chat_btn_txt_wrap {
    width: 305px;
}
.floating .chat_message .chat_btn_txt_wrap .chat_btn_txt {
    display: none;
    font-size: 18px;
    color: #222;
    z-index: -2;
    padding-right: 30px;
    height: 70px;
    line-height: 70px;
}
.floating .chat_message .chat_btn_txt_wrap .chat_btn_txt.on {
    display: inline-block !important;
    height: 70px;
}

input::-webkit-input-placeholder {
    color: #9B9E9C;
}

input:-moz-placeholder {
    color: #9B9E9C;
}

input::-moz-placeholder {
    color: #9B9E9C;
}

input:-ms-input-placeholder {
    color: #9B9E9C;
}

input::placeholder {
    color: #9B9E9C;
}

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

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

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

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

/* 인풋 폼용 */
.calendar_wrap {
    font-size: 0;
}
.calendar_wrap * {
    vertical-align: top;
}
.calendar_wrap .input_c {
    display: inline-block;
}
.calendar_wrap .input_c .input_wrap input {
    display: inline-block;
    width: 180px;
    height: 44px;
}
.calendar_wrap .input_c .input_wrap .input_cal {
    display: inline-block;
    margin: 11px 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 .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";
}
.calendar_wrap .sel_wrap {
    display: inline-block;
    margin-left: 10px;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    line-height: 40px;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap.on .ui-select-button .ui-select-text {
    margin: -2px 0 0 0;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button {
    line-height: 42px;
}
.calendar_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button .ico {
    top: 14px;
}
.calendar_wrap .sel_wrap + .input_c {
    margin-left: 8px;
}
.calendar_wrap .btn {
    margin-left: 7px;
}
.calendar_wrap .btn.black {
    height: 44px;
    padding: 11px 20px 12px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #171A19;
    line-height: 22px;
}
.calendar_wrap .btn.black > span {
    display: inline-block;
    min-width: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

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

/* 약관 */
.policy_wrap + .policy_wrap {
    margin-top: 56px;
    padding-top: 56px;
    border-top: 1px solid #EAEBEA;
}
.policy_wrap .footer > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
       -moz-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
}
.policy_wrap .footer > div + div {
    margin-top: 40px;
}
.policy_wrap .footer > div > p + p {
    margin-top: 0;
}
.policy_wrap .footer > div > p:nth-child(2) {
    width: 238px;
    text-align: right;
}
.policy_wrap .footer > div > p:nth-child(3) {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    padding-left: 32px;
}
.policy_wrap .footer.line {
    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-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    margin-bottom: 40px;
}
.policy_wrap .footer.line > span {
    width: 10%;
    text-align: center;
}
.policy_wrap .footer.line > span:first-child {
    width: 17%;
}
.policy_wrap h1 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap h2 {
    margin-top: 40px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap ol > li + li {
    margin-top: 8px;
}
.policy_wrap ol > li > ol > li {
    margin-top: 0;
}
.policy_wrap h3.title:not(:first-child) {
    margin-top: 100px;
}
.policy_wrap h4 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap h4:not(:first-child) {
    margin-top: 56px;
}
.policy_wrap h5 {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap h5.fw_n {
    font-weight: normal;
}
.policy_wrap .tit {
    display: block;
    margin-top: 16px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap p, .policy_wrap li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap p + ol {
    padding: 4px 0 0 22px;
}
.policy_wrap p + ul {
    margin: 12px 0;
}
.policy_wrap p + p {
    margin-top: 4px;
}
.policy_wrap p + .btn_link {
    display: inline-block;
    margin-top: 4px;
}
.policy_wrap .solo_txt {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap .solo_txt.foot {
    margin-top: 40px;
}
.policy_wrap .solo_txt.date {
    margin-bottom: 40px;
    text-align: center;
}
.policy_wrap .img_policy {
    margin-top: 12px;
}
.policy_wrap .img_policy + .step_dl {
    margin-top: 32px;
}
.policy_wrap .step_dl dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.policy_wrap .step_dl dl dt {
    width: 69px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap .step_dl dl dd {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap .step_dl dl + dl {
    margin-top: 12px;
}
.policy_wrap .solo li {
    margin-top: 0 !important;
}
.policy_wrap .tab_wrap .tabs li {
    margin-top: 0;
}
.policy_wrap li:not(:first-child) {
    margin-top: 4px;
}
.policy_wrap li > ol, .policy_wrap li ul {
    padding: 4px 0 0 22px;
}
.policy_wrap li > ol > li, .policy_wrap li ul > li {
    margin-top: 0 !important;
}
.policy_wrap .bullet_list {
    margin-top: 56px;
}
.policy_wrap .txt_desc {
    margin-top: 20px;
}
.policy_wrap .txt_desc + .txt_desc {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap .cnt01 {
    margin-top: 40px;
}
.policy_wrap .cnt12 {
    margin-top: 12px;
}
.policy_wrap .cnt70 {
    margin-top: 70px;
}
.policy_wrap + .btn_wrap {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid #EAEBEA;
    text-align: right;
}
.policy_wrap .focus_box {
    padding: 26px;
    border: 1px solid #EAEBEA;
}
.policy_wrap .focus_box > li + li {
    margin-top: 12px;
}
.policy_wrap .focus_box label {
    padding-left: 34px;
}
.policy_wrap strong.no_tit {
    display: block;
    margin-bottom: 16px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* //약관 */
/* 약관2 */
.policy_wrap01 {
    padding-top: 24px;
}
.policy_wrap01 .tit_div + .tit_div {
    margin-top: 56px;
}
.policy_wrap01 .tit_div h2 {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01 .tit_div h2 + p {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01 .tit_div > ol {
    margin-top: 40px;
}
.policy_wrap01 .tit_div > ol > li {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01 .tit_div > ol > li > ol {
    margin-top: 12px;
}
.policy_wrap01 .tit_div > ol > li > ol > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01 .tit_div > ol > li .input_wrap {
    margin-top: 16px;
}
.policy_wrap01 .tit_div > ol > li + li {
    margin-top: 48px;
}
.policy_wrap01 .tit_div > ol > li > p {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div h2.s_tit {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div h3.s_tit {
    margin-top: 48px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div h4.s_tit {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div h4.s_tit.solo {
    margin-top: 48px;
    margin-bottom: 16px;
}
.policy_wrap01.accordian .tit_div + .tit_div {
    margin-top: 64px;
}
.policy_wrap01.accordian .tit_div + .bullet_list {
    margin-top: 48px;
}
.policy_wrap01.accordian .tit_div .ui_accordion > ul > li + li {
    margin-top: 64px;
}
.policy_wrap01.accordian .tit_div .ui_accordion > ul > li + li.mt48 {
    margin-top: 48px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .head > a {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 12px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div .ui_accordion .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);
}
.policy_wrap01.accordian .tit_div .ui_accordion .on .head > a {
    border: none;
}
.policy_wrap01.accordian .tit_div .ui_accordion .on .head > a:after {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
.policy_wrap01.accordian .tit_div .ui_accordion .sub_rdo .chk_wrap {
    margin-right: 20px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .sub_rdo .chk_wrap > label > span {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div .ui_accordion .sub_rdo .chk_wrap.sm {
    margin-right: 16px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .sub_rdo .chk_wrap.sm > label > span {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms {
    padding: 28px;
    margin-top: 12px;
    margin-bottom: 24px;
    border-top: 1px solid #EAEBEA;
    border-bottom: 1px solid #EAEBEA;
    background-color: #F7FAF9;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms > p {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms > p + p {
    margin-top: 16px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms .table_wrap + .bullet_list {
    margin-top: 20px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms .bullet_list {
    margin-top: 8px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms .bullet_list > li {
    color: #727573;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms + .input_wrap {
    margin-top: 24px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms > dl > dt {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms > dl > dd {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms > dl > dd > p {
    margin-bottom: 20px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms > dl > dd > ol > li + li {
    margin-top: 20px;
}
.policy_wrap01.accordian .tit_div .ui_accordion .ui_accord_content .d_terms > dl + dl {
    margin-top: 40px;
}

/* //약관2 */
.wrap_policy03 h6.big01 {
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-bottom: 24px;
    margin-top: 64px;
}
.wrap_policy03 h6.big01:first-child {
    margin-top: 0;
}
.wrap_policy03 p.tspace02 {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-bottom: 16px;
}
.wrap_policy03 p.tspace02 + ul {
    margin-bottom: 24px;
}
.wrap_policy03 p.tspace02 + ul li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 8px;
}
.wrap_policy03 p.tspace02 + ul li:first-child {
    margin-top: 0;
}
.wrap_policy03 p.tspace02 + ul li > ul {
    margin-top: 4px;
}
.wrap_policy03 p.tspace02 + ul li > ul > li {
    margin-top: 0;
}
.wrap_policy03 p.tspace02 + ul li > ul > li span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}
.wrap_policy03 p.tspace02 + ul li > ul > li span + span {
    margin-bottom: 4px;
    margin-top: 0;
}
.wrap_policy03 p.tspace02 + ul li > p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}
.wrap_policy03 p.tspace02 + p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-bottom: 24px;
}
.wrap_policy03 p.tspace02 + p + ul {
    margin-top: 4px;
}
.wrap_policy03 p.tspace02 + p + ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy03 p.tspace02 + p + ul + .tspace02 {
    margin-top: 24px;
}

.wrap_policy04 h4 {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 56px;
}
.wrap_policy04 h4 + p {
    margin-top: 20px;
}
.wrap_policy04 h4 + ol {
    margin-top: 20px;
}
.wrap_policy04 h4:first-child {
    margin-top: 0;
}
.wrap_policy04 p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy04 p + ol {
    margin-left: 24px;
    margin-top: 4px;
}
.wrap_policy04 p + ol > li {
    margin-top: 0;
}
.wrap_policy04 ol li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    margin-top: 12px;
}
.wrap_policy04 ol li:first-child {
    margin-top: 0;
}
.wrap_policy04 ul.bullet_list {
    margin-top: 12px;
}

/* 카드신청 > 약관 (현행기준) */
.popup_terms {
    margin-top: 24px;
}
.popup_terms p + .big01, .popup_terms ul + .big01, .popup_terms ol + .big01, .popup_terms li + .big01 {
    margin-top: 48px;
}
.popup_terms p + .tspace02, .popup_terms ul + .tspace02, .popup_terms ol + .tspace02, .popup_terms li + .tspace02 {
    margin-top: 28px;
}
.popup_terms p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms p span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms p + ul, .popup_terms p + ol {
    margin-top: 4px;
}
.popup_terms p + .privacy {
    margin-top: 16px;
}
.popup_terms > ul li,
.popup_terms > ol li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms > ul li + li,
.popup_terms > ol li + li {
    margin-top: 8px;
}
.popup_terms > ul li > p,
.popup_terms > ol li > p {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms > ul li > ul,
.popup_terms > ol li > ul {
    margin-top: 4px;
}
.popup_terms > ul li > ul > li,
.popup_terms > ol li > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms > ul + p,
.popup_terms > ol + p {
    margin-top: 8px;
}
.popup_terms > ul + .privacy,
.popup_terms > ol + .privacy {
    margin-top: 16px;
}
.popup_terms a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms a:hover {
    text-decoration: underline;
}
.popup_terms .big01 {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul {
    margin-top: 4px;
}
.popup_terms .tspace02 + ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul > li + li {
    margin-top: 8px;
}
.popup_terms .tspace02 + ul > li > p {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul > li > p.sub_txt {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace02 + ul > li > ul {
    margin-top: 4px;
}
.popup_terms .tspace02 + ul > li > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace03 > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace03 > li > strong {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .tspace03 > li.br {
    margin-top: 40px;
}
.popup_terms .privacy + .tspace02 {
    margin-top: 28px;
}
.popup_terms .happypoint_terms {
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #D4D6D4;
    border-bottom: 1px solid #D4D6D4;
}
.popup_terms .happypoint_terms > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.popup_terms .happypoint_terms > ul li {
    width: 50%;
}
.popup_terms .happypoint_terms > ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .happypoint_terms > ul li:nth-child(n+3) {
    margin-top: 8px;
}
.popup_terms .sub_txt {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.popup_terms .bullet {
    position: relative;
}
.popup_terms .bullet.dot {
    margin-top: 8px;
    padding-left: 11px;
}
.popup_terms .bullet.dot:before {
    width: 4px;
    height: 4px;
    background-color: #434545;
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.popup_terms .underline {
    text-decoration: underline;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

/* 법인카드 > 약관 (현행기준) */
.wrap_policy h4 {
    display: block;
    margin-top: 64px;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy h5 {
    display: block;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy p, .wrap_policy a {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy > ol > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy > ol > li + li {
    margin-top: 8px;
}
.wrap_policy > ol + h5 {
    margin-top: 24px;
}

/* 	회원 > 개인정보처리방침 > 개인정보취급(처리)방침L(현행기준) */
.wrap_policy.member .br12 {
    display: block;
    height: 12px;
}
.wrap_policy.member h4 {
    display: block;
    margin-top: 64px;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member h5 {
    display: block;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member p, .wrap_policy.member a {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member a:hover {
    text-decoration: underline;
}
.wrap_policy.member P + ul {
    margin-top: 24px;
}
.wrap_policy.member P + ol {
    margin-top: 24px;
}
.wrap_policy.member > ol,
.wrap_policy.member > ul {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member > ol > li,
.wrap_policy.member > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member > ol > li + li,
.wrap_policy.member > ul > li + li {
    margin-top: 8px;
}
.wrap_policy.member > ol > li > ol,
.wrap_policy.member > ol > li > ul,
.wrap_policy.member > ul > li > ol,
.wrap_policy.member > ul > li > ul {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member > ol > li > ol > li,
.wrap_policy.member > ol > li > ul > li,
.wrap_policy.member > ul > li > ol > li,
.wrap_policy.member > ul > li > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member > ol > li > ol > li + li,
.wrap_policy.member > ol > li > ul > li + li,
.wrap_policy.member > ul > li > ol > li + li,
.wrap_policy.member > ul > li > ul > li + li {
    margin-top: 4px;
}
.wrap_policy.member > ol > li > ol > li > ol,
.wrap_policy.member > ol > li > ol > li > ul,
.wrap_policy.member > ol > li > ul > li > ol,
.wrap_policy.member > ol > li > ul > li > ul,
.wrap_policy.member > ul > li > ol > li > ol,
.wrap_policy.member > ul > li > ol > li > ul,
.wrap_policy.member > ul > li > ul > li > ol,
.wrap_policy.member > ul > li > ul > li > ul {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member > ol > li > ol > li > ol > li,
.wrap_policy.member > ol > li > ol > li > ul > li,
.wrap_policy.member > ol > li > ul > li > ol > li,
.wrap_policy.member > ol > li > ul > li > ul > li,
.wrap_policy.member > ul > li > ol > li > ol > li,
.wrap_policy.member > ul > li > ol > li > ul > li,
.wrap_policy.member > ul > li > ul > li > ol > li,
.wrap_policy.member > ul > li > ul > li > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member > ol > li > ol > li > ol > li + li,
.wrap_policy.member > ol > li > ol > li > ul > li + li,
.wrap_policy.member > ol > li > ul > li > ol > li + li,
.wrap_policy.member > ol > li > ul > li > ul > li + li,
.wrap_policy.member > ul > li > ol > li > ol > li + li,
.wrap_policy.member > ul > li > ol > li > ul > li + li,
.wrap_policy.member > ul > li > ul > li > ol > li + li,
.wrap_policy.member > ul > li > ul > li > ul > li + li {
    margin-top: 4px;
}
.wrap_policy.member > ol + h5,
.wrap_policy.member > ul + h5 {
    margin-top: 24px;
}
.wrap_policy.member .bllist_type2 {
    margin-top: 8px;
}
.wrap_policy.member .bllist_type2 > li {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member .bllist_type3 {
    margin-top: 8px;
    margin-left: 8px;
}
.wrap_policy.member .bllist_type3 > li {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member .policymenu {
    margin-top: 48px;
    padding: 24px;
    background-color: #F0F5F4;
}
.wrap_policy.member .policymenu > 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;
    margin-top: -12px;
}
.wrap_policy.member .policymenu > ul li {
    margin-top: 12px;
}
.wrap_policy.member .policymenu > ul li:nth-child(odd) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 47%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 47%;
            flex: 1 1 47%;
}
.wrap_policy.member .policymenu > ul li:nth-child(even) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 53%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 53%;
            flex: 1 1 53%;
}
.wrap_policy.member .policymenu > ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #171A19 !important;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.wrap_policy.member .policymenu + p {
    margin-top: 16px;
}
.wrap_policy.member .tb_type2 {
    border-top: 1px solid #434545;
}
.wrap_policy.member .tb_type2.tspace02 {
    margin-top: 24px;
}
.wrap_policy.member .tb_type2.bspace02 {
    margin-bottom: 24px;
}
.wrap_policy.member .tb_type2 table {
    width: 100%;
    border-collapse: collapse;
}
.wrap_policy.member .tb_type2 table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.wrap_policy.member .tb_type2 table thead th:first-child {
    border-left: none;
}
.wrap_policy.member .tb_type2 table thead th.bd_l {
    border-left: 1px solid #FFFFFF;
}
.wrap_policy.member .tb_type2 table thead th.bd_t {
    border-top: 1px solid #FFFFFF;
}
.wrap_policy.member .tb_type2 table thead th.bd_b {
    border-bottom: 1px solid #FFFFFF;
}
.wrap_policy.member .tb_type2 table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.wrap_policy.member .tb_type2 table tbody th.first {
    border-left: none !important;
}
.wrap_policy.member .tb_type2 table tbody th.al_center {
    text-align: center;
}
.wrap_policy.member .tb_type2 table tbody th.al_right {
    text-align: right;
}
.wrap_policy.member .tb_type2 table tbody td {
    padding: 20px 16px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
    /* 데이터 없을 경우 */
}
.wrap_policy.member .tb_type2 table tbody td.first {
    border-left: none;
}
.wrap_policy.member .tb_type2 table tbody td.al_center {
    text-align: center;
}
.wrap_policy.member .tb_type2 table tbody td.al_center .bullet_list {
    display: inline-block;
}
.wrap_policy.member .tb_type2 table tbody td.al_right {
    text-align: right;
}
.wrap_policy.member .tb_type2 table tbody td .fc_red {
    color: #FF383B;
}
.wrap_policy.member .tb_type2 table tbody td .fc_khaki {
    color: #00805A;
}
.wrap_policy.member .tb_type2 table tbody td .fc_gray02 {
    color: #727573;
}
.wrap_policy.member .tb_type2 table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.wrap_policy.member .tb_type2 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";
}
.wrap_policy.member .tb_type2 table tfoot td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
}
.wrap_policy.member .tb_type2 table tfoot td.first {
    border-left: none;
}
.wrap_policy.member .tb_type2 table tfoot td.al_center {
    text-align: center;
}
.wrap_policy.member .tb_type2 table tfoot td.al_center .bullet_list {
    display: inline-block;
}
.wrap_policy.member .tb_type2 table tfoot .al_right {
    text-align: right;
}
.wrap_policy.member .tb_type2 .fir {
    border-left: none;
}
.wrap_policy.member .tb_type2 a {
    font-size: 14px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy.member .tb_type2 tr > td:first-child {
    border-left: 1px solid #FFFFFF;
}
.wrap_policy .paragraph {
    margin-top: 32px;
}
.wrap_policy .paragraph + .paragraph {
    margin-top: 48px;
}
.wrap_policy .paragraph > strong {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .paragraph > strong + p {
    margin-top: 16px;
}
.wrap_policy .paragraph > strong > img {
    width: 32px;
    height: 32px;
    vertical-align: -9px;
}
.wrap_policy .paragraph p {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .paragraph p + p {
    margin-top: 12px;
}
.wrap_policy .paragraph > p {
    margin-top: 16px;
}
.wrap_policy .paragraph > p br:first-child {
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    display: block;
}
.wrap_policy .paragraph .label_table {
    width: 100%;
    margin-top: 48px;
    border-spacing: 8px;
}
.wrap_policy .paragraph .label_table th {
    padding-bottom: 16px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .paragraph .label_table td {
    text-align: center;
    padding: 20px;
    background-color: #F7FAF9;
}
.wrap_policy .paragraph .label_table td img {
    display: inline-block;
    width: 64px;
    margin-bottom: 12px;
}
.wrap_policy .paragraph .label_table td a {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .paragraph .label_table + p {
    margin-top: 12px;
}
.wrap_policy .paragraph .label_table + p > strong {
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .paragraph .btn_type16.tspace01 {
    margin-top: 8px;
}
.wrap_policy .paragraph .btn_type16 > a {
    font-size: 14px;
    font-weight: 700;
    color: #00815A;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .toggle_wrap {
    margin-top: 8px;
}
.wrap_policy .toggle_wrap + .paragraph {
    margin-top: 48px;
}
.wrap_policy .toggle_wrap table {
    width: 100%;
    border-collapse: collapse;
}
.wrap_policy .toggle_wrap table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.wrap_policy .toggle_wrap table thead th:first-child {
    border-left: none;
}
.wrap_policy .toggle_wrap table thead th.bd_l {
    border-left: 1px solid #FFFFFF;
}
.wrap_policy .toggle_wrap table thead th.bd_t {
    border-top: 1px solid #FFFFFF;
}
.wrap_policy .toggle_wrap table thead th.bd_b {
    border-bottom: 1px solid #FFFFFF;
}
.wrap_policy .toggle_wrap table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.wrap_policy .toggle_wrap table tbody th.first {
    border-left: none !important;
}
.wrap_policy .toggle_wrap table tbody th.al_center {
    text-align: center;
}
.wrap_policy .toggle_wrap table tbody th.al_right {
    text-align: right;
}
.wrap_policy .toggle_wrap table tbody td {
    padding: 20px 16px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
    /* 데이터 없을 경우 */
}
.wrap_policy .toggle_wrap table tbody td.first {
    border-left: none;
}
.wrap_policy .toggle_wrap table tbody td.al_center {
    text-align: center;
}
.wrap_policy .toggle_wrap table tbody td.al_center .bullet_list {
    display: inline-block;
}
.wrap_policy .toggle_wrap table tbody td.al_right {
    text-align: right;
}
.wrap_policy .toggle_wrap table tbody td .fc_red {
    color: #FF383B;
}
.wrap_policy .toggle_wrap table tbody td .fc_khaki {
    color: #00805A;
}
.wrap_policy .toggle_wrap table tbody td .fc_gray02 {
    color: #727573;
}
.wrap_policy .toggle_wrap table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.wrap_policy .toggle_wrap 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";
}
.wrap_policy .toggle_wrap table tfoot td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
}
.wrap_policy .toggle_wrap table tfoot td.first {
    border-left: none;
}
.wrap_policy .toggle_wrap table tfoot td.al_center {
    text-align: center;
}
.wrap_policy .toggle_wrap table tfoot td.al_center .bullet_list {
    display: inline-block;
}
.wrap_policy .toggle_wrap table tfoot .al_right {
    text-align: right;
}
.wrap_policy .toggle_wrap table {
    position: relative;
}
.wrap_policy .toggle_wrap table:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #434545;
}
.wrap_policy .toggle_wrap tr > td:first-child {
    border-left: 1px solid #FFFFFF;
}
.wrap_policy .toggle_wrap .depth1 > li {
    width: 100%;
    border-top: 1px solid #EAEBEA;
    border-bottom: 1px solid #EAEBEA;
    background-color: #F7F7F7;
}
.wrap_policy .toggle_wrap .depth1 > li.on .head > a::after {
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.wrap_policy .toggle_wrap .depth1 > li .head {
    padding: 12px 24px;
}
.wrap_policy .toggle_wrap .depth1 > li .head > a::after {
    content: "";
    display: inline-block;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    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;
}
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content {
    padding: 16px 24px 24px;
    background-color: #FFFFFF;
}
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ul > li,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ol > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ul > li + li,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ol > li + li {
    margin-top: 12px;
}
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ul > li > p,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ol > li > p {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ul > li > ul,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ul > li > ol,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ol > li > ul,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ol > li > ol {
    margin-top: 4px;
}
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ul > li > ul > li,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ul > li > ol > li,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ol > li > ul > li,
.wrap_policy .toggle_wrap .depth1 > li .ui_accord_content > ol > li > ol > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}
.wrap_policy .toggle_wrap + p {
    margin-top: 12px;
}
.wrap_policy .text_box {
    margin-top: 16px;
}
.wrap_policy .text_box > ul + ul {
    margin-top: 4px;
}
.wrap_policy .text_box > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans";
}

@media (min-width: 1900px) {
    html,
body {
        overflow-x: hidden;
    }
}

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

fieldset {
    border: none;
}

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

img {
    vertical-align: top;
}

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

/* //스킵네비게이션 */
/* 다운로드 진행표 테이븚 */
.download_wrap table {
    width: 100%;
    border-collapse: collapse;
}
.download_wrap table thead th {
    padding: 14px 0;
    background-color: #F0F5F4;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.download_wrap table thead th:first-child {
    border-left: none;
}
.download_wrap table thead th.bd_l {
    border-left: 1px solid #FFFFFF;
}
.download_wrap table thead th.bd_t {
    border-top: 1px solid #FFFFFF;
}
.download_wrap table thead th.bd_b {
    border-bottom: 1px solid #FFFFFF;
}
.download_wrap table tbody th {
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    font-weight: normal;
}
.download_wrap table tbody th.first {
    border-left: none !important;
}
.download_wrap table tbody th.al_center {
    text-align: center;
}
.download_wrap table tbody th.al_right {
    text-align: right;
}
.download_wrap table tbody td {
    padding: 20px 16px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
    /* 데이터 없을 경우 */
}
.download_wrap table tbody td.first {
    border-left: none;
}
.download_wrap table tbody td.al_center {
    text-align: center;
}
.download_wrap table tbody td.al_center .bullet_list {
    display: inline-block;
}
.download_wrap table tbody td.al_right {
    text-align: right;
}
.download_wrap table tbody td .fc_red {
    color: #FF383B;
}
.download_wrap table tbody td .fc_khaki {
    color: #00805A;
}
.download_wrap table tbody td .fc_gray02 {
    color: #727573;
}
.download_wrap table tbody td .no_result {
    padding: 20px 0;
    text-align: center;
}
.download_wrap 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";
}
.download_wrap table tfoot td {
    padding: 20px;
    border-bottom: 1px solid #eaebea;
    border-left: 1px solid #eaebea;
    background-color: #FFFFFF;
}
.download_wrap table tfoot td.first {
    border-left: none;
}
.download_wrap table tfoot td.al_center {
    text-align: center;
}
.download_wrap table tfoot td.al_center .bullet_list {
    display: inline-block;
}
.download_wrap table tfoot .al_right {
    text-align: right;
}

/* 카드 */
/* 공통 */
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.border2 {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #171A19;
}

.title01 + .txt_desc {
    margin-top: 24px;
}

.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: 2px solid #171A19;
    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;
    z-index: 1;
    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: auto;
    height: 640px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.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 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    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 .rdo_wrap input:checked + label,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.certification .rdo_wrap input:checked + label {
    border-color: #171A19;
}

.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 img,
.apply_form_wrap .form .form_row > dl > dd .input_wrap.card_choice label img {
    width: 155px;
    height: 92px;
}

.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 {
    content: none;
}

.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.dis,
.apply_form_wrap .form .form_row > dl > dd .btn.dis {
    pointer-events: none;
    border: 1px solid #D4D6D4 !important;
    background-color: #D4D6D4 !important;
}
.apply_form_wrap form .form_row > dl > dd .btn.dis > span,
.apply_form_wrap .form .form_row > dl > dd .btn.dis > span {
    color: #FFFFFF !important;
}

.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 {
    padding: 0 12px 0 16px;
    line-height: 42px;
}

.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button .ico {
    top: 14px;
    right: 12px;
}

.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap .ui-selectbox-wrap .ui-select-button .ui-select-text {
    font-size: 14px;
}

.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap .ui-selectbox-wrap.on .ui-select-button {
    line-height: 40px;
}

.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap .ui-selectbox-wrap.on .ui-selectbox-list .ui-select-scrollarea-ul > li {
    padding: 12px 16px;
}

.lay_pop .lay_conts .view_table .search_sec .row_wrap .sel_wrap .ui-selectbox-wrap.on .ui-selectbox-list .ui-select-scrollarea-ul > li > a {
    font-size: 14px;
}

.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: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-start {
    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;
}

.form_row .ico_required.align-start {
    -webkit-align-self: flex-start;
        -ms-flex-item-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%;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    margin-left: 5px;
    cursor: pointer;
}

.btn_ars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; /* 2023-04-19 수정 */
    width: 99px;
    height: 35px;
    color: #fff;
    font-weight: 700;
    font-size: 16.5px;
    line-height: 1;
    -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;
    background-color: #51a6b3;
    text-indent: 0;
    cursor: pointer;
}

.btn_ars:disabled {
    background-color: rgba(102, 102, 102, 0.4);
}

.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;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            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: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 172px;
    height: 43px;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    text-indent: 0;
    -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;
    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;
    -moz-background-size: 100% 100%;
         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] */
/* 2023-06-14 추가 [S] */
.card-img-box.case-1 {
    width: 100%;
    margin-top: 80px;
    position: relative;
}

.card-img-box.case-1 img {
    width: 100%;
}

.card-img-box.case-1 .appli-btn {
    display: block;
    position: absolute;
    top: 124px;
    left: 64px;
    width: 94px;
    height: 34px;
}

.card-img-box.case-2 {
    width: 100%;
    margin-top: 48px;
}

.card_sub.new-case-1 .apply_form_wrap {
    padding-bottom: 40px !important;
}

.card_sub.new-case-1 .apply_form_wrap .tit_wrap.new-case-1 {
    margin-bottom: 20px !important;
}

.card_sub.new-case-1 .form_row.input_type.case-1 dt .txt {
    font-weight: 700 !important;
}

.card .card_sub03_03_01_01 * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.card .card_sub03_03_01_01 .title-text.case-1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    padding-bottom: 24px;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 {
    margin-top: 50px;
    border-top: 1px solid #171A19;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 table {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border-collapse: collapse;
    border-spacing: 0;
    border-left: none;
    border-right: none;
    text-align: center;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 table thead {
    background-color: #F0F5F4;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 table thead tr th {
    padding: 20px 0 25px;
    border-right: 1px solid #FFFFFF;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 table tbody {
    border-right: none;
    border-left: none;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 table tbody tr td {
    padding: 21px;
    border-right: 1px solid #EAEBEA;
    border-bottom: 1px solid #EAEBEA;
    word-break: keep-all;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 table tbody tr td:last-child {
    border-right: none;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap {
    background-color: #F0F5F4;
    border: 1px solid #F0F5F4;
    padding: 22px 32px;
    margin-top: 40px;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap .payment-sum {
    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;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap .payment-sum:nth-child(2) {
    padding-top: 15px;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap .payment-sum .sum-text-tit {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap .payment-sum .sum-text-tit.bold {
    font-weight: 700;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap .payment-sum .sum-text-num {
    text-align: right;
    vertical-align: middle;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap .payment-sum .sum-text-num .num {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.card .card_sub03_03_01_01 .tb_type1.case-1 .payment-sum-wrap .payment-sum .sum-text-num .unit {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 {
    padding: 35px 40px !important;
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 80px;
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl {
    width: auto !important;
    position: relative;
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl:nth-child(1)::after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #9B9E9C;
    position: absolute;
    right: -56px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl:nth-child(2)::after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #9B9E9C;
    position: absolute;
    right: -56px;
    top: 43%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl:nth-child(2)::before {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #9B9E9C;
    position: absolute;
    right: -56px;
    top: 55%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl .num-box input.num {
    text-align: right;
    outline: none;
    border: 1px solid #EAEBEA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    padding: 3px 12px;
    min-width: 150px;
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl .num {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl .unit,
.card .card_sub03_03_01_01 .payment_info_box.case-1 .payment_info_list dl .unit {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 2023-06-14 추가 [E] */
/*# sourceMappingURL=maps/card_thdi.css.map */