@charset "utf-8"; @font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: normal;
    src: local('NanumGothic'), local('Nanum Gothic'), url('../fonts/NanumGothic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NanumGothic.woff') format('woff'), /* Modern Browsers */ url('../fonts/NanumGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NanumGothic.svg#svgMothnnaFont') format('svg');
    /* Legacy iOS */
}

* {
    margin: 0;
    padding: 0;
    font-family: 'NanumGothic', Dotum, Gulim, sans-serif !important;
    color: #333333;
    -webkit-text-size-adjust: none;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
select {
    border: 1px solid #cacaca;
    padding: 2px;
    line-height: 20px;
    color: #333333;
    height: 24px;
}

textarea {
    border: 1px solid #cacaca;
}

body {
    font-family: 'NanumGothic', Dotum, Gulim, sans-serif !important;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

div, table, tr, th, td, input, select, textarea, h1, a {
    font-family: 'NanumGothic', Dotum, Gulim, sans-serif !important;
    text-decoration: none;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

input, select, textarea {
    font-size: 12px;
    color: #000000;
}

input, select {
    vertical-align: middle;
}

form, div, a {
    margin: 0px;
    padding: 0px;
}

a {
    color: #333333;
    text-decoration: none;
    font-size: 12px;
}

a:link {
    color: #0a4caf;
    text-decoration: none;
}

a:visited {
    color: #0a4caf;
}

a:hover {
    color: #ff591f;
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

tr, th, td {
    border-collapse: collapse;
    padding: 0px;
}

img {
    border: 0;
    vertical-align: middle;
}

img.button {
    cursor: pointer;
    border: 0;
}

caption {
    display: none;
}

fieldset {
    border: 0px;
}

legend {
    display: none;
    position: absolute;
    visibility: hidden;
}

.topm {
    padding-bottom: 20px;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
#div_float {
    width: 100%;
}

#div_float #div_fl {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 30px;
}

#div_float #div_fr {
    float: right;
    width: 50%;
    margin-bottom: 30px;
}

#con_tit {
    float: left;
    font-weight: 600;
    color: #333333;
    padding-left: 25px;
    background: #ffffff url(../css/images/ic_04.jpg) no-repeat 0 0;
    font-size: 13px;
    height: 18px;
    border: 0px solid #000000;
}

#con_more {
    float: right;
    padding-right: 5px;
}

#con_more a {
    color: #444444;
}

#con_list {
    height: 170px;
    width: 100%;
    display: table;
}

.t_orange {
    color: #fa7600;
}

#con_rec {
    border: 1px dashed #ddd6ac;
    padding: 10px;
    background-color: #fdf8f1;
    width: 365px;
    margin-bottom: 10px;
}

#con_rec .fl {
    float: left;
    color: #b67e1b;
    padding-right: 25px;
    font-size: 11px;
    line-height: 150%;
}

#con_rec .fr {
    float: left;
    color: #b67e1b;
    font-size: 11px;
    line-height: 150%;
}

#div_long {
    width: 1000px;
}

#div_wrap {
    width: 100%;
    height: 100%;
    min-width: 1000px;
}

#div_normal {
    overflow: hidden;
    margin: 20px 20px 100px 20px;
}

#div_popup {
    padding: 15px;
}

#div_small {
    width: 600px;
}

#div_large {
    width: 900px;
    padding: 10px 0px 20px 10px;
}

h2.stit {
    clear: both;
    font-size: 12px;
    color: #011337;
    background: url(images/icon_h4.gif) no-repeat;
    padding: 1px 0 10px 20px;
}

#div_title {
    position: relative;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #28434e;
    margin-top: 10px;
    margin-bottom: 10px;
}

#div_title h1 {
    float: left;
    color: #222222;
    font-weight: 600;
    font-size: 26px;
}

#div_title .navi {
    float: right;
    height: 30px;
    color: #444444;
    font-size: 11px;
    padding: 30px 0 0 0;
}

#div_title .navi span {
    color: #666666;
    font-size: 9px;
}

#div_title .search {
    float: right;
    height: 30px;
    color: #444444;
    font-size: 11px;
    padding: 25px 0 0 0;
}

#div_handle {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #28434e;
    margin-top: 10px;
    margin-bottom: 20px;
}

#div_handle table {
    width: 100%;
}

#div_handle table.table_case {
    margin-top: 20px;
}

#div_handle table.table_expl {
    margin-top: 20px;
}

#div_handle table.table_case textarea {
    height: 45px;
    width: 500px;
}

#div_handle caption {
    text-align: left;
    font-weight: bold;
    color: #163371;
    padding-left: 20px;
    background: #fff url(images/bullit_title.gif) no-repeat 2px 0;
    padding-bottom: 5px;
}

#div_handle tr {
    height: 40px;
}

#div_handle tr.tr_conts {
    height: 160px;
}

#div_handle tr.tr_editor {
    height: 300px;
    width: 500px;
}

#div_handle tr.tr_atch {
    height: 80px;
}

#div_handle tr.tr_fckconts {
    height: 300px;
}

#div_handle th {
    border: 1px solid #dadada;
    height: 30px;
    color: #111111;
    font-size: 12px;
    background: #f3f3f3;
    font-weight: 600;
    padding: 0 15px 0 10px;
    text-align: left;
}

#div_handle td {
    border: 1px solid #dadada;
    height: auto;
    color: #333333;
    font-size: 12px;
    padding: 5px 15px 5px 15px;
    text-align: left;
}

#div_handle td.multi {
    padding: 15px 10px 15px 10px;
    line-height: 20px;
}

#div_handle td.multi2 {
}

#div_handle td.multi2 ul {
    overflow: hidden;
}

#div_handle td.multi2 ul li {
    float: left;
    margin: 0 10px 0 0;
}

#div_handle td.multi2 ul li:last-child {
    margin: 0 0 0 0;
}

#div_handle td.multi2 ul li img {
    height: 100px;
    border: 1px solid #d8d8d8;
}

#div_handle td.multi2 ul li p {
    margin: 5px 0 0 0;
}

#div_handle td.multi3 {
    padding: 10px 15px 10px 15px;
}

#div_handle td.multi3 ul {
    overflow: hidden;
}

#div_handle td.multi3 ul li {
    float: left;
    margin: 0 10px 0 0;
    list-style: none;
}

#div_handle td.multi3 ul li:first-child {
    padding-top: 20px;
}

#div_handle td.multi3 ul li:last-child {
    margin: 0 0 0 0;
}

#div_handle td.multi3 ul li img {
    height: 60px;
    border: 1px solid #d8d8d8;
}

#div_handle td.multi3 ul li p {
    margin: 5px 0 0 0;
}

#div_handle th.th_star {
    background: url(images/icon_star.gif) no-repeat center right #f3f3f3;
}

/* 이슈 등록/상세·증적 등록·보고서 등록(팝업): 필수 항목 — 라벨 바로 옆 빨간 별표(배경 아이콘 제거) */
body.issue-handle #div_handle > table > tbody > tr > th.th_star,
body.issue-evi #div_handle > table > tbody > tr > th.th_star,
body.report-handle #div_handle > table > tbody > tr > th.th_star {
    background-image: none !important;
}

body.issue-handle #div_handle > table > tbody > tr > th.th_star::after,
body.issue-evi #div_handle > table > tbody > tr > th.th_star::after,
body.report-handle #div_handle > table > tbody > tr > th.th_star::after {
    content: '*';
    color: #d32f2f;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1;
    margin-left: 4px;
    vertical-align: baseline;
    display: inline;
}

/* 증적 등록/수정: PC에서 입력 필드 최대 너비(모바일은 768px 미디어쿼리에서 100%) */
body.issue-evi #div_handle .issue-evi-input {
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
}

body.issue-evi #div_handle #itnIssueNo.issue-evi-input {
    max-width: 280px;
}

/* 보고서 등록/수정 팝업: PC 기본 보정 */
body.report-handle #div_handle .report-handle-input {
    width: 100%;
    max-width: 260px;
    box-sizing: border-box;
}

body.report-handle #div_handle .report-handle-select {
    box-sizing: border-box;
}

body.report-handle #div_handle .report-handle-select--year {
    min-width: 110px;
}

body.report-handle #div_handle .report-handle-select--month,
body.report-handle #div_handle .report-handle-select--week {
    min-width: 90px;
}

/* PC: 셀렉트 + 단위(년/월/주) 텍스트를 한 줄에 가지런히 (셀렉트가 100%로 늘어나도 단위 줄바꿈 방지) */
body.report-handle .report-handle-select-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: 220px;
    box-sizing: border-box;
    vertical-align: middle;
}

body.report-handle .report-handle-select-row > select {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}

body.report-handle .report-handle-select-unit {
    flex: 0 0 auto;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
}

body.report-handle .report-handle-attach-hint {
    margin-top: 6px;
    color: #6b6b6b;
    font-size: 13px;
}

/* PC: 점검자사인 드롭존 (운영 JSP 의 인라인 점선 박스를 클래스로 이관) */
body.report-handle #div_handle #file-div.report-handle-file-div,
body.report-handle #div_handle #file-div {
    width: 100%;
    min-height: 100px;
    border: 2px dashed #f0f0f0;
    padding: 8px 12px;
    box-sizing: border-box;
    overflow-y: auto;
    background: #fff;
    color: #555;
    line-height: 1.55;
    cursor: pointer;
}

body.report-handle .report-handle-attach-block {
    display: block;
}

body.report-handle .report-handle-attach-block .btn-blue.report-handle-file-reset {
    margin-top: 8px;
}

/* 삭제 버튼: filled red (PC) - 위험한 동작이므로 강조 색상 부여 */
body.report-handle #div_handle #div_button a.btn_blue_text2.report-handle-del-btn,
body.report-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnDel"] {
    background: #d32f2f !important;
    color: #fff !important;
    border: 1px solid #d32f2f !important;
}

body.report-handle #div_handle #div_button a.btn_blue_text2.report-handle-del-btn:hover,
body.report-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnDel"]:hover {
    background: #b71c1c !important;
    border-color: #b71c1c !important;
}

/* PC: 점검년월일 — datepicker 인풋 + 달력 아이콘 한 줄 (report-handle) */
body.report-handle #div_handle td:has(img.ui-datepicker-trigger) {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}

body.report-handle #div_handle td:has(img.ui-datepicker-trigger) input.datepicker,
body.report-handle #div_handle td:has(img.ui-datepicker-trigger) input.hasDatepicker {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
    max-width: none;
}

body.report-handle #div_handle td:has(img.ui-datepicker-trigger) img.ui-datepicker-trigger {
    flex: 0 0 auto;
    display: block;
    margin-top: 0 !important;
    vertical-align: middle;
}

/* 댓글 등록 팝업: 본문 입력 기본 너비 */
body.issue-cmt textarea.issue-cmt-desc {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* 댓글 팝업: 전역 #div_handle { overflow:hidden }, #div_handle tr { height:40px }, th { height:30px } 가 첨부 안내 영역을 세로로 자름 */
body.issue-cmt #div_handle {
    overflow: visible !important;
}

body.issue-cmt #div_handle > table > tbody > tr {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

body.issue-cmt #div_handle > table > tbody > tr > th {
    height: auto !important;
    min-height: 0 !important;
}

/* 댓글 팝업: 첨부 영역 블록 */
body.issue-cmt .issue-cmt-attach-block {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#div_handle td.td_half {
    width: 30%;
}

#div_handle span.atch_box {
    text-align: left;
    width: 60%;
    vertical-align: middle;
}

#div_handle span.atch_button {
    text-align: left;
    width: 60px;
    vertical-align: middle;
    padding-top: 5px;
}

#div_handle span.comment_button {
    text-align: left;
    width: 70px;
    vertical-align: middle;
    padding-top: 5px;
}

#div_handle span.search_button {
    text-align: right;
    padding: 5px 10px 0 0;
}

#div_handle span.search_text {
    text-align: left;
    width: 77%;
    padding: 0 10px 4px 0;
}

#div_handle span.search_blank_text {
    text-align: left;
    width: 77%;
    padding: 0 10px 0 0;
    font-weight: bold;
    color: #003366;
}

#div_handle audio.kesAudioPlayer {
    outline-style: none;
}

#div_handle2 {
    width: 100%;
    overflow: hidden;
    border-top: 0px solid #28434e;
    margin-top: 10px;
    margin-bottom: 20px;
}

#div_handle2 table {
    width: 100%;
}

#div_handle2 table.table_case {
    margin-top: 20px;
}

#div_handle2 table.table_expl {
    margin-top: 20px;
}

#div_handle2 table.table_case textarea {
    height: 45px;
    width: 500px;
}

#div_handle2 caption {
    text-align: left;
    font-weight: bold;
    color: #163371;
    padding-left: 20px;
    background: #fff url(images/bullit_title.gif) no-repeat 2px 0;
    padding-bottom: 5px;
}

#div_handle2 tr {
    height: 40px;
}

#div_handle2 tr.tr_conts {
    height: 160px;
}

#div_handle2 tr.tr_editor {
    height: 300px;
    width: 500px;
}

#div_handle2 tr.tr_atch {
    height: 80px;
}

#div_handle2 tr.tr_fckconts {
    height: 300px;
}

#div_handle2 th {
    border: 1px solid #dadada;
    height: 30px;
    color: #111111;
    font-size: 12px;
    background: #f3f3f3;
    font-weight: 600;
    padding: 0 15px 0 10px;
    text-align: left;
}

#div_handle2 td {
    border: 1px solid #dadada;
    height: auto;
    color: #333333;
    font-size: 12px;
    padding: 5px 15px 5px 15px;
    text-align: left;
}

#div_handle2 td.multi {
    padding: 15px 10px 15px 10px;
    line-height: 20px;
}

#div_handle2 td.multi2 {
}

#div_handle2 td.multi2 ul {
    overflow: hidden;
}

#div_handle2 td.multi2 ul li {
    float: left;
    margin: 0 10px 0 0;
}

#div_handle2 td.multi2 ul li:last-child {
    margin: 0 0 0 0;
}

#div_handle2 td.multi2 ul li img {
    height: 100px;
    border: 1px solid #d8d8d8;
}

#div_handle2 td.multi2 ul li p {
    margin: 5px 0 0 0;
}

#div_handle2 td.multi3 {
    padding: 10px 15px 10px 15px;
}

#div_handle2 td.multi3 ul {
    overflow: hidden;
}

#div_handle2 td.multi3 ul li {
    float: left;
    margin: 0 10px 0 0;
    list-style: none;
}

#div_handle2 td.multi3 ul li:first-child {
    padding-top: 20px;
}

#div_handle2 td.multi3 ul li:last-child {
    margin: 0 0 0 0;
}

#div_handle2 td.multi3 ul li img {
    height: 60px;
    border: 1px solid #d8d8d8;
}

#div_handle2 td.multi3 ul li p {
    margin: 5px 0 0 0;
}

#div_handle2 th.th_star {
    background: url(images/icon_star.gif) no-repeat center right #f3f3f3;
}

#div_handle2 td.td_half {
    width: 30%;
}

#div_handle2 span.atch_box {
    text-align: left;
    width: 60%;
    vertical-align: middle;
}

#div_handle2 span.atch_button {
    text-align: left;
    width: 60px;
    vertical-align: middle;
    padding-top: 5px;
}

#div_handle2 span.comment_button {
    text-align: left;
    width: 70px;
    vertical-align: middle;
    padding-top: 5px;
}

#div_handle2 span.search_button {
    text-align: right;
    padding: 5px 10px 0 0;
}

#div_handle2 span.search_text {
    text-align: left;
    width: 77%;
    padding: 0 10px 4px 0;
}

#div_handle2 span.search_blank_text {
    text-align: left;
    width: 77%;
    padding: 0 10px 0 0;
    font-weight: bold;
    color: #003366;
}

#div_handle2 audio.kesAudioPlayer {
    outline-style: none;
}

#div_search {
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
}

#div_search table {
    width: 100%;
    border: 2px solid #e1e1e1;
}

#div_search tr {
    height: 35px;
}

#div_search th {
    font-weight: bold;
    text-align: right;
    padding: 1px 10px 0 0;
    vertical-align: middle;
    background: #f3f3f3;
    border-bottom: 1px solid #c6c8e7;
    color: #676767;
    font-size: 12px;
}

#div_search td {
    padding: 1px 0 0 10px;
    vertical-align: middle;
    border-bottom: 1px solid #e1e1e1;
    font-size: 12px;
}

#div_search td:after {
    clear: both;
    content: '';
    display: inline-block;
}

/* sub_mirror: 검색기간 — 시작/종료를 세트로 묶어 PC·모바일 공통 줄바꿈(달력 트리거 포함) */
body.issue-sub #div_search tbody tr:has(td.search-period-cell) {
    height: auto;
    min-height: 35px;
}

/* float 클리어용 td:after — flex td에서는 ::after가 플렉스 아이템이 되어 하단에 잡선처럼 보일 수 있음 */
body.issue-sub #div_search tbody td:after {
    content: none !important;
    display: none !important;
}

body.issue-sub #div_search td.search-period-cell {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
}

body.issue-sub #div_search .issue-proc-st-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

body.issue-sub #div_search .issue-proc-st-checkbox-group label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
}

body.issue-sub #div_search td.search-period-cell .search-period-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    max-width: 100%;
}

#div_search td.td_half {
    width: 30%;
}

#div_search span.search_crs_text {
    float: left;
    text-align: left;
    width: 77%;
    padding: 0 10px 0 0;
    font-weight: bold;
    color: #003366;
}

#div_search span.search_blank_text {
    text-align: left;
    width: 77%;
    padding: 0 10px 0 0;
    font-weight: bold;
    color: #003366;
}

#div_search .search_input {
    margin-left: 2px;
    border: 1px solid #cacaca;
    font-size: 12px;
    color: #333333;
}

#div_search .search_scor_input {
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #cccccc;
    height: 24px;
}

#div_search select {
    float: left;
}

#div_search #searchHlclTpCd {
    width: 100px;
}

#div_search select {
    height: 26px;
}

#div_search span.search_text {
    float: left;
    text-align: left;
    width: 75%;
    padding: 5px 10px 0 0;
    color: #003366;
    vertical-align: middle;
}

#div_search span.search_text select {
    height: 26px;
}

#div_search span.search_button {
    float: right;
    text-align: right;
    padding: 0 0px 0 0;
    display: inline;
}

#div_search span.search_text2 {
    float: left;
    text-align: left;
    width: 62%;
    padding: 0 10px 0 0;
    color: #003366;
}

#div_search span.search_text3 {
    float: left;
    text-align: left;
    width: 40%;
    padding: 0 10px 0 0;
    color: #003366;
}

#div_search span.search_button2 {
    float: right;
    text-align: right;
    padding: 1px 10px 0 0;
    width: 33%;
}

#div_search span.total {
    text-align: left;
    float: left;
    font-weight: 600;
    color: #004e97;
    padding-left: 25px;
    background: #fff url(../css/images/ic_04.jpg) no-repeat 0 12px;
    padding-bottom: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 45px;
}

#div_view {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #28434e;
    margin-top: 30px;
    margin-bottom: 20px;
}

#div_view table {
    width: 100%;
}

#div_view caption {
    display: none;
}

#div_view tr.tr_conts_small {
    height: 80px;
}

#div_view tr.tr_conts {
    overflow: hidden;
    vertical-align: middle;
    padding: 6px 10px 10px 10px;
}

#div_view th {
    border: 1px solid #dadada;
    height: 30px;
    color: #111111;
    font-size: 12px;
    background: #f3f3f3;
    font-weight: 600;
    padding-left: 10px;
    text-align: left;
}

#div_view td {
    border: 1px solid #dadada;
    height: 30px;
    color: #333333;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 18px;
}

#div_view td a.file {
    text-decoration: underline;
}

#div_view td.multi {
    padding: 15px 20px 15px 20px;
    line-height: 22px;
    text-align: left;
}

#div_view span.total {
    text-align: left;
    float: left;
    font-weight: 600;
    color: #004e97;
    padding-left: 25px;
    background: #fff url(../css/images/ic_04.jpg) no-repeat 0 12px;
    padding-bottom: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 45px;
}

#div_view th.th_star {
    background: url(images/icon_star.gif) no-repeat center right 10px #f3f3f3;
}

#div_view td.td_half {
    width: 30%;
}

#div_view td.td_half2 {
    width: 15%;
}

#div_view td.td_customize_box #sBoxSmocA, #sBoxSmocC {
    float: left;
}

#div_view td.td_customize_box #sBoxSmocB {
    float: left;
    width: 100px;
    height: 70px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 50px;
}

#div_view td.td_customize_box #dBoxDutyA, #dBoxDutyS {
    float: left;
}

#div_view td.td_customize_box #dBoxDutyB {
    float: left;
    width: 100px;
    height: 70px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 50px;
}

#div_view td.td_customize_box #iBoxIntrA, #iBoxIntrS {
    float: left;
}

#div_view td.td_customize_box #iBoxIntrB {
    float: left;
    width: 100px;
    height: 70px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 50px;
}

#div_view2 {
    width: 100%;
    overflow: hidden;
    background: #f2f2f2 url("../css/images/seoul/ic_01.png") no-repeat 20px 30px;
    background-size: 30px 26px;
    border: 1px solid #d8d8d8;
    border-top: 1px solid #28434e;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 30px 20px 25px 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#div_view2 p.tit {
    margin: 0 0 0 0;
    color: #444444;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

#div_view2 ul {
    overflow: hidden;
    margin: 13px 0 0 0;
}

#div_view2 ul li {
    color: #777777;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -0.05em;
    margin: 0 0 12px 0;
    background: url("../css/images/ic_05.jpg") no-repeat 0 center;
    padding-left: 10px;
}

#div_view2 ul li.op1 {
    background: url("../css/images/ic_05___.jpg") no-repeat 0 center;
    padding-left: 15px;
}

#div_view2 ul li.tit {
    font-weight: 600;
}

#div_view2 ul li span {
    color: #ff3b1d;
    font-weight: 600;
}

#div_list {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

#div_list table {
    width: 100%;
    border-top: 0px solid #28434e;
}

#div_list caption {
    display: none;
}

#div_list th {
    height: 30px;
    border: 1px solid #dadada;
    background: #f3f3f3;
    color: #111111;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}

/* common_styles_old * { font-weight:normal } 때문에 th 내부 span만 얇게 보이는 현상 보정 */
#div_list thead th * {
    font-weight: inherit;
}

#div_list td {
    height: 30px;
    border: 1px solid #dadada;
    color: #333333;
    font-size: 12px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

/* 파란 버튼: 셀 글자색(#333) 상속 방지 — 라벨 span 포함 항상 흰색 */
.btn-blue,
.btn-blue .issue-evi-btn-txt {
    color: #fff !important;
}

#div_list td.td_left {
    text-align: left;
    padding-left: 20px;
}

#div_list td.td_left_2 {
    text-align: left;
    padding: 5px 0 0px 20px;
}

#div_list td.td_left_3 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

#div_list td a {
    color: #333333;
    font-weight: 600;
    text-decoration: underline;
}

#div_list td.multi {
    padding: 15px 20px 15px 20px;
    line-height: 25px;
    text-align: left;
}

#div_list td.multi2 {
    padding: 15px 10px 15px 10px;
    line-height: 20px;
    text-align: left;
}

#div_list td.multi3 {
    padding: 10px 20px 10px 20px;
    line-height: 20px;
    text-align: center;
}

#div_list td.input {
    height: 40px;
    padding: 0 15px 0 10px;
    text-align: left;
}

#div_list span.total,
body.issue-sub .issue-sub-list-stack > span.total,
body.report-sub .report-sub-list-stack > span.total,
body.report-result-sub .report-result-sub-list-stack > span.total {
    float: left;
    height: 27px;
    background: url("../css/images/ic_03.jpg") no-repeat 0 0;
    padding-left: 20px;
    color: #333333;
    font-weight: normal;
    font-size: 12px;
}

