@charset 'utf-8';
@import url(bootstrap-icons.css);
@import url(bootstrap.css);
@import url(font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Noto+Sans+KR:wght@300;400;700&display=swap');
@font-face {
    font-family: 'omt';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tm';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;resize:none;vertical-align:baseline;}
body {letter-spacing:-0.05em;font-family:'Lato','Noto Sans KR', sans-serif;font-size: 1rem; color: #222;word-break: keep-all}
ol, ul {list-style:none;}
a,a:hover,a:focus,a:visited {color:inherit;text-decoration:none;outline:0;}
img {max-width: 100%;}

.container-fluid {max-width: 1700px;}

.modal-open {padding-right: 0 !important;}
.modal-header {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.modal-title {font-size: 1.25rem;font-weight: bold;margin: 0 auto;}
.modal-header {min-height: 3rem}
.modal-header .close {position: absolute;right: 1rem;opacity: 1}
.modal-dialog.modal-bottom {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;min-height: calc(100% - 6rem);}
.modal-open .modal {padding-right: 0 !important;}
.modal-dialog-centered {}

.scrollable {height: 100%;overflow-y: auto;white-space: pre-line}

textarea {resize: none}

hr.height {border-width: .375rem;margin-left: -1.5rem;margin-right: -1.5rem;}

.help-block {color: #666;font-weight: normal;}
.help-box {font-size: .916rem; padding: 1rem;border: 1px solid #e60019;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);border-radius: .5rem;}
.help-box small {font-size: 100%;color: #999}
.help-box+.help-box {margin-top: 1rem;}
.form-control {border-radius: 0;border-color: #666}
.form-control.line {border-width: 0;border-bottom-width: 1px;padding-left: 0;padding-right: 0;border-radius: 0;}
.form-control.line + span .btn {border-width: 0;border-bottom-width: 1px;}
.form-control:focus {-webkit-box-shadow: none !important;box-shadow: none !important;}
.form-control.cal {background-image: url(/images/ic_cal.png);background-repeat: no-repeat;background-position: 4px 50%;background-size: 1.125rem; padding-left: 1.875rem;}
.form-control.time {background-image: url(/images/ic_time.png);background-repeat: no-repeat;background-position: 4px 50%;background-size: 1.125rem; padding-left: 1.875rem;}
.form-control.search {border-width: 2px !important;border-color: #e60019 !important;background: url(/images/ic_search.png) no-repeat 98% 50%;background-size: 1.25rem;padding-right: 2rem;border-radius: .35rem}
select.form-control {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: url(/images/arr_sel.gif);background-repeat: no-repeat;background-position: 95% 50%;padding-right: 3.125rem;background-size: 3.562rem}
input[type=file] {width: 80%;}

.checkbox input {opacity: 0;position: absolute;}
.checkbox label {padding-left: 1.75rem;position: relative;line-height: 1.25rem; cursor: pointer;}
.checkbox label:before {content: '\f282';font-family: bootstrap-icons;font-weight: bold;width: 1.25rem;height: 1.25rem;text-indent: -1px;  text-align: center;border:1px solid #ccc;position: absolute;background: #fff;left: 0;color: #ccc;}
.checkbox :checked+label:before {color: #e60019;font-size: 1rem}
.radio input {opacity: 0;position: absolute;}
.radio label {padding-left: 1.75rem;position: relative;line-height: 1.25rem; cursor: pointer;}
.radio label:before {content: '\f282';font-family: bootstrap-icons;font-weight: bold;width: 1.25rem;height: 1.25rem;text-indent: -1px; font-size: 0; text-align: center;border:1px solid #ccc;border-radius: 50%; position: absolute;background: #fff;left: 0;color: #ccc;}
.radio :checked+label:before {color: #e60019;font-size: 1rem;}

.btn {border-radius: 0}
.btn-box.bottom {position: relative;z-index: 1;}
.btn-box.bottom .btn {font-size: 1.25rem;border-radius: .5rem}
.btn-box.fixed {position: fixed;width: auto;background: #fff; max-width: 600px;margin: 0 auto !important;bottom: 0;left: 0;right: 0;padding: 15px;z-index: 1;}
.btn-box.fixed .btn {font-size: 1.25rem;border-radius: .5rem}
.btn-box {margin: 2rem auto;text-align: center}
.btn-box:last-child:not(:first-child) {margin-bottom: 0;}
.btn-box .btn {font-size: 1.625rem;padding: .5em 2em}
.btn-box .btn+.btn {margin-left: .5rem;}
.btn.icon {padding: 0;}
.btn.line {background-color: #fff !important;}
.btn.line.gray {border-color: #e5e5e5; color: #e60019}
.btn.line.blue {border-color: #5695f4; color: #666}
.btn.primary.line {border: 1px solid #e60019; color: #e60019;}
.btn.primary {background-color: #e60019;border-color: #e60019; color: #fff;}
/*.btn.primary:hover {background-color: #005ee5;}*/
.btn.gray {background-color: #a6a7a7;border-color: #a6a7a7; color: #fff;}
.btn.lightgray {background-color: #f2f2f2;border-color: #eee; color: #666;}
/*.btn.gray:hover {background-color: #b4b4b4;}*/
.btn.blue {background-color: #5695f4; border-color: #5695f4; color: #fff;}
/*.btn.blue:hover {background-color: #3b81eb;}*/

.modal .btn-box {margin-top: 1rem;}

.text-blue {color: #e60019}

/* PAGINATION */
.pagination {text-align:center;border-radius:0;overflow:hidden;font-size: 0}
.pagination a {display:inline-block;vertical-align:top; min-width:30px;height:30px;padding: 0 5px; line-height:28px;font-size: 1.125rem;margin: 0 2px}
.pagination .active {background: #000;color: #fff;}
.pagination a:not(.active):hover {background: #f4f4f4;}
.pagination .first, .pagination .prev, .pagination .next, .pagination .end {font-size: 1.75rem}



@media (max-width: 575px) {
    .btn-box .btn {font-size: 1.125rem}
    select.form-control {background-size: 20px;padding-right: 20px;}
    .pagination {font-size: 1rem}

.indexPop {width: auto !important;max-width:90%;height: auto !important;top:50px !important;left:5% !important}
.indexPop table, .indexPop td {width: 100% !important;max-width:100%;height: auto !important;}
}

@media (min-width: 1400px) {
}