@charset "utf-8";
/*@import url(../rone/portal/reset.css);*/

@font-face {
    font-family: 'NotoKrL';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Light'), local('NotoSans-Light'), url(.../../font/notokr/notokr-demilight.eot);
    src: url(../../font/notokr/notokr-demilight.eot?#iefix) format('embedded-opentype'),
    url(../../font/notokr/notokr-demilight.woff2) format('woff2'),
    url(../../font/notokr/notokr-demilight.woff) format('woff');;
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../../font/notokr/notokr-regular.eot);
    src: url(../../font/notokr/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(../../font/notokr/notokr-regular.woff2) format('woff2'),
    url(../../font/notokr/notokr-regular.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrM';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../../font/notokr/notokr-medium.eot);
    src: url(../../font/notokr/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(../../font/notokr/notokr-medium.woff2) format('woff2'),
    url(../../font/notokr/notokr-medium.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrB';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../../font/notokr/notokr-bold.eot);
    src: url(../../font/notokr/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(../../font/notokr/notokr-bold.woff2) format('woff2'),
    url(../../font/notokr/notokr-bold.woff) format('woff');
}


*{  margin: 0;  padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size:13px;}
body { background: #fff; -webkit-text-size-adjust: none;}
body,
button,
input,
pre,
select,
table,
p,
textarea { color: #000; font-family: "notoKrM", sans-serif;  line-height: 1.4;font-size: 14px;}
input { color: #000;}
input::placeholder { color: #adb3bc; font-weight: 300; opacity: 1;}
textarea::placeholder { color: #adb3bc; font-weight: 300; opacity: 1;}
label {  cursor: pointer;}
a { color: #000; text-decoration: none;}
a:active, a:hover {text-decoration: none;}
li { list-style-type: none;}
button { border: 0 none;}
button,
input,
select,
textarea {
    background-color: transparent;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
}
img {vertical-align: top;}
input[type="button"],
input[type="email"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"] {border-radius: 5px;-webkit-appearance: none;}
caption,
legend {
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}
h1, h2, h3, h4, h6{font-weight: normal}

/* form css 초기셋팅*/

input::placeholder {
    color: #a3a3a3;
    font-weight: 300;
    opacity: 1;
}
textarea::placeholder {
    color: #a3a3a3;
    font-weight: 300;
    opacity: 1;
}

input:focus,
select:focus,
textarea:focus {
    outline-width: thin;
    outline: none;
}
input::-ms-clear {
    display: none;
}
input::-webkit-contacts-auto-fill-button {
    display: none !important;
    position: absolute;
    right: 0;
    visibility: hidden;
    pointer-events: none;
}
/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
} */


/* check, radio */
input[type="checkbox"],
input[type="radio"],
input[type="file"] { display: none !important;}

input[type="radio"].callTagRadio {display: inline-block !important;}

.form-check-label {
    display: flex;
    align-items: center;
    gap: 10px;
}
input[type=radio] + i {
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url(../../images/rone_mobile/icon-radio.svg) no-repeat center;
}
input[type=radio]:checked + i {
    background-image: url(../../images/rone_mobile/icon-radio_on.svg);
}
input[type=radio]:disabled + i {
    background-image: url(../../images/rone_mobile/icon-radio-dis.svg);
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand { display: none;}

.form-input {
    display: block;
    width: 100%;
    height: 45px;
    border:1px solid #dddddd;
    border-radius: 7px !important;
    background:#fff;
    padding:0 20px;
}
.form-input:focus {
    border-color:#0084FF;
}
.form-input.alert {
    border-color:#db9696;
    background:#f5e1e1;
    color:#1568A7;
}
.form-input.alert ~ .alert-txt {
    color: #1568A7;
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 5px -5px;
    word-break: break-word;
}
textarea.form-input {
    height: 120px;
    resize: none;
    padding:10px 20px;
    font-size: 15px;
}

input[type='date'] {position: relative;width: 100%; background: url(../../images/rone_mobile/calendar_duotone.svg) no-repeat right 7px center;padding: 0 30px 0 15px;}
input[type='date']::-webkit-calendar-picker-indicator { position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: transparent;color: transparent;cursor: pointer;}

/* 선택박스 */
.select-box{height:45px;width:100%;border-radius:5px;letter-spacing:-1px;border:1px solid #ddd; background: #fff url(../../images/rone_mobile/select_down.svg) no-repeat calc(100% - 10px) center;
    padding: 0 2rem 0 1rem}
.select-box{vertical-align:middle; outline:none;}
.select-box::-ms-expand {display: none;}
.select-box{-webkit-appearance: none; -moz-appearance: none;-o-appearance: none;}
select[disabled]{border:1px solid #cccccc !important; background: #f3f3f3 url(../../images/rone_mobile/select_down.svg) no-repeat calc(100% - 10px)center !important;box-shadow: inset 1px 1px 1px rgba(0,0,0,.1); }
.select-box:focus{border:1px solid #0084FF}

[class*=common-btn] {
    display: inline-block;
    border-radius:7px;
    font-size:17px;
    background:#ddd;
    color: #fff;
    padding:10px 15px;
    font-weight:500;
    line-height: 1.1em;
}
[class*=form-btn--] {
    padding:13px 15px;
}
.common-btn {
    background:#1568A7;
}
.common-btn.disabled,
.common-btn:disabled {
    background: #c9c9c9;
}
.common-btn:not(.disabled):active {
    background: #1568A7;
}
.hidden {overflow: hidden; border: 0; position: absolute; width: 1px;height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.text_none{font-size: 0;text-indent: -9999px;color: transparent;line-height: 0;height: 0}

/* 팝업 */
.mask, .popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 10;}
.popup.open { display: flex; align-items: flex-end;}
.popup_inner {
    position: fixed;
    bottom:0;
    left:0; right: 0;
    display: none;
    z-index: 11;
    width: 100%;height: calc(100vh - 110px);
    background:#fff;
    border-radius:20px 20px 0 0;
    overflow:hidden;
}
.popup_con { height: 100%;overflow-y: auto;padding-bottom: 130px;}
.popup.open .popup_inner {display: block;}
.popup_tit { display: flex; align-items: center;height: 65px; padding: 0 25px;font-size:1.4rem;}

.search_result {background: rgba(0, 0, 0, 0.7);}
.search_result li a {color: white;}
.highlighted {background-color: #1568A7; color: white;}

/* 주석 Popup */
#statCmmt_popup_inner.popup_inner{height: 55vh}
#statCmmt_popup_inner .popup_tabmenu ul li a{background: #2d67c6;color: #fff}
#statCmmt_popup_inner .remarkDv{height: 100%;overflow-y: auto}
#statCmmt_popup_inner .remark{padding: 15px 20px}
#statCmmt_popup_inner .remark span{line-height: 1.5}

/* 모바일 sheet 사이즈 조절 */
#sheetContainer .IBHScrollMid div {height: 18px !important;}
#DIV_statEasySheet {height: 500px !important;}