
i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'xeicon' !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
i.divide{ background: #E1E1E1; width: 1px; display: inline-block; margin: 0 8px; height: 13px; vertical-align: middle;}
.select1{ border: 1px solid #D6D6D6; font-size: 1.0833333rem; color: #666666; height: auto; padding: 5px; border-radius: 4px; }
.select2{ border: none; font-size: 1.0833333rem; color: #666666; height: auto; padding: 5px; border-radius: 4px; }
.input1{ border: 1px solid #D6D6D6; font-size: 1.0833333rem; color: #000; height: auto; padding: 6px 10px; border-radius: 4px; }
.btn-dark{ background: #3E3E3E; color: #fff; border-radius: 4px; border: none; outline: none; font-size: 1.0833333rem; padding: 6px 27px; cursor: pointer;}
.btn-dark:active{ background:#000; }
#analyze{ height: 100vh; }
#analyze .wrap_inner{ height: 100%;}
#analyze .tool_box{ border-bottom: none; }
#analyze .tool_box .search{ height: 30px; width:280px; background: #EEF0F5; position: relative; border-radius: 4px;}
.tool_box .search i{ position: absolute; font-size: 18px; left: 10px; top: 5px; color: #888888; }
.tool_box .search input{ background: transparent; outline: none; height: 100%; padding-left: 38px; padding-right: 10px; border: none; font-size: 1.0833333rem; }
.tool_box .btn-icon{ height: 30px; line-height: 30px;}
.tool_box_dt { background: #F5F9FB; padding: 0px 19px; display: flex; top: 50px; height: 0px; overflow: hidden; transition: all .3s; align-items: center; }
.tool_box_dt.active{ height: 69px !important; }
.tool_box_dt.active + .content-v{  padding-top: 119px; }
.tool_box_dt .form-group{ display: flex; height: 29px;}
.tool_box_dt .form-group label{ font-size: 13px;  color: #000; padding: 0 34px; align-self: center;}
.tool_box_dt .form-group input{ margin-left: 4px; }
.tool_box_dt > div:nth-of-type(1) label{ padding-left: 0;}
.tool_box_dt .date_picker{border: 1px solid #D6D6D6; font-size: 13px; color: #666666; border-radius: 4px; background: #fff; position: relative; margin-left: 4px; }
.tool_box_dt .date_picker input{ border: none; background: transparent; width: 280px; font-size: 13px; padding: 6px 10px; }
.tool_box_dt .date_picker label{ position: absolute; right: 5px; top: 5px; padding: 0; }
.tool_box_dt .date_picker label i{ color: #888888;}
.tool_box_dt .tool_box_dt_submit{ position: absolute; right: 20px; }
#analyze .tool_box .btn-icon{ margin-left: 4px; }
.btn{ background: transparent; outline: none; cursor: pointer; font-size: 1.0833333em; color: #666666; padding: 0 10px;}
.btn-icon{ background: transparent; border: none; outline: none; cursor: pointer; font-size: 13px; color: #666666; padding: 0 10px;}
.btn-bordered{ border: 1px solid #E9E9E8; border-radius: 4px; color: #888888;}
.btn-bordered i{ margin-left: 10px; font-size: 11px; transition: all .3s;}
.btn-bordered:active{ background: #eee;}
.btn-bordered.active i{ transform: rotate(540deg)}
input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
.btn-group-dt:after { content: "\e941"; font-family: xeicon; }
.btn-group-dt.active:after{  transform: rotate(180deg); }
.btn-group{ display: flex; gap: 5px; }

.text-left{ text-align: left !important;}
.text-right{ text-align: right!important;}
.text-center{ text-align: center !important;}
.tbl_basic td.divide{ position: relative;}
.tbl_basic td.divide:before{ content: ''; background: #e1e1e1; position: absolute; left: 0; top: 19px; bottom: 19px; width: 1px; }

.board_tool{ display: flex; justify-content: space-between; padding-top: 16px; padding-bottom: 20px; }
.board_tool .btn-icon{ font-size: 1.0833333rem; padding: 0;}
.board_tool .btn{ padding: 5px 10px;}
.board_hd{ border-top: 1px solid #EEF0F5; border-bottom: 1px solid #EEF0F5; padding: 20px 0; }
.board_hd h3{ font-size: 16px; font-weight: 600; padding-bottom: 18px;}
.board_hd span{ font-size: 13px; color: #999999; }
.board_ct{ padding: 20px 10px;}
.board_file{ padding-bottom: 12px; }
.board_file h4{ font-size: 13px; font-weight: normal;}
.board_file h4 em{ font-style: normal; color: #66A6E6; font-size: 13px; padding: 0 5px; }
.board_file ul{ background: #F5F9FB; padding: 10px 20px; margin-top: 10px; }
.board_file ul li a{ font-size: 13px; color: #000; }
.board_file ul li a:before{ content: ''; background-image: url("/images/main/icon_folder.png"); width: 18px; height: 18px; background-size: 18px 18px; display: inline-block; background-repeat: no-repeat; vertical-align: top; margin-top: 0; margin-right: 8px; }
.board_val{ font-size: 14px; font-family: '맑은 고딕'}
.board_val *{ font-size: unset;}
html, body, div, span, applet, object, iframe,

#analyze .tbl_basic tr > td:nth-child(1) { padding-left: 0;}
#analyze .tbl_basic tr > td:nth-child(1) a{ font-size: 1.16666rem; color: #666; }
#analyze .tbl_basic tr.unread > td:nth-child(1) a{ font-weight: 500; color: #000;  }
#analyze .tbl_basic tr > td:nth-child(2) { font-size: 1.08333333rem; color: #999999; }
#analyze .tbl_basic tr > td:nth-child(3) { font-size: 1.08333333rem; color: #999999; padding-right: 0;}

.content-v{ background: #fff; padding: 50px 20px 0px; min-height: 100vh; transition: all .3s; }
.content-v .ct-hd{ display: flex; justify-content: space-between; align-content: center; padding: 23px 0;}
.content-v .ct-hd.fixed_ct{ padding: 23px 20px; background: #fff; }
.content-v .ct-hd.fixed_ct + .tbl_basic{ margin-top: 73px; }
.content-v .ct-hd h3{ font-weight: bold; font-size: 16px; color: #000;}
.content-v.paging .pagination-nav{ display: block;}
.content-v.paging{ padding-bottom: 65px; }
.pagination-nav{ height: auto; bottom: 0; width: auto; padding: 20px 0; border-top: 1px solid #EEF0F5; display: none;}
.pagination-nav ul{ display: flex; justify-content: center;}
.pagination-nav ul li a{ width: 24px; height: 24px; display: block; transition: .4s; font-size: 13px; text-align: center; line-height: 24px; border-radius:5px; color: #111; }
.pagination-nav ul li a:hover{ background: #F5F9FB;}
.pagination-nav ul li.active a{ background: #26ACE2; color: #fff; }