/* 이슈·보고서 서브(PC): 검색건수 다음 목록 블록 줄바꿈 */
@media (min-width: 769px) {
    body.issue-sub .issue-sub-list-stack,
    body.report-sub .report-sub-list-stack,
    body.report-result-sub .report-result-sub-list-stack {
        display: block;
    }

    body.issue-sub .issue-sub-list-stack > span.total,
    body.report-sub .report-sub-list-stack > span.total,
    body.report-result-sub .report-result-sub-list-stack > span.total {
        float: left;
        clear: both;
        margin-top: 2px;
    }

    body.issue-sub .issue-sub-list-stack #div_list,
    body.report-sub .report-sub-list-stack #div_list,
    body.report-result-sub .report-result-sub-list-stack #div_list {
        clear: both;
    }
}

/* 이슈·보고서·실적 목록 상단: 생성·일괄 버튼 행 · 목록 float 해제 */
body.issue-sub td.issue-create-btn-wrap,
body.report-sub td.report-create-btn-wrap,
body.report-result-sub td.report-result-bulk-btn-wrap {
    text-align: right;
    vertical-align: middle;
    padding: 0 0 12px;
}

body.issue-sub .issue-create-btn-full,
body.report-sub .report-create-btn-full,
body.report-result-sub .report-result-bulk-btn-full {
    width: auto;
    max-width: none;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 11px 18px;
    min-height: 44px;
    line-height: 1.35;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 600;
}

body.issue-sub .issue-sub-list-stack #div_list table.issue-list-table.issue-list--sub,
body.report-sub .report-sub-list-stack #div_list table.report-list-table.report-list--sub,
body.report-result-sub .report-result-sub-list-stack #div_list table.report-result-list-table.report-result--sub {
    clear: both;
}

#div_list span.year {
    float: right;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 3px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_list th.left {
    border: 1px solid #9bbad9;
    vertical-align: middle;
    padding: 7px 0px 5px 10px;
    background: #f0f7e8;
    font-weight: bold;
    color: #458805;
    text-align: left;
}

#div_list td.td_left:after {
    display: block;
    content: '';
    clear: both;
}

#div_list td.td_left img {
}

#div_list td.td_left a {
    text-align: left;
}

#div_list td.td_link {
    background: #f5f5f5;
}

#div_list span.td_current {
    font-weight: bold;
}

#div_list caption.hidden {
    display: none;
}

#div_list audio.kesAudioPlayer {
    outline-style: none;
}

/* 이슈 건수 요약 표: 운영은 #div_list 안에 두지만 미러(sub_mirror)는 중복 id 회피용 #div_list_stat 사용 → 동일 그리드 스타일 필요 */
#div_list_stat {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

#div_list_stat table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 0px solid #28434e;
}

#div_list_stat caption {
    display: none;
}

#div_list_stat th {
    height: 30px;
    border: 1px solid #dadada;
    background: #f3f3f3;
    color: #111111;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}

#div_list_stat td {
    height: 30px;
    border: 1px solid #dadada;
    color: #333333;
    font-size: 12px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

#div_list2 {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 15px;
}

#div_list2 table {
    width: 100%;
    border-top: 0px solid #666666;
}

#div_list2 caption {
    display: none;
}

#div_list2 th {
    height: 28px;
    border: 1px solid #dadada;
    background: #e5e7e8;
    color: #111111;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
}

#div_list2 td {
    height: 28px;
    border: 1px solid #dadada;
    color: #333333;
    font-size: 13px;
    text-align: center;
}

#div_list2 td.td_left {
    text-align: left;
    padding-left: 20px;
}

#div_list2 td a {
    color: #333333;
    font-weight: 600;
    text-decoration: underline;
}

#div_list2 td.multi {
    padding: 15px 20px 15px 20px;
    line-height: 25px;
    text-align: left;
}

#div_list2 td.multi2 {
    padding: 15px 10px 15px 10px;
    line-height: 20px;
    text-align: left;
}

#div_list2 td.multi3 {
    padding: 10px 20px 10px 20px;
    line-height: 20px;
    text-align: center;
}

#div_list2 td.input {
    height: 40px;
    padding: 0 15px 0 10px;
    text-align: left;
}

#div_list2 span.total {
    float: left;
    height: 27px;
    background: url("../css/images/ic_03.jpg") no-repeat 0 0;
    padding-left: 20px;
    color: #333333;
    font-weight: normal;
    font-size: 12px;
}

#div_list2 span.year {
    float: right;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 3px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_list2 th.left {
    border: 1px solid #9bbad9;
    vertical-align: middle;
    padding: 7px 0px 5px 10px;
    background: #f0f7e8;
    font-weight: bold;
    color: #458805;
    text-align: left;
}

#div_list2 td.td_left:after {
    display: block;
    content: '';
    clear: both;
}

#div_list2 td.td_left img {
}

#div_list2 td.td_left a {
    text-align: left;
}

#div_list3 {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

#div_list3 table {
    width: 100%;
    border-top: 2px solid #28434e;
}

#div_list3 caption {
    display: none;
}

#div_list3 th {
    height: 30px;
    border: 1px solid #dadada;
    background: #f3f3f3;
    color: #111111;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}

#div_list3 td {
    height: 30px;
    border: 1px solid #dadada;
    color: #333333;
    font-size: 12px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

#div_list3 td.td_left {
    text-align: left;
    padding-left: 20px;
}

#div_list3 td.td_left_2 {
    text-align: left;
    padding: 5px 0 0px 20px;
}

#div_list3 td a {
    color: #333333;
    font-weight: 600;
    text-decoration: underline;
}

#div_list3 td.multi {
    padding: 15px 20px 15px 20px;
    line-height: 25px;
    text-align: left;
}

#div_list3 td.multi2 {
    padding: 15px 10px 15px 10px;
    line-height: 20px;
    text-align: left;
}

#div_list3 td.multi3 {
    padding: 10px 20px 10px 20px;
    line-height: 20px;
    text-align: center;
}

#div_list3 td.input {
    height: 40px;
    padding: 0 15px 0 10px;
    text-align: left;
}

#div_list3 span.total {
    float: left;
    height: 27px;
    background: url("../css/images/ic_03.jpg") no-repeat 0 0;
    padding-left: 20px;
    color: #333333;
    font-weight: normal;
    font-size: 12px;
}

#div_list3 span.year {
    float: right;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 3px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_list3 th.left {
    border: 1px solid #9bbad9;
    vertical-align: middle;
    padding: 7px 0px 5px 10px;
    background: #f0f7e8;
    font-weight: bold;
    color: #458805;
    text-align: left;
}

#div_list3 td.td_left:after {
    display: block;
    content: '';
    clear: both;
}

#div_list3 td.td_left img {
}

#div_list3 td.td_left a {
    text-align: left;
}

#div_list3 td.td_link {
    background: #f5f5f5;
}

#div_list3 span.td_current {
    font-weight: bold;
}

#div_list3 caption.hidden {
    display: none;
}

#div_list3 th.th_star {
    background: url(images/icon_star.gif) no-repeat center right #f3f3f3;
}

#div_list_1200 {
    width: 120%;
    margin-bottom: 15px;
}

#div_list_1200 :after {
    display: inline-block;
    content: '';
    clear: both;
}

#div_list_1200 table {
    width: 120%;
    border-top: 2px solid #7a8ed1;
    border-bottom: 2px solid #C0C0C0;
}

#div_list_1200 span.total {
    text-align: left;
    float: left;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 2px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_list_1200 span.year {
    float: right;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 3px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_list_1200 th {
    border: 1px solid #b5dae4;
    vertical-align: middle;
    padding: 7px 0 5px;
    background: #e6ebf2;
    font-weight: bold;
    color: #384b8b;
}

#div_list_1200 th.left {
    border: 1px solid #9bbad9;
    vertical-align: middle;
    padding: 7px 0px 5px 10px;
    background: #f0f7e8;
    font-weight: bold;
    color: #458805;
    text-align: left;
}

#div_list_1200 td {
    text-align: center;
    border: 1px solid #D2D2D2;
    vertical-align: middle;
    padding: 7px 6px 4px 6px;
}

#div_list_1200 td.td_left {
    text-align: left;
    vertical-align: middle;
    padding: 2px 2px 0 10px;
}

#div_list_1200 td.td_left:after {
    display: block;
    content: '';
    clear: both;
}

#div_list_1200 td.td_left img {
    float: left;
}

#div_list_1200 td.td_left a {
    text-align: left;
}

#div_list_1200 td.td_link {
    background: #f5f5f5;
}

#div_list_1200 span.td_current {
    font-weight: bold;
}

#div_list_1200 caption.hidden {
    display: none;
}

#div_list_1500 {
    width: 150%;
    margin-bottom: 15px;
}

#div_list_1500 :after {
    display: inline-block;
    content: '';
    clear: both;
}

#div_list_1500 table {
    width: 150%;
    border-top: 2px solid #7a8ed1;
    border-bottom: 2px solid #C0C0C0;
}

#div_list_1500 span.total {
    text-align: left;
    float: left;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 2px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_list_1500 span.year {
    float: right;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 3px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_list_1500 th {
    border: 1px solid #b5dae4;
    vertical-align: middle;
    padding: 7px 0 5px;
    background: #e6ebf2;
    font-weight: bold;
    color: #384b8b;
}

#div_list_1500 th.left {
    border: 1px solid #9bbad9;
    vertical-align: middle;
    padding: 7px 0px 5px 10px;
    background: #f0f7e8;
    font-weight: bold;
    color: #458805;
    text-align: left;
}

#div_list_1500 td {
    text-align: center;
    border: 1px solid #D2D2D2;
    vertical-align: middle;
    padding: 7px 6px 4px 6px;
}

#div_list_1500 td.td_left {
    text-align: left;
    vertical-align: middle;
    padding: 2px 2px 0 10px;
}

#div_list_1500 td.td_left:after {
    display: block;
    content: '';
    clear: both;
}

#div_list_1500 td.td_left img {
    float: left;
}

#div_list_1500 td.td_left a {
    text-align: left;
}

#div_list_1500 td.td_link {
    background: #f5f5f5;
}

#div_list_1500 span.td_current {
    font-weight: bold;
}

#div_list_1500 caption.hidden {
    display: none;
}

#div_handle_popup {
    margin-bottom: 20px;
}

#div_handle_popup table {
    width: 100%;
    border-top: 2px solid #28434e;
}

#div_handle_popup table.table_case {
    margin-top: 20px;
}

#div_handle_popup table.table_expl {
    margin-top: 20px;
}

#div_handle_popup table.table_case textarea {
    height: 45px;
    width: 500px;
}

#div_handle_popup caption {
    text-align: left;
    font-weight: bold;
    color: #5e84b5;
    padding-left: 20px;
    background: #fff url(images/bullit_title.gif) no-repeat 2px 0;
    padding-bottom: 5px;
}

#div_handle_popup tr {
    height: 30px;
}

#div_handle_popup span.total {
    text-align: left;
    float: left;
    font-weight: bold;
    color: #004e97;
    padding-left: 15px;
    background: #fff url(images/icon_caption.gif) no-repeat 2px 2px;
    padding-bottom: 4px;
    font-size: 12px;
}

#div_handle_popup tr.tr_conts {
    height: 160px;
}

#div_handle_popup tr.tr_editor {
    height: 300px;
    width: 500px;
}

#div_handle_popup tr.tr_atch {
    height: 80px;
}

#div_handle_popup tr.tr_fckconts {
    height: 300px;
}

#div_handle_popup th {
    text-align: left;
    padding: 5px 15px 5px 15px;
    vertical-align: middle;
    background: #f2f2f2;
    border-bottom: 1px solid #d8d8d8;
    font-weight: bold;
    width: 23%;
}

#div_handle_popup th.th_star {
    background: url(images/icon_star.gif) no-repeat center right #f2f2f2;
    padding-right: 15px;
}

#div_handle_popup th label {
    margin-left: 0px;
    margin-right: 10px;
    vertical-align: middle;
}

#div_handle_popup td {
    text-align: left;
    padding: 5px 2px 5px 10px;
    vertical-align: middle;
    border-bottom: 1px solid #d8d8d8;
    width: 77%;
}

#div_handle_popup td.td_half {
    width: 30%;
}

#div_handle_popup span.atch_box {
    text-align: left;
    width: 60%;
    vertical-align: middle;
}

#div_handle_popup span.atch_button {
    text-align: left;
    width: 60px;
    vertical-align: middle;
    padding-top: 5px;
}

#div_handle_popup span.comment_button {
    text-align: left;
    width: 70px;
    vertical-align: middle;
    padding-top: 5px;
}

#div_handle_popup span.search_button {
    text-align: right;
    padding: 5px 10px 0 0;
}

#div_handle_popup span.search_text {
    text-align: left;
    width: 77%;
    padding: 0 10px 4px 0;
}

#pop_wrap {
    width: 100%;
    height: 100%;
}

#pop_header {
    width: 100%;
    height: 60px;
}

#pop_header .pop_header_c {
    position: relative;
    height: 58px;
    border: 1px solid #4b559c;
    background: url("../css/images/bg_04.jpg") repeat-x 0 0;
    margin: 0 10px 0 10px;
}

#pop_header .pop_header_c h1 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    margin: 15px 0 0 27px;
}

#pop_header .pop_header_c .close {
    position: absolute;
    top: 12px;
    right: 12px;
}

#pop_header .pop_header_c .close a {
    display: inline-block;
    width: 35px;
    height: 34px;
    background: url("../css/images/btn_close_02.jpg") no-repeat 0 0;
}

#pop_con {
    width: 100%;
    overflow: hidden;
}

#pop_con .pop_con_c {
    overflow: hidden;
    margin: 10px 10px 0 10px;
}

#infor11 {
    overflow: hidden;
    border-top: 3px solid #26345b;
    border-left: 1px solid #e0dedf;
    border-right: 1px solid #e0dedf;
    border-bottom: 1px solid #e0dedf;
    padding: 15px 0 15px 0;
    background: #f6f7fc;
}

#infor11 ul {
}

#infor11 li {
    overflow: hidden;
    text-align: left;
    font-size: 13px;
    color: #1c211b;
    font-weight: 600;
    background: #f6f7fc url("../css/images/ic_05.jpg") no-repeat 21px center;
    padding: 5px 0 5px 30px;
}

#infor13 {
    border: 1px solid #dfdfdf;
    background: #ffffff;
    text-align: left;
    padding: 10px 20px 10px 20px;
}

#div_button_c {
    height: 30px;
    text-align: center;
}

#lms_course {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

div.course_view {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #95cfcb;
    border-bottom: 1px solid #c9dedc;
}

div.course_view dl {
    overflow: hidden;
}

div.course_view dl dt {
    float: left;
    display: inline;
    width: 145px;
    height: 24px;
    color: #2e2e2e;
    font-weight: bold;
    text-align: right;
    background: #f2f2f2;
    padding: 10px 15px 0px 0;
}

div.course_view dl dd {
    float: left;
    display: inline;
    font-weight: bold;
    color: #149184;
    padding: 7px 0 0 15px;
}

div.course_view dl dd img {
    padding-left: 8px;
}

#div_all :after {
    display: inline-block;
    content: '';
    clear: both;
}

#div_all span.total {
    float: left;
}

#table_comment {
    width: 100%;
}

#table_comment td {
    text-align: center;
    border-bottom: 1px solid #D2D2D2;
    vertical-align: middle;
    padding: 7px 6px 4px 6px;
}

#table_comment td.td_left {
    text-align: left;
    vertical-align: middle;
    padding: 2px 2px 0 10px;
}

.static_box {
    border: 1px solid #D2D2D2;
    margin-bottom: 5px;
    text-align: left;
    position: relative;
}

.static_tbl {
    width: 700px;
    vertical-align: middle;
    height: 19px;
    text-align: center;
}

.static_box span {
    display: inline-block;
    position: absolute;
    left: 350px;
    top: 3px;
    z-index: 0;
}

table .ellipsis, div.ellipsis {
    text-align: left;
    display: block;
    overflow: hidden;
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#div_paging {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    text-align: center;
}

#div_paging span {
    display: inline-block;
    width: 31px;
    height: 31px;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    background: #f5f5f5;
    text-align: center;
    border: 1px solid #e7e7e7;
    line-height: 31px;
}

#div_paging span.first {
}

#div_paging span a:link {
    display: inline-block;
    width: 31px;
    height: 31px;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    background: #f5f5f5;
    text-align: center;
    border: 0px solid #e7e7e7;
    line-height: 31px;
}

#div_paging span a:visited {
    color: #666666;
}

#div_paging span a:hover {
    color: #666666;
}

#div_paging span a:active {
    color: #666666;
}

#div_paging strong {
    display: inline-block;
    width: 31px;
    height: 31px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background: #404040;
    text-align: center;
    border: 1px solid #0d394c;
    line-height: 31px;
}

#div_button {
    text-align: right;
    margin-top: 10px;
}

.div_button_2 {
    width: 100%;
}

.div_button_2 .div_button_2_c1 {
    float: left;
}

.div_button_2 .div_button_2_c2 {
    float: right;
}

#div_board_cn {
    padding: 10px 10px 30px 10px;
    border-bottom: 2px solid #dadada;
    margin-bottom: 30px;
    background-color: #ffffff;
    color: #333333;
    font-size: 13px;
    line-height: 20px;
}

#div_course {
    overflow: hidden;
    margin-bottom: 5px;
}

#div_course table {
    width: 100%;
    border-top: 2px solid #28434e;
}

#div_course table th {
    color: #2e2e2e;
    font-weight: bold;
    text-align: right;
    background: #f2f2f2;
    padding: 8px 15px 8px 0;
    border-bottom: 1px solid #c0d2d9;
}

#div_course table td {
    font-weight: bold;
    color: #139ad9;
    padding: 10px 0 8px 15px;
    border-bottom: 1px solid #c0d2d9;
}

#div_course table span {
    font-weight: bold;
    color: #139ad9;
}

#div_passage {
    margin: 10px;
    padding: 10px;
    border: 1px solid #000000;
}

#div_tab {
    background: url(images/bg_tab.gif) repeat-x;
    height: 31px;
    padding-left: 10px;
    margin-bottom: 20px;
}

#div_tab span.on_left {
    float: left;
    background: url(images/bg_on_left.gif) no-repeat;
    width: 14px;
    height: 31px;
}

#div_tab span.on_txt {
    float: left;
    background: url(images/bg_on_txt.gif) repeat-x;
    font-weight: bold;
    color: #ffffff;
    height: 31px;
    padding: 10px 10px 0 10px;
}

#div_tab span.on_right {
    float: left;
    background: url(images/bg_on_right.gif) no-repeat;
    width: 14px;
    height: 31px;
    margin-right: 4px;
}

#div_tab span.off_left {
    float: left;
    background: url(images/bg_off_left.gif) no-repeat;
    width: 14px;
    height: 31px;
}

#div_tab span.off_txt {
    float: left;
    background: url(images/bg_off_txt.gif) repeat-x;
    font-weight: bold;
    height: 29px;
    padding: 13px 10px 0 10px;
}

#div_tab span.off_txt a:link {
    text-decoration: none;
    font-weight: normal;
    color: #939393;
    font-weight: bold;
}

#div_tab span.off_txt a:visited {
    text-decoration: none;
    font-weight: normal;
    color: #939393;
    font-weight: bold;
}

#div_tab span.off_txt a:active {
    text-decoration: none;
    font-weight: normal;
    color: #939393;
    font-weight: bold;
}

#div_tab span.off_txt a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #696969;
    font-weight: bold;
}

#div_tab span.off_right {
    float: left;
    background: url(images/bg_off_right.gif) no-repeat;
    width: 14px;
    height: 31px;
    margin-right: 4px;
}

div.poptitle {
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 14px;
    padding-bottom: 11px;
    border-top: 3px solid #abc30f;
}

div.poptitle p {
    font-size: 12px;
    font-weight: bold;
    color: #005826;
    padding-left: 27px;
    background: url(images/bul_02.gif) no-repeat 10px 0;
}

div.popcon {
    padding: 15px;
}

div#div_error2 {
    overflow: hidden;
    width: 580px;
    height: 180px;
    margin: 0 auto;
    background: url(images/img_error.gif) no-repeat;
}

div#div_error2 p {
    line-height: 20px;
    padding: 50px 0 0 236px;
}

div#div_error3 {
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
    min-height: 130px;
    border-top: 1px solid #bfcfdd;
    border-bottom: 1px solid #bfcfdd;
    background: url(images/img_error3.gif) no-repeat;
    margin-bottom: 20px;
}

div#div_error3 p {
    line-height: 15px;
    padding: 50px 20px 20px 163px;
}

div#div_user {
    overflow: hidden;
    width: 580px;
    height: 160px;
    margin: 70px auto;
}

div.div_reply {
    margin: 20px 0 0 0;
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    padding: 15px 20px 15px 20px;
}

div.div_reply dl {
    overflow: hidden;
}

div.div_reply dt {
    float: left;
    display: inline;
    width: 20%;
    padding: 5px 0 0 0;
    color: #555555;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.03em;
}

div.div_reply dd {
    float: left;
    display: inline;
    width: 80%;
}

div.div_reply dd input.text {
    width: 580px;
    height: 24px;
    padding: 2px 0 0 2px;
    border: 1px solid #d8d8d8;
}

table.table_reply {
    margin-top: 10px;
    width: 100%;
}

table.table_reply th {
    text-align: left;
    background: url(images/icon_list.gif) 0 9px no-repeat;
    padding: 6px 0 4px 8px;
    border-bottom: 1px solid #cbe5ec;
}

table.table_reply td {
    padding: 6px 0 4px 0px;
    border-bottom: 1px solid #cbe5ec;
}

table.table_reply td pre {
    white-space: pre-line;
}

.btn_all_open {
    position: relative;
    padding: 10px 0 10px;
}

.btn_all_open a {
    padding-left: 5px;
}

.tree_tbl_border {
    overflow: hidden;
    width: 100%;
    clear: both;
}

.tree_tbl_border01 {
    float: left;
    display: inline;
    width: 40%;
    padding: 3px 5px;
    border: 3px #d1ddeb solid;
}

.tree_tbl_border02 {
    float: right;
    display: inline;
    width: 57%;
}

.tab {
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}

.tab li {
    display: inline;
    float: left;
    height: 36px;
    background: #f2f2f2;
    border: 1px solid #dddddd;
    font-weight: normal;
    color: #666666;
    text-align: center;
    font-size: 13px;
    margin-left: 5px;
    padding-left: 27px;
}

.tab li span {
    overflow: hidden;
    display: block;
    float: left;
    display: inline;
    height: 26px;
    padding-right: 27px;
    line-height: 30px;
}

.tab li a {
    display: block;
    float: left;
    display: inline;
    margin-top: 5px;
    font-weight: bold;
}

.tab li a {
    color: #666666;
}

.tab li.on {
    background: #f8f8f8 url("../css/images/tab_01.jpg") repeat-x 0 0;
    height: 35px;
    border-bottom: 1px solid #ffffff;
    border-left: 2px solid #f48a02;
    border-right: 2px solid #f48a02;
    border-top: 2px solid #f48a02;
    font-weight: 600;
    color: #121212;
    text-align: center;
    font-size: 14px;
}

.tab li.on a {
    color: #121212;
}

span.result_msg {
    margin-left: 10px;
    color: #FF0000;
    font-weight: bold;
}

ul.lms_message {
    clear: both;
    padding: 10px 10px 10px 0px;
    overflow: hidden;
}

ul.lms_message li {
    padding: 0 0 0 8px;
    line-height: 17px;
    color: #91672a;
    font-size: 11px;
    background: url('images/descrip_s_li.gif') no-repeat 0 5px;
}

ul.lms_message li.point {
    padding: 0 0 0 18px;
    line-height: 17px;
    color: #e65100;
    background: url('images/icon_point.gif') no-repeat 0 2px;
}

ul.lms_message li strong {
    color: #993d00;
    font-weight: bold;
}

