html {scroll-behavior:smooth;}

.fa, .far, .fas {font-family:"Font Awesome 5 Free", "FontAwesome";}

.main-header .navbar-nav .nav-item .fa-user-circle {font-size:1.1rem;}

.table thead th a {color:#212529;text-decoration:none;}
.table tbody td {position:relative;}
.table tbody td select {min-width:80px;}

input[type="text"], input[type="password"], input[type="submit"], input[type="image"], button {-webkit-appearance:auto;}

a.btn, .btn {width:auto;height:auto;font-weight:inherit;line-height:inherit;padding:.25rem .5rem;}
.timeline .btn {font-size:1em;}

a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

.modal-header {cursor:move;}
.modal-body .form-group .error {padding-right:8px;text-align:right;}

.brand-link .brand-text {display:block;margin-top:-3px}
.brand-link .brand-text img {height:33px}

.sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {background-color:#132b88;}

[class*="sidebar-light-"] .sidebar a {color:#000;}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {color:#000;}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, 
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {color:#000;}


/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;padding:5px;font-size:1.083em;max-width:100%;}
.frm_input {height:40px;}

.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px;width:100%}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}


/* 알림 관련 */
#noti_armv.is_mobile .noti_bw {margin:0 0 10px;}
#noti_armv.is_mobile .list_chk input {vertical-align:middle;}
#noti_armv.is_mobile .list_stat {width:28px;}
#noti_armv.is_mobile .list_stat i {font-weight:400;position:relative;left:1px;}
#noti_armv.is_mobile .list_link {color:initial;}
#noti_armv.is_mobile .list_tit b {color:initial;}
#noti_armv.is_mobile .list_time {font-size:14px;}
#noti_armv .list_del {padding:1px;}
#noti_armv .list_del i {font-weight:400;position:relative;left:1px;}
#noti_armv .noti_bw02 button,
#noti_armv .noti_bw03 button,
#noti_armv .noti_bw02 input[type="submit"] {width:auto;line-height:initial;margin-top:0;font-size:0.875rem;}
.noti-msg {max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}


/* 게시판 관련 */
.bo_subject {color:initial;}
.more_opt {width:90px;}
.more_opt li button,
.more_opt li a {font-size:14px;}

#bo_sch {margin:10px 0;}
#bo_list_total {margin:0;}
#bo_v {border:1px solid #fff;margin-bottom:20px}
#bo_v_con {font-size:16px;}
#bo_v_file li {font-size:14px;}
#bo_v_link li {font-size:14px;}
.bo_v_tit {font-size:0.75em;}
.bo_w_flie label {display:block;}


/* 회원정보 관련 */
.login-logo {margin-bottom:2rem;}

.mbskin {max-width:900px;margin:30px auto;}

.register {max-width:900px;margin:30px auto;}
#reg_result {max-width:900px;margin:30px auto;}

.filebox .btn_file {font-size:13px;}

#find_info {max-width:480px;margin:30px auto;}

#email_info {max-width:480px;margin:30px auto;}
#email_info .rg_em_p {margin:0 0 10px;line-height:1.5em;font-size:0.92em;color:#4162ff}
#email_info .rg_em {margin:0 0 10px;}
#email_info .rg_em table {width:100%;}
#email_info .btn_cancel {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em;line-height:45px;border-radius:3px;}
#email_info .frm_input {width:280px;}


/* 1:1 문의 */
.bo_v_cate {font-size:12px;}


/* table */
.table-foot-fixed tfoot tr:nth-child(1) th {background-color:#fff;border-bottom:0;box-shadow:inset 0 1px 0 #dee2e6,inset 0 -1px 0 #dee2e6;position:-webkit-sticky;position:sticky;bottom:0;z-index:10;}
.table-foot-fixed .empty_table {padding:60px 0 !important;}


/* datepicker */
.ui-datepicker {z-index:1021 !important;}


/* jsgrid */
.jsgrid-table .jsgrid-header-row > .jsgrid-header-cell {background:#e5e5e5;}
.jsgrid .jsgrid-cell input[type="text"],
.jsgrid .jsgrid-cell input[type="number"],
.jsgrid .jsgrid-cell select,
.jsgrid .jsgrid-cell textarea {display:block;width:100%;/*height:calc(2.25rem + 2px);*/font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;box-shadow:inset 0 0 0 transparent;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.jsgrid .jsgrid-cell input[type="text"]:focus,
.jsgrid .jsgrid-cell input[type="number"]:focus,
.jsgrid .jsgrid-cell select:focus,
.jsgrid .jsgrid-cell textarea:focus {color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:inset 0 0 0 transparent;}

@media (max-width:600px) {
    .jsgrid {overflow-x:auto !important;}
    .jsgrid > div {min-width:600px;}
    .jsgrid .jsgrid-cell {padding:.3em;}
}

.custom-box {background:#fff; border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); padding: 20px; position:relative; display:flex; flex-direction:column; justify-content:space-between;}
.custom-box .box-header {display: flex; justify-content: space-between; align-items: start;}
.custom-box .box-side {display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 8px; min-height: 106px;}
.custom-box .box-icon {width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 25px;}
.custom-box .box-more {font-size: 14px; color: rgba(41, 123, 255, 0.8);; text-decoration: none; font-weight: 300;}
.custom-box .box-label {font-size: 16px; color:#222; font-weight: 500; margin-bottom: 20px;}
.custom-box .box-number {display: flex; flex-direction: column; justify-content: flex-end;}
.custom-box .big-number {font-size: 30px; font-weight: 800; color:#222;}
.custom-box .small-unit {font-size: 12px; font-weight: 400; color:rgba(34, 34, 34, 0.6); }
.custom-box .box-icon-usd {background-color: rgba(2, 198, 229, 0.12); color: #02C6E5;}
.custom-box .box-icon-krw {background-color:rgba(32, 199, 70, 0.18); color:#20C746;}
.custom-box .box-icon-contract { background-color: rgba(255, 193, 7, 0.15); color: #FDBD00;}
.custom-box .box-icon-consult { background-color: rgba(255, 113, 108, 0.15); color: #FF716C;}