/* override */
#header {min-height:55px; height:auto;}
.header-title {min-height:55px; height:auto;}
.youth-c {padding-bottom:50px; word-break:keep-all;}
.youth-c li {list-style:none; margin:0; padding:0;}
.youth-c ul {margin:0; padding:0;}
.youth-c ol {margin:0; padding:0;}
.youth-c p {margin:0; line-height:1.8em;}
.youth-c label {display:inline-block;}
.youth-c input::placeholder {color:#b2b2b2;}
.youth-c textarea::placeholder {color:#b2b2b2;}
table caption {height:0; overflow:hidden; }

.pl10 {padding-left:10px;}
.block {display:block;}

/* global */
.c-imp1 {color:#ea573f !important;}
.c-imp2 {color:#5589c4 !important;}
.c-gary1 {color:#808080 !important;}
a.not-yet {cursor:default;}
.youth-c .t-under {text-decoration:underline;}
.youth-c .text-center {text-align:center;}
.youth-c .text-right {text-align:right;}
.youth-c .text-left {text-align:left;}
.youth-c .ic-qu-trr {position:relative; vertical-align:middle; top:-2px; display:inline-block; color:transparent; margin:0 1px 0 2px; width:14px; height:14px; background:url('https://rl9mnsqm6.toastcdn.net/mmc/common/icon-question-trriger.png') no-repeat 0 0; background-size:100%;}
.sup {top:-5px;}

.use-btn {margin-top:8px; display:inline-block; text-align:center; padding:0 15px; height:26px;line-height:24px; font-size:11px; color:#323232; background-color:#f2f2f2; border:1px solid #d9d9d9; border-radius:3px;}

.form-item input {width:100%; height:40px; padding:0 10px; font-size:12px; line-height:36px; vertical-align:middle; color:#323232; border:1px solid #d9d9d9; background-color:#fff;}
.form-item input[type="text"].un-use {background-color:#d8d8d8;}
.form-item input[readonly] {color:#808080; background-color:#f7f7f7;}
.form-item input[type="checkbox"] {position:relative; opacity:0; width:17px; height:17px; z-index:2; vertical-align:middle;}
.form-item input[type="checkbox"] + label {position:relative; margin-left:-17px;}
.form-item input[type="checkbox"] + label:before {content:''; display:inline-block; vertical-align:middle; margin-right:3px; width:17px; height:17px; background-color:#d9d9d9;}
.form-item input:checked[type="checkbox"] + label:before {background:#5589c4 url('https://rl9mnsqm6.toastcdn.net/mmc/common/checkbox_checked.png') no-repeat center; background-size:100%;}
.form-item input[type="radio"] {position:relative; top:-1px; opacity:0; width:16px; height:16px; z-index:2; vertical-align:middle;}
.form-item input[type="radio"] + label {position:relative;}
.form-item input[type="radio"] + label:before {position:relative; content:''; display:inline-block; top:-1px; vertical-align:middle; margin-right:3px; width:16px; height:16px; background-color:#d9d9d9; border-radius:8px;}
.form-item input:checked[type="radio"] + label:before {background:#5589c4 url('https://rl9mnsqm6.toastcdn.net/mmc/common/checkbox_checked.png') no-repeat center; background-size:100%;}
.form-item select {width:100%; height:40px; padding:0 10px; font-size:12px; color:#323232; background-color:transparent; border:1px solid #d9d9d9; -webkit-appearance:none;}
.form-item div.select-style {width:100%; height:40px; padding:0 10px; line-height:38px; font-size:12px; color:#323232; background-color:transparent; border:1px solid #d9d9d9; -webkit-appearance:none;}
.form-item input[type="date"] {background-color:transparent; -webkit-appearance:none;}
.form-item input[type="date"]::-webkit-inner-spin-button,
.form-item input[type="date"]::-webkit-calendar-picker-indicator {opacity:0;}
.form-item .select-style {background:#fff url('../img/select_style.png') no-repeat right center; background-size:auto 6px;}
.form-item .date-style {position:relative; }
.form-item .date-style:before {position:absolute; content:''; width:38px; right:1px; top:1px; bottom:1px; border-left:1px solid #d9d9d9; background:#f2f2f2 url('../img/date_style.png') no-repeat center; background-size:17px;}
.form-item + .form-item {margin-top:10px;}
html.modal-dimm:after {content:''; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.5; z-index:900;}

/* sun_loan_style */
.form-item .sun_loan_list .add_list dl dd table td select { font-weight: normal; font-size: 15px; }

/* new */
.page-alert + .dvline {margin-top:20px; padding-top:20px; border-top:1px solid #a1a1a1;}
.dvline + .dvline {margin-top:20px; padding-top:20px; border-top:1px solid #a1a1a1;}

.page-header {min-height:57px; background-color:#242631; color:#fff;}
.page-header .header-title {display:block; text-align:center; font-size:20px; line-height:25px; padding:15px 50px; font-weight:600;}
.page-header .close-button {position:absolute; top:50%; line-height:1.5em; transform:translateY(-50%);}
.page-header .close-button.func-close,
.page-header .close-button.func-cancle {padding:10px; right:10px; color:#fff;}
.page-header .close-button.func-prev {font-size:2px; color:#fff; line-height:8em; word-break:keep-all; text-align:center; left:12px; width:30px; height:30px; background:url('https://rl9mnsqm6.toastcdn.net/mmc/common/btn_prevpage.png') no-repeat center; background-size:21px; text-indent:-999px;}

.page-alert {text-align:center; padding-bottom:10px;}
.page-alert .alr-i {display:block; margin:0 auto; width:67px; height:67px; background-repeat:no-repeat; background-position:center; background-size:100%;}
.page-alert .alr-1 {background-image:url('../img/alr_1.png');}
.page-alert .alr-2 {background-image:url('https://rl9mnsqm6.toastcdn.net/mmc/common/alr_2.png');}
.page-alert .alr-3 {background-image:url('../img/alr_3.png');}
.page-alert .alr-4 {background-image:url('../img/alr_4.png');}
.page-alert .alr-5 {background-image:url('../img/alr_5.png');}
.page-alert .alr-6 {background-image:url('../img/alr_6.png');}
.page-alert .alr-7 {background-image:url('../img/alr_7.png');}
.page-alert .alr-8 {background-image:url('../img/alr_8.png');}
.page-alert .alr-9 {background-image:url('../img/alr_9.png');}
.page-alert .alr-10 {background-image:url('../img/alr_10.png');}
.page-alert .alr-11 {background-image:url('../img/alr_11.png');}
.page-alert .alr-12 {background-image:url('../img/alr_12.png');}
.page-alert .alr-13 {background-image:url('../img/alr_13.png');}
.page-alert .alr-14 {background-image:url('../img/alr_14.png');}
.page-alert .alr-i + .strong {margin-top:5px;}
.page-alert .strong {font-size:15px; margin-bottom:0; font-weight:600; color:#323232; line-height:23px;}
.page-alert .strong.middle {padding-left:20%; padding-right:20%;}
.page-alert .desc {font-size:12px; margin-bottom:0; color:#323232;}
.page-alert .desc strong {font-weight:600;}
.page-alert .desc-desc {margin-top:5px; font-size:10px; color:#999;}
.page-alert .strong + .desc {margin-top:5px;}

p.sub-desc {margin:0 20px;}

.form-item {}
.form-item .tit-le {display:block; font-size:15px; font-weight:600; color:#323232;}
.form-item .field-item {}
.form-item .field-item + .field-item {margin-top:12px;}
.form-item .field-item .f-tit {display:block; font-size:12px; line-height:25px; font-weight:normal;}
.form-item .field-item .f-tit.dp-inline {display:inline-block; vertical-align:middle;}
.form-item .field-item .f-row {display:table; width:100%;}
.form-item .field-item .f-row + .f-row {margin-top:5px;}
.form-item .field-item .f-row + div > .f-row {margin-top:5px;}
.form-item .field-item .f-row > span {display:table-cell; vertical-align:middle;}
.form-item .field-item .f-row > span.halp {width:50%;}
.form-item .field-item .f-row > span + span {padding-left:5px;}
.form-item .field-item .f-row .full {width:100%;}
.form-item .field-item .f-row .field-near-btn {display:block; height:40px; padding:0 3px; min-width:50px; line-height:36px; border:1px solid #5987d5; background-color:#fff; text-align:center; color:#5589c4; font-weight:bold;}
.form-item .field-item .f-row .field-near-btn.return {background-color:#b2b3b8; color:#fff; border:0 none;}
.form-item .field-item .f-row .field-near-btn.btn-v02 {min-width:8px;}
.form-item .disable input:disabled[type="checkbox"] + label:before {background:#ebedf2 url('https://rl9mnsqm6.toastcdn.net/mmc/common/checkbox_checked.png') no-repeat center; background-size:100%;}

.form-item .field-item .note-p {margin-top:5px;}
.form-item .f-labels {font-size:0; line-height:22px;}
.form-item .f-labels > div { position:relative; display:inline-block; white-space:nowrap; font-size:12px;}
.form-item .f-labels.col-2 > div {width:50%;}
.form-item .f-labels.col-3 > div {width:33%;}
.f-expand-sub {margin-left:20px; margin-bottom:15px; padding:10px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.cover-fade {position:absolute; top:0; left:0; right:0; bottom:0; background-color:yellow; opacity:.5;}

.sup-who {}
.sup-who .tit-le {display:block; font-size:15px; font-weight:600; color:#323232;}
.sup-who .tit-le .desc {font-size:12px;}
.sup-who li {font-size:13px; color:#323232;}
.sup-who li:before {position:relative; content:''; display:inline-block; vertical-align:middle; top:-1px; margin-right:3px; width:3px; height:3px; border-radius:2px; background-color:#5b5b5b;}

.apy-step {}
.apy-step .tit-le {display:block; font-size:15px; font-weight:600; color:#323232;}
.apy-step li {position:relative; font-size:13px; line-height:19px; padding:9px 0 9px 34px;}
.apy-step li:before {position:absolute; left:13px; top:0; bottom:0; content:''; width:1px; background-color:#d9d9d9; font-size:0;}
.apy-step li:after {position:absolute; left:0; top:50%; margin-top:-13.5px; content:''; width:27px; height:27px; border-radius:13px; border:1px solid #d9d9d9; background-color:#fff;}
.apy-step li:first-child:before {top:50%;}
.apy-step li:last-child:before {bottom:50%;}
.apy-step li i {position:absolute; left:0; top:50%; margin-top:-13.5px; display:inline-block; vertical-align:middle; width:27px; height:27px; background-repeat:no-repeat; background-position:center; background-size:100%; z-index:2;}
.apy-step li .ap1 {background-image:url('../img/apy_1.png');}
.apy-step li .ap2 {background-image:url('../img/apy_2.png');}
.apy-step li .ap3 {background-image:url('../img/apy_3.png');}
.apy-step li .ap4 {background-image:url('../img/apy_4.png');}
.apy-step li .ap5 {background-image:url('../img/apy_5.png');}
.apy-step li .ap6 {background-image:url('../img/apy_6.png');}
.apy-step li .ap7 {background-image:url('../img/apy_7.png');}

.apy-btns {margin-bottom:25px;}
.apy-btns a {border-radius:7px; height:53px; line-height:53px; font-size:17px; color:#323232; text-align:center; border:1px solid #d9d9d9;}
.apy-btns a + a {margin-top:10px;}
.apy-btns a i {display:inline-block; margin-right:12px; width:20px; height:20px; vertical-align:middle; background-repeat:no-repeat; background-size:100%; background-position:center;}
.apy-btns a .yt {background-image:url('../img/apy_yt.png');}
.apy-btns a .call {background-image:url('../img/apy_call.png');}

.able-bank {position:relative; padding-bottom:8px; z-index:3;}
.able-bank .tit-le {display:block; font-size:15px; font-weight:600; color:#323232;}
.able-bank ul {margin-top:6px; text-align:center; font-size:0; line-height:1.5em;}
.able-bank li {position:relative; display:inline-block; padding:70px 0 0; width:31%; min-width:86px; max-width:120px; height:100px; margin:0 3px 0 3px; font-size:12px; border:1px solid #e6e6e6; border-radius:12px; background-color:#f2f2f2;}
.able-bank-add li	{margin-top: 0.8rem;}
.able-bank li:first-child {margin-left:0;}
.able-bank li:last-child {margin-right:0;}
.able-bank li:before {content:''; position:absolute; top:0; left:0; right:0; bottom:33px; background-color:#fff; border-top-left-radius:12px; border-top-right-radius:12px;}
.able-bank li:after {content:''; position:absolute; top:15px; left:50%; transform:translateX(-50%); background-repeat:no-repeat; background-position:center; background-size:100%;}
.able-bank li.ibk:after {width:37px; height:37px; background-image:url('../img/bank_ibk.png');}
.able-bank li.shinhan:after {width:34px; height:34px; background-image:url('../img/bank_shinhan.png');}
.able-bank li.jb:after {width:34px; height:34px; background-image:url('../img/bank_jb.png');}

.able-bank li.kj:after {
    width: 34px;
    height: 34px;
    background-image: url('../img/bank_jb.png');
}

.able-bank li.toss:after {
    width: 34px;
    height: 34px;
    background-image: url('../to-be/images/sun_bank/icon_bank_toss.svg');
}

.able-bank li.hana:after {
    width: 34px;
    height: 34px;
    background-image: url('../to-be/images/sun_bank/icon_bank_hana.svg');
}

.able-bank li strong {color:#323232;}

.ibk .bank-f1 {left:30px;}
.shinhan .bank-f1 {left:-50px;}
.jb .bank-f1 {left:inherit; right:10px;}

.youth-c .f1-dialog {display:none; position:absolute; min-width:180px; padding:10px 12px; text-align:left; border:1px solid #2a87c4; background-color:#fff; z-index:5;}
.youth-c .f1-dialog p {font-size:9px; color:#323232; white-space:normal;}
.f1-dialog p strong {font-size:10px; font-weight:bold;}
.f1-dialog.list-p p {text-indent:-6px; padding-left:6px;}
.f1-dialog.list-p p:before {position:relative; content:''; display:inline-block; vertical-align:middle; top:-1px; margin-right:3px; width:2px; height:2px; border-radius:1px; background-color:#5b5b5b;}

.bank-f1 {width:210px;}
.bank-f1 p:before {position:relative; content:''; display:inline-block; vertical-align:middle; top:-1px; margin-right:3px; width:2px; height:2px; border-radius:1px; background-color:#5b5b5b;}
.just-money {padding:25px 0; border-bottom:1px solid #a1a1a1;}
.just-money p {font-size:12px; color:#323232;}
.just-money p strong {display:inline-block; font-weight:bold; margin:0 10px; font-size:25px; color:#5987d5;}

.note-p {position: relative; padding:0 0 0px 20px; margin:0; line-height:18px; font-size:12px; color:#323232; background:url('https://rl9mnsqm6.toastcdn.net/mmc/common/note-ex-mark.png') no-repeat left 1px; background-size:15px auto;}
.note-p.c-imp1 {background-image:url('https://rl9mnsqm6.toastcdn.net/mmc/common/note-ex-mark_red.png'); background-position:left 3px;}
.note-p + .note-p {margin-top:5px;}
.dvline + .note-p {margin-top:8px;}
.fixble {visibility:hidden;}
.fixed-on-btn {position:fixed; bottom:46px; left:0; right:0; background-color:#fff; padding:15px 20px 15px; z-index:10;}
.fixed-on-btn .fixble {visibility:visible;}

.submit-btn {position:fixed; bottom:0; left:0; right:0; font-size:0; z-index:10;}
.submit-btn a {height:46px; font-size:17px; color:#fff; font-weight:600; text-align:center; line-height:46px;}
.submit-btn a.line2 { font-size: 15px; line-height: 17px; }
.submit-btn a.send {background-color:#5987d5;}
.submit-btn a.green-send {background-color:#00B050;}
.submit-btn a.return {background-color:#505c73;}
.submit-btn a.full {width:100%;}
.submit-btn a.halp {width:50%; display:inline-block;}
.submit-btn a.not-yet {background-color:#c2c5cc;}

.guide-desc {}
.guide-desc .tit-le {display:block; font-size:12px; font-weight:600; color:#323232;}
.guide-desc p {font-size:11px; color:#323232;}
.guide-desc p strong {font-weight:bold; font-size:inherit;}
.guide-desc table {margin:4px 0;}
.guide-desc table th,
.guide-desc table td {font-size:11px; line-height:1.3em;}

.p-note-dot {text-indent:-6px; padding-left:6px;}
.p-note-dot:before {position:relative; content:''; display:inline-block; vertical-align:middle; top:-1px; margin-right:3px; width:2px; height:2px; border-radius:1px; background-color:#5b5b5b;}

.reject-why {}
.reject-why .tit-le {display:block; font-size:12px; font-weight:600; color:#323232;}
.reject-why .item-box {border:1px solid #d9d9d9; background-color:#fff;}
.reject-why .item-box + .note-p {margin-top:8px;}
.reject-why .item + .item {border-top:1px solid #d9d9d9;}
.reject-why .sub-ject {position:relative; padding:11px 32px 11px 20px; line-height:18px; font-size:12px; font-weight:bold; color:#323232;}
.reject-why .sub-ject:before {position:relative; content:''; display:inline-block; vertical-align:middle; top:-1px; margin-right:3px; width:3px; height:3px; border-radius:2px; background-color:#5b5b5b;}
.reject-why .sub-ject:after {position:absolute; content:''; top:50%; margin-top:-3px; right:10px; width:9px; height:6px; background:url('../img/reject_arr_down.png') no-repeat center; background-size:100%;}
.reject-why .sub-ject.expand:after {background-image:url('../img/reject_arr_up.png');}
.reject-why .de-tail {display:none; position:relative; padding:13px 20px 13px 13px; font-size:12px; color:#323232; background-color:#f7f7f7;}
.reject-why .de-tail:before {content:''; position:absolute; top:0; left:12px; right:12px; height:1px; font-size:0; background-color:#d9d9d9;}

.would-more-loan {}
.would-more-loan .tit-le {display:block; font-size:15px; font-weight:600; color:#333;}
.would-more-loan .apy-btns {margin:20px 0 0;}
.would-more-loan .apy-btns a {height:46px; line-height:46px; font-size:17px; font-weight:bold;}
.would-more-loan .apy-btns .not-yet {color:#bfbfbf;}

.center-address-is {margin:10px 0 0;}
.center-address-is strong {font-size:12px; font-weight:bold;}
.center-address-is strong:before {position:relative; content:''; display:inline-block; vertical-align:middle; top:-1px; margin-right:3px; width:3px; height:3px; border-radius:2px; background-color:#5b5b5b;}
.center-address-is p {font-size:12px;}

.youth-main {background:#f5f5f5 url('../img/youth_front_bg.png') no-repeat center -60px; background-size:100% auto;}
.youth-main .content {margin:0;}
.youth-front {min-height:180px; padding:32px 30px 0; text-align:center;}
.youth-front strong {display:block; margin-bottom:8px; font-size:22px; font-weight:bold; color:#323232;}
.youth-front p {font-size:13px; color:#323232; line-height:1.75em;}
.youth-main .yf-item {position:relative; margin:0 20px 7px; padding:22px 120px 0 27px; height:108px; background-color:#fff; border-radius:20px; box-shadow:15px 15px 15px rgba(105, 102, 91, .1);}
.youth-main .yf-item:after {position:absolute; content:''; width:109px; height:112px; right:0; bottom:0; background-repeat:no-repeat; background-position:center; background-size:107px auto;}
.youth-main .yf-item.yf-1:after {background-image:url('../img/youth_front1.png');}
.youth-main .yf-item.yf-2:after {background-image:url('../img/youth_front2.png');}
.youth-main .yf-item.yf-3:after {background-image:url('../img/youth_front3.png');}
.youth-main .yf-item strong {display:block; font-size:17px; font-weight:bold; color:#323232;}
.youth-main .yf-item span {position:absolute; left:27px; right:120px; bottom:40px; transform:translateY(50%); font-size:12px; color:#323232; line-height:1.5em;}
.yf-summary {margin:20px 20px 0; padding-bottom:20px;}
.yf-summary .tit-le {font-size:15px; font-weight:bold; color:#323232;}
.yf-summary table {border:1px solid #a1a1a1; border-collapse:collapse;}
.yf-summary table th {font-size:11px; font-weight:bold; color:#fff; background-color:#363d4d; border:0 none;}
.yf-summary table th:first-child {background-color:#656d78;}
.yf-summary table td {text-align:left; font-size:12px; color:#323232; border:1px solid #dbdbdb; background-color:#fff;}
.yf-summary table td.th {font-weight:bold; text-align:center; }
.yf-summary table td .desc {font-size:11px; color:#999;}
.loading-page-cont p.from-somewhere {text-align:center; font-size:15px; color:#fff;}

.result-count .count {color:#e05741; font-weight:bold;}
.result-univercity.dvline {margin-top:30px;}
.result-univercity .result-count {margin:0 0 10px; text-align:right; font-size:12px; color:#323232;}
.result-univercity .result-list {border:1px solid #d9d9d9;height:auto;max-height:257px;overflow-y:auto;}
.result-univercity .result-list li {position:relative; padding:9px 70px 9px 10px; line-height:20px;}
.result-univercity .result-list li + li {border-top:1px solid #d9d9d9;}
.result-univercity .result-list li strong {font-size:12px; font-weight:bold;}
.result-univercity .result-list li .use-this {position:absolute; top:50%; right:10px; margin-top:-12px; display:inline-block; text-align:center; padding:0 15px; height:24px; font-size:11px; color:#323232; background-color:#f2f2f2; border:1px solid #d9d9d9; border-radius:3px;}
.result-univercity.null {}
.result-univercity.null .null-title {padding:20px 0 15px; font-weight:bold;text-align:center; font-size:17px; line-height:20px;}
.result-univercity.null .null-title strong {font-weight:bold; display:block; font-size:17px; color:#e05741;}
.result-univercity.null .and-then {margin-top:10px; text-align:center; }
.result-univercity.null .and-then a {display:inline-block; text-decoration:underline;}
.result-univercity.null .and-then a:before {position:relative; top:2px; content:''; display:inline-block; width:15px; height:11px; background:url('../img/result_call.png') no-repeat center; background-size:100%;}

.layer-youth {position:fixed; top:0; left:0 ; right:0; bottom:0; z-index:999;}
.layer-youth .modal {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.5;}
.layer-youth .layer-box {position:absolute; top:50%; left:17px; right:17px; transform:translateY(-50%); background-color:#fff;}
.layer-youth .layer-box .btn-close {position:absolute;top:2px;right:2px;width:35px;height:35px;background:url('../img/btn-modal-close-black.png')no-repeat center;background-size:33px 33px;}
.layer-youth .layer-box .btn-close a {display:block;z-index:3;}
.layer-youth .layer-box .btn-close a span.txt-intent {text-indent:-9999;overflow:hidden;font-size:0;line-height:0;}
.layer-youth .body {padding:25px 25px; color:#323232;}
.layer-youth .body p {margin:0;}
.layer-youth .body .need-recall {border:1px solid #d9d9d9;}
.layer-youth .body .need-recall .item {min-height:20px; padding:10px 50px 10px 20px; line-height:20px;}
.layer-youth .body .need-recall .item + .item {border-top:1px solid #f2f2f2;}
.layer-youth .body .need-recall strong {font-size:13px; font-weight:bold;}
.layer-youth .body .need-recall .recall-depart {position:absolute; right:18px; top:50%; margin-top:-12px;}
.layer-youth .recall-depart {display:inline-block; vertical-align:middle; text-align:center; color:transparent; width:24px; height:24px; font-size:1px; overflow:hidden;  background:url('../img/recall_depart.png') no-repeat 0 0; background-size:100%;}
.layer-youth .submit-btn {position:static;}
.layer-youth .layer-alert {text-align:center; margin:0 0 26px;}
.layer-youth .layer-alert .ic {display:block; margin:0 auto 10px; vertical-align:middle; background-position:center; background-size:100%; background-repeat:no-repeat;}
.layer-youth .layer-alert .i-fail {width:23px; height:31px; background-image:url('../img/alr_fail.png');}
.layer-youth .layer-alert .i-calen {width:24px; height:30px; background-image:url('../img/alr_calen.png');}
.layer-youth .layer-alert .tit-le {font-weight:bold; font-size:17px;}
.layer-youth .layer-alert .desc {font-size:12px; line-height:1.75em;}
.layer-youth .fixed-on-btn {display:none;}

.welcome-my-head {margin-bottom: 10px; justify-content: space-between; display: flex; align-items: center;}
.welcome-my-head .welcome-comment {font-size:18px; font-weight:bold; line-height:1.3em;}
.welcome-my-head .welcome-comment strong {font-size:inherit; font-weight:inherit; line-height:inherit; color:#5987d5;}
.welcome-my-head .my-func {font-size:0; top:5px;}
.welcome-my-head .my-func a {position:relative; display:inline-block; line-height:15px; font-size:12px; font-weight:bold; color:#323232; margin-right:10px;}
.welcome-my-head .my-func a + a {margin-left:10px;}
.welcome-my-head .my-func a + a:after {content:''; position:absolute; top:2px; left:-10px; bottom:2px; width:1px; font-size:0; background-color:#d9d9d9;}
.welcome-my-head .my-func a:before {content:''; display:inline-block; margin-right:3px; vertical-align:middle; background-repeat:no-repeat; background-size:100%; background-position:center;}
.welcome-my-head .my-func a.edit:before {width:8px; height:11px; background-image:url('../img/my_edit.png');}
.welcome-my-head .my-func a.logout:before {width:11px; height:11px; background-image:url('../img/my_logout.png');}
.mymy-item {border:1px solid #e6e6e6; border-radius:7px;}
.mymy-item + .mymy-item {margin-top:15px;}
.mymy-item .head {position:relative; display:block; padding:14px 0 14px 47px; min-height:20px; color:#323232; font-weight:bold; line-height:20px;}
.mymy-item .head:before {position:absolute; content:''; top:50%; margin-top:-12px; left:13px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:100%;}
.mymy-item.item-loan .head:before {background-image:url('../img/my_ic1.png');}
.mymy-item.item-miso .head:before {background-image:url('../img/my_ic1.png');}
/* 2021-01 : 마이페이지 - 재기자금 아이콘 추가 */
.mymy-item.item-direct .head:before {background-image:url('../img/my_ic1.png');}
/* 2020-09 : 마이페이지 - 채무조정 아이콘 추가 */
.mymy-item.item-divide .head:before {background-image:url('../img/my_ic1.png');} 
.mymy-item.item-stat .head:before {background-image:url('../img/my_ic2.png');}
.mymy-item.item-find .head:before {background-image:url('../img/my_ic3.png');}
.mymy-item.item-auth .head:before {background-image:url('../img/my_ic4.png');}
.mymy-item.item-login .head:before {background-image:url('../img/my_ic5.png');}
.mymy-item a.head:after {content:''; width:5px; height:10px; position:absolute; right:13px; top:50%; margin-top:-5px; background:url('../img/my_arr_1.png') no-repeat center; background-size:100%;}
.mymy-item.item-signout {width:50%;}
.mymy-item.item-signout .head {padding:6px 0; text-align:center; font-weight:normal;}
.mymy-item.item-signout .head:before {background-image:none;}
.mymy-item.item-signout a.head:after {background-image:none;}
.mymy-item .summary {position:absolute; top:12px; right:10px;}
.mymy-item .summary span {position:relative; font-size:12px; line-height:14px;}
.mymy-item .summary span + span {margin-left:7px; padding-left:8px;}
.mymy-item .summary span + span:before {content:''; position:absolute; top:2px; bottom:2px; left:0; width:1px; font-size:0; background-color:#dadee6;}
.mymy-item .summary span strong {font-size:inherit; line-height:inherit; margin-left:3px;}
.mymy-item .summary .count strong {font-weight:bold; color:#5987d5;}
.mymy-item .summary .money strong {font-weight:bold; color:#e05741;}

.mymy-item .body {padding:12px 13px; background-color:#f2f2f2;}
.mymy-item .checkCondition {padding:12px 13px; background-color:#f2f2f2;}
.mymy-item .item {position:relative; padding:13px 14px; background-color:#fff;}
.mymy-item .item + .item {margin-top:10px;}
.mymy-item .item span {display:block; font-size:11px; color:#333; line-height:1.3em;}
.mymy-item .item .tit {letter-spacing:-0.5px;}
.mymy-item .item .tit strong {font-weight:bold; margin-right:2px;}
.mymy-item .item .code {position:absolute; top:10px; right:10px; font-size:10px; color:#ccc; letter-spacing:0;}
.mymy-item .item .money {margin:5px 0 5px; font-size:15px; color:#e05741;}
.mymy-item .item .money strong {margin-left:4px; font-size:18px; font-weight:bold;}
.mymy-item .item .date {font-size:11px; line-height:1.3em;}
.mymy-item .item .date span {display:inline-block; position:relative;}
.mymy-item .item .end {}
.mymy-item .item .every {margin-left:7px; padding-left:8px;}
.mymy-item .item .every:before {content:''; position:absolute; top:2px; bottom:2px; left:0; width:1px; font-size:0; background-color:#dadee6;}
.mymy-item .item .note {font-size:13px; font-weight:bold; color:#5987d5; margin-bottom:5px;}
.mymy-item .item .note:before {content:''; display:inline-block; margin-right:4px; width:12px; height:10px; background:url('../img/my_note_1.png') no-repeat center; background-size:100%;}
.mymy-item .item .your-stat {font-size:11px; line-height:1.75em;}
.mymy-item .item .your-stat strong {color:#e05741; text-decoration:underline; font-weight:bold;}
.mymy-item .item .btns {text-align:center; margin-top:10px;}
.mymy-item .item .btns a {display:inline-block; margin:0 3px; color:#323232; height:25px; line-height:25px; font-size:11px; padding:0 10px; min-width:90px; border:1px solid #d9d9d9; background-color:#f2f2f2; border-radius:3px;}
.mymy-item .item .btn {display:inline-block; margin:10px 3px; color:#323232; height:25px; line-height:25px; font-size:11px; padding:0 10px; min-width:90px; border:1px solid #d9d9d9; background-color:#f2f2f2; border-radius:3px;}

/* .mymy-banner {background:url('../img/banner_celebration.png')no-repeat 15px center;background-color:#417ed9;border-radius:10px;background-size:80px auto;margin:15px 0;} */
.mymy-banner {background-color:#417ed9;border-radius:10px;background-size:80px auto;margin:15px 0;}
.mymy-banner .cele-event {display:block;padding:12px;box-sizing:border-box;}
.mymy-banner h3{font-size:22px;line-height:30px;letter-spacing: -2px;color:#fff000;font-weight: bold;margin-bottom:3px;}
.mymy-banner p {color:#fff;font-weight: bold;line-height:22px;}
.mymy-banner p .c-liblue {color:#87f5ff;}

.mystat-item {}
.mystat-item + .mystat-item {margin-top:12px;}
.mystat-item .head {position:relative; padding:12px 12px 35px; border:1px solid #e6e6e6; border-radius:7px; z-index:10; background-color:#fff;}
.mystat-item .head .date {display:block; font-size:11px; color:#333; line-height:1.5em;}
.mystat-item .head .code {position:absolute; top:10px; right:10px; font-size:10px; color:#ccc; letter-spacing:0;}
.mystat-item .head .money {font-size:15px; color:#e05741; line-height:1.5em;}
.mystat-item .head .money strong {margin-left:4px; font-size:18px; font-weight:bold;}
.mystat-item .head .expand-toggle {position:absolute; width:17px; height:17px; left:50%; bottom:7px; font-size:1px; color:transparent; overflow:hidden; line-height:1em; margin-left:-18px; background:url('../img/mystat_arr_down.png') no-repeat center; background-size:100%;}
.mystat-item.opened .head .expand-toggle {background-image:url('../img/mystat_arr_up.png');}
.mystat-item .body {display:none; margin-top:-10px; padding:20px 12px; border:1px solid #e6e6e6; border-radius:7px; background-color:#f7f7f7;}
.mystat-item .body .stat-wrap {display:table; width:100%;}
.mystat-item .body .stat-item {display:table-row; table-layout:fixed;}
.mystat-item .body .stat-item .attr,
.mystat-item .body .stat-item .val {display:table-cell; padding:4px 15px 4px 10px; line-height:1.5em; text-indent:-10px;}
.mystat-item .body .stat-item .attr {font-size:13px; font-weight:bold; width:125px;}
.mystat-item .body .stat-item .attr:before {content:''; display:inline-block; position:relative; top:-2px; vertical-align:middle; margin-right:5px; width:4px; height:4px; border-radius:2px; background-color:#323232;}
.mystat-item .body .stat-item .val {font-size:12px; padding-left:8px; text-indent:-8px;}
.mystat-item .body .stat-item .val:before {content:':'; display:inline-block; margin-right:5px;}

.mymore-item{}
.mymore-item .head {position:relative; padding:12px 12px 35px;  z-index:10; background-color:#fff;}
.mymore-item .head .date {display:block; font-size:11px; color:#333; line-height:1.5em;}
.mymore-item .head .code {position:absolute; top:10px; right:10px; font-size:10px; color:#ccc; letter-spacing:0;}
.mymore-item .head .money {font-size:15px; color:#e05741; line-height:1.5em;}
.mymore-item .head .money strong {margin-left:4px; font-size:18px; font-weight:bold;}
.mymore-item .head .expand-toggle {position:absolute; width:17px; height:17px; left:50%; bottom:7px; font-size:1px; color:transparent; overflow:hidden; line-height:1em; margin-left:-18px; background:url('../img/mystat_arr_down.png') no-repeat center; background-size:100%;}
.mymore-item.opened .head .expand-toggle {background-image:url('../img/mystat_arr_up.png');}
.mymore-item .body {display:block; margin:0 -20px; padding:20px 32px; background-color:#f7f7f7;}
.mymore-item .body .stat-wrap {display:table; width:100%;}
.mymore-item .body .stat-item {display:table-row; table-layout:fixed;}
.mymore-item .body .stat-item .attr,
.mymore-item .body .stat-item .val {display:table-cell; padding:4px 15px 4px 10px; line-height:1.5em; text-indent:-10px;}
.mymore-item .body .stat-item .attr {font-size:13px; font-weight:bold; width:125px;}
.mymore-item .body .stat-item .attr:before {content:''; display:inline-block; position:relative; top:-2px; vertical-align:middle; margin-right:5px; width:4px; height:4px; border-radius:2px; background-color:#323232;}
.mymore-item .body .stat-item .val {font-size:12px; padding-left:8px; text-indent:-8px;}
.mymore-item .body .stat-item .val:before {content:':'; display:inline-block; margin-right:5px;}


.agree-youth {}
.agree-youth .agr-y-tit {text-align:center; padding:0 0 17px;}
.agree-youth .agr-y-tit .tit-le {font-size:15px; font-weight:bold; color:#323232;}
.agree-youth .all-check-agree {margin:0 -20px; padding:0 20px; background-color:#f5f9fc; border-top:1px solid #e6eaf2; border-bottom:1px solid #e6eaf2;}
.agree-youth .all-check-agree .form-item {padding:15px 0;}
.agree-youth .form-item input[type="checkbox"] + label:before {margin-right:7px;}
.agree-youth .youth-law {position:relative; margin:0 -20px; padding:15px 20px 8px; background-color:#f5f9fc;}
.agree-youth .youth-law:last-child {padding-bottom:25px; border-bottom:1px solid #e6eaf2;}
.agree-youth .youth-law .form-item + .form-item {margin-top:7px;}
.agree-youth .youth-law .all-contents {position:absolute; top:14px; right:20px; font-size:10px; color:#808080; text-decoration:underline;}
.agree-youth .youth-law { display: flex; flex-flow: column nowrap; }
.agree-youth .youth-law label {font-size:12px; flex-grow: 1; }
.agree-youth .youth-law label span {font-weight:bold; color:#5589c4;}
.agree-youth .youth-law .needed label span {color:#e05741;}
.agree-youth .youth-law .needed label span.f_blue {color:#5589c4;}
.agree-youth .youth-law .needed label span.f_black {color:#000000;}
.agree-youth .youth-law .form-item.posi {position:relative;color:#666;}
.agree-youth .youth-law .form-item.posi .field-item {position: absolute;right:5px;top:4px;}
.agree-youth .youth-law .form-item.posi .field-item .f-labels > div {width:45%;}

.agree-youth .youth-law .form-item.posi.cols { width: 100%; }
.agree-youth .youth-law .form-item.posi.low-cols { width: 100%; line-height: 25px; }
.agree-youth .youth-law .form-item.posi.cols label { width: 60%; line-height: 18px; }
@media screen and (max-width: 350px) {
	.agree-youth .youth-law .form-item.posi.cols label { width: 55%; }
}

.agree-youth .chapter-title {font-size:12px; padding:5px 0; color:#323232; font-weight:bold; line-height:1.5em;}
.agree-youth .chapter-title:before {content:''; display:inline-block; vertical-align:middle; width:2px; height:2px; border-radius:1px; background-color:#323232; margin-right:5px;}
.agree-note .if-not-agree {margin:10px 0 15px;}
.agree-note .im-agree {text-align:center; font-weight:bold; font-size:15px; color:#323232;}

.calendar-pick {margin:5px 0 0;}
.calendar-pick .layer-alert {margin-bottom:5px;}
.layer-youth .calendar-pick .body {padding:25px 14px;}
.calendar-pick {}
.calendar-pick .c-head {position:relative; margin-left:1%;}
.calendar-pick .c-head .cur-month {font-size:15px; color:#323232; display:block; text-align:center; letter-spacing:0;}
.calendar-pick .c-head a {position:absolute; top:9px; left:50%; width:15px; height:15px; font-size:1px; color:transparent; background-repeat:no-repeat; background-position:center; background-size:100%;}
.calendar-pick .c-head .prev {margin-left:-53px; background-image:url('../img/calen_nav_prev.png');}
.calendar-pick .c-head .next {margin-left:35px; background-image:url('../img/calen_nav_next.png');}
.calendar-pick .c-head a.disable {opacity:.5; cursor:default;}
.calendar-pick .c-body {font-size:0; margin-left:1%;}
.calendar-pick .day-of-week {font-size:0; height:22px;}
.calendar-pick .day-of-week span {display:inline-block; width:calc(14% - 2px); height:20px; vertical-align:top; margin:0 1px 0; text-align:center; line-height:20px; font-size:11px; color:#fff; background-color:#b8bdcc;}
.calendar-pick .day-of-week span.sat {background-color:#5987d5;}
.calendar-pick .day-of-week span.sun {background-color:#e05741;}
.calendar-pick .c-body a {display:inline-block; width:calc(14% - 2px); height:30px; vertical-align:middle; margin:0 1px 2px; text-align:center; line-height:30px; font-size:13px; color:#333; background-color:#f5f7fc;}
.calendar-pick .c-body a.out-of {color:#ccc;}
.calendar-pick .c-body a.able {background-color:#fffa9f;}
.calendar-pick .c-body a.sat {color:#5987d5;}
.calendar-pick .c-body a.sun {color:#e05741;}
.calendar-pick .c-body a.this {font-weight:bold; color:#e05741; background-color:#fffa9f; border:2px solid #e05741; line-height:26px;}
.able-reserv-index {margin:6px 2% 0; text-align:right; line-height:20px;}
.able-reserv-index span {display:inline-block; text-align:center; padding:0 10px; height:20px; line-height:20px; font-size:10px; color:#333; margin-left:2px;}
.able-reserv-index .able {background-color:#fff991;}
.able-reserv-index .disable {background-color:#f5f7fc;}
.reserv-time-list {margin:10px 2% 0 1%; padding:10px 0; height:100px; overflow-y:auto; font-size:0; background-color:#f5f7fc;}
.reserv-time-list .form-item {display:inline-block; padding:0 20px; width:50%; line-height:1.5em;}
.reserv-time-list .form-item label {display:inline-block; font-size:12px; color:#333;}
.reserv-time-list .form-item label span {font-size:11px;}

/* 
<div class="able-reserv-index">
	<span class="able">예약가능</span>
	<span class="disable">예약불가, 공휴일</span>
</div>
*/


/* ====== 20191221 사전자가진단 ====== */
.self-main { background:#e2e4ee url('../img/self_front_bg.png') no-repeat center 0; background-size:100% auto}
.self-main .self-front {margin-bottom:50px; padding-top:56px}

.self-main.first-main { background:#fff url('../img/self_first_bg.png') no-repeat center bottom; background-size:100% auto;height:auto;}

.self-main .btn-area {margin-top:20px; padding-top:20px; border-top:1px solid #e6e6e6}
.self-main .btn-m {display:block; width:100%; padding:4px 0; border:1px solid #5782d9; color:#5782d9; font-weight:bold; border-radius:7px; text-align:center}
.self-main .btn-m.not-yet {border-color:#bfbfbf; color:#bfbfbf}

.self-front > strong {display:block; margin-bottom:16px; font-size:26px; font-weight:bold; color:#323232; line-height:33px; letter-spacing:-2px}
.self-front > strong > span.fc-blue {color:#5987d5;}
.self-front p {font-size:13px; color:#323232; line-height:1.75em}
.self-front p > em {font-style:normal; font-weight:bold; text-decoration:underline; color:#e05741}

.self-section {position:relative; padding:17px; border-radius:10px; background-color:#fff}
.self-section + .self-section {margin-top:7px}
.self-section .ss-tit {font-size:22px; font-weight:bold; color:#323232; line-height:100%; letter-spacing:-2px}
.self-section .ss-tit::before {content:""; display:inline-block; width:34px; height:30px; margin-right:12px; vertical-align:middle}
.self-section .ss-tit.ic1::before {background:url('../img/self_icon1.png') no-repeat center center; background-size:100%}
.self-section .ss-tit.ic2::before {background:url('../img/self_icon2.png') no-repeat center center; background-size:100%}
.self-section .ss-tit.ic3::before {background:url('../img/self_icon3.png') no-repeat center center; background-size:100%}

.self-section .form-item {margin-top:10px}
.self-section .f-tit label {font-size:12px; font-weight:bold}
.self-section .under-txt {margin-bottom:10px; font-size:10px; color:#323232}
.self-section .num {display:inline-block; width:13px; height:13px; line-height:14px; margin-right:5px; border-radius:100%; text-align:center; color:#fff; font-size:12px; font-weight:bold; font-family:'Myriad Pro'; vertical-align:middle; background-color:#333}
.self-section .mychoice {display:none; position:absolute; top: 15px; right:17px}
.self-section .mychoice > span {font-size:12px; color:#333}
.self-section .mychoice > span:nth-child(2)::before {content:""; display:inline-block; width:1px; height:12px; margin:0 5px; vertical-align:middle; background-color:#ccc}
.self-section .mychoice > button {display:inline-block; width:20px; height:15px; font-size:0; vertical-align:middle; background:url('../img/self_arr.png') no-repeat 50% 50%; background-size:8px 14px}

.self-section.disable .form-item {display:none}
.self-section.disable .ss-tit {color:#999}
.self-section.disable .ss-tit.ic2::before {background:url('../img/self_icon2_off.png') no-repeat center center; background-size:100%}
.self-section.disable .ss-tit.ic3::before {background:url('../img/self_icon3_off.png') no-repeat center center; background-size:100%}

.self-section.complete .form-item {display:none}
.self-section.complete .mychoice {display:block}

.ra-list {margin:5px -0.5%}
.ra-list > .rabox {display:table; float:left; width:24%; margin:0 0.5%; vertical-align:middle}
.ra-list > .rabox input[type="radio"] {position:absolute}
.ra-list > .rabox input[type="radio"] + label {display:table-cell; width:100%; height:70px; margin-left:0; border:1px solid #e6e6e6; border-radius:20%; text-align:center; font-size:10px; line-height:11px; vertical-align:middle }
.ra-list > .rabox input[type="radio"]:checked + label {border:3px solid #5782d9; color:#5782d9; font-weight:bold}

.ra-list > .rabox input[type="radio"] + label:before {display:block; width:22px; height:18px; margin:0 auto 7px; border-radius:0}
.ra-list > .rabox.ic1 input[type="radio"] + label:before {background:url('../img/self_ra_ic1.png') no-repeat 50% 50%; background-size:100%}
.ra-list > .rabox.ic2 input[type="radio"] + label:before {background:url('../img/self_ra_ic2.png') no-repeat 50% 50%; background-size:100%} 
.ra-list > .rabox.ic3 input[type="radio"] + label:before {background:url('../img/self_ra_ic3.png') no-repeat 50% 50%; background-size:100%} 
.ra-list > .rabox.ic4 input[type="radio"] + label:before {background:url('../img/self_ra_ic4.png') no-repeat 50% 50%; background-size:100%} 

.ra-list.ty2 > .rabox {width:32.33333%}
.ra-list.ty2 > .rabox input[type="radio"] + label {height:85px}
.ra-list.ty2 > .rabox input[type="radio"] + label:before {height:22px}
.ra-list.ty2 > .rabox.ic1 input[type="radio"] + label:before {background:url('../img/self_ra2_ic1.png') no-repeat 50% 50%; background-size:100%}
.ra-list.ty2 > .rabox.ic2 input[type="radio"] + label:before {background:url('../img/self_ra2_ic2.png') no-repeat 50% 50%; background-size:100%} 
.ra-list.ty2 > .rabox.ic3 input[type="radio"] + label:before {background:url('../img/self_ra2_ic3.png') no-repeat 50% 50%; background-size:100%} 
.ra-list.ty2 > .rabox.ic1 input[type="radio"]:checked + label:before {background:url('../img/self_ra2_ic1_on.png') no-repeat 50% 50%; background-size:100%}
.ra-list.ty2 > .rabox.ic2 input[type="radio"]:checked + label:before {background:url('../img/self_ra2_ic2_on.png') no-repeat 50% 50%; background-size:100%} 
.ra-list.ty2 > .rabox.ic3 input[type="radio"]:checked + label:before {background:url('../img/self_ra2_ic3_on.png') no-repeat 50% 50%; background-size:100%} 

.ra-btn {}
.ra-btn > .rabox {display:block; float:left; width:49%; margin:0 0.5%; vertical-align:middle}
.ra-btn > .rabox input[type="radio"] {position:absolute}
.ra-btn > .rabox input[type="radio"] + label:before {display:none}
.ra-btn > .rabox input[type="radio"] + label {display:block; width:100%; height:40px; margin-left:0; border:1px solid #bfbfbf; border-radius:7px; text-align:center; color:#333; font-size:11px; line-height:40px; vertical-align:middle; background-color:#f2f2f2 }
.ra-btn > .rabox input[type="radio"]:checked + label {border-color:#5782d9; color:#5782d9; font-weight:bold; background-color:#fff}

/* 진단결과 */
.self-result {background: linear-gradient(#FFFFFF, #e2e4ee 40%, #e2e4ee) /*url('../img/self_result_bg.png') no-repeat center 0; background-size:100% auto;*/}
.self-result .youth-c {margin-bottom:0}
.self-result .self-front {margin-bottom:30px; padding-top:44px}
.self-result .self-front p {font-size:15px}
.self-result .self-front .btn-again {display:inline-block; height:30px; margin-top:30px; padding:0 12px; border-radius:15px; color:#fff; font-size:12px; background-color:#333}
.self-result.ty2 {overflow:auto; position:fixed; top:55px; bottom:0; left:0; right:0; background:#f5f5f5 url('../img/self_result_bg2.png') no-repeat center 0 local; background-size:100% auto}


.self-section .ss-tit.ic4::before {width:28px; background:url('../img/self_icon4.png') no-repeat center center; background-size:100%}
.self-section .ss-tit.ic5::before {width:28px; background:url('../img/self_icon5.png') no-repeat center center; background-size:100%}
.self-section .ss-tit.ic6::before {width:28px; background:url('../img/self_icon6.png') no-repeat center center; background-size:100%}

.self-prd {margin-top:15px; padding:10px 0; border-top:1px dashed #dae2f2; line-height:1.75em}
.self-prd > .nt {margin-top:12px; color:#323232; font-size:11px}
.self-prd > .nt em {color:#5987d5; font-style:normal; text-decoration:underline}
.self-prd .apy-btns {margin:20px 0 0}

.prd-cont {position:relative}
.prd-cont + .prd-cont {margin-top:10px; padding-top:10px; border-top:1px solid #e6e8f2}
.prd-cont dl dt {color:#323232; font-size:13px; font-weight:bold}
.prd-cont dl dd.t1 {color:#5987d5; font-size:13px; font-weight:bold; line-height: 1.5; /*text-decoration:underline;*/ letter-spacing:0; padding: 10px 0;}
.prd-cont dl dd.t2 {color:#323232; font-size:13px}
.prd-cont dl dd.t2.long {width:90%}
.prd-cont > a {position:absolute; top:25px; right:0; display:inline-block; height:30px; line-height:30px; padding:0 12px; border-radius:15px; color:#fff; font-size:12px; background-color:#5987d5}

/* KFA_BEF_02010000.jsp 에서 사용됨 */
.prd-cont dl dt.dt-header {color:#323232; font-size:13px; font-weight:bold; display: flex; flex-direction: row; justify-content: space-between; align-content: center;}
.prd-cont dl dt.dt-header a.dt-button {height:30px; font-weight: normal; line-height:30px; padding:0 12px; border-radius:15px; color:#fff; font-size:12px; background-color:#5987d5;}
/* KFA_BEF_02010000.jsp 에서 사용됨 */

.other-prd {margin-top:10px; padding-top:10px; border-top:1px solid #e6e8f2}
.other-prd .gt {margin-bottom:15px; color:#333; font-size:12px; font-weight:bold}
.other-prd > button {display:block; width:100%; height:40px; line-height:40px; padding:0 13px; border:1px solid #d9d9d9; text-align:left; color:#333; background:#fff url('../img/reject_arr_down.png') no-repeat right 13px top 50%; background-size:auto 8px}
.other-prd > button.open {background-image:url('../img/reject_arr_up.png')}
.other-prd .prd-list {display:none; margin-top:6px; padding:15px; border-radius:6px; background-color:#f2f2f2}
.other-prd .prd-list dl dt {color:#323232; font-size:12px; font-weight:bold}
.other-prd .prd-list dl dt::before {content:""; display:inline-block; width:3px; height:3px; margin-right:4px; border-radius:100%; vertical-align:middle; background-color:#323232}
.other-prd .prd-list dl dt a {display:inline-block; color:#323232}
.other-prd .prd-list dl dd {padding-left:8px;color:#323232; font-size:12px;letter-spacing:0}
.other-prd .prd-list dl + dl {margin-top:5px}

/* 약관 상세보기 200102 */
.youth-textarea-box h3 {font-size:18px;padding-top:20px;}
.youth-textarea-box h3:first-child {padding-top:0;}
.youth-textarea-box h4 {font-size:16px;padding-top:20px;}
.youth-textarea-box dl {padding-top:10px;}
.youth-textarea-box ul li,
.youth-textarea-box dl dd {color:#666;line-height:1.8;}
.youth-textarea-box .depth-two {padding-left:10px;}
#youth-anchor2 {padding-top:80px;}
/* //약관 상세보기 200102 */

.survey-bg {background:#f5f5f5 url('../img/youth_survey_bg.png') no-repeat right 65px;background-size: 100% auto;padding-top:50px !important;}
.survey-bg .youth-c {padding-bottom:95px;margin-bottom:-1px;}
.survey-bg .text-left p.strong {font-size:22px;line-height:32px;margin-bottom:8px;}
.survey-content {background:#fff;width:100%;margin:0 auto;padding:25px 15px;border-radius:15px;box-sizing:border-box;}
.survey-content textarea {width:100%;height:120px;border:1px solid #d9d9d9;padding:20px;resize:vertical;}

.tit-q {display:block;position:relative;padding: 0 0 0px 25px;margin: 0 0 10px 0;line-height: 18px;font-size: 13px;font-weight: bold; color: #323232;background: url('../img/bul-tit-q.png') no-repeat left 1px;background-size: 19px auto;}

.dotline + .dotline {border-top:1px dashed #dae2f2;margin-top:10px;padding-top:20px;}
.va-top {vertical-align:top;}



@media screen and (min-width:600px) {.self-main, .self-result {background-position:0 -165px !important} }
@media screen and (min-width:768px) {.self-main, .self-result {background-position:0 -225px !important} }


/* 211007 스타일추가 */
.agree-layout.agree-youth .youth-law {
	border-top: 1px solid #e6eaf2;
	padding: 30px 20px;
}

.agree-layout .form-check-block {
	margin-bottom: 20px;
}
.agree-layout .form-check-block:last-child {
	margin-bottom: 0;
}

.agree-layout .agree-part {
	display: flex;
}
.agree-layout .agree__input {
	display: none;
}

.agree-layout .agree__box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	/*top: 3px;*/
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 50%;
	background: #ececec;
	transition: all .1s;
	margin-right: 5px;
}
.agree-layout .agree__box::after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 7px;
	width: 6px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.agree-layout .agree-part__text01 {
	font-size: 13px;
	line-height: 1.6em;
}

.agree-layout .agree__input:checked ~ .agree__box {
	background: #004290;
}

.form-check-block .checkbox-asterisk {
	font-size: 12px;
	color: red !important;
	font-weight: normal !important;
}


/** box **/
.box-wrap{
	margin-top:1rem;
	padding:2rem;
	border:1px solid #eee;
	font-size:12px;
}
.box-wrap .tit{
	margin-bottom:1rem;
}

/* 마이페이지 상단 탭 START */
.my-tab {height: 3.5rem; margin-bottom: 1rem;}
.my-tab ul {height: 100%;}
.my-tab li {width: 50%; float: left; text-align: center; line-height: 3.47rem; margin-bottom: 0; position: relative; cursor: pointer; border-bottom: 1px solid #999999;}
.my-tab li.active {font-weight: bold; border-bottom: 2px solid #000000;}
.my-tab li a {font-size: 1rem; color: #999999;}
.my-tab li.active a {color: #000000;}
/* 마이페이지 상단 탭 END */

/* 마이페이지 롤링배너 */
.tot-type-slide {
	display: block;
	padding: 2rem 0 0;
	border-radius: 1.6rem;
	background-color: #fff;
}
.tot-type-slide .totSwiper 	{padding: 0 0 0.6rem;}
.tot-type-slide .totSvc__bnnr {
	position: relative;
	overflow: hidden;
}
.tot-type-slide .swiper-basic-container {
	position: relative;
	padding: 0 0 1rem;
}
.tot-type-slide .totSwiper .swiper-basic-wrapper .swiper-slide	{width: 100%;}
.tot-type-slide .swiper-basic-wrapper .swiper-slide a {
	display: inline-block;
	color: #0d6fb8;
}
.tot-type-slide .swiper-basic-wrapper .swiper-slide a ul.equal-list.banner {
	width: 100%;
	flex-direction: column;
	margin: 0;
	padding: 0;
}
.tot-type-slide .totSvc__body .totSvc__bnnr .swiper-basic-wrapper p.tit {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 1.2rem 0 1rem;
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 600;
	height: 40px;
}
.tot-type-slide .swiper-basic-wrapper .swiper-slide a ul li {
	width: 100%;
	list-style: none;
}
.tot-type-slide .swiper-basic-wrapper .swiper-slide a ul li img {
	width: 100%;
	border-radius: 1rem;
}