div.lms_alert {
    width: 700px;
    margin: 0 auto;
    min-height: 220px;
    background: url("<%= IMG_PATH %>common/bg_error.gif") no-repeat;
}

div.lms_alert p {
    padding: 120px 0 20px 270px;
}

.btn_center {
    text-align: center;
    width: 100%;
    padding: 20px 0 0 0;
}

.btn_center img {
    padding-left: 6px;
    vertical-align: middle;
}

ul.tab_B {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

ul.tab_B li {
    overflow: hidden;
    display: inline;
    float: left;
    margin-left: 5px;
    padding-left: 27px;
}

ul.tab_B li span {
    overflow: hidden;
    display: block;
    float: left;
    display: inline;
    height: 26px;
    padding-right: 27px;
}

ul.tab_B li a {
    display: block;
    float: left;
    display: inline;
    margin-top: 5px;
    font-weight: bold;
}

ul.tab_B li a:link {
    color: #8096ad;
}

ul.tab_B li a:visited {
    color: #8096ad;
}

ul.tab_B li a:hover {
    color: #154772;
}

ul.tab_B li a:active {
    color: #154772;
}

ul.tab_B li.on {
    background: url('images/tab_tlbg2_on.gif') no-repeat 0 0;
}

ul.tab_B li.on a {
    color: #fff;
}

ul.tab_B li.on span {
    background: url('images/tab_trbg2_on.gif') no-repeat right 0;
}

span.searchTitle {
    position: absolute;
    right: 20px;
    top: 45px;
}

/* 미사용(2026-05): 어느 JSP/HTML 에서도 .div_full 사용처가 없고, 내부 *height 는 IE6/7 전용 star hack 으로
   모던 브라우저에서는 무시되며 CSS 린터가 invalid property 로 오류 표기함. 추후 필요 시 복원. */
/*
div.div_full {
    *height: 1100px;
}
*/

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
select {
    background: #ffffff !important;
}

input {
    padding-left: 5px;
    border: 1px solid #cccccc;
    height: 24px;
    background: #ffffff !important;
}

/* input[type="text"] { border:1px solid #cccccc; height:24px; background:#ffffff !important; } */
/*
input.search_input { width:60%; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; ime-mode:active; }
input.pwd_input { width:12%; border:1px solid #cccccc; padding:2px 5px 0 5px; height:12px; }
input.comment_input { width:83%; margin-right:10px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; ime-mode:active; }
input.passwd_input { width:12%; margin-right:10px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.zip_input { width:30px; margin-right:10px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.login_pwd_input { width:150px; margin-right:10px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.text2_input { width:180px; margin-right:10px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.title_input { width:95%; margin-right:10px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; ime-mode:active; }
input.text_input { width:400px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; ime-mode:active; }
input.sort_input { width:100px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.cellno_input { width:100px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.code_input { width:100px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; ime-mode:active; }
input.date_input { width:60px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.time_input { width:15px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.hidden_input { width:40px; border:0px solid #cccccc; padding:2px 5px 0 5px; height:16px; text-align:right; }
input.number_input { width:40px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_20 { width:20px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_40 { width:40px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_80 { width:80px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_100 { width:100px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_120 { width:120px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_150 { width:150px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_180 { width:180px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_200 { width:200px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_250 { width:250px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_300 { width:300px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
input.input_400 { width:400px; border:1px solid #cccccc; padding:2px 5px 0 5px; height:16px; }
*/
#wrap_free {
    width: 100%;
    height: 100%;
}

#wrap_login {
    width: 100%;
    height: 100%;
    min-width: 1200px;
}

/* Main Login  */
#con_login {
    height: 650px;
    padding: 70px 0 70px 0;
    background: #004e65;
    box-sizing: border-box;
}

.con_login_wrap {
    min-height:100vh;
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow-y:auto;
}
.con_login_c {
    width:100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding:0;
}

.con_login_c1 {
    float: left;
    width: calc(100% - 650px);
    height: auto;
    background: url("./images/login/bg_01.png") no-repeat 0 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.con_login_c1 h2 {line-height:40px;}

.con_login_c2 {
    float: left;
    width: 641px;
    height: auto !important;
    background: #ffffff;
    padding: 65px 65px 65px 65px;
    box-sizing: border-box;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.con_login_c2 h1.logo {
    display: inline-block;
    width: 348px;
    height: 75px;
    background: url("./images/login/logo_01.png") no-repeat 0 0;
    text-indent: -10000px;
}

.con_login_c2 ul.txt {
    overflow: hidden;
    margin: 50px 0 0 0;
}

.con_login_c2 ul.txt li {
}

.con_login_c2 ul.txt li.tit {
    margin: 0 0 12px 0;
    font-family: "NotoSansKR Bold","Malgun Gothic","留묒? 怨좊뵓";
    color: #333333;
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: -0.07em;
}

.con_login_c2 ul.txt li.desc {
    padding: 0 0 0 2px;
    font-family: "NotoSansKR Regular","Malgun Gothic","留묒? 怨좊뵓";
    color: #777777;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: -0.05em;
}

.con_login_form {
    overflow: hidden;
    margin: 30px 0 0 0;
}

.con_login_form1 {
    float: left;
    width: 389px;
    margin: 0 10px 0 0;
}

.con_login_form1 ul {
    overflow: hidden;
}

.con_login_form1 ul li {
    margin: 0 0 10px 0;
}

.con_login_form1 ul li input[type="text"] {
    width: 100%;
    height: 51px;
    border: 1px solid #cbcbcb;
    font-family: "NotoSansKR Regular","Malgun Gothic","留묒? 怨좊뵓";
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.01em;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.con_login_form1 ul li input[type="password"] {
    width: 100%;
    height: 51px;
    border: 1px solid #cbcbcb;
    font-family: "NotoSansKR Regular","Malgun Gothic","留묒? 怨좊뵓";
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.01em;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.con_login_form2 {
    float: left;
    padding: 3px 0 0 0;
}

.con_login_form2 a {
    display: inline-block;
    width: 112px;
    height: 112px;
    background: #5e5e5e;
    font-family: "NotoSansKR Medium","Malgun Gothic","留묒? 怨좊뵓";
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    line-height: 112px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

.con_login_footer {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 50px 0;
    font-family: "NotoSansKR Medium","Malgun Gothic","留묒? 怨좊뵓";
    color: #888888;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    line-height: 22px;
    letter-spacing: -0.03em;
}

.con_pagetitle {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 15px 0 15px 0;
}

.con_pagetitle ul {
    overflow: hidden;
}

.con_pagetitle ul li {
    font-family: "NotoSansKR Bold","Malgun Gothic","留묒? 怨좊뵓";
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
}

input.search_input {
    width: 60%;
    border: 1px solid #cccccc;
    height: 24px;
    ime-mode: active;
}

input.search_input2 {
    width: 50%;
    border: 1px solid #cccccc;
    height: 24px;
    ime-mode: active;
}

input.pwd_input {
    width: 12%;
    border: 1px solid #cccccc;
    height: 12px;
}

input.comment_input {
    width: 83%;
    margin-right: 10px;
    border: 1px solid #cccccc;
    height: 24px;
    ime-mode: active;
}

input.passwd_input {
    width: 12%;
    margin-right: 10px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.zip_input {
    width: 30px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.login_pwd_input {
    width: 150px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.text2_input {
    width: 180px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.title_input {
    width: 95%;
    margin-right: 10px;
    border: 1px solid #cccccc;
    height: 24px;
    ime-mode: active;
}

input.text_input {
    width: 400px;
    border: 1px solid #cccccc;
    height: 24px;
    ime-mode: active;
}

input.text_input_p {
    width: 90%;
    border: 1px solid #cccccc;
    height: 24px;
    ime-mode: active;
}

input.sort_input {
    width: 100px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.cellno_input {
    width: 100px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.code_input {
    width: 100px;
    border: 1px solid #cccccc;
    height: 24px;
    ime-mode: active;
}

input.date_input {
    width: 60px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.time_input {
    width: 15px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.hidden_input {
    width: 40px;
    border: 0px solid #cccccc;
    height: 24px;
    text-align: right;
}

input.number_input {
    width: 40px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_20 {
    width: 20px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_25 {
    width: 25px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_40 {
    width: 40px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_80 {
    width: 80px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_100 {
    width: 100px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_120 {
    width: 120px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_150 {
    width: 150px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_180 {
    width: 180px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_200 {
    width: 200px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_250 {
    width: 250px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_300 {
    width: 300px;
    border: 1px solid #cccccc;
    height: 24px;
}

input.input_400 {
    width: 400px;
    border: 1px solid #cccccc;
    height: 24px;
}

textarea.long_area {
    width: 95%;
    height: 150px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    padding: 5px 5px 3px 5px;
}

textarea.too_long_area {
    width: 95%;
    height: 450px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    padding: 5px 5px 3px 5px;
}

textarea.short_area {
    width: 80%;
    height: 45px;
    border: 1px solid #cccccc;
    padding: 5px 5px 3px 5px;
    margin-right: 5px;
}

textarea.min_area {
    width: 90%;
    border: 1px solid #cccccc;
    padding: 5px 5px 3px 5px;
    margin-right: 5px;
}

textarea.short_area2 {
    width: 98%;
    height: 45px;
    border: 1px solid #cccccc;
    padding: 5px 5px 3px 5px;
    margin-right: 5px;
}

textarea.middle_area {
    width: 550px;
    height: 90px;
    border: 1px solid #cccccc;
    padding: 5px 5px 3px 5px;
    margin-right: 5px;
}

select.file_select {
    width: 350px;
    border: 1px solid #cccccc;
}

select.chain_select1 {
    margin-right: 10px;
}

select.chain_select2 {
    margin-right: 10px;
}

label {
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
}

span.not_applied {
    color: red;
}

span.on_studying {
    color: black;
}

span.not_completed {
    color: blue;
}

span.completed {
    color: black;
}

.div_layer {
    width: 100%;
    overflow: hidden;
    border: 3px solid #28434e;
    padding: 10px;
    background: #ffffff;
    position: absolute;
    width: 250px;
    margin-top: -12px;
    display: none;
    overflow-y: auto;
    max-height: 300px;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
.alert-success {
    background: #f2f2f2 !important;
    border-color: #d8d8d8 !important;
    margin: 10px 0 0 0;
}

.alert-success a {
    color: #333333 !important;
    font-size: 12px !important;
    font-weight: 600 !important ;
    letter-spacing: -0.03em;
}

.close {
    float: right;
    height: 20px !important;
    background: #666666 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    box-shadow: none !important;
    border: none !important;
    text-shadow: none !important;
}

.ui-widget {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em;
}

.ui-widget .ui-widget {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em;
}

.ui-widget-header {
    border: 1px solid #d8d8d8 !important;
    background: #7cb9d5 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}

.ui-widget-header a {
    color: #ffffff !important;
}

.ui-widget-content {
    color: #ffffff !important;
    background-color: #ffffff !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #666666 !important;
    font-weight: 600 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #666666 !important;
    font-weight: 600 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ffd6a5 url("images/ui-bg_highlight-soft_75_ffe45c_1x100_.png") 50% top repeat-x !important;
    border: 1px solid #fe902f !important;
}

#con_listGrid {
    padding: 0 20px 0 0;
}

/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 0 none !important;
    border-top : 0 none !important;
    border-right : 0 none !important;
    border: 0px solid #000;
    border-radius: 0px !important;
    border-bottom: 0px !important;
}

.ui-jqgrid .ui-jqgrid-hbox {
    float: left;
    padding-right: 20px;
    border-radius: 0px !important;
    border-bottom: 0px !important;
}

.ui-jqgrid .ui-jqgrid-htable {
    table-layout: fixed;
    margin: 0;
    border-collapse: separate;
    border-radius: none;
    border-bottom: 0px !important;
}

.ui-jqgrid .ui-jqgrid-htable {
    border-collapse: collapse;
    border: 1px solid #dadada;
    border-bottom: 0px !important;
    border-radius: 0px !important;
    border-top: 2px solid #28434e !important;
    box-shadow: none !important;
}

.ui-jqgrid .ui-jqgrid-htable th {
    height: 40px !important;
    padding: 0 2px 0 2px;
}

.ui-jqgrid .ui-jqgrid-htable th {
    border-radius: none;
    height: 40px !important;
    border: 1px solid #dadada !important;
    background: #f3f3f3 !important;
    color: #111111;
    font-size: 13px;
    font-weight: bold !important;
    text-align: center;
    border-bottom: 0px !important;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    overflow: hidden;
    position: relative;
    height: auto;
    margin: .1em 0em;
    border-bottom: 0px !important;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border-top : 0 none;
    border-bottom : 0 none;
}

.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border-top : 0 none;
    height: 40px !important;
}

.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    border-left : 1px none;
}

.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
    border-right : 1px none;
}

.ui-first-th-ltr {
    border-right: 1px solid;
}

.ui-first-th-rtl {
    border-left: 1px solid;
}

.ui-jqgrid .ui-th-div-ie {
    white-space: nowrap;
    zoom :1; height: 17px;
}

.ui-jqgrid .ui-jqgrid-resize {
    height: 20px !important;
    position: relative;
    cursor : e-resize;
    display: inline;
    overflow: hidden;
}

.ui-jqgrid .ui-grid-ico-sort {
    overflow: hidden;
    position: absolute;
    display: inline;
    cursor: pointer !important;
}

.ui-jqgrid .ui-icon-asc {
    margin-top: -3px;
    height: 12px;
}

.ui-jqgrid .ui-icon-desc {
    margin-top: 3px;
    height: 12px;
}

.ui-jqgrid .ui-i-asc {
    margin-top: 0;
    height: 16px;
}

.ui-jqgrid .ui-i-desc {
    margin-top: 0;
    margin-left: 13px;
    height: 16px;
}

.ui-jqgrid .ui-jqgrid-sortable {
    cursor: pointer;
}

.ui-jqgrid tr.ui-search-toolbar th {
}

.ui-jqgrid .ui-search-table td.ui-search-clear {
    width: 25px;
}

.ui-jqgrid tr.ui-search-toolbar td > input {
    padding-right: 0px;
}

.ui-jqgrid tr.ui-search-toolbar select {
}

/* body */
.ui-jqgrid .ui-jqgrid-bdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: auto;
    text-align: left;
    border: none !important;
}

.ui-jqgrid .ui-jqgrid-btable {
    table-layout: fixed;
    margin: 0;
    outline-style: none;
    border-collapse: separate;
}

.ui-jqgrid .ui-jqgrid-btable {
    border-collapse: collapse;
    border: none !important;
}

.ui-jqgrid tr.jqgrow {
    outline-style: none;
    border: none !important;
    opacity: 1 !important;
    background: #ffffff !important;
}

.ui-jqgrid tr.jqgroup {
    outline-style: none;
    border: none !important;
}

.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 40px !important;
    padding: 1px 2px 1px 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}

.ui-jqgrid tr.jqgfirstrow td {
    padding: 0 2px 0 2px;
    border-right-width: 1px;
    border-right-style: solid;
}

.ui-jqgrid tr.jqgroup td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 40px !important;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}

.ui-jqgrid tr.jqfoot td {
    font-weight: bold;
    overflow: hidden;
    white-space: pre;
    height: 40px !important;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}

.ui-jqgrid tr.ui-row-ltr td {
    text-align: left;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
}

.ui-jqgrid tr.ui-row-rtl td {
    text-align: right;
    border-left-width: 1px;
    border-left-color: inherit;
    border-left-style: solid;
}

.ui-jqgrid tr.jqgrow td {
    height: 40px !important;
    border: 1px solid #dadada !important;
    color: #333333;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ui-jqgrid td.jqgrid-rownum {
    padding: 0 2px 0 2px;
    margin: 0;
    border: 0 none;
}

.ui-jqgrid .ui-jqgrid-resize-mark {
    width: 2px;
    left: 0;
    background-color: #777;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
    top: 0;
    height: 100px;
    overflow: hidden;
    display: none;
    border: 0 none;
    z-index: 99999;
}

/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 0 none !important;
    border-top : 0 none !important;
    border-right : 0 none !important;
}

.ui-jqgrid .ui-jqgrid-ftable {
    table-layout: fixed;
    margin-bottom: 0;
    border-collapse: separate;
}

.ui-jqgrid tr.footrow td {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    height: 20px;
    padding: 0 2px 0 2px;
    border-top-width: 1px;
    border-top-color: inherit;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
    background: #ffffff !important;
    border: none !important;
}

.ui-jqgrid tr.footrow-ltr td {
    text-align: left;
    border-right-width: 0px;
    border-right-color: inherit;
    border-right-style: solid;
}

.ui-jqgrid tr.footrow-rtl td {
    text-align: right;
    border-left-width: 0px;
    border-left-color: inherit;
    border-left-style: solid;
}

.ui-jqgrid tr.footrow-ltr td {
    border: none !important;
}

.ui-jqgrid tr.footrow-rtl td {
    border: none !important;
}

.ui-jqgrid .ui-paging-info {
    font-weight: normal;
    height: auto;
    margin-top: 3px;
    margin-right: 30px !important;
    display: inline;
    border: 0px solid #000;
}

.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {
    font-size: .9em;
    line-height: inherit;
    display: block;
    height: 19px;
    margin: 0;
    padding: 3px 0px;
    color: #333333 !important;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
.div_tab_2 {
}

.div_tab_2 ul {
    overflow: hidden;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.div_tab_2 ul li {
    float: left;
    margin: 0 20px 0 0;
}

.div_tab_2 ul li a.btn1 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #aa986a;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_2 ul li a.btn2 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #90ac79;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_2 ul li a.btn3 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #a9af4d;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_2 ul li a.btn4 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #80add7;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_3 {
}

.div_tab_3 ul {
    overflow: hidden;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.div_tab_3 ul li {
    float: left;
    margin: 0 20px 0 0;
}

.div_tab_3 ul li a.btn1 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #aa986a;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_3 ul li a.btn2 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #90ac79;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_3 ul li a.btn3 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #a9af4d;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_3 ul li a.btn4 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #80add7;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_tab_4 {
    position: fixed;
    left: 20px;
    top: 90px;
    width: 100%;
    padding: 0 40px 0 0;
    z-index: 999999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_tab_4 ul {
    overflow: hidden;
}

.div_tab_4 ul li {
    float: left;
    width: 10%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_tab_4 ul li a {
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px 0;
    background: #eff9ff;
    border: 1px solid #d8d8d8;
    border-width: 1px 0px 1px 1px;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none !important;
}

.div_tab_4 ul li a span.m01 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(./survey/images/icon_q_type.gif) no-repeat 0 0;
    background-position: 0px 0px;
    vertical-align: middle;
}

.div_tab_4 ul li a span.m03 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(./survey/images/icon_q_type.gif) no-repeat 0 0;
    background-position: 0px -29px;
    vertical-align: middle;
}

.div_tab_4 ul li a span.m05 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(./survey/images/icon_q_type.gif) no-repeat 0 0;
    background-position: 0px -56px;
    vertical-align: middle;
}

.div_tab_4 ul li a span.m08 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(./survey/images/icon_q_type.gif) no-repeat 0 0;
    background-position: 0px -112px;
    vertical-align: middle;
}

.div_tab_4 ul li a span.m10 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(./survey/images/icon_q_type.gif) no-repeat 0 0;
    background-position: 0px -86px;
    vertical-align: middle;
}

.div_tab_4 ul li a span.m99 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(./survey/images/icon_q_type.gif) no-repeat 0 0;
    background-position: 0px -140px;
    vertical-align: middle;
}

.div_tab_4 ul li a span {
    margin: 3px 3px 0 0;
}

.div_tab_4 ul li:last-child a {
    border-width: 1px 1px 1px 1px;
}

.div_tab_4_blank {
    height: 40px;
}

.div_title_2 {
    padding: 0 0 10px 0;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.03em;
    text-align: left;
    border-bottom: 1px solid #b9b9b9;
}

.div_title_3 {
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    color: #333333;
    padding: 3px 0 0 20px;
    background: #fff url(../css/images/ic_03.jpg) no-repeat 0 2px;
    letter-spacing: -0.03em;
    vertical-align: middle;
}

/* 메인 대시보드 이슈 합계: 제목은 모바일에서만 표시 */
.main-dashboard-issue-stat-title {
    display: none !important;
}

@media (max-width: 768px) {
    .main-dashboard-issue-stat-title {
        display: block !important;
    }
}

/* 메인(manfrm) 대시보드 EasyUI #tt 탭: easyui 기본 padding(20px)+고정 height(25px)로 라벨이 수직으로 깨지는 현상 보정 */
#tt .tabs-header .tabs-wrap ul.tabs {
    box-sizing: border-box;
    height: auto !important;
    min-height: 38px;
    padding: 6px 8px 0 4px !important;
}

#tt .tabs-header .tabs-wrap .tabs li {
    margin-bottom: 0 !important;
}

#tt .tabs-header .tabs-wrap .tabs li a.tabs-inner {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 7px 16px !important;
    height: auto !important;
    min-height: 34px;
    line-height: 1.35 !important;
}

#tt .tabs-header .tabs-wrap .tabs li a.tabs-inner .tabs-title {
    line-height: 1.35;
}

.div_title_3 .div_button {
    float: right;
    height: 30px;
    text-align: right;
    align: top;
    margin-bottom: 10px;
}

.div_box_1 {
    overflow: hidden;
}

.div_box_1 .div_box_1_c1 {
    float: left;
    width: 520px;
}

.div_box_1 .div_box_1_c1 img {
    border: 1px solid #d8d8d8;
}

.div_box_1 .div_box_1_c2 {
    overflow: hidden;
}

.div_box_2 {
    margin: 5px 0 10px 0 !important;
}

.div_box_2 span {
    display: inline-block;
    padding: 2px 10px 2px 10px;
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    text-align: center;
    letter-spacing: -0.03em;
}

.div_box_2 span a {
    text-decoration: none !important;
    color: #555555 !important;
    font-size: 11px !important;
    font-weight: normal !important;
}

.div_box_3 {
    position: absolute;
    left: 33%;
    top: 200px;
    visibility: hidden;
    background: #ffffff;
    border: 2px solid #b9b9b9;
}

.div_box_3 h1 {
    background: #666666;
    padding: 5px 0 5px 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
}

.div_box_3 p.txt {
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_box_3 p.txt textarea {
    width: 100%;
    height: 50px;
    border: 1px solid #d8d8d8;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_box_3 p.btns {
    padding: 0 0 15px 0;
    text-align: center;
}

.div_box_4 {
    overflow: hidden;
}

.div_box_4 .div_box_4_c1 {
    float: left;
    width: 19%;
    height: 500px;
    margin-right: 1.25%;
    border: 2px solid #d8d8d8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_box_4 .div_box_4_c1 h1 {
    padding: 15px 0 15px 0;
    background: #666666;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
}

.div_box_4 .div_box_4_c1 ul {
    overflow: hidden;
    margin: 15px 10px 15px 10px;
}

.div_box_4 .div_box_4_c1 ul li {
    float: left;
    width: 50%;
    list-style: none;
}

.div_box_4 .div_box_4_c1 ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 0 20px 0;
    background: #1462b3;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_box_4 .div_box_4_c1 ul li ul {
    overflow: hidden;
    margin: 5px 0 0 0;
}

.div_box_4 .div_box_4_c1 ul li ul li {
    clear: both;
    width: 100%;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.03em;
    background: url("../css/images/ic_05.jpg") no-repeat 21px center;
    padding: 0 0 0 30px;
    margin: 0 0 3px 0;
}

.div_box_4 .div_box_4_c1 ul li ul li span {
    color: #ff0000;
    font-weight: 600;
}

.div_box_4 .div_box_4_c2 {
    float: left;
    width: 19%;
    height: 500px;
    margin-right: 1.25%;
    border: 2px solid #d8d8d8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_box_4 .div_box_4_c2 h1 {
    padding: 15px 0 15px 0;
    background: #666666;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
}

.div_box_4 .div_box_4_c2 ul {
    overflow: hidden;
    margin: 15px 10px 15px 10px;
}

.div_box_4 .div_box_4_c2 ul li {
    float: left;
    width: 50%;
    list-style: none;
}

.div_box_4 .div_box_4_c2 ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 0 20px 0;
    background: #1462b3;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_box_4 .div_box_4_c2 ul li ul {
    overflow: hidden;
    margin: 5px 0 0 0;
}

.div_box_4 .div_box_4_c2 ul li ul li {
    clear: both;
    width: 100%;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.03em;
    background: url("../css/images/ic_05.jpg") no-repeat 21px center;
    padding: 0 0 0 30px;
    margin: 0 0 3px 0;
}

.div_box_4 .div_box_4_c2 ul li ul li span {
    color: #ff0000;
    font-weight: 600;
}

.div_box_4 .div_box_4_c3 {
    float: left;
    width: 19%;
    height: 500px;
    margin-right: 1.25%;
    border: 2px solid #d8d8d8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_box_4 .div_box_4_c3 h1 {
    padding: 15px 0 15px 0;
    background: #666666;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
}

.div_box_4 .div_box_4_c3 ul {
    overflow: hidden;
    margin: 15px 10px 15px 10px;
}

.div_box_4 .div_box_4_c3 ul li {
    float: left;
    width: 50%;
    list-style: none;
}

.div_box_4 .div_box_4_c3 ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 0 20px 0;
    background: #1462b3;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_box_4 .div_box_4_c3 ul li ul {
    overflow: hidden;
    margin: 5px 0 0 0;
}

.div_box_4 .div_box_4_c3 ul li ul li {
    clear: both;
    width: 100%;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.03em;
    background: url("../css/images/ic_05.jpg") no-repeat 21px center;
    padding: 0 0 0 30px;
    margin: 0 0 6px 0;
}

.div_box_4 .div_box_4_c3 ul li ul li span {
    color: #ff0000;
    font-weight: 600;
}

.div_box_4 .div_box_4_c4 {
    float: left;
    width: 19%;
    height: 500px;
    margin-right: 1.25%;
    border: 2px solid #d8d8d8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_box_4 .div_box_4_c4 h1 {
    padding: 15px 0 15px 0;
    background: #666666;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
}

.div_box_4 .div_box_4_c4 ul {
    overflow: hidden;
    margin: 15px 10px 15px 10px;
}

.div_box_4 .div_box_4_c4 ul li {
    float: left;
    width: 50%;
    list-style: none;
}

.div_box_4 .div_box_4_c4 ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 0 20px 0;
    background: #1462b3;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_box_4 .div_box_4_c4 ul li ul {
    overflow: hidden;
    margin: 5px 0 0 0;
}

.div_box_4 .div_box_4_c4 ul li ul li {
    clear: both;
    width: 100%;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.03em;
    background: url("../css/images/ic_05.jpg") no-repeat 21px center;
    padding: 0 0 0 30px;
    margin: 0 0 3px 0;
}

.div_box_4 .div_box_4_c4 ul li ul li span {
    color: #ff0000;
    font-weight: 600;
}

.div_box_4 .div_box_4_c5 {
    float: left;
    width: 19%;
    height: 500px;
    border: 2px solid #d8d8d8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div_box_4 .div_box_4_c5 h1 {
    padding: 15px 0 15px 0;
    background: #666666;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
}

.div_box_4 .div_box_4_c5 ul {
    overflow: hidden;
    margin: 15px 10px 15px 10px;
}

.div_box_4 .div_box_4_c5 ul li {
    float: left;
    width: 50%;
    list-style: none;
}

.div_box_4 .div_box_4_c5 ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 0 20px 0;
    background: #1462b3;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 10px;
}

.div_box_4 .div_box_4_c5 ul li ul {
    overflow: hidden;
    margin: 5px 0 0 0;
}

.div_box_4 .div_box_4_c5 ul li ul li {
    clear: both;
    width: 100%;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.03em;
    background: url("../css/images/ic_05.jpg") no-repeat 21px center;
    padding: 0 0 0 30px;
    margin: 0 0 3px 0;
}

.div_box_4 .div_box_4_c5 ul li ul li span {
    color: #ff0000;
    font-weight: 600;
}

.div_box_4_bg1 {
    background: #f7954c !important;
}

.div_box_4_bg2 {
    background: #c57e48 !important;
}

.div_box_4_bg3 {
    background: #f8ca50 !important;
}

.div_box_4_bg4 {
    background: #aa986a !important;
}

.div_box_4_bg5 {
    background: #9ed175 !important;
}

.div_box_5 {
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    padding: 15px 0 15px 0;
    color: #404040;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.div_list_1 {
}

.div_list_1 table {
    width: 100%;
}

.div_list_1 th {
    padding: 15px 15px 15px 15px;
    border: 1px solid #d8d8d8;
    background: #f2f2f2;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.div_list_1 th.op1 {
    background: #feeeee;
}

.div_list_1 td {
    padding: 15px 15px 15px 15px;
    border: 1px solid #d8d8d8;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.div_list_1 td.op1 {
    color: #ff3b1d;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.div_list_2 {
    overflow: hidden;
    border: 2px solid #666666;
}

.div_list_2 table {
    width: 100%;
}

.div_list_2 table th {
    color: #2e2e2e;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background: #f2f2f2;
    padding: 10px 0 10px 0;
}

.div_list_2 table td {
    font-weight: 600;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    background: #666666;
}

.div_con_popup {
}

.div_con_popup .popup-header {
    width: 100%;
    height: 56px;
    background: #666666;
    padding: 0;
    margin: 0;
}

.div_con_popup .popup-agree {
    width: 100%;
    height: 56px;
    padding: 0;
    margin: 0;
}

.div_con_popup .popup-header .popup-header_c {
    position: relative;
    height: 56px;
    margin: 0 auto;
    margin: 0 20px 0 0;
}

.div_con_popup .popup-header .popup-header_c h1 {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    line-height: 56px;
    margin-left: 20px;
}

.div_con_popup .popup-header .popup-header_c ul.logo li:last-child {
    float: left;
    padding: 0;
    margin: 0;
    margin: 20px 0 0 -10px;
}

.div_con_popup .popup-header .popup-header_c a.close_popup {
    position: absolute;
    right: 0px;
    top: 13px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("./images/btn-close-03.png") no-repeat 0 0;
}

.div_con_popup .popup-body {
    width: 100%;
    padding: 20px 10px 10px 10px;
    margin: 0;
}

.survey_skin_1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #3c352f;
    vertical-align: middle;
}

.survey_skin_2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #bb8954;
    vertical-align: middle;
}

.survey_skin_3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #cbb442;
    vertical-align: middle;
}

.survey_skin_4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #a4bb53;
    vertical-align: middle;
}

.survey_skin_5 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #6fb060;
    vertical-align: middle;
}

.survey_skin_6 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #5fb087;
    vertical-align: middle;
}

