@charset "euc-kr";

/* @font-face {
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:300;
	src:url(./../../KID/font/NanumSquareRoundL.woff) format('woff');
}
@font-face {
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:400;
	src:url(./../../KID/font/NanumSquareRoundR.woff) format('woff');
}
@font-face {
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:700;
	src:url(./../../KID/font/NanumSquareRoundB.woff) format('woff');
}
@font-face {
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:800;
	src:url(./../../KID/font/NanumSquareRoundEB.woff) format('woff');
} */

.btn.btn-primary {background:#416ca8;color:#fff;font-family:NanumSquareRound;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {background-color:#416ca8;color:#fff;}

.btn.btn-secondary {background:#555;color:#fff;font-family:NanumSquareRound;}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus {background-color:#555;color:#fff;}
.btn-light {border-color:#416ca8;}
.btn-light:hover,
.btn-light:active,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled):active:focus {border-color:#416ca8;}

.progress-step .dot.active {background:#416ca8;}
.all-check .all-check-item .check-input:checked + .check-label:before {background:#416ca8;border:1px solid #416ca8;}
.all-check .check-group .check-input:checked + .check-label:before {border-color:#416ca8;}
.term-content .radio-input:checked + .radio-label:before, 
form .term-content input[type=radio].radio-input:checked + .radio-label:before {background:#416ca8;border-color:#416ca8;}
.term-content .check-input:checked + .check-label:before {background:#416ca8;border-color:#416ca8;}
.insurance-age .result .item-value span {color:#416ca8;}
.ico-notice {background-image:url(/web/C/M/KID/images/ico_notice_blue.png);background-size:contain;}
.ico-question {background:#416ca8;}
.form-item.pay-amount .form-control, .form-item.pay-amount .form-control[readonly] {color:#416ca8;}
.btn-inquiry {border:1px solid #416ca8;background:#fff;color:#416ca8;}
.btn-inquiry:hover {color:#416ca8;}
.tab-default .nav-tabs .nav-link.active {border-color:#416ca8;color:#416ca8;}
.contract-info .dl-footer strong {color:#416ca8;}
/* 2022-04-19 : Ãß°¡ */
.modal.term-modal .modal-dialog.modal-xl .modal-header {border-bottom: none;}
.modal.term-modal .modal-dialog.modal-xl .modal-body {padding:0 15px;}
.modal.term-modal .modal-dialog.modal-xl .modal-body .term-wrap {margin-top:0;padding:24px 0 0;}
.modal.term-modal .modal-dialog.modal-xl .modal-body .term-wrap:last-child {margin-bottom:28px;}
.modal.term-modal .modal-dialog.modal-xl .modal-body .term-wrap:first-child {padding-top:0;}
.modal.term-modal .modal-dialog.modal-xl .modal-body .scroll-container {height:calc(100vh - 120px);}
/* 2022-04-20 : ¸ð´Þ Æ˾÷ body ½ºÅ©·Ñ ¹æÁö */
body.modal-open {overflow:hidden;height:0;}
/*ÇʼöÀԷ»çÇ× ¾È³» ÅؽºÆ® È÷µçó¸®*/
.info-text.warning.hidden {display:none;}
.scroll {display:none;}
.scroll.show {display:block;transition: all 0.1s;}
/*loading*/
.loading {position:fixed;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:0.8;z-index:999;}
.loading .loading-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;}
.loading .loading-inner .loading-bar {display:flex;align-items:center;justify-content:space-between;width:80px;}
.loading .loading-text {margin-top:12px;text-align:center;}
.loading .loading-text span {color:#fff;font-size:14px;line-height:20px;font-weight:500;letter-spacing:normal;font-family:NanumSquareRound;}
.loading .loading-text .desc {display:block;font-size:13px;}
.loading .loading-inner .loading-bar .dot {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both;
    animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both;
}
.loading .loading-inner .loading-bar .dot1 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
.loading .loading-inner .loading-bar .dot2 {
    -webkit-animation-delay: -.08s;
    animation-delay: -.08s;
}
@keyframes bouncedelay {
    0% {
        bottom: 0;
        background-color: #449bec;
    }
    16.66% {
        bottom: 40px;
        background-color: #ee7a4a;
    }
    33.33% {
        bottom: 0;
        background-color: #ee7a4a;
    }
    50% {
        bottom: 40px;
        background-color: #f4b740;
    }
    66.66% {
        bottom: 0;
        background-color: #f4b740;
    }
    83.33% {
        bottom: 40px;
        background-color: #449bec;
    }
    100% {
        bottom: 0;
        background-color: #449bec;
    }
}
@-webkit-keyframes bouncedelay {
    0% {
        bottom: 0;
        background-color: #449bec;
    }
    16.66% {
        bottom: 40px;
        background-color: #ee7a4a;
    }
    33.33% {
        bottom: 0;
        background-color: #ee7a4a;
    }
    50% {
        bottom: 40px;
        background-color: #f4b740;
    }
    66.66% {
        bottom: 0;
        background-color: #f4b740;
    }
    83.33% {
        bottom: 40px;
        background-color: #449bec;
    }
    100% {
        bottom: 0;
        background-color: #449bec;
    }
}