.survey_skin_7 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #5faab0;
    vertical-align: middle;
}

.survey_skin_8 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #5b88b2;
    vertical-align: middle;
}

.survey_skin_9 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #8b729c;
    vertical-align: middle;
}

.survey_skin_10 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #a26e94;
    vertical-align: middle;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
a.btn_detail_00 {
    display: inline-block;
    padding: 0 2px 0 2px;
    height: 15px;
    font-size: 10px;
    font-weight: normal !important;
    background: #303030;
    color: #ffffff !important;
    text-align: center;
    line-height: 15px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_detail_01 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 21px;
    font-size: 11px;
    font-weight: normal !important;
    background: #303030;
    color: #ffffff !important;
    text-align: center;
    line-height: 21px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_detail_02 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 21px;
    font-size: 11px;
    font-weight: normal !important;
    background: #114d67;
    color: #ffffff !important;
    text-align: center;
    line-height: 21px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_detail_04 {
    display: inline-block;
    padding: 3px 10px 3px 10px;
    font-size: 11px;
    font-weight: normal !important;
    background: #666666;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none !important;
    border-radius: 5px;
}

a.btn_detail_05 {
    display: inline-block;
    padding: 0 5px 0 5px;
    height: 15px;
    font-size: 10px;
    font-weight: normal !important;
    background: #303030;
    color: #ffffff !important;
    text-align: center;
    line-height: 15px;
    text-decoration: none !important;
    border-radius: 3px;
}

a.btn_detail_06 {
    display: inline-block;
    padding: 0 5px 0 5px;
    height: 21px;
    font-size: 11px;
    font-weight: normal !important;
    background: #114d67;
    color: #ffffff !important;
    text-align: center;
    line-height: 21px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_text {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 35px;
    font-size: 14px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
}

a.btn_text_2 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 35px;
    font-size: 14px;
    font-weight: 600;
    background: #676611 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
}

/*
a.btn_blue_text2 { display:inline-block; width:83px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text3 { display:inline-block; width:92px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text4 { display:inline-block; width:100px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text5 { display:inline-block; width:108px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text6 { display:inline-block; width:117px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text7 { display:inline-block; width:125px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text8 { display:inline-block; width:133px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text9 { display:inline-block; width:143px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text10 { display:inline-block; width:153px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text11 { display:inline-block; width:163px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text12 { display:inline-block; width:173px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text13 { display:inline-block; width:183px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue_text14 { display:inline-block; width:193px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_blue2_text4 { display:inline-block; width:84px; height:26px; font-size:12px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:27px; vertical-align:middle; }

a.btn_bluish_text2_ { display:inline-block; width:64px; height:26px; font-size:12px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff !important; text-align:center; line-height:27px; text-decoration:none !important; }
a.btn_bluish_text3_ { display:inline-block; width:74px; height:26px; font-size:12px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff !important; text-align:center; line-height:27px; text-decoration:none !important; }
a.btn_bluish_text4_ { display:inline-block; width:84px; height:26px; font-size:12px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff !important; text-align:center; line-height:27px; text-decoration:none !important; }

a.btn_navy_text2 { display:inline-block; width:83px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text3 { display:inline-block; width:92px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text4 { display:inline-block; width:100px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text5 { display:inline-block; width:108px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text6 { display:inline-block; width:117px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text7 { display:inline-block; width:125px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text8 { display:inline-block; width:133px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text9 { display:inline-block; width:143px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text10 { display:inline-block; width:153px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text11 { display:inline-block; width:163px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }
a.btn_navy_text12 { display:inline-block; width:173px; height:35px; font-size:14px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:35px; }

a.btn_navy2_text2 { display:inline-block; width:74px; height:27px; font-size:12px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:27px; }

a.btn_grey2_text2 { display:inline-block; width:74px; height:27px; font-size:12px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:27px; }
a.btn_grey3_text2 { display:inline-block; width:74px; height:27px; font-size:12px; font-weight:600; background:#114d67 no-repeat 0 0; color:#ffffff; text-align:center; line-height:27px; }
*/
a.btn_blue_text2 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 11px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text3 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text4 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text5 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text6 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text7 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text8 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text9 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text10 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text11 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text12 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text13 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue_text14 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_blue2_text4 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 26px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 27px;
    vertical-align: middle;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_bluish_text2_ {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 26px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff !important;
    text-align: center;
    line-height: 27px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_bluish_text3_ {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 26px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff !important;
    text-align: center;
    line-height: 27px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_bluish_text4_ {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 26px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff !important;
    text-align: center;
    line-height: 27px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text2 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text3 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text4 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text5 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text6 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text7 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text8 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text9 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text10 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text11 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy_text12 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_navy2_text2 {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 27px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 27px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_grey2_text2 {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 27px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 27px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_grey3_text2 {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 27px;
    font-size: 12px;
    font-weight: 600;
    background: #114d67 no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    line-height: 27px;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_search {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 600;
    background: #4b4b4b;
    text-align: center;
    line-height: 30px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_search1 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 600;
    background: #4b4b4b;
    text-align: center;
    line-height: 30px;
    text-decoration: none !important;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

a.btn_write1 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    background: #0061aa;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
}

a.btn_modify1 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    background: #0061aa;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
}

a.btn_delete1 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    background: #0061aa;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
}

a.btn_prev1 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    background: #111111;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
}

a.btn_list1 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    background: #111111;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
}

a.btn_paging_off {
    display: inline-block;
    width: 31px;
    height: 31px;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    background: #f5f5f5;
    text-align: center;
    border: 1px solid #e7e7e7;
    line-height: 31px;
}

a.btn_paging_on {
    display: inline-block;
    width: 31px;
    height: 31px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background: #0d394c;
    text-align: center;
    border: 1px solid #e7e7e7;
    line-height: 31px;
}

a.btn_file1 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 23px;
    font-size: 12px;
    font-weight: 600;
    background: #f3f3f3;
    color: #555555 !important;
    text-align: center;
    border: 1px solid #dfdfdf;
    line-height: 19px;
}

a.btn_file2 {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 23px;
    font-size: 12px;
    font-weight: 600;
    background: #868686;
    color: #ffffff !important;
    text-align: center;
    border: 1px solid #676767;
    line-height: 19px;
}

a.btn_close_01 {
    display: inline-block;
    width: 31px;
    height: 30px;
    background: url("../css/images/btn_close_01.jpg") no-repeat 0 0;
}

a.btn_cal_01 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../css/images/btn_cal_01.jpg") no-repeat 0 0;
    vertical-align: middle;
}

a.btn_class_add {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 21px;
    background: #606060;
    color: #fffeff !important;
    font-size: 11px;
    font-weight: normal !important;
    text-align: center;
    line-height: 21px;
}

a.btn_class_del {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 21px;
    background: #606060;
    color: #fffeff !important;
    font-size: 11px;
    font-weight: normal !important;
    text-align: center;
    line-height: 21px;
}

a.btn_class_add1 {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 21px;
    background: #606060;
    color: #fffeff !important;
    font-size: 11px;
    font-weight: normal !important;
    text-align: center;
    line-height: 21px;
}

a.btn_class_add2 {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 21px;
    background: #699dff;
    color: #fffeff !important;
    font-size: 11px;
    font-weight: normal !important;
    text-align: center;
    line-height: 21px;
}

a.btn_class_add3 {
    display: inline-block;
    padding: 0 8px 0 8px;
    height: 21px;
    color: #666666 !important;
    font-size: 11px;
    font-weight: normal !important;
    text-align: center;
    line-height: 21px;
}

a.btn_reload_01 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../css/images/ic_08_30.jpg") no-repeat 0 0;
    vertical-align: middle;
    margin-top: -1px !important;
    border-radius: 5px;
}

.txtbox1 {
    border: 1px solid #cacaca;
    font-size: 13px;
    color: #333333;
    padding: 0 5px 0 5px;
    line-height: 24px;
}

.txtbox2 {
    border: 1px solid #cacaca;
    font-size: 13px;
    color: #333333;
    line-height: 24px;
}

.txtbox3 {
    border: 0px solid #cacaca;
    font-size: 13px;
    color: #333333;
    line-height: 24px;
}

.txtbox4 {
    border: 1px solid #cacaca;
    font-size: 13px;
    color: #333333;
    padding: 0 1% 0 1%;
    line-height: 24px;
}

.txtarea1 {
    border: 1px solid #cacaca;
    font-size: 13px;
    color: #333333;
    padding: 5px;
    line-height: 18px;
}

.txtarea2 {
    border: 1px solid #cacaca;
    font-size: 13px;
    color: #333333;
    padding: 1%;
    line-height: 18px;
}

input[type="file"] {
    height: 26px;
    border: 1px solid #cbcbcb;
    font-size: 14px;
    color: #333333;
}

ul.file {
    width: 100%;
}

ul.file li {
    float: left;
    margin-right: 8px;
}

ul.file li img {
    margin-bottom: 3px;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
a.deco {
    text-decoration: underline;
}

.displaydone {
    width: 0;
    height: 0;
    text-indent: -1000em;
    font: 0/0 arial;
    overflow: hidden;
}

.hidden {
    visibility: hidden;
    position: absolute;
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    background: none;
}

.clear {
    display: block;
    float: none;
    clear: both;
    height: 0;
    width: 100%;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.pointer {
    cursor: pointer;
}

.clearboth {
    clear: both;
}

.m0a {
    margin: 0 auto !important;
}

.pr {
    position: relative !important;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.bw {
    word-wrap: break-word;
}

.ellip {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.al {
    text-align: left !important;
}

.ac {
    text-align: center !important;
}

.ar {
    text-align: right !important;
}

.vat {
    vertical-align: top !important;
}

.vam {
    vertical-align: middle !important;
}

.vab {
    vertical-align: bottom !important;
}

.bg_none {
    background: none !important;
}

.b_none {
    border: none !important;
}

.br_none {
    border-right: none !important;
}

.bl_none {
    border-left: none !important;
}

.bt_none {
    border-top: none !important;
}

.bb_none {
    border-bottom: none !important;
}

.fw6 {
    font-weight: 600 !important;
}

.fwb {
    font-weight: bold !important;
}

.fwn {
    font-weight: normal !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs19 {
    font-size: 19px !important;
}

.fs20 {
    font-size: 20px !important;
}

.lh16 {
    line-height: 16px !important;
}

.lh17 {
    line-height: 17px !important;
}

.lh18 {
    line-height: 18px !important;
}

.lh19 {
    line-height: 19px !important;
}

.lh20 {
    line-height: 20px !important;
}

.lh21 {
    line-height: 21px !important;
}

.lh22 {
    line-height: 22px !important;
}

.lh23 {
    line-height: 23px !important;
}

.lh24 {
    line-height: 24px !important;
}

.lh25 {
    line-height: 25px !important;
}

.lh26 {
    line-height: 26px !important;
}

.lh27 {
    line-height: 27px !important;
}

.lh28 {
    line-height: 28px !important;
}

.lh29 {
    line-height: 29px !important;
}

.lh30 {
    line-height: 30px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt16 {
    margin-top: 16px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt21 {
    margin-top: 21px !important;
}

.mt22 {
    margin-top: 22px !important;
}

.mt23 {
    margin-top: 23px !important;
}

.mt24 {
    margin-top: 24px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt26 {
    margin-top: 26px !important;
}

.mt27 {
    margin-top: 27px !important;
}

.mt28 {
    margin-top: 28px !important;
}

.mt29 {
    margin-top: 29px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt31 {
    margin-top: 31px !important;
}

.mt32 {
    margin-top: 32px !important;
}

.mt33 {
    margin-top: 33px !important;
}

.mt34 {
    margin-top: 34px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt36 {
    margin-top: 36px !important;
}

.mt37 {
    margin-top: 37px !important;
}

.mt38 {
    margin-top: 38px !important;
}

.mt39 {
    margin-top: 39px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mt155 {
    margin-top: 155px !important;
}

.mb1 {
    margin-bottom: 1px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb9 {
    margin-bottom: 9px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb18 {
    margin-bottom: 18px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb20_ {
    margin-bottom: -20px !important;
}

.mb25_ {
    margin-bottom: -25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb28 {
    margin-bottom: 28px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb30_ {
    margin-bottom: -30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb36 {
    margin-bottom: 36px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb41 {
    margin-bottom: 41px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mb200 {
    margin-bottom: 200px !important;
}

.ml1 {
    margin-left: 1px !important;
}

.ml2 {
    margin-left: 2px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.ml4 {
    margin-left: 4px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml10_ {
    margin-left: -10px !important;
}

.ml14 {
    margin-left: 14px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml16 {
    margin-left: 16px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml21 {
    margin-left: 21px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml37 {
    margin-left: 37px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mr2 {
    margin-right: 2px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr11 {
    margin-right: 11px !important;
}

.mr12 {
    margin-right: 12px !important;
}

.mr13 {
    margin-right: 13px !important;
}

.mr14 {
    margin-right: 14px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.pp1 {
    padding: 1% !important;
}

.ptp1 {
    padding-top: 1% !important;
}

.pbp1 {
    padding-bottom: 1% !important;
}

.plp1 {
    padding-left: 1% !important;
}

.prp1 {
    padding-right: 1% !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p20 {
    padding: 20px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt1 {
    padding-top: 1px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pt4 {
    padding-top: 4px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt24 {
    padding-top: 24px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pt110 {
    padding-top: 110px !important;
}

.pt120 {
    padding-top: 120px !important;
}

.pt130 {
    padding-top: 130px !important;
}

.pt140 {
    padding-top: 140px !important;
}

.pt150 {
    padding-top: 150px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl6 {
    padding-left: 6px !important;
}

.pl7 {
    padding-left: 7px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pl9 {
    padding-left: 9px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl16 {
    padding-left: 16px !important;
}

.pl17 {
    padding-left: 17px !important;
}

.pl18 {
    padding-left: 18px !important;
}

.pl19 {
    padding-left: 19px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.fcop1 {
    color: #00509f !important;
}

/* ?뚮???*/
.fcop2 {
    color: #e9061c !important;
}

/* ?먯＜??*/
.fcop3 {
    color: #fd803d !important;
}

/* 二쇳솴??*/
.fcop4 {
    color: #d2171e !important;
}

/* 鍮④컙??*/
.fcop5 {
    color: #0ca64d !important;
}

/* ?뱀깋 */
.fcop6 {
    color: #580ca6 !important;
}

/* 蹂대씪??*/
.fcop7 {
    color: #5aa3d8 !important;
}

/* ?덉걶?뚮???*/
.fcop8 {
    color: #232323 !important;
}

/* 寃€?뺤깋 */
.fcop9 {
    color: #313131 !important;
}

.fcop10 {
    color: #656565 !important;
}

.fcop11 {
    color: #b5b5b5 !important;
}

.fcop12 {
    color: #767676 !important;
}

.fcop13 {
    color: #4589b8 !important;
}

.fcop14 {
    color: #ebedec !important;
}

.fcop15 {
    color: #c4c4c4 !important;
}

.fcop16 {
    color: #01a54f !important;
}

.fcop17 {
    color: #3f80c2 !important;
}

.bg1 {
    background: #f7f7f9 !important;
}

.bg2 {
    background: #f3f3f3 !important;
}

.bg3 {
    background: #ffffff !important;
}

.bg4 {
    background: #f1f9e4 !important;
}

.bg5 {
    background: #e6e6e6 !important;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
.w10 {
    width: 10px !important;
}

.w20 {
    width: 20px !important;
}

.w30 {
    width: 30px !important;
}

.w40 {
    width: 40px !important;
}

.w50 {
    width: 50px !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w100 {
    width: 100px !important;
}

.w110 {
    width: 110px !important;
}

.w120 {
    width: 120px !important;
}

.w123 {
    width: 123px !important;
}

.w130 {
    width: 130px !important;
}

.w140 {
    width: 140px !important;
}

.w142 {
    width: 142px !important;
}

.w150 {
    width: 150px !important;
}

.w160 {
    width: 160px !important;
}

.w170 {
    width: 170px !important;
}

.w171 {
    width: 171px !important;
}

.w180 {
    width: 180px !important;
}

.w181 {
    width: 181px !important;
}

.w190 {
    width: 190px !important;
}

.w200 {
    width: 200px !important;
}

.w215 {
    width: 215px !important;
}

.w225 {
    width: 225px !important;
}

.w250 {
    width: 250px !important;
}

.w300 {
    width: 300px !important;
}

.w400 {
    width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.h20 {
    height: 20px !important;
}

.h21 {
    height: 21px !important;
}

.h22 {
    height: 22px !important;
}

.h23 {
    height: 23px !important;
}

.h24 {
    height: 24px !important;
}

.h25 {
    height: 25px !important;
}

.h26 {
    height: 26px !important;
}

.h27 {
    height: 27px !important;
}

.h28 {
    height: 28px !important;
}

.h29 {
    height: 29px !important;
}

.h30 {
    height: 30px !important;
}

.h40 {
    height: 40px !important;
}

.h50 {
    height: 50px !important;
}

.h60 {
    height: 60px !important;
}

.h70 {
    height: 70px !important;
}

.h80 {
    height: 80px !important;
}

.h90 {
    height: 90px !important;
}

.h100 {
    height: 100px !important;
}

.h200 {
    height: 200px !important;
}

.h300 {
    height: 300px !important;
}

.h400 {
    height: 400px !important;
}

.h500 {
    height: 500px !important;
}

.wp10 {
    width: 10% !important;
}

.wp20 {
    width: 20% !important;
}

.wp30 {
    width: 30% !important;
}

.wp40 {
    width: 40% !important;
}

.wp50 {
    width: 50% !important;
}

.wp60 {
    width: 60% !important;
}

.wp70 {
    width: 70% !important;
}

.wp80 {
    width: 80% !important;
}

.wp90 {
    width: 90% !important;
}

.wp91 {
    width: 91% !important;
}

.wp92 {
    width: 92% !important;
}

.wp93 {
    width: 93% !important;
}

.wp94 {
    width: 94% !important;
}

.wp95 {
    width: 95% !important;
}

.wp96 {
    width: 96% !important;
}

.wp97 {
    width: 97% !important;
}

.wp98 {
    width: 98% !important;
}

.wp99 {
    width: 99% !important;
}

.wp100 {
    width: 100% !important;
}

.oys {
    overflow-y: scroll !important;
}

#dashboard_wrap {
    padding: 20px 20px 100px 20px;
}

#dashboard_wrap ol, ul, li {
    list-style: none;
}

.dashboard_top {
    overflow: hidden;
    background: #c8deeb;
    padding: 20px 20px 20px 20px;
}

.dashboard_top_c1 {
    position: relative;
    float: left;
    width: 48%;
    height: 105px;
    padding: 0 30px 0 140px;
    margin: 0 2% 0 0;
    background: #ffffff url("./images/dashboard/ic_01.png") no-repeat 30px center;
    background-size: 55px;
    box-shadow: 5px 3px 5px #b0cfe1;
    border-radius: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top_c1 .dashboard_top_c1_1 {
    position: absolute;
    right: 20px;
    top: 20px;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc1 {
    overflow: hidden;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc1 li {
    float: left;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc1 li.tit {
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.07em;
    margin: 0 20px 0 0;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc1 li.tit a {
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.07em;
    margin: 0 20px 0 0;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc1 li.desc label {
    color: #444444;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc2 {
    overflow: hidden;
    margin: 10px 0 0 0;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc2 li {
    float: left;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc2 li.tit {
    padding: 5px 10px 5px 10px;
    background: #469dd3;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.05em;
    border-radius: 5px;
    margin: 0 20px 0 0;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc2 li.tit a {
    background: #469dd3;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc2 li.desc {
    padding: 5px 0 5px 0;
    color: #444444;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin: 0 20px 0 0;
}

.dashboard_top_c1 .dashboard_top_c1_1 ul.desc2 li.desc a {
    color: #444444;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_top_c2 {
    position: relative;
    float: left;
    width: 24%;
    height: 105px;
    padding: 0 30px 0 140px;
    margin: 0 2% 0 0;
    background: #ffffff url("./images/dashboard/ic_02.png") no-repeat 20px center;
    background-size: 40px;
    box-shadow: 5px 3px 5px #b0cfe1;
    border-radius: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top_c2 .dashboard_top_c2_1 {
    position: absolute;
    right: 20px;
    top: 20px;
}

.dashboard_top_c2 .dashboard_top_c2_1 ul.desc1 {
    overflow: hidden;
}

.dashboard_top_c2 .dashboard_top_c2_1 ul.desc1 li {
    float: left;
}

.dashboard_top_c2 .dashboard_top_c2_1 ul.desc1 li.tit {
    padding: 20px 0 0 0;
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.07em;
    margin: 0 12px 0 0;
}

.dashboard_top_c2 .dashboard_top_c2_1 ul.desc1 li.desc {
    padding: 10px 0 0 0;
}

.dashboard_top_c2 .dashboard_top_c2_1 ul.desc1 li.desc span {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #ffb319;
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    line-height: 45px;
    letter-spacing: -0.05em;
    border-radius: 100%;
}

.dashboard_top_c3 {
    position: relative;
    float: left;
    width: 24%;
    height: 105px;
    padding: 0 30px 0 140px;
    background: #ffffff url("./images/dashboard/ic_02.png") no-repeat 15px center;
    background-size: 40px;
    box-shadow: 5px 3px 5px #b0cfe1;
    border-radius: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top_c3 .dashboard_top_c3_1 {
    position: absolute;
    right: 20px;
    top: 20px;
}

.dashboard_top_c3 .dashboard_top_c3_1 ul.desc1 {
    overflow: hidden;
}

.dashboard_top_c3 .dashboard_top_c3_1 ul.desc1 li {
    float: left;
}

.dashboard_top_c3 .dashboard_top_c3_1 ul.desc1 li.tit {
    padding: 20px 0 0 25px;
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.07em;
    margin: 0 0 0 0;
}

.dashboard_top_c3 .dashboard_top_c3_1 ul.desc1 li.tit a {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.07em;
    margin: 0 12px 0 0;
}

.dashboard_top_c3 .dashboard_top_c3_1 ul.desc1 li.desc {
    padding: 10px 0 0 0;
}

.dashboard_top_c3 .dashboard_top_c3_1 ul.desc1 li.desc span {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #ffb319;
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    line-height: 45px;
    letter-spacing: -0.05em;
    border-radius: 100%;
}

.dashboard_top2 {
    overflow: hidden;
}

.dashboard_top2_c1 {
}

.dashboard_top2_c1 ul {
    overflow: hidden;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.dashboard_top2_c1 ul li {
    float: left;
}

.dashboard_top2_c1 ul li.arrow1 {
    margin: 0 20px 0 0;
    padding: 6px 0 0 0;
}

.dashboard_top2_c1 ul li.arrow1 a {
    display: inline-block;
    width: 14px;
    height: 25px;
    background: url("./images/dashboard/arrow_01.png") no-repeat 0 0;
    text-indent: -10000px;
}

.dashboard_top2_c1 ul li.tit {
    margin: 0 20px 0 0;
    color: #333333;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.07em;
}

.dashboard_top2_c1 ul li.arrow2 {
    padding: 6px 0 0 0;
}

.dashboard_top2_c1 ul li.arrow2 a {
    display: inline-block;
    width: 14px;
    height: 25px;
    background: url("./images/dashboard/arrow_02.png") no-repeat 0 0;
    text-indent: -10000px;
}

.dashboard_top2_c2 {
}

.dashboard_top2_c2 .dashboard_top2_c2_1 {
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul {
    overflow: hidden;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li {
    float: left;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.tit1 {
    height: 70px;
    padding: 20px 0 20px 0;
    background: #177098;
    width: 15%;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.tit1 a {
    height: 70px;
    padding: 20px 0 20px 0;
    background: #177098;
    width: 15%;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.tit2 {
    height: 70px;
    padding: 20px 0 20px 0;
    background: #177098;
    width: 15%;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.tit2 a {
    height: 70px;
    padding: 20px 0 20px 0;
    background: #177098;
    width: 15%;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.desc1 {
    height: 70px;
    padding: 15px 0 20px 0;
    background: #428eb3;
    width: 35%;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.desc1 span {
    color: #2dffee;
    font-size: 32px;
    font-weight: bold;
    font-style: italic;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.desc2 {
    height: 70px;
    padding: 15px 0 20px 0;
    background: #428eb3;
    width: 35%;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_top2_c2 .dashboard_top2_c2_1 ul li.desc2 span {
    color: #ffe92d;
    font-size: 32px;
    font-weight: bold;
    font-style: italic;
}

.dashboard_top2_c2 .dashboard_top2_c2_2 {
    background: #f0f5f8;
    border: 3px solid #428eb3;
    padding: 25px 30px 25px 30px;
}

.dashboard_body {
    overflow: hidden;
}

.dashboard_body_c1 {
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
    padding: 30px 30px 30px 30px;
    border: 2px solid #dfdfdf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_body_c2 {
    float: left;
    width: 50%;
}

.dashboard_body_c2 .dashboard_body_c2_1 {
    overflow: hidden;
}

.dashboard_body_c2_1_c1 {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
}

.dashboard_body_c2_1_c1 h2 {
    background: #428eb3;
    padding: 10px 0 10px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_1_c1 h2 a {
    background: #428eb3;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_1_c1 p.graph {
    border: 1px solid #d8d8d8;
    padding: 20px 20px 20px 20px;
    text-align: center;
}

.dashboard_body_c2_1_c1 p.graph img {
}

.dashboard_body_c2_1_c2 {
    float: left;
    width: 49%;
}

.dashboard_body_c2_1_c2 h2 {
    background: #428eb3;
    padding: 10px 0 10px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_1_c2 ul {
    overflow: hidden;
    border: 1px solid #d8d8d8;
    padding: 34px 25px 34px 25px;
}

.dashboard_body_c2_1_c2 ul li {
    position: relative;
    background: url("./images/dashboard/ic_dot_01.png") no-repeat 0 6px;
    background-size: 3px;
    padding: 0 0 0 10px;
    margin: 0 0 17px 0;
}

.dashboard_body_c2_1_c2 ul li:last-child {
    margin: 0 0 0 0;
}

.dashboard_body_c2_1_c2 ul li a {
    color: #444444;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_1_c2 ul li span {
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    padding: 5px 7px 5px 7px;
    background: #61aab0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 5px;
}

.dashboard_body_c2 .dashboard_body_c2_2 {
    overflow: hidden;
}

.dashboard_body_c2_2_c1 {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
}

.dashboard_body_c2_2_c1 h2 {
    background: #428eb3;
    padding: 10px 0 10px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_2_c1 .inline {
    background: #f7f7f7;
    border: 1px solid #d8d8d8;
    padding: 20px 20px 20px 20px;
}

.dashboard_body_c2_2_c1 .inline .inline_c {
}

.dashboard_body_c2_2_c1 .inline .inline_c h3 {
    background: #969696;
    padding: 5px 0 5px 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_2_c1 .inline .inline_c ul {
    overflow: hidden;
    background: #ffffff;
    padding: 15px 25px 15px 25px;
}

.dashboard_body_c2_2_c1 .inline .inline_c ul li {
    padding: 0 0 0 10px;
    margin: 0 0 7px 0;
    background: url("./images/dashboard/ic_dot_01.png") no-repeat 0 7px;
    background-size: 2px;
}

.dashboard_body_c2_2_c1 .inline .inline_c ul li a {
    color: #888888;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_2_c2 {
    float: left;
    width: 49%;
}

.dashboard_body_c2_2_c2 h2 {
    background: #428eb3;
    padding: 10px 0 10px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_2_c2 .inline {
    background: #f7f7f7;
    border: 1px solid #d8d8d8;
    padding: 20px 20px 20px 20px;
}

.dashboard_body_c2_2_c2 .inline .inline_c {
}

.dashboard_body_c2_2_c2 .inline .inline_c h3 {
    background: #969696;
    padding: 5px 0 5px 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c2_2_c2 .inline .inline_c ul {
    overflow: hidden;
    background: #ffffff;
    padding: 15px 25px 15px 25px;
}

.dashboard_body_c2_2_c2 .inline .inline_c ul li {
    padding: 0 0 0 10px;
    margin: 0 0 7px 0;
    background: url("./images/dashboard/ic_dot_01.png") no-repeat 0 7px;
    background-size: 2px;
}

.dashboard_body_c2_2_c2 .inline .inline_c ul li a {
    color: #888888;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_body_c3 {
    overflow: hidden;
    border: 2px solid #dfdfdf;
    padding: 30px 30px 0 30px;
}

.dashboard_body_c3 .dashboard_body_c3_1 {
    float: left;
    width: 200px;
}

.dashboard_body_c3 .dashboard_body_c3_1 ul {
    overflow: hidden;
}

.dashboard_body_c3 .dashboard_body_c3_1 ul li {
    float: left;
}

.dashboard_body_c3 .dashboard_body_c3_1 ul li.tit {
    clear: both;
    color: #444444;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin: 0 20px 30px 0;
    padding: 5px 0 0 0;
}

.dashboard_body_c3 .dashboard_body_c3_1 ul li.desc {
}

.dashboard_body_c3 .dashboard_body_c3_1 ul li.desc a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #ffb319;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    line-height: 35px;
    letter-spacing: -0.03em;
    border-radius: 100%;
}

.dashboard_body_c3 .dashboard_body_c3_2 {
    overflow: hidden;
    padding: 5px 0 0 0;
}

.dashboard_body_c4 {
    overflow: hidden;
}

.dashboard_body_c4 .dashboard_body_c4_1 {
    float: left;
    width: 24%;
    margin: 0 1.333333333% 0 0;
}

.dashboard_body_c4 .dashboard_body_c4_1 h3 {
    background: #8b8b8b;
    padding: 5px 0 5px 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c4 .dashboard_body_c4_1 ul {
    overflow: hidden;
    background: #ffffff;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c4 .dashboard_body_c4_1 ul.off {
    overflow: hidden;
    background: #dddddd;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c4 .dashboard_body_c4_1 ul li {
    padding: 0 0 0 10px;
    margin: 0 0 7px 0;
    background: url("./images/dashboard/ic_dot_01.png") no-repeat 0 7px;
    background-size: 2px;
}

.dashboard_body_c4 .dashboard_body_c4_1 ul li a {
    color: #888888;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_body_c5 {
    overflow: hidden;
}

.dashboard_body_c5 .dashboard_body_c5_1 {
    float: left;
    width: 49%;
    height: 280px;
    margin: 0 2% 0 0;
    padding: 30px 30px 30px 30px;
    border: 2px solid #dfdfdf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_body_c5 .dashboard_body_c5_2 {
    float: left;
    width: 49%;
    height: 280px;
    padding: 29px 30px 29px 30px;
    border: 2px solid #dfdfdf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_body_c5 .dashboard_body_c5_2 .dashboard_body_c5_2_1 {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
}

.dashboard_body_c5 .dashboard_body_c5_2 .dashboard_body_c5_2_1 h3 {
    background: #8b8b8b;
    padding: 5px 0 5px 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c5 .dashboard_body_c5_2 .dashboard_body_c5_2_1 h3 a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c5 .dashboard_body_c5_2 .dashboard_body_c5_2_1 ul {
    overflow: hidden;
    background: #ffffff;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c5 .dashboard_body_c5_2 .dashboard_body_c5_2_1 ul.off {
    overflow: hidden;
    background: #dddddd;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c5 .dashboard_body_c5_2 .dashboard_body_c5_2_1 ul li {
    padding: 0 0 0 10px;
    margin: 0 0 7px 0;
    background: url("./images/dashboard/ic_dot_01.png") no-repeat 0 7px;
    background-size: 2px;
}

.dashboard_body_c5 .dashboard_body_c5_2 .dashboard_body_c5_2_1 ul li a {
    color: #888888;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_body_c6 {
    overflow: hidden;
}

.dashboard_body_c6 .dashboard_body_c6_1 {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
}

.dashboard_body_c6 .dashboard_body_c6_2 {
    float: left;
    width: 49%;
}

.dashboard_body_c7 {
    overflow: hidden;
    border: 2px solid #dfdfdf;
    padding: 20px 30px 20px 30px;
}

.dashboard_body_c7 .dashboard_body_c7_1 {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
}

.dashboard_body_c7 .dashboard_body_c7_1 h3 {
    background: #8b8b8b;
    padding: 5px 0 5px 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c7 .dashboard_body_c7_1 ul {
    overflow: hidden;
    background: #ffffff;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c7 .dashboard_body_c7_1 ul.off {
    overflow: hidden;
    background: #dddddd;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c7 .dashboard_body_c7_1 ul li {
    padding: 0 0 0 10px;
    margin: 0 0 7px 0;
    background: url("./images/dashboard/ic_dot_01.png") no-repeat 0 7px;
    background-size: 2px;
}

.dashboard_body_c7 .dashboard_body_c7_1 ul li a {
    color: #888888;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_body_c8 {
    overflow: hidden;
    border: 2px solid #dfdfdf;
    padding: 20px 30px 20px 30px;
}

.dashboard_body_c8 ul {
    overflow: hidden;
}

.dashboard_body_c8 ul li {
    float: left;
    width: 32%;
    margin: 0 1.5% 0 0;
}

.dashboard_body_c8 ul li:last-child {
    margin: 0 0 0 0;
}

.dashboard_body_c8 ul li a {
    display: inline-block;
    width: 100%;
    padding: 15px 0 15px 0;
    background: #429fcc;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    border-radius: 5px;
}

.dashboard_body_c8 ul li a img {
    margin: 0 3px 0 0;
}

.dashboard_body_c9 {
    overflow: hidden;
    border: 2px solid #dfdfdf;
    padding: 20px 30px 20px 30px;
}

.dashboard_body_c10 {
    overflow: hidden;
    border: 2px solid #dfdfdf;
    padding: 20px 30px 20px 30px;
}

.dashboard_body_c10 .dashboard_body_c10_1 {
    float: left;
    width: 24%;
    margin: 0 1.333333333% 0 0;
}

.dashboard_body_c10 .dashboard_body_c10_1 h3 {
    background: #8b8b8b;
    padding: 5px 0 5px 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_body_c10 .dashboard_body_c10_1 ul {
    overflow: hidden;
    background: #ffffff;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c10 .dashboard_body_c10_1 ul.off {
    overflow: hidden;
    background: #dddddd;
    padding: 15px 25px 15px 25px;
    border: 1px solid #d8d8d8;
}

.dashboard_body_c10 .dashboard_body_c10_1 ul li {
    padding: 0 0 0 10px;
    margin: 0 0 7px 0;
    background: url("./images/dashboard/ic_dot_01.png") no-repeat 0 7px;
    background-size: 2px;
}

.dashboard_body_c10 .dashboard_body_c10_1 ul li a {
    color: #888888;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_body_c11 {
    overflow: hidden;
}

.dashboard_body_c11 .dashboard_body_c11_1 {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
}

.dashboard_body_c11 .dashboard_body_c11_2 {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
}

.dashboard_body_c11 .dashboard_body_c11_3 {
    float: left;
    width: 32%;
}

.dashboard_body_c11 .dashboard_body_c11_3 ul {
    overflow: hidden;
}

.dashboard_body_c11 .dashboard_body_c11_3 ul li {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
}

.dashboard_body_c11 .dashboard_body_c11_3 ul li+li {
    width: 49%;
    margin: 0 0 0 0;
}

.dashboard_body_c11 .dashboard_body_c11_3 ul li a {
    display: inline-block;
    width: 100%;
    height: 110px;
    background: #429fcc;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_body_c11 .dashboard_body_c11_3 ul li a p {
    margin: 12px 0 0 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.05em;
}

.dashboard_search {
    border: 1px solid #d8d8d8;
    padding: 20px 30px 20px 30px;
}

.dashboard_search ul {
    overflow: hidden;
}

.dashboard_search ul li {
    float: left;
}

.dashboard_search ul li.tit {
    width: 18%;
    padding: 7px 0 0 0;
    margin: 0 1% 0 0;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_search ul li.forms {
    width: 59%;
    margin: 0 1% 0 0;
}

.dashboard_search ul li.forms input {
    width: 100%;
    height: 28px;
    border: 1px solid #d8d8d8;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.05em;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_search ul li.btns {
    width: 20%;
}

.dashboard_search ul li.btns a {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 28px;
    background: #666666;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    line-height: 29px;
    letter-spacing: -0.05em;
}

.dashboard_list {
    border-top: 2px solid #666666;
}

.dashboard_list table {
    width: 100%;
}

.dashboard_list th {
    padding: 16px 0 16px 0;
    border-bottom: 1px solid #d8d8d8;
    background: #f9f9f9;
    color: #444444;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.dashboard_list td {
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #d8d8d8;
    color: #555555;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.03em;
}

.dashboard_list td.tit {
    text-align: left;
    padding-left: 10px;
}

.dashboard_list td.tit a {
    color: #333333;
    font-size: 13px;
    font-weight: 600;
}

.dashboard_list2 {
    border-top: 2px solid #428eb3;
}

.dashboard_list2 table {
    width: 100%;
}

.dashboard_list2 th {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #d8d8d8;
    background: #f9f9f9;
    color: #444444;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.dashboard_list2 td {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #d8d8d8;
    background: #ffffff;
    color: #555555;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.03em;
}

.dashboard_list2 td.tit {
    text-align: left;
    padding-left: 10px;
}

.dashboard_list2 td.tit a {
    color: #333333;
    font-size: 13px;
    font-weight: 600;
}

.dashboard_list3 {
    border: 2px solid #dfdfdf;
}

.dashboard_list3 table {
    width: 100%;
}

.dashboard_list3 th {
    padding: 10px 0 10px 0;
    border: 1px solid #d8d8d8;
    background: #f9f9f9;
    color: #444444;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.dashboard_list3 td {
    padding: 10px 0 10px 0;
    border: 1px solid #d8d8d8;
    background: #ffffff;
    color: #555555;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.dashboard_list3 td a {
    color: #444444;
    font-size: 13px;
    font-weight: 600;
}

.dashboard_graph {
    height: 250px;
    border: 2px solid #dfdfdf;
    padding: 30px 30px 30px 30px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dashboard_tit {
    background: url("./images/dashboard/ic_dot_02.png") no-repeat 0 4px;
    padding: 0 0 0 17px;
    color: #444444;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.dashboard_tit2 {
    background: url("./images/dashboard/ic_dot_03.png") no-repeat 0 6px;
    padding: 0 0 0 17px;
    color: #444444;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.fc_white {
    color: #ffffff !important;
}

/* ?곗깋 */
.fc_black {
    color: #000000 !important;
}

/* 寃€??*/
.fc_orange {
    color: #ff6800 !important;
}

/* ?ㅻ젋吏€ */
.fc_red {
    color: #ff3b1d !important;
}

/* 鍮④컙??*/
.fc_blue {
    color: #007cd0 !important;
}

/* ?뚮???*/
.fc_grey {
    color: #c8c8d0 !important;
}

/* ?뚯깋 */
.fc_brown {
    color: #75675c !important;
}

/* 媛덉깋 */
.fc_neon {
    color: #edfe5b !important;
}

/* ?뺢킅??*/
/* ?ㅼ꽦??異붽? 臾명빆 ?대?吏€?먯꽌 ?ъ슜 */
.qst_img_in_list {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}

.qst_img_max {
    width: auto;
    height: auto;
    max-width: 800px;
    max-height: 800px;
}

.qst_img_thum {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}

.wrap-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000')
}

.wrap-loading div {
    position: fixed;
    top: 30%;
    left: 40%;
    margin-left: -21px;
    margin-top: -21px
}

.display-none {
    display: none
}

.con_mpopup {
    position: absolute;
    left: 33%;
    top: 18.0%;
    width: 500px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 0 30px 30px 30px;
    z-index: 99;
    border-radius: 15px;
    display: none;
    outline-style: none;
}

/* 알럿/확인 레이어: 뷰포트 기준 fixed + 중앙 (스크롤·팝업 창 문서 좌표와 무관) */
#layerPop.con_mpopup.layerPop,
#layerCfmPop.con_mpopup.layerCfmPop {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: min(500px, calc(100vw - 32px)) !important;
    max-width: min(500px, calc(100vw - 32px)) !important;
    box-sizing: border-box;
    z-index: 100000;
}

.con_mpopup_c1 {
    padding: 25px 0 25px 0;
}

.con_mpopup_c1 h4 {
    font-family: "NotoSansKR Medium","Malgun Gothic","留묒? 怨좊뵓";
    color: #363330;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.05em;
}

.con_mpopup_c2 {
    padding: 20px 20px 20px 20px;
    border: 2px solid #131d47;
    border-radius: 5px;
    background: #f8fdf2;
}

.con_mpopup_c2 h5 {
    font-family: "NotoSansKR Medium","Malgun Gothic","留묒? 怨좊뵓";
    color: #494542;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.con_mpopup_c2 .imgs {
}

.con_mpopup_c2 .desc {
    padding: 15px 0 0 0;
    font-family: "NotoSansKR Regular","Malgun Gothic","留묒? 怨좊뵓";
    color: #444444;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: -0.03em;
}

.con_mpopup_c3 {
    position: relative;
    padding: 20px 0 0 0;
}

.con_mpopup_c3 label {
    font-family: "NotoSansKR DemiLight","Malgun Gothic","留묒? 怨좊뵓";
    color: #444444;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.03em;
}

.con_mpopup_c3 input[type="checkbox"] {
    margin: -2px 5px 0 0;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.con_mpopup_c3 a.link1 {
    position: absolute;
    right: 190px;
    top: 20px;
    display: inline-block;
    padding: 3px 15px 3px 15px;
    background: #666666;
    font-family: "NotoSansKR Medium","Malgun Gothic","留묒? 怨좊뵓";
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 5px;
}

.con_mpopup_c4 {
    position: relative;
    padding: 20px 0 0 0;
}

.con_mpopup_c4 label {
    font-family: "NotoSansKR DemiLight","Malgun Gothic","留묒? 怨좊뵓";
    color: #444444;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.03em;
}

.con_mpopup_c4 input[type="checkbox"] {
    margin: -2px 5px 0 0;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.con_mpopup_c4 a.link1 {
    right: 190px;
    top: 20px;
    display: inline-block;
    padding: 3px 15px 3px 15px;
    background: #666666;
    font-family: "NotoSansKR Medium","Malgun Gothic","留묒? 怨좊뵓";
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 5px;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
.ui-datepicker-trigger {
    margin: 0 0 0 5px;
}

/* 파일 드롭 영역(#file-div): PC·모바일 안내 문구 전환 */
.file-drop-hint--mo {
    display: none;
}

@media (max-width: 768px) {
    .file-drop-hint--pc {
        display: none !important;
    }

    .file-drop-hint--mo {
        display: block !important;
    }
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

position:relative;
position:absolute; left:0px; top:0px;
text-indent:-10000px;
text-indent:-10000px; font-size:0; line-height:1;
letter-spacing:-0.03em;
color:#ffffff; font-size:12px; font-weight:600; text-align:center; line-height:26px; letter-spacing:-0.03em;
background:url("./images/control_01.jpg") no-repeat 0 0;
display:inline-block; width:28px; height:28px; background:url("./images/btn_search_01.jpg") no-repeat 0 0;
background-image:url("./images/bg_23.jpg"), url("./images/bg_24.jpg"); background-position:0 0, 0 0; background-repeat:repeat-x, no-repeat;
display:inline-block; width:68px; height:25px; background:#1462b3; border:1px solid #72a1d1; color:#c4d8ec; font-size:14px; font-weight:normal; text-align:center; line-height:25px; letter-spacing:-0.03em;
display:inline-block; width:100%; height:105px; background:url("./images/con_mcon_c1_link1.jpg") no-repeat center 0; padding:71px 0 0 0; color:#484745; font-size:13px; font-weight:600; letter-spacing:-0.07em;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
position:absolute; right:0px; top:15px; display:inline-block; width:31px; height:31px; background:url("./images/btn_close_01.jpg") no-repeat 0 0; text-indent:-10000px; z-index:10000;
outline:none;
text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
display:table; margin-left:auto; margin-right:auto;
#con_footmenu a:after{ content:"|"; color:#999999; font-size:12px; font-weight:normal; text-align:center; padding:0 0 0 12px; }
#con_footmenu a:last-child:after{ content:none; padding:0 0 0 0; }
img-responsive

.con_tab .con_tab_c { display:table; width:100%; height:69px; table-layout:fixed; border-collapse:collapse; }
.con_tab .con_tab_c a { display:table-cell; height:69px; color:#3e3e3e; font-size:18px; text-align:center; font-weight:600; letter-spacing:-0.03em; background:url("./images/tab_bg.jpg") no-repeat 0 0; padding:17px 0 0 0; }

<img src="./images/sbanner_01.jpg" alt="?숈젏?€?됱젣 ?됯??몄젙 ?먭꺽援먯쑁湲곌? 援먯쑁遺€ ?됯??몄젙" />

data-toggle="modal" data-target=".modal-examlist"
onclick="javascript:$('#modal-notice-1').fadeOut();$('#modal-notice-2').fadeIn();"

<div class="modal-body" id="modal-notice-1">

position:relative;
position:absolute; left:0px; top:0px;

<img src="/html/theme/00001/ko/images/con_13.jpg" alt="洹몃옒?? />

color:#ffffff; font-size:12px; font-weight:600; text-align:center; line-height:26px; letter-spacing:-0.03em;
*/
.con_error {
    padding: 360px 0 0 0;
    overflow: hidden;
    background: url("./images/error_01.png") no-repeat center 140px;
}

.con_error h3 {
    font-family: "NotoSansKR Regular","Malgun Gothic","留묒? 怨좊뵓";
    color: #282828;
    font-size: 53px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.07em;
    word-break: keep-all;
}

.con_error p.desc {
    margin: 35px 0 0 0;
    font-family: "NotoSansKR Regular","Malgun Gothic","留묒? 怨좊뵓";
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
    letter-spacing: -0.05em;
    word-break: keep-all;
}

.con_error p.btns {
    margin: 80px 0 0 0;
    text-align: center;
}

.con_error p.btns a {
    display: inline-block;
    padding: 16px 80px 16px 80px;
    font-size: 18px;
    font-weight: normal;
    background: #121212;
    font-family: "NotoSansKR Regular","Malgun Gothic","留묒? 怨좊뵓";
    color: #ffffff;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 30px;
}

.ico_new {
    width: 14px;
    vertical-align: bottom;
}

.person_boxes {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.person_boxes li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 4px;
    margin-left: 4px;
}

.person_boxes li .del {
    margin-left: 4px;
    font-weight: bold;
    background: #eee;
    padding: 4px 6px;
    font-size: 12px;
}

.btn_download {
    margin-left: 4px;
    width: 20px;
    font-size: 14px;
}

.ico_reply {
    margin-left: 8px;
}

@media screen and (max-width:1024px){
    .con_login_c {padding:40px 30px;}
    .con_login_c1 {float:none;width:100%;}
    .con_login_c2 {float:none;width:100%;max-width:640px;margin:40px auto 0;border-radius:20px;}
}
@media screen and (max-width:660px) {
    .con_login_c2 {padding:40px 30px;}
}

/* 로그인(모바일·좁은 화면): 키보드가 올라와도 아이디·비밀번호 입력이 가려지지 않도록 상단 정렬·하단 스크롤 여지 */
@media screen and (max-width: 1024px) {
    body.page-mem-login .con_login_wrap {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        min-height: 100vh;
        min-height: 100dvh;
        box-sizing: border-box;
        padding-top: 12px;
        padding-top: max(12px, env(safe-area-inset-top));
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 120px;
        padding-bottom: max(120px, 28svh);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.page-mem-login .con_login_c {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    body.page-mem-login .con_login_c2 {
        height: auto !important;
        min-height: 0 !important;
    }

    body.page-mem-login .con_login_c2 ul li input[type="text"],
    body.page-mem-login .con_login_c2 ul li input[type="password"] {
        scroll-margin-top: 16px;
        scroll-margin-bottom: 100px;
    }
}

/* top ?곸뿭 諛섏쓳??*/
@media (max-width: 1024px) {
    #div_title {
        height: auto;
        min-height: 40px;
        overflow: hidden;
    }

    #div_title h1 {
        float: none;
        display: block;
        line-height: 1.35;
        margin-bottom: 6px;
    }

    #topFrame {
        width: 100%;
        height: 87px !important;
    }

    .top-frame {
        padding-left: 0;
        padding-right: 0;
    }

    .top-title {
        height: auto !important;
        margin: 0;
        border-bottom: 1px solid #e0e0e0;
        padding: 0 20px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .top-logo {
        background: #fff;
        padding: 8px 10px;
        margin: 0 !important;
        height: 50px;
        width: auto;
        box-sizing: content-box;
    }

    .top-title > .user-name {
        flex: 1;
        justify-content: flex-end;
        float: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 !important;
    }

    .top-title > .user-name > .sub-text {
        display: none !important;
    }

    .top-title > .user-name .user-icon,
    .top-title > .user-name #selRoleList,
    .top-title > .user-name a[href^="javascript:fnAuthMv"],
    .top-title > .user-name a[onclick*="fnChangePw"] {
        display: none !important;
    }

    .top-title .btn-black {
        margin-left: 8px;
        order: 2;
        margin: 0;
    }

    .top-menu {
        display: none;
    }

    /* sub_mirror·report_mirror·실적 검색 영역: 1024 이하에서 th+td를 한 줄 페어로 표시 */
    body.issue-sub #div_search table,
    body.report-sub #div_search table,
    body.report-result-sub #div_search table {
        table-layout: fixed;
    }

    body.issue-sub #div_search colgroup,
    body.report-sub #div_search colgroup,
    body.report-result-sub #div_search colgroup {
        display: none;
    }

    body.issue-sub #div_search tr,
    body.report-sub #div_search tr,
    body.report-result-sub #div_search tr {
        display: grid;
        grid-template-columns: 120px minmax(0, 1fr);
        width: 100%;
        height: auto;
    }

    body.issue-sub #div_search th,
    body.issue-sub #div_search td,
    body.report-sub #div_search th,
    body.report-sub #div_search td,
    body.report-result-sub #div_search th,
    body.report-result-sub #div_search td {
        min-height: 42px;
        box-sizing: border-box;
    }

    body.issue-sub #div_search th,
    body.report-sub #div_search th,
    body.report-result-sub #div_search th {
        width: 120px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        white-space: nowrap;
    }

    body.issue-sub #div_search td,
    body.report-sub #div_search td,
    body.report-result-sub #div_search td {
        display: flex;
        align-items: center;
        width: 100%;
        min-width: 0;
        padding-right: 10px;
    }

    body.issue-sub #div_search td.p10,
    body.report-sub #div_search td.p10,
    body.report-result-sub #div_search td.p10 {
        padding-left: 10px;
    }

    body.issue-sub #div_search td input#srchIssueNm {
        width: 100% !important;
        box-sizing: border-box;
    }
}

.prjt-info-mobile {
    display: none;
    text-align: left;
}

@media (max-width: 768px) {
    /* 이슈·보고서·실적 목록: 모바일에서 필터·검색 영역 비표시 */
    body.issue-sub .issue-sub-search-area,
    body.report-sub .report-sub-search-area,
    body.report-result-sub .report-result-sub-search-area {
        display: none !important;
    }

    /* 이슈·보고서·실적 서브 모바일: 1행(좌 타이틀 밑줄·우 검색건수) + 단일 박스 목록(행 구분선) */
    body.issue-sub .issue-sub-list-stack,
    body.report-sub .report-sub-list-stack,
    body.report-result-sub .report-result-sub-list-stack {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 10px;
        row-gap: 0;
        margin-top: 20px;
        margin-bottom: 12px;
        padding-bottom: 12px;
        /* border-bottom: 1px solid #e8e8e8; */
    }

    body.issue-sub .issue-sub-list-stack > .div_title_3,
    body.report-sub .report-sub-list-stack > .div_title_3,
    body.report-result-sub .report-result-sub-list-stack > .div_title_3 {
        grid-column: 1;
        grid-row: 1;
        float: none;
        margin: 0;
        min-width: 0;
        height: auto;
        min-height: 30px;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-color: #b0b0b0;
    }

    body.issue-sub .issue-sub-list-stack > span.total,
    body.report-sub .report-sub-list-stack > span.total,
    body.report-result-sub .report-result-sub-list-stack > span.total {
        grid-column: 2;
        grid-row: 1;
        float: none;
        width: auto;
        margin: 0;
        align-self: center;
        color: #888;
        font-size: 12px;
    }

    body.issue-sub .issue-sub-list-stack > #div_list,
    body.report-sub .report-sub-list-stack > #div_list,
    body.report-result-sub .report-result-sub-list-stack > #div_list {
        grid-column: 1 / -1;
        grid-row: 2;
        clear: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow: visible;
    }

    /* 프로젝트 서브(이슈·보고·실적) EasyUI 탭: 모바일에서 가로 균등 너비 */
    #div_title + .tabs-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    #div_title + .tabs-wrap .tabs {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-end;
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        height: auto !important;
        padding: 12px 8px 0 !important;
    }

    #div_title + .tabs-wrap .tabs li {
        float: none !important;
        display: flex !important;
        flex: 1 1 0;
        min-width: 0;
        margin: 0 3px 0 0 !important;
    }

    #div_title + .tabs-wrap .tabs li:last-child {
        margin-right: 0 !important;
    }

    #div_title + .tabs-wrap .tabs li a.tabs-inner {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 1;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 4px !important;
        height: auto !important;
        min-height: 44px;
        line-height: 1.25 !important;
        white-space: normal;
        word-break: keep-all;
        text-align: center;
    }

    /* sub_mirror·report_mirror·실적 검색: 768 이하 — 라벨(th) 한 줄, 입력(td) 다음 줄(항목별 세로 스택) */
    body.issue-sub #div_search tbody tr,
    body.report-sub #div_search tbody tr,
    body.report-result-sub #div_search tbody tr {
        display: block;
        width: 100%;
        height: auto;
    }

    body.issue-sub #div_search tbody th,
    body.report-sub #div_search tbody th,
    body.report-result-sub #div_search tbody th {
        display: flex !important;
        align-items: center;
        width: 100% !important;
        min-height: 44px;
        box-sizing: border-box;
        justify-content: flex-start;
        text-align: left;
        padding: 12px 14px;
        border-bottom: none;
    }

    body.issue-sub #div_search tbody td,
    body.report-sub #div_search tbody td,
    body.report-result-sub #div_search tbody td {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        width: 100% !important;
        min-width: 0;
        min-height: 48px;
        box-sizing: border-box;
        padding: 12px 14px 16px !important;
    }

    body.issue-sub #div_search tbody td.search-period-cell,
    body.report-sub #div_search tbody td.search-period-cell,
    body.report-result-sub #div_search tbody td.search-period-cell {
        align-items: center;
        align-content: center;
        padding-top: 12px !important;
        padding-bottom: 16px !important;
    }

    body.issue-sub #div_search tbody select,
    body.report-sub #div_search tbody select,
    body.report-result-sub #div_search tbody select {
        float: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.report-sub #div_search tbody label,
    body.report-result-sub #div_search tbody label {
        margin-right: 10px;
        margin-bottom: 4px;
    }

    body.report-sub #div_search tbody input[type="radio"],
    body.report-result-sub #div_search tbody input[type="radio"] {
        margin-right: 4px;
        vertical-align: middle;
    }

    .prjt-info-desktop {
        display: none;
    }

    .prjt-info-mobile {
        display: block;
    }

    /* 메인 대시보드: 모바일에서 이슈 건수표 → 프로젝트 참여 카드 순서 */
    .main-dashboard-prjt-mobile-order {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .main-dashboard-prjt-mobile-order > br {
        display: none;
    }

    .main-dashboard-prjt-mobile-order > .main-dashboard-issue-stat-block {
        order: 1;
        margin-bottom: 0;
    }

    .main-dashboard-prjt-mobile-order > .main-dashboard-prjt-headblock {
        order: 2;
    }

    .prjt-info-mobile .mobile-prjt-list {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 1px solid #d0d0d0;
        background: #fff;
    }

    .prjt-info-mobile .mobile-prjt-item {
        border-bottom: 1px solid #e8e8e8;
    }

    .prjt-info-mobile .mobile-prjt-item:last-child {
        border-bottom: none;
    }

    .prjt-info-mobile .mobile-prjt-link {
        display: block;
        padding: 12px 14px;
        text-decoration: none;
        color: #222;
        -webkit-tap-highlight-color: rgba(12, 116, 190, 0.12);
    }

    .prjt-info-mobile .mobile-prjt-bur {
        display: block;
        font-size: 12px;
        line-height: 1.35;
        color: #666;
        margin-bottom: 4px;
        word-break: break-word;
    }

    .prjt-info-mobile .mobile-prjt-prjt {
        display: block;
        font-size: 13px;
        line-height: 1.35;
        font-weight: 600;
        text-decoration: underline;
        word-break: break-word;
        color: #111;
    }

    .prjt-info-mobile .mobile-prjt-role {
        display: block;
        margin-top: 8px;
        font-size: 12px;
        line-height: 1.45;
        color: #555;
        word-break: break-word;
    }

    .prjt-info-mobile .mobile-prjt-stats {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }

    .prjt-info-mobile .mobile-prjt-stats-row--mid {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        align-items: baseline;
        font-size: 12px;
        color: #333;
    }

    .prjt-info-mobile .mobile-prjt-stats-row--tail {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        margin-top: 8px;
        font-size: 12px;
    }

    .prjt-info-mobile .mobile-prjt-st strong {
        font-weight: 700;
    }

    .prjt-info-mobile .mobile-prjt-st--end,
    .prjt-info-mobile .mobile-prjt-st--end strong {
        color: #1b5e20;
    }

    .prjt-info-mobile .mobile-prjt-st--delay,
    .prjt-info-mobile .mobile-prjt-st--delay strong {
        color: #c62828;
    }

    .prjt-info-mobile .mobile-prjt-lbl {
        color: #666;
        font-weight: 500;
    }

    .prjt-info-mobile .mobile-prjt-empty {
        border: 1px solid #d0d0d0;
        padding: 12px;
        text-align: center;
        background: #fff;
        font-size: 13px;
    }
}

/* 이슈 조회 목록: 이슈명 최대 3줄 말줄임 */
#div_list table.issue-list-table tbody td.issue-cell-title .issue-title-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.4;
}

/* 이슈 목록 thead: PC는 긴 문구, 모바일은 기획용 짧은 문구 */
#div_list table.issue-list-table .issue-list-th__mo {
    display: none;
}

#div_list table.issue-list-table .issue-list-th__pc {
    display: inline;
}

/* 이슈 서브 증적 버튼: PC 짧은 라벨, 모바일 전체 문구 */
#div_list table.issue-list-table.issue-list--sub .issue-evi-btn-txt--mo {
    display: none;
}

#div_list table.issue-list-table.issue-list--sub .issue-evi-btn-txt--pc {
    display: inline;
}

/* 768px 이하: 이슈·보고서·실적 목록 카드형 (메인 7열 / 서브·보고서 12열·실적 13열, 통일 UI) */
@media (max-width: 768px) {
    #div_list:has(table.issue-list-table.issue-list--main),
    #div_list:has(table.issue-list-table.issue-list--sub),
    #div_list:has(table.report-list-table.report-list--sub),
    #div_list:has(table.report-result-list-table.report-result--sub) {
        overflow-x: visible;
        overflow-y: visible;
        -webkit-overflow-scrolling: auto;
    }

    #div_list table.issue-list-table.issue-list--main,
    #div_list table.issue-list-table.issue-list--sub,
    #div_list table.report-list-table.report-list--sub,
    #div_list table.report-result-list-table.report-result--sub {
        display: block;
        width: 100%;
        max-width: 100%;
        border: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: auto;
        box-sizing: border-box;
    }

    #div_list table.issue-list-table.issue-list--main caption,
    #div_list table.issue-list-table.issue-list--sub caption,
    #div_list table.report-list-table.report-list--sub caption,
    #div_list table.report-result-list-table.report-result--sub caption {
        display: none;
    }

    #div_list table.issue-list-table.issue-list--main thead,
    #div_list table.issue-list-table.issue-list--sub thead,
    #div_list table.report-list-table.report-list--sub thead,
    #div_list table.report-result-list-table.report-result--sub thead {
        display: none;
    }

    #div_list table.issue-list-table.issue-list--main tbody,
    #div_list table.issue-list-table.issue-list--sub tbody,
    #div_list table.report-list-table.report-list--sub tbody,
    #div_list table.report-result-list-table.report-result--sub tbody {
        display: block;
        width: 100%;
    }

    #div_list table.issue-list-table.issue-list--main tbody tr,
    #div_list table.issue-list-table.issue-list--sub tbody tr,
    #div_list table.report-list-table.report-list--sub tbody tr,
    #div_list table.report-result-list-table.report-result--sub tbody tr {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        gap: 6px 10px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 12px;
        padding: 14px 12px;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    }

    #div_list table.issue-list-table.issue-list--main tbody td,
    #div_list table.issue-list-table.issue-list--sub tbody td,
    #div_list table.report-list-table.report-list--sub tbody td,
    #div_list table.report-result-list-table.report-result--sub tbody td {
        display: block;
        border: 0 !important;
        padding: 6px 0 !important;
        text-align: left !important;
        font-size: 13px;
        color: #333;
        min-width: 0;
        height: auto !important;
        vertical-align: top;
    }

    /* 메인: 모바일에서 프로젝트·생성자·담당 숨김 */
    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(2),
    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(4),
    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(5) {
        display: none !important;
    }

    /* ----- 서브 12열: 구성(순서)은 기존과 동일 — 스타일만 메인 프로젝트 카드 톤(#111/#666/#eee·13px 제목 등) ----- */
    body.issue-sub #div_list table.issue-list-table.issue-list--sub {
        -webkit-font-smoothing: antialiased;
    }

    /* 서브 이슈·보고서·실적: 카드 간 세로 여백 없이 붙임, 직각 테두리(한 덩어리 리스트) */
    #div_list table.issue-list-table.issue-list--sub tbody tr,
    #div_list table.report-list-table.report-list--sub tbody tr,
    #div_list table.report-result-list-table.report-result--sub tbody tr {
        gap: 4px 8px;
        padding: 15px;
        margin-bottom: 0;
        border: 1px solid #ddd;
        border-top: none;
        border-radius: 0;
        box-shadow: none;
        background: #fff;
    }

    #div_list table.issue-list-table.issue-list--sub tbody tr:first-child,
    #div_list table.report-list-table.report-list--sub tbody tr:first-child,
    #div_list table.report-result-list-table.report-result--sub tbody tr:first-child {
        border-top: 1px solid #ddd;
    }

    #div_list table.issue-list-table.issue-list--sub tbody tr:last-child,
    #div_list table.report-list-table.report-list--sub tbody tr:last-child,
    #div_list table.report-result-list-table.report-result--sub tbody tr:last-child {
        margin-bottom: 0;
    }

    /* 1행: 번호(좌) · 유형 | 상태(우) → 2행: 제목 전체 — 기존 배치 */
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(1) {
        order: 1;
        flex: 0 0 auto;
        padding-top: 0 !important;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.35;
        color: #666;
        white-space: nowrap;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(6) {
        order: 2;
        margin-left: auto;
        flex: 0 0 auto;
        padding-top: 0 !important;
        font-size: 12px;
        line-height: 1.35;
        color: #666;
        text-align: left;
        white-space: nowrap;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(6)::after {
        content: " | ";
        color: #999;
    }

    /* 유형 | 상태 — 번호 오른쪽에 한 덩어리로 붙음(td6만 margin-left:auto) */
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(7) {
        order: 3;
        flex: 0 0 auto;
        max-width: none;
        margin-left: 0;
        padding-top: 0 !important;
        text-align: left;
        align-self: flex-start;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.35;
        color: #666;
        white-space: nowrap;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(7) button {
        display: none !important;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(2) {
        order: 4;
        flex: 1 1 100%;
        flex-basis: 100%;
        width: 100%;
        min-width: 0;
        padding-top: 6px !important;
        font-size: 13px;
        line-height: 1.35;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(2) a {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
        font-weight: 600;
        font-size: 13px;
        line-height: 1.35;
        color: #111;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    /* 생성 | 처리 | 보고 — 보조 정보만 #666 */
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(3) {
        order: 5;
        flex: 0 1 auto;
        min-width: 0;
        padding: 4px 6px 10px 0 !important;
        margin-top: 0;
        border-top: none;
        font-size: 12px;
        line-height: 1.45;
        color: #666;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(3)::before {
        content: "생성 : ";
        color: #666;
        font-weight: 400;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(4) {
        order: 5;
        flex: 0 1 auto;
        min-width: 0;
        padding: 4px 6px 10px 0 !important;
        margin-top: 0;
        border-top: none;
        font-size: 12px;
        line-height: 1.45;
        color: #666;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(4)::before {
        content: " | 처리 : ";
        color: #666;
        font-weight: 400;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(5) {
        order: 5;
        flex: 1 1 auto;
        min-width: 0;
        padding: 4px 0 10px 0 !important;
        margin-top: 0;
        border-top: none;
        font-size: 12px;
        line-height: 1.45;
        color: #666;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(5)::before {
        content: " | 보고 : ";
        color: #666;
        font-weight: 400;
    }

    /* 담당(생성·처리·보고) ↔ 첨부·일자 블록 사이 전체 너비 구분선 */
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(9) {
        order: 6;
        flex: 1 1 100%;
        flex-basis: 100%;
        width: 100%;
        min-width: 0;
        margin-top: 0;
        padding: 12px 0 0 !important;
        font-size: 12px;
        line-height: 1.45;
        color: #666;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(9)::before {
        content: "첨부파일 : ";
        color: #666;
        font-weight: 400;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(10) {
        order: 7;
        flex: 1 1 100%;
        min-width: 0;
        padding: 4px 0 0 !important;
        font-size: 12px;
        line-height: 1.45;
        color: #666;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(10)::before {
        content: "이슈생성일 : ";
        color: #666;
        font-weight: 400;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(11) {
        order: 8;
        flex: 1 1 100%;
        min-width: 0;
        padding: 4px 0 0 !important;
        font-size: 12px;
        line-height: 1.45;
        color: #666;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(11)::before {
        content: "완료요청일 : ";
        color: #666;
        font-weight: 400;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(12) {
        order: 9;
        flex: 1 1 100%;
        min-width: 0;
        padding: 4px 0 0 !important;
        font-size: 12px;
        line-height: 1.45;
        color: #666;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(12)::before {
        content: "이슈종료일 : ";
        color: #666;
        font-weight: 400;
    }

    /* 모바일 카드: 이슈생성일만 노출, 첨부/완료요청일/이슈종료일 숨김 */
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(9),
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(11),
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(12) {
        display: none !important;
    }

    #div_list table.issue-list-table.issue-list--sub .issue-evi-btn-txt--pc {
        display: none !important;
    }

    #div_list table.issue-list-table.issue-list--sub .issue-evi-btn-txt--mo {
        display: inline !important;
    }

    /* 증적: 버튼이 있을 때만 하단 영역·구분선 표시 */
    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(8):not(:has(.btn-blue)) {
        display: none !important;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(8):has(.btn-blue) {
        order: 20;
        flex: 1 1 100%;
        flex-basis: 100%;
        width: 100%;
        padding: 14px 0 0 !important;
        margin-top: 0;
        border-top: none;
        text-align: center;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td:nth-child(8) .btn-blue {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px;
        margin-top: 0;
        border: 0;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #fff !important;
        background: #4a76d1 !important;
        cursor: pointer;
    }

    /* 이슈 생성 버튼(목록 상단): 증적 행 버튼과 동일 터치 영역·색·타이포 */
    body.issue-sub td.issue-create-btn-wrap {
        padding: 0 0 12px !important;
    }

    body.issue-sub .issue-create-btn-full {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 12px 14px !important;
        min-height: 48px;
        border: 0;
        border-radius: 6px;
        font-size: 14px !important;
        font-weight: 600;
        color: #fff !important;
        background: #4a76d1 !important;
        cursor: pointer;
    }

    body.report-sub td.report-create-btn-wrap {
        padding: 0 0 12px !important;
    }

    body.report-sub .report-create-btn-full {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 12px 14px !important;
        min-height: 48px;
        border: 0;
        border-radius: 6px;
        font-size: 14px !important;
        font-weight: 600;
        color: #fff !important;
        background: #4a76d1 !important;
        cursor: pointer;
    }

    body.report-result-sub td.report-result-bulk-btn-wrap {
        padding: 0 0 12px !important;
    }

    body.report-result-sub .report-result-bulk-btn-full {
        width: 100%;
        max-width: 100%;
        display: block;
        padding: 12px 14px !important;
        min-height: 48px;
        border: 0;
        border-radius: 6px;
        font-size: 14px !important;
        font-weight: 600;
        color: #fff !important;
        background: #4a76d1 !important;
        cursor: pointer;
    }

    /* ----- 보고서 목록 12열(report-sub): 모바일 카드(이슈 서브 카드 톤 정렬) ----- */
    body.report-sub #div_list table.report-list-table.report-list--sub,
    body.report-result-sub #div_list table.report-result-list-table.report-result--sub {
        -webkit-font-smoothing: antialiased;
    }

    #div_list table.report-list-table.report-list--sub tbody tr td[colspan] {
        flex: 1 1 100%;
        width: 100%;
        text-align: center;
        padding: 22px 12px !important;
        color: #666;
        font-size: 13px;
    }

    /* 1행: 보고서번호(좌) · 유형 | 상태(우) */
    #div_list table.report-list-table.report-list--sub tbody td:nth-child(1) {
        order: 1;
        flex: 0 0 auto;
        padding-top: 0 !important;
        font-size: 12px;
        line-height: 1.35;
        color: #666;
        white-space: nowrap;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(3) {
        order: 2;
        margin-left: auto;
        flex: 0 0 auto;
        padding-top: 0 !important;
        font-size: 12px;
        color: #666;
        white-space: nowrap;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(3)::after {
        content: " | ";
        color: #999;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(4) {
        order: 3;
        flex: 0 0 auto;
        padding-top: 0 !important;
        font-size: 12px;
        color: #666;
        white-space: nowrap;
    }

    /* 2행: 점검년월일 */
    #div_list table.report-list-table.report-list--sub tbody td:nth-child(8) {
        order: 4;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 12px !important;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.35;
        color: #111;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(8)::before {
        content: "점검년월일 ";
        font-weight: 400;
        font-size: 12px;
        color: #666;
    }

    /* 점검대상 년·월·주차 */
    #div_list table.report-list-table.report-list--sub tbody td:nth-child(5),
    #div_list table.report-list-table.report-list--sub tbody td:nth-child(6),
    #div_list table.report-list-table.report-list--sub tbody td:nth-child(7) {
        order: 5;
        flex: 0 1 auto;
        min-width: 0;
        padding-top: 8px !important;
        padding-right: 12px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(5)::before {
        content: "년도 ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(6)::before {
        content: "월 ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(7)::before {
        content: "주차 ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(9) {
        order: 6;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 6px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(9)::before {
        content: "점검자 소속 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(10) {
        order: 7;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 4px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(10)::before {
        content: "점검자 성명 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(11) {
        order: 8;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 4px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(11)::before {
        content: "고객사 점검자 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(12) {
        order: 9;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 4px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(12)::before {
        content: "고객사 소속 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(2) {
        order: 10;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 12px !important;
        margin-top: 8px;
        border-top: 1px solid #eee;
        font-size: 12px;
        color: #666;
        text-align: center !important;
    }

    #div_list table.report-list-table.report-list--sub tbody td:nth-child(2)::before {
        content: "관리 ";
        font-weight: 400;
        color: #888;
    }

    /* ----- 실적관리 목록 13열(report-result--sub): 모바일 카드 ----- */
    #div_list table.report-result-list-table.report-result--sub tbody tr td[colspan] {
        flex: 1 1 100%;
        width: 100%;
        text-align: center;
        padding: 22px 12px !important;
        color: #666;
        font-size: 13px;
    }

    /* 1행: 선택 · 보고서번호 · 유형 */
    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(1) {
        order: 1;
        flex: 0 0 auto;
        padding-top: 0 !important;
        text-align: center !important;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(2) {
        order: 2;
        flex: 1 1 auto;
        min-width: 0;
        padding-top: 0 !important;
        font-size: 13px;
        font-weight: 600;
        color: #111;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(3) {
        order: 3;
        flex: 0 0 auto;
        margin-left: auto;
        padding-top: 0 !important;
        font-size: 12px;
        color: #666;
        white-space: nowrap;
    }

    /* 2행: 점검년월일 */
    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(7) {
        order: 4;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 12px !important;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.35;
        color: #111;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(7)::before {
        content: "점검년월일 ";
        font-weight: 400;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(4),
    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(5),
    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(6) {
        order: 5;
        flex: 0 1 auto;
        min-width: 0;
        padding-top: 8px !important;
        padding-right: 12px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(4)::before {
        content: "년도 ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(5)::before {
        content: "월 ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(6)::before {
        content: "주차 ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(8) {
        order: 6;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 6px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(8)::before {
        content: "점검자 소속 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(9) {
        order: 7;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 4px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(9)::before {
        content: "점검자 성명 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(10) {
        order: 8;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 4px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(10)::before {
        content: "고객사 점검자 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(11) {
        order: 9;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 4px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(11)::before {
        content: "고객사 소속 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(12) {
        order: 10;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 8px !important;
        font-size: 12px;
        color: #666;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(12)::before {
        content: "이슈번호 : ";
        font-weight: 400;
        color: #888;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(13) {
        order: 11;
        flex: 1 1 100%;
        width: 100%;
        padding-top: 12px !important;
        text-align: center !important;
    }

    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(13) .report-result-print-btn,
    #div_list table.report-result-list-table.report-result--sub tbody td:nth-child(13) .btn-blue {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px !important;
        margin-top: 0;
        border: 0;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #fff !important;
        background: #4a76d1 !important;
        cursor: pointer;
    }

    /* ----- 메인 7열(모바일 간소): 1행 번호 | 이슈명 | 상태(우측) → 2행 생성일시 전체 ----- */
    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(1) {
        order: 1;
        flex: 0 0 auto;
        font-weight: 700;
        font-size: 14px;
        padding-top: 0 !important;
        white-space: nowrap;
    }

    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(3) {
        order: 2;
        flex: 1 1 0;
        min-width: 0;
        font-weight: 700;
        font-size: 14px;
        padding-top: 0 !important;
        padding-right: 4px !important;
    }

    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(3) .issue-title-text {
        font-size: 14px;
    }

    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(6) {
        order: 3;
        flex: 0 1 auto;
        max-width: 38%;
        margin-left: auto;
        padding-top: 0 !important;
        text-align: right;
        align-self: flex-start;
        font-weight: 600;
        font-size: 13px;
        line-height: 1.35;
    }

    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(6)::before {
        content: "상태 : ";
        font-weight: 600;
        color: #555;
        font-size: 12px;
    }

    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(7) {
        order: 4;
        flex: 1 1 100%;
        min-width: 0;
        padding-top: 10px !important;
        margin-top: 6px;
        border-top: 1px solid #f0f0f0;
    }

    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(7)::before {
        content: "생성일시 : ";
        font-weight: 600;
        color: #555;
        font-size: 12px;
    }

    /* 메인 대시보드: 모바일에서만 전체 프로젝트 이슈 목록·페이징 숨김 */
    .main-dashboard-all-issue,
    .main-dashboard-all-issue-paging {
        display: none !important;
    }
}

/* 769px 이상: 모바일 카드 전용(display:flex·숨김 열 등) 완전히 무력화 → PC는 항상 표 레이아웃 */
@media (min-width: 769px) {
    #div_list table.issue-list-table.issue-list--main,
    #div_list table.issue-list-table.issue-list--sub {
        display: table !important;
        width: 100%;
        border-collapse: collapse;
        table-layout: auto;
        border-spacing: 0;
    }

    #div_list table.issue-list-table.issue-list--main caption,
    #div_list table.issue-list-table.issue-list--sub caption {
        display: none;
    }

    #div_list table.issue-list-table.issue-list--main thead,
    #div_list table.issue-list-table.issue-list--sub thead {
        display: table-header-group !important;
    }

    #div_list table.issue-list-table.issue-list--main tbody,
    #div_list table.issue-list-table.issue-list--sub tbody {
        display: table-row-group !important;
    }

    #div_list table.issue-list-table.issue-list--main tbody tr,
    #div_list table.issue-list-table.issue-list--sub tbody tr {
        display: table-row !important;
        flex-wrap: unset;
        gap: unset;
        align-items: unset;
        align-content: unset;
        margin-bottom: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        width: auto;
        max-width: none;
    }

    #div_list table.issue-list-table.issue-list--main tbody td,
    #div_list table.issue-list-table.issue-list--sub tbody td {
        display: table-cell !important;
        flex: unset !important;
        order: 0 !important;
        margin: 0 !important;
        margin-left: unset !important;
        margin-top: unset !important;
        border-top: 1px solid #dadada !important;
        padding: 2px 2px 2px 2px !important;
        font-weight: normal;
        font-size: 12px;
        white-space: normal;
        max-width: none;
        text-align: center;
        line-height: normal;
        vertical-align: middle;
        min-width: 0;
    }

    /* 메인 대시보드: PC에서는 프로젝트·생성자·담당 열 표시 */
    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(2),
    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(4),
    #div_list table.issue-list-table.issue-list--main tbody td:nth-child(5) {
        display: table-cell !important;
    }

    #div_list table.issue-list-table.issue-list--main tbody td::before,
    #div_list table.issue-list-table.issue-list--sub tbody td::before {
        content: none !important;
    }

    #div_list table.issue-list-table.issue-list--sub tbody td.td_left,
    #div_list table.issue-list-table.issue-list--main tbody td.issue-cell-title,
    #div_list table.issue-list-table.issue-list--sub tbody td.issue-cell-title {
        text-align: left !important;
    }
}

/* 페이지네이션(#div_paging / .m-pagination): 768px~320px 줄바꿈·가로스크롤·float 해제 */
@media (max-width: 768px) {
    #div_paging {
        overflow: visible !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 20px;
        text-align: center;
    }

    #div_paging.m-pagination {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px 12px;
        height: auto !important;
        min-height: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 10px 0;
    }

    /* 번호 버튼: JS에서 pageBtnCount 축소 + 줄바꿈으로 한 화면에 배치(가로 스크롤 없음) */
    #div_paging .m-pagination-page {
        display: flex !important;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        float: none !important;
        margin: 0 !important;
        margin-left: 0 !important;
        padding: 2px 0 6px !important;
        padding-right: 0 !important;
        width: 100%;
        max-width: 100%;
        overflow: visible;
        flex: 1 1 100%;
        order: 0;
        list-style: none;
        row-gap: 6px;
    }

    #div_paging .m-pagination-page > li {
        float: none !important;
        flex: 0 0 auto;
    }

    #div_paging .m-pagination-page > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
        min-width: 2rem;
    }

    #div_paging .m-pagination-size {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding-right: 0 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        flex: 0 1 auto;
        max-width: 100%;
    }

    #div_paging .m-pagination-size > select {
        max-width: 100%;
        box-sizing: border-box;
    }

    #div_paging .m-pagination-info {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: auto !important;
        line-height: 1.45 !important;
        flex: 0 1 auto;
        white-space: nowrap;
        max-width: 100%;
        padding: 2px 0;
        margin: 0 !important;
    }

    #div_paging .m-pagination-jump {
        float: none !important;
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* 이슈 등록/상세 (issueHandle·issueLwrkHandle)·증적 등록/수정(issue-evi)·보고서 등록/수정(report-handle): 모바일 단일 열 · 라벨 상단 · 입력 전체 너비 */
@media (max-width: 768px) {
    body.issue-handle #div_normal,
    body.issue-evi #div_normal,
    body.report-handle #div_normal {
        padding: 0 14px 14px;
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden;
    }

    body.issue-handle #div_title,
    body.issue-evi #div_title,
    body.report-handle #div_title {
        padding: 9px 0 7px;
        margin: 0;
        border-bottom: 1px solid #e8e8e8;
    }

    body.issue-handle #div_title h1,
    body.issue-evi #div_title h1,
    body.report-handle #div_title h1 {
        margin: 0;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: #111;
    }

    body.issue-handle .tabs-wrap,
    body.issue-evi .tabs-wrap,
    body.report-handle .tabs-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    body.issue-handle .tabs-wrap .tabs,
    body.issue-evi .tabs-wrap .tabs,
    body.report-handle .tabs-wrap .tabs {
        height: auto !important;
        min-height: 48px;
    }

    body.issue-handle #div_handle,
    body.issue-evi #div_handle,
    body.report-handle #div_handle {
        border-top: none;
        margin-top: 0;
        padding-top: 2px;
        margin-bottom: 8px;
    }

    body.issue-handle #div_handle > .div_title_3,
    body.issue-evi #div_handle > .div_title_3,
    body.report-handle #div_handle > .div_title_3 {
        height: auto;
        min-height: 0;
        padding: 7px 0 7px 22px;
        margin: 0 0 6px;
        font-size: 15px;
        font-weight: 700;
        color: #222;
        border-bottom: 1px solid #ececec;
        background-position: 0 8px;
    }

    body.issue-handle #div_handle > table,
    body.issue-evi #div_handle > table,
    body.report-handle #div_handle > table {
        display: block;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

    body.issue-handle #div_handle > table > tbody,
    body.issue-evi #div_handle > table > tbody,
    body.report-handle #div_handle > table > tbody {
        display: block;
        width: 100%;
    }

    body.issue-handle #div_handle > table > tbody > tr,
    body.issue-evi #div_handle > table > tbody > tr,
    body.report-handle #div_handle > table > tbody > tr {
        display: block;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 9px;
        padding: 0 0 9px;
        /* border-bottom: 1px solid #f2f2f2; */
        box-sizing: border-box;
    }

    body.issue-handle #div_handle > table > tbody > tr:last-child,
    body.issue-evi #div_handle > table > tbody > tr:last-child,
    body.report-handle #div_handle > table > tbody > tr:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    body.issue-handle #div_handle > table > tbody > tr > th,
    body.issue-handle #div_handle > table > tbody > tr > td,
    body.issue-evi #div_handle > table > tbody > tr > th,
    body.issue-evi #div_handle > table > tbody > tr > td,
    body.report-handle #div_handle > table > tbody > tr > th,
    body.report-handle #div_handle > table > tbody > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        border: none !important;
        height: auto !important;
        vertical-align: top;
    }

    body.issue-handle #div_handle > table > tbody > tr > th,
    body.issue-evi #div_handle > table > tbody > tr > th,
    body.report-handle #div_handle > table > tbody > tr > th {
        background: transparent !important;
        padding: 0 0 4px !important;
        font-size: 14px;
        font-weight: 600;
        color: #222;
        line-height: 1.35;
    }

    body.issue-handle #div_handle > table > tbody > tr > td,
    body.issue-evi #div_handle > table > tbody > tr > td,
    body.report-handle #div_handle > table > tbody > tr > td {
        padding: 2px !important;
        font-size: 15px;
    }

    /*
     * 보고서 등록/수정: PC 2열(th-td-th-td)이 모바일에서 세로 스택될 때
     * 첫 번째 필드 값(td) 바로 아래에 오는 두 번째 필드 라벨(th)이 붙는 현상 보정
     * (flex select-row 적용과 무관하게, 동일 tr 안 td + th 사이에 간격 필요)
     */
    body.report-handle #div_handle > table > tbody > tr > td + th {
        margin-top: 16px !important;
        padding-top: 2px !important;
    }

    body.report-handle #div_handle > table > tbody > tr > td:has(+ th) {
        padding-bottom: 6px !important;
    }

    body.issue-handle #div_handle > table > tbody > tr:first-child > td:empty::after,
    body.issue-evi #div_handle > table > tbody > tr:first-child > td:empty::after,
    body.report-handle #div_handle > table > tbody > tr:first-child > td:empty::after {
        content: '{저장시 자동생성}';
        display: inline-block;
        color: #888;
        font-size: 14px;
        font-weight: 400;
    }

    body.issue-handle #div_handle .text_input,
    body.issue-evi #div_handle .text_input,
    body.report-handle #div_handle .text_input {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        min-height: 46px;
        padding: 11px 14px;
        border: 1px solid #d5d5d5;
        border-radius: 8px;
        font-size: 15px;
    }

    body.issue-evi #div_handle .issue-evi-input {
        max-width: 100% !important;
    }

    body.issue-handle #div_handle select,
    body.issue-evi #div_handle select,
    body.report-handle #div_handle select {
        width: 100% !important;
        max-width: 100%;
        min-height: 46px;
        padding: 10px 12px;
        border-radius: 8px;
        border: 1px solid #d5d5d5;
        font-size: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }

    body.issue-handle #div_handle select.select2-hidden-accessible,
    body.issue-evi #div_handle select.select2-hidden-accessible {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: -1px !important;
        border: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0);
    }

    body.issue-handle #div_handle .select2-container,
    body.issue-evi #div_handle .select2-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.issue-handle #div_handle .select2-container .select2-selection--single,
    body.issue-evi #div_handle .select2-container .select2-selection--single {
        min-height: 46px;
        padding: 6px 10px;
        border-radius: 8px;
        border: 1px solid #d5d5d5;
    }

    body.issue-handle #div_handle .select2-container .select2-selection__rendered,
    body.issue-evi #div_handle .select2-container .select2-selection__rendered {
        line-height: 30px;
        font-size: 15px;
    }

    body.issue-handle #div_handle .cke,
    body.issue-evi #div_handle .cke {
        width: 100% !important;
        max-width: 100%;
    }

    body.issue-handle #div_handle .cke_inner,
    body.issue-evi #div_handle .cke_inner {
        border-radius: 8px;
        overflow: hidden;
    }

    body.issue-handle #div_handle .cke_contents,
    body.issue-handle #div_handle iframe.cke_wysiwyg_frame,
    body.issue-evi #div_handle .cke_contents,
    body.issue-evi #div_handle iframe.cke_wysiwyg_frame {
        min-height: 220px !important;
    }

    body.issue-handle #div_handle input.datepicker,
    body.issue-handle #div_handle input.hasDatepicker,
    body.issue-evi #div_handle input.datepicker,
    body.issue-evi #div_handle input.hasDatepicker,
    body.report-handle #div_handle input.datepicker,
    body.report-handle #div_handle input.hasDatepicker {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        min-height: 46px;
        padding: 10px 12px !important;
        border-radius: 8px;
        font-size: 15px;
    }

    /* 완료요청일 등: 인풋 + 달력 트리거 한 줄 */
    body.issue-handle #div_handle td:has(img.ui-datepicker-trigger),
    body.issue-evi #div_handle td:has(img.ui-datepicker-trigger),
    body.report-handle #div_handle td:has(img.ui-datepicker-trigger) {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;
    }

    body.issue-handle #div_handle td:has(img.ui-datepicker-trigger) input.datepicker,
    body.issue-handle #div_handle td:has(img.ui-datepicker-trigger) input.hasDatepicker,
    body.issue-evi #div_handle td:has(img.ui-datepicker-trigger) input.datepicker,
    body.issue-evi #div_handle td:has(img.ui-datepicker-trigger) input.hasDatepicker,
    body.report-handle #div_handle td:has(img.ui-datepicker-trigger) input.datepicker,
    body.report-handle #div_handle td:has(img.ui-datepicker-trigger) input.hasDatepicker {
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        max-width: none;
    }

    body.issue-handle #div_handle td:has(img.ui-datepicker-trigger) img.ui-datepicker-trigger,
    body.issue-evi #div_handle td:has(img.ui-datepicker-trigger) img.ui-datepicker-trigger,
    body.report-handle #div_handle td:has(img.ui-datepicker-trigger) img.ui-datepicker-trigger {
        flex: 0 0 auto;
        display: block;
        margin-top: 0 !important;
        vertical-align: middle;
    }

    body.issue-handle #div_handle #file-div,
    body.issue-evi #div_handle #file-div,
    body.report-handle #div_handle #file-div {
        border-radius: 10px !important;
        border: 2px dashed #e0e0e0 !important;
        min-height: 96px;
        padding: 6px !important;
        box-sizing: border-box;
        font-size: 14px;
        color: #555;
    }

    body.issue-handle #div_handle td.search-td .btn-blue,
    body.issue-evi #div_handle td.search-td .btn-blue,
    body.report-handle #div_handle td.search-td .btn-blue {
        width: 100%;
        box-sizing: border-box;
        margin-top: 5px;
        padding: 12px 14px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
    }

    body.issue-handle #div_handle ul.person_boxes,
    body.issue-evi #div_handle ul.person_boxes {
        margin: 5px 0 0;
        padding: 0;
        list-style: none;
    }

    body.issue-handle #div_handle ul.person_boxes li,
    body.issue-evi #div_handle ul.person_boxes li {
        float: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        padding: 5px 12px;
        margin: 0 0 4px;
        background: #f7f7f7;
        border-radius: 8px;
        font-size: 14px;
    }

    body.issue-handle #div_handle #div_list,
    body.issue-evi #div_handle #div_list {
        margin-top: 4px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 이슈 최초 생성(I): 첨부파일 목록은 빈 안내를 위해 표시 유지 (숨김 규칙 제거됨) */

    body.issue-handle #div_handle #div_button,
    body.issue-evi #div_handle #div_button,
    body.report-handle #div_handle #div_button {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px;
        padding: 4px 0 0;
        margin-top: 6px;
        align-items: stretch;
    }

    body.issue-handle #div_handle #div_button a.btn_blue_text2,
    body.issue-evi #div_handle #div_button a.btn_blue_text2,
    body.report-handle #div_handle #div_button a.btn_blue_text2 {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        height: auto !important;
        min-height: 48px;
        line-height: 1.35 !important;
        padding: 14px 16px !important;
        box-sizing: border-box;
        border-radius: 8px;
        font-size: 15px !important;
        font-weight: 600;
        text-decoration: none;
        border: 2px solid transparent;
    }

    /* 삭제 등 보조 액션: 한 줄 전체 */
    body.issue-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnDelete"],
    body.issue-evi #div_handle #div_button a.btn_blue_text2[onclick*="fnDel"],
    body.report-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnDel"] {
        flex: 1 1 100%;
    }

    /* 저장: fill */
    body.issue-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnValidSave"],
    body.issue-evi #div_handle #div_button a.btn_blue_text2[onclick*="fnSave"],
    body.report-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnSave"] {
        background: #114d67 !important;
        color: #fff !important;
        border-color: #114d67;
    }

    /* 닫기·목록: line */
    body.issue-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnGoBack"],
    body.issue-evi #div_handle #div_button a.btn_blue_text2[onclick*="fnClose"],
    body.report-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnClose"] {
        background: #fff !important;
        color: #114d67 !important;
        border: 2px solid #114d67;
    }

    /* 증적 등록/수정: 라디오(Y/N) 터치 영역 */
    body.issue-evi #div_handle input[type="radio"] {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin: 0 4px 0 0;
    }

    body.issue-evi #div_handle input[type="radio"] + label {
        display: inline-block;
        margin-right: 16px;
        padding: 8px 4px 8px 2px;
        font-size: 15px;
        vertical-align: middle;
    }

    /* 증적 팝업 알림/확인 레이어: PC용 absolute 버튼 위치·여백 보정 */
    body.issue-evi #layerCfmPop.con_mpopup .con_mpopup_c4 {
        margin-left: 0 !important;
        margin-top: 8px !important;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        align-items: center;
        padding: 12px 0 0;
    }

    body.issue-evi #layerCfmPop.con_mpopup .con_mpopup_c4 a.link1 {
        position: static !important;
        right: auto !important;
        top: auto !important;
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
        max-width: 200px;
        text-align: center;
        box-sizing: border-box;
    }

    body.issue-evi #layerPop.con_mpopup .con_mpopup_c3 {
        margin-top: 0 !important;
        padding: 16px 0 0;
    }

    body.issue-evi #layerPop.con_mpopup .con_mpopup_c3 a.link1 {
        position: static !important;
        right: auto !important;
        top: auto !important;
        display: block;
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
        text-align: center;
        box-sizing: border-box;
    }

    /* ===== 보고서 등록/수정 팝업(report-handle) 모바일 보정 ===== */

    /* 보고서유형/보고서상태: 라디오 + 라벨 쌍을 한 줄에 가지런히 */
    body.report-handle #div_handle input[type="radio"] {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin: 0 4px 0 0;
    }

    body.report-handle #div_handle input[type="radio"] + label {
        display: inline-block;
        margin-right: 16px;
        padding: 8px 4px 8px 2px;
        font-size: 15px;
        vertical-align: middle;
    }

    /* 점검대상년도/월/주차 셀렉트 뒤의 '년/월/주' 단위 텍스트 정렬 */
    body.report-handle #div_handle select + br,
    body.report-handle #div_handle select ~ * {
        vertical-align: middle;
    }

    /* 점검자사인: 드롭존 + 파일초기화 버튼을 세로 스택으로 */
    body.report-handle #div_handle td.report-handle-attach-td {
        overflow: visible !important;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 2px 0 8px !important;
    }

    body.report-handle .report-handle-attach-block {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    /* 보고서 팝업 드롭존: 안내 문구가 잘리지 않도록 줄바꿈 허용 */
    body.report-handle #div_handle #file-div.report-handle-file-div,
    body.report-handle #div_handle #file-div {
        background: #fff !important;
        border-radius: 10px !important;
        border: 2px dashed #d0d5dd !important;
        min-height: 5.5em;
        height: auto !important;
        max-height: none !important;
        padding: 14px 12px !important;
        box-sizing: border-box;
        font-size: 14px;
        color: #555;
        line-height: 1.55;
        overflow: visible !important;
        white-space: normal !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    body.report-handle #div_handle #file-div .file-drop-hint {
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: normal !important;
        word-break: keep-all;
        overflow-wrap: break-word;
        line-height: 1.55;
    }

    /* 파일초기화 버튼: 전체 너비 큼지막한 버튼 */
    body.report-handle #div_handle td.report-handle-attach-td .btn-blue.report-handle-file-reset {
        width: 100% !important;
        max-width: 100%;
        display: block;
        margin: 0;
        padding: 14px 16px !important;
        border-radius: 10px;
        font-size: 15px !important;
        font-weight: 600;
        box-sizing: border-box;
        border: none;
        cursor: pointer;
    }

    /* 첨부 안내 문구(jpg/png 등) */
    body.report-handle .report-handle-attach-hint {
        font-size: 13px;
        color: #6b6b6b;
        line-height: 1.5;
        padding: 6px 2px 0;
    }

    /* 기첨부 파일 다운로드 링크: 카드 형태로 한 줄 한 항목 */
    body.report-handle #div_handle td.report-handle-attach-td > a[href^="javascript:fnDownload"] {
        display: block;
        padding: 10px 12px;
        margin-top: 8px;
        background: #f7f7f7;
        border-radius: 8px;
        font-size: 14px;
        color: #114d67;
        text-decoration: none;
        word-break: break-all;
    }

    /* 점검대상년도/월/주차: 셀렉트 + 단위(년/월/주) 한 줄 표시 (전역 select 100%를 오버라이드) */
    body.report-handle #div_handle .report-handle-select-row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.report-handle #div_handle .report-handle-select-row > select {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }

    body.report-handle #div_handle .report-handle-select-unit {
        flex: 0 0 auto;
        font-size: 15px;
        color: #555;
        white-space: nowrap;
    }

    /* 모바일: 삭제 버튼 filled red 강조 (이미 한 줄 전체 너비 규칙은 위에서 매칭됨) */
    body.report-handle #div_handle #div_button a.btn_blue_text2.report-handle-del-btn,
    body.report-handle #div_handle #div_button a.btn_blue_text2[onclick*="fnDel"] {
        background: #d32f2f !important;
        color: #fff !important;
        border: 2px solid #d32f2f !important;
    }

    /* 댓글 등록 팝업 (issue-cmt): 단일 열 · 본문/첨부/대상자 표 */
    body.issue-cmt #div_normal {
        padding: 0 14px 14px;
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden;
    }

    body.issue-cmt #div_title {
        padding: 9px 0 7px;
        margin: 0;
        border-bottom: 1px solid #e8e8e8;
    }

    body.issue-cmt #div_title h1 {
        margin: 0;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: #111;
    }

    body.issue-cmt #div_normal > form > .div_title_3 {
        height: auto;
        min-height: 0;
        padding: 7px 0 7px 22px;
        margin: 12px 0 6px;
        font-size: 15px;
        font-weight: 700;
        color: #222;
        border-bottom: 1px solid #ececec;
        background-position: 0 8px;
    }

    body.issue-cmt textarea.issue-cmt-desc {
        display: block;
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        min-height: 120px;
        padding: 12px 14px;
        border: 1px solid #d5d5d5;
        border-radius: 8px;
        font-size: 15px;
        margin-top: 4px;
    }

    /* 전역 #div_handle { overflow:hidden }, #div_handle tr { height:40px } 가 첨부 행·문구를 잘라냄 → 댓글 팝업에서만 해제 */
    body.issue-cmt #div_handle {
        border-top: none;
        margin-top: 8px;
        margin-bottom: 8px;
        overflow: visible !important;
    }

    body.issue-cmt #div_handle > table {
        display: block;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

    body.issue-cmt #div_handle > table > tbody {
        display: block;
        width: 100%;
    }

    body.issue-cmt #div_handle > table > tbody > tr {
        display: block;
        width: 100%;
        margin: 0 0 9px;
        padding: 0 0 9px;
        box-sizing: border-box;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.issue-cmt #div_handle > table > tbody > tr > th,
    body.issue-cmt #div_handle > table > tbody > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        border: none !important;
        height: auto !important;
    }

    body.issue-cmt #div_handle > table > tbody > tr > th {
        background: transparent !important;
        padding: 0 0 4px !important;
        font-size: 14px;
        font-weight: 600;
        color: #222;
        height: auto !important;
        min-height: 0 !important;
    }

    body.issue-cmt #div_handle > table > tbody > tr > td {
        padding: 2px !important;
    }

    body.issue-cmt #div_handle > table > tbody > tr > td.issue-cmt-attach-td {
        padding: 4px 0 12px !important;
    }

    /* 첨부 영역: 세로 스택 · 전체 너비 버튼(모바일 시안) */
    body.issue-cmt #div_handle td.search-td.issue-cmt-attach-td {
        overflow: visible !important;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    body.issue-cmt .issue-cmt-attach-block {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    body.issue-cmt #div_handle td.issue-cmt-attach-td .btn-blue.issue-cmt-file-reset {
        width: 100% !important;
        max-width: 100%;
        display: block;
        margin: 0;
        padding: 14px 16px !important;
        border-radius: 10px;
        font-size: 15px !important;
        font-weight: 600;
        box-sizing: border-box;
        border: none;
        cursor: pointer;
    }

    /* 첨부 영역: 고정 높이·가로 hidden 등으로 문구가 잘리지 않도록 */
    body.issue-cmt #div_handle td.search-td {
        overflow: visible !important;
    }

    body.issue-cmt #div_handle #file-div.issue-cmt-file-div,
    body.issue-cmt #div_handle #file-div {
        background: #fff !important;
        border-radius: 10px !important;
        border: 2px dashed #d0d5dd !important;
        min-height: 5.5em;
        height: auto !important;
        max-height: none !important;
        padding: 14px 12px !important;
        box-sizing: border-box;
        font-size: 14px;
        color: #555;
        line-height: 1.55;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        white-space: normal !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    body.issue-cmt #div_handle #file-div .file-drop-hint {
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: normal !important;
        word-break: keep-all;
        overflow-wrap: break-word;
        line-height: 1.55;
    }

    /* 메시지 대상자: 가로 스크롤 테이블 → 카드 목록 */
    body.issue-cmt #div_list {
        margin-top: 8px;
        overflow-x: visible !important;
        -webkit-overflow-scrolling: touch;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table caption {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table colgroup {
        display: none;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table thead {
        display: block;
        width: 100%;
        margin: 0 0 12px;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table thead tr {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        background: #f3f5f7;
        border-radius: 10px;
        border: 1px solid #e5e8ec;
        box-sizing: border-box;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table thead th {
        display: none;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table thead th:first-child {
        display: flex !important;
        align-items: center;
        gap: 10px;
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        color: #333;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table thead th:first-child::after {
        content: '전체 선택';
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody {
        display: block;
        width: 100%;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody tr {
        display: grid;
        grid-template-columns: 30px 1fr;
        column-gap: 12px;
        row-gap: 6px;
        align-items: start;
        padding: 16px 14px;
        margin: 0 0 12px;
        border: 1px solid #dfe3e8;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
        box-sizing: border-box;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody tr:last-child {
        margin-bottom: 0;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td {
        display: block;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        border: none !important;
        text-align: left !important;
        vertical-align: top;
        font-size: 14px;
        color: #333;
        line-height: 1.45;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
        width: auto !important;
        padding-top: 2px !important;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(1) input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        font-size: 17px;
        font-weight: 700;
        color: #111;
        letter-spacing: -0.02em;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(3) {
        grid-column: 1 / -1;
        grid-row: 2;
        margin-top: 8px;
        padding-top: 10px !important;
        border-top: 1px solid #f0f2f5 !important;
        color: #444;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(3)::before {
        content: '소속 ';
        font-weight: 600;
        color: #6b7280;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(4) {
        grid-column: 1 / -1;
        grid-row: 3;
        color: #444;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(4)::before {
        content: '직급 ';
        font-weight: 600;
        color: #6b7280;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(5) {
        grid-column: 1 / -1;
        grid-row: 4;
        color: #444;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(5)::before {
        content: '직책 ';
        font-weight: 600;
        color: #6b7280;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(5):empty {
        display: none !important;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(6) {
        grid-column: 1 / -1;
        grid-row: 5;
        margin-top: 4px;
        padding-top: 8px !important;
        border-top: 1px solid #f0f2f5 !important;
        font-size: 15px;
        font-weight: 500;
        color: #1e3a4f;
    }

    body.issue-cmt #div_list table.issue-cmt-target-table tbody td:nth-child(6)::before {
        content: '전화번호 ';
        font-weight: 600;
        color: #6b7280;
        font-size: 14px;
    }

    body.issue-cmt #div_button {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px;
        padding: 12px 0 0;
        margin-top: 8px;
        align-items: stretch;
        justify-content: flex-end;
    }

    body.issue-cmt #div_button a.btn_blue_text2 {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        min-height: 48px;
        line-height: 1.35 !important;
        padding: 14px 16px !important;
        box-sizing: border-box;
        border-radius: 8px;
        font-size: 15px !important;
        font-weight: 600;
        text-decoration: none;
        border: 2px solid transparent;
    }

    body.issue-cmt #div_button a.btn_blue_text2[onclick*="fnCmtSave"] {
        background: #114d67 !important;
        color: #fff !important;
        border-color: #114d67;
    }

    body.issue-cmt #div_button a.btn_blue_text2[onclick*="fnCmtClose"] {
        background: #fff !important;
        color: #114d67 !important;
        border: 2px solid #114d67;
    }

    body.issue-cmt #layerCfmPop.con_mpopup .con_mpopup_c4 {
        margin-left: 0 !important;
        margin-top: 8px !important;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        align-items: center;
        padding: 12px 0 0;
    }

    body.issue-cmt #layerCfmPop.con_mpopup .con_mpopup_c4 a.link1 {
        position: static !important;
        right: auto !important;
        top: auto !important;
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
        max-width: 200px;
        text-align: center;
        box-sizing: border-box;
    }

    body.issue-cmt #layerPop.con_mpopup .con_mpopup_c3 {
        margin-top: 0 !important;
        padding: 16px 0 0;
    }

    body.issue-cmt #layerPop.con_mpopup .con_mpopup_c3 a.link1 {
        position: static !important;
        right: auto !important;
        top: auto !important;
        display: block;
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
        text-align: center;
        box-sizing: border-box;
    }
}

@media (max-width: 480px) {
    #div_paging {
        padding-left: 6px;
        padding-right: 6px;
    }

    #div_paging .m-pagination-page > li > a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 14px !important;
    }

    #div_paging .m-pagination-size > select {
        font-size: 14px !important;
    }

    #div_paging .m-pagination-info {
        font-size: 13px !important;
    }
}

@media (max-width: 360px) {
    #div_paging {
        padding-left: 4px;
        padding-right: 4px;
    }

    #div_paging.m-pagination {
        gap: 8px;
    }

    #div_paging .m-pagination-page > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 13px !important;
        min-width: 1.85rem;
    }
}

/* sub_view_content: 모바일 첨부파일 카드 (clean version) */
.issue-sub-title-like {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 1.35;
    margin: 0 0 4px;
    padding: 0 0 4px;
    background: none;
}

@media (max-width: 768px) {
    body.issue-handle #attachment-card {
        border: 1px solid #d2d7de;
        border-radius: 10px;
        background: #ffffff;
        overflow: hidden;
        margin: 14px 0;
    }

    body.issue-handle #attachment-card .issue-card-title {
        display: none;
    }

    body.issue-handle #attachment-card .issue-card-body {
        padding: 10px;
    }

    body.issue-handle #attachment-card #table_list {
        width: 100%;
        border: 0;
        background: transparent;
    }

    body.issue-handle #attachment-card #table_list thead,
    body.issue-handle #attachment-card #table_list colgroup {
        display: none;
    }

    body.issue-handle #attachment-card #table_list tbody,
    body.issue-handle #attachment-card #table_list tbody tr,
    body.issue-handle #attachment-card #table_list tbody td {
        display: block;
        width: 100%;
        height: auto;
        border: 0;
        text-align: left;
    }

    body.issue-handle #attachment-card #table_list tbody tr {
        background: #ffffff;
        padding: 8px 8px 6px;
    }

    body.issue-handle #attachment-card #table_list tbody td {
        margin: 0 0 8px;
        padding: 0;
        line-height: 1.45;
        font-size: 14px;
        color: #444;
        word-break: break-word;
    }

    body.issue-handle #attachment-card #table_list tbody tr:not(.issue-empty-row) td:nth-child(1) {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
    }

    body.issue-handle #attachment-card #table_list tbody tr:not(.issue-empty-row) td:nth-child(2) a {
        font-size: 16px;
        font-weight: 700;
        color: #222;
        text-decoration: underline;
    }

    body.issue-handle #attachment-card #table_list tbody tr:not(.issue-empty-row) td:nth-child(3)::before {
        content: '등록일시 : ';
        font-weight: 600;
    }

    body.issue-handle #attachment-card #table_list tbody tr:not(.issue-empty-row) td:nth-child(4)::before {
        content: '등록자 : ';
        font-weight: 600;
    }

    body.issue-handle #attachment-card #table_list tbody tr:not(.issue-empty-row) td:nth-child(5)::before {
        content: '관리 : ';
        font-weight: 600;
    }

    body.issue-handle #attachment-card #table_list tbody td:last-child {
        margin-bottom: 0;
    }

    body.issue-handle.issue-detail-mode #comment-list-card {
        border: 1px solid #d2d7de;
        border-radius: 10px;
        background: #ffffff;
        overflow: hidden;
        margin: 14px 0;
    }

    body.issue-handle.issue-detail-mode #comment-list-card .issue-card-title {
        display: block;
        padding: 0 0 8px;
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #333;
        border: 0;
        background: transparent;
    }

    body.issue-handle.issue-detail-mode #comment-list-card .issue-card-body {
        padding: 10px;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table {
        width: 100%;
        border: 0;
        background: transparent;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table thead,
    body.issue-handle.issue-detail-mode #comment-list-card table colgroup {
        display: none;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody,
    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr,
    body.issue-handle.issue-detail-mode #comment-list-card table tbody td {
        display: block;
        width: 100%;
        height: auto;
        border: 0;
        text-align: left;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr {
        background: #ffffff;
        padding: 8px 8px 6px;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody td {
        margin: 0 0 8px;
        padding: 0;
        line-height: 1.45;
        font-size: 14px;
        color: #444;
        word-break: break-word;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody td[colspan],
    body.issue-handle.issue-detail-mode #comment-list-card table tbody td.issue-list-empty {
        text-align: center;
        color: #666;
        margin-bottom: 0;
        padding: 14px 8px;
        font-size: 15px;
        line-height: 1.45;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr:not(.issue-empty-row) td:nth-child(1)::before {
        content: '작성자 : ';
        font-weight: 600;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr:not(.issue-empty-row) td:nth-child(2)::before {
        content: '수신자 : ';
        font-weight: 600;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr:not(.issue-empty-row) td:nth-child(3)::before {
        content: '내용 : ';
        font-weight: 600;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr:not(.issue-empty-row) td:nth-child(4)::before {
        content: '작성일시 : ';
        font-weight: 600;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr:not(.issue-empty-row) td:nth-child(5)::before {
        content: '관리 : ';
        font-weight: 600;
    }

    body.issue-handle #attachment-card #table_list tbody tr.issue-empty-row td.issue-list-empty {
        text-align: center;
        color: #666;
        margin-bottom: 0;
        padding: 14px 8px;
        font-size: 15px !important;
        line-height: 1.45;
    }

    body.issue-handle #attachment-card #table_list tbody tr.issue-empty-row td.issue-list-empty,
    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr.issue-empty-row td.issue-list-empty {
        border: 0 !important;
        background: transparent !important;
    }

    body.issue-handle.issue-detail-mode #comment-list-card table tbody td:last-child {
        margin-bottom: 0;
    }
}

/* 이슈 상세/생성: 첨부·댓글 빈 목록 안내 (PC — 댓글 카드와 유사한 테두리) */
@media (min-width: 769px) {
    body.issue-handle #attachment-card #table_list tbody tr.issue-empty-row td.issue-list-empty,
    body.issue-handle.issue-detail-mode #comment-list-card table tbody tr.issue-empty-row td.issue-list-empty {
        border: 1px solid #e3e6ea;
        border-radius: 8px;
        background: #fafbfc;
    }
}

/* sub_view_content 모바일 카드형 UI */
body.issue-handle.issue-detail-mode .issue-card-title {
    display: none;
}

@media (max-width: 768px) {
    body.issue-handle.issue-detail-mode .btn_blue_text2,
    body.issue-handle.issue-detail-mode .btn-blue {
        min-height: 44px;
        line-height: 1.35;
        padding: 11px 18px;
        border-radius: 8px;
        font-size: 16px !important;
        font-weight: 600;
        box-sizing: border-box;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    body.issue-handle.issue-detail-mode .issue-card {
        border: 1px solid #d2d7de;
        border-radius: 12px;
        background: #f7f8fa;
        margin: 16px 0;
        overflow: hidden;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
    }

    body.issue-handle.issue-detail-mode .issue-card-title {
        display: block;
        padding: 13px 16px 12px;
        font-size: 24px;
        font-weight: 700;
        color: #1c2f45;
        line-height: 1.2;
        background: #eef1f5;
        border-bottom: 1px solid #d2d7de;
    }

    body.issue-handle.issue-detail-mode .issue-card-body {
        padding: 0 10px 10px;
    }

    body.issue-handle.issue-detail-mode .issue-card-body table {
        margin: 0;
        border-top: 0;
        background: #fff;
        border: 1px solid #d9dde3;
        border-radius: 8px;
        overflow: hidden;
    }

    body.issue-handle.issue-detail-mode .issue-card-body table th,
    body.issue-handle.issue-detail-mode .issue-card-body table td {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.issue-handle.issue-detail-mode #div_button .btn_blue_text2,
    body.issue-handle.issue-detail-mode .btn-blue,
    body.issue-handle.issue-detail-mode a.comment-register-btn {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

}

/* ydg-2026.07 현재 선택된 탭을 명확히 구분하기 위한 강조 스타일 (기존 tabs-selected의 border-color만으로는 구분이 약해서 배경/글자색 추가) */
.tabs-wrap .tabs li.tabs-selected a.tabs-inner {
	background: #e8f0fe !important;
	border-color: #4a76d4 !important;
}
.tabs-wrap .tabs li.tabs-selected a.tabs-inner .tabs-title {
	color: #2451a4 !important;
	font-weight: bold;
}