@charset "UTF-8";
.ijMainContent {
    display: block;
    min-height: 660px;
    box-sizing: border-box;
}

.ijMainContent .ijContentWrap {
    width: 95%;
    min-width: 1200px;
    margin: 0 auto;
}

.ijMainContent .ijContentWrap.mw-1400 {
    min-width: 1400px;
}

.ijMainContent .ijContentWrap.small {
    min-width: auto;
    width: 600px;
}

.ij_title {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    color: #202020;
}

.ij_title.head_icon:before {
    content: url(/resource/common/images/icon/icn_title.png);
    padding-right: 5px;
}

.ij_title.medium {
    font-weight: 500;
}

.ij_title.normal {
    font-weight: 400;
}

h1.ij_title {
    font-size: 24px !important;
}

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

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

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

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

h1.ij_title.head_icon:before {
    width: 14px;
    vertical-align: 2px;
}

h2.ij_title.head_icon:before {
    width: 14px;
    vertical-align: 1px;
}

h3.ij_title.head_icon:before {
    width: 14px;
}

h4.ij_title.head_icon:before {
    width: 13px;
}

h5.ij_title.head_icon:before {
    width: 13px;
    vertical-align: -2px;
}

.ij_title label.description {
    color: #808080;
    font-size: 0.8em;
    margin-left: 0.2em;
}

.ij_description {
    color: #808080;
    font-size: 0.8em;
    margin-left: 0.4em;
}

span.pipe {
    color: #808080;
    font-size: 0.6em;
    margin: 0 0.8em;
    vertical-align: 0.35em;
}

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

.submitWrap button {
    margin-right: 8px;
    width: 150px;
}

.submitWrap button:last-child {
    margin-right: 0;
}

/* description 박스 */
.ij_description_wrap {
    margin-top: 48px;
    padding: 25px;
    background-color: #f3f5f9;
}

.ij_description_wrap div {
    font-size: 14px;
    color: #5c667b;
}

.ij_description_wrap div.desc_title {
    width: 150px;
    float: left;
    font-size: 16px;
    font-weight: 500;
}

.ij_description_wrap div.desc_title img {
    vertical-align: -2px;
}

.ij_description_wrap div.desc_content {
    margin-left: 150px;
    line-height: 24px;
}

.ij_description_wrap label {
    color: #3267e9;
}

/* 엘리먼트 영역관련 */
/* 엘리먼트 영역관련 */
/* 엘리먼트 영역관련 */

/*기본 -> 둥근 아이콘에 파랑점*/
input[type="radio"].ij_radio {
    display: none;
}

input[type="radio"].ij_radio + div {
    margin-right: 4px;
    box-sizing: border-box;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    line-height: 16px;
    vertical-align: baseline;
}

input[type="radio"].ij_radio + div:hover {
    color: #3267e9;
    cursor: pointer;
}

input[type="radio"].ij_radio + div:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    content: "";
    border: 1px solid #3267e9;
    border-radius: 20px;
    background: #ffffff;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input[type="radio"].ij_radio:checked + div {
    color: #202020;
}

input[type="radio"].ij_radio:checked + div:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #3267e9;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 20px;
}

input[type="radio"].blog_radio:checked + div::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #3267e9;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 20px;
}
input[type="radio"].blog_radio:checked + div::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #3267e9;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 20px;
}

input[type="radio"].ij_radio:disabled + div:before {
    border-color: #8491a7;
    background: #f4f6fa;
}

input[type="radio"].ij_radio:checked:disabled + div:after {
    background: #8491a7;
}

/*범례없이 라디오만 단독으로 사용*/
input[type="radio"].ij_radio.single + div {
    vertical-align: top;
    margin: 2px 1px 0 5px;
}

/*어두운 배경용*/
input[type="radio"].ij_radio.dark + div {
    color: #ffffff;
}

input[type="radio"].ij_radio.dark + div:hover {
    color: #fffacd;
}

/*      폼 스타일 - checkbox */
input.ij_checkbox[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

input.ij_checkbox[type="checkbox"] + div {
    margin-right: 4px;
    box-sizing: border-box;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    line-height: 16px;
    vertical-align: baseline;
}

input.ij_checkbox[type="checkbox"] + div:hover {
    color: #3267e9;
    cursor: pointer;
}

input.ij_checkbox[type="checkbox"] + div:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    content: "";
    border: 1px solid #3267e9;
    border-radius: 2px;
    background: #ffffff;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input.ij_checkbox[type="checkbox"]:checked + div {
    color: #333;
}

input.ij_checkbox[type="checkbox"]:checked + div:after {
    position: absolute;
    top: 4px;
    left: 3px;
    display: inline-block;
    content: "";
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    box-sizing: border-box;
    width: 10px;
    height: 6px;
    transform: rotate(-45deg);
}

input.ij_checkbox[type="checkbox"]:checked + div:before {
    background: #3267e9;
}

input.ij_checkbox[type="checkbox"]:focus + div:before {
    border-width: 2px;
    border-color: black;
}

input.ij_checkbox[type="checkbox"]:checked:focus + div:before {
    border-width: 2px;
    border-color: black;
}

/*IE 11 under hack*/
_:-ms-fullscreen,
:root input.ij_checkbox[type="checkbox"]:checked + div:after {
    top: 5px;
}

input.ij_checkbox[type="checkbox"]:disabled + div:before {
    border-color: #8491a7;
    background: #f4f6fa;
}

input.ij_checkbox[type="checkbox"]:disabled + div:hover {
    color: #333;
}

input.ij_checkbox[type="checkbox"]:checked:disabled + div:after {
    border-color: #8491a7;
}

/*범례없이 체크박스만 단독으로 사용*/
input.ij_checkbox.single[type="checkbox"] + div {
    vertical-align: top;
    margin: 2px 0 0 5px;
}

/*어두운 배경용*/
input.ij_checkbox.dark[type="checkbox"] + div {
    color: #ffffff;
}

input.ij_checkbox.dark[type="checkbox"] + div:hover {
    color: #fffacd;
}

input.ij_checkbox2[type="checkbox"] {
    display: none;
}

input.ij_checkbox2[type="checkbox"] + div {
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0px;
    position: relative;
    margin-top: -2px;
}

input.ij_checkbox2[type="checkbox"]:checked + div:before {
    content: "";
    display: inline-block;
    width: 10px;
    box-sizing: border-box;
    height: 7px;
    transform: rotate(-45deg);
    border-left: 2px solid #3267e9;
    border-bottom: 2px solid #3267e9;
    top: 2px;
    left: 2px;
    position: absolute;
}

/*      폼 스타일 - select */
div.ij_select {
    position: relative;
    display: inline-block;
}

div.ij_select:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 8px;
    pointer-events: none;
    font-weight: 900;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #8491a7;
}

div.ij_select select {
    font-size: 13px;
    font-weight: 400;
    padding: 0 30px 0 8px;
    height: 30px;
    line-height: 26px;
    box-sizing: border-box;
    width: 100%;
    color: #8491a7;
    border-radius: 0;
    background-color: white;
    margin: 0;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #aab6cb;
    outline: 0;
    vertical-align: -0.5px;
}

/* 크롬 핵 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.ij_select select {
        vertical-align: baseline;
    }
}

div.ij_select:hover #selected_name {
    border: 1px solid #5c667b;
    color: #5c667b;
}

div.ij_select input#selected_name:hover,
div.ij_select input#selected_name:focus {
    outline: none;
    cursor: default;
}

div.ij_select:hover:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 8px;
    pointer-events: none;
    font-weight: 900;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #5c667b;
}

div.ij_select:hover select {
    padding: 0 30px 0 8px;
    height: 30px;
    line-height: 26px;
    box-sizing: border-box;
    width: 100%;
    color: #5c667b;
    border-radius: 0;
    background-color: white;
    margin: 0;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #5c667b;
    outline: 0;
}

div.ij_select select:disabled {
    background-color: #f9f9f9;
}

div.ij_select select::-ms-expand {
    display: none;
}

div.ij_select.medium:before {
    top: 18px;
    right: 11px;
}

div.ij_select.medium select {
    font-size: 14px;
    line-height: normal;
    height: 40px;
}

.select2-container .ij_select2_container.select2-selection--single {
    height: 30px;
    margin-top: -2px;
}

.select2-container--default .ij_select2_container.select2-selection--single {
    border-radius: 0;
    border: 1px solid #aab6cb;
    font-size: 13px;
}

.select2-container--default
    .ij_select2_container.select2-selection--single:hover {
    border-color: #5c667b;
    color: #5c667b;
}

.select2-container--default
    .ij_select2_container.select2-selection--single
    .select2-selection__rendered {
    color: #8491a7;
}

.select2-container--default
    .ij_select2_container.select2-selection--single
    .select2-selection__rendered:hover {
    color: #5c667b;
}

.ij_select2_dropdown .select2-results__option {
    float: none;
}

/*선택 안되게 하기 -> 버튼 이나 클릭만 할 수 있고 드래그 해서 안에 텍스트 선택 안되야 할 때 사용*/
.ij_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*테이블스타일*/
.ij_table {
    position: relative;
    background-color: #ffffff;
}

.ij_table.margin_40 {
    padding: 40px;
}

.ij_table.box {
    border: 1px solid #dcddde;
}

.ij_table table {
    width: 100%;
}

.ij_table table th {
    border-top: 1px solid #8491a7;
    border-bottom: 1px solid #8491a7;
    font-weight: 500;
}

.ij_table table td {
    border-bottom: 1px solid #aab6cb;
}

.ij_table table th,
.ij_table table td {
    padding: 9px 10px 10px 10px;
    height: 30px;
}

.ij_table table td.highlight {
    background-color: #fbffb8 !important;
}

.ij_table table caption {
    color: #3267e9;
    font-size: 12px;
    font-family: 돋움, Dotum, "Noto Sans KR", AppleSDGothicNeo-Regular,
        "맑은 고딕", "Malgun Gothic", 나눔고딕, 굴림, Gulim,
        "Apple SD Gothic Neo", sans-serif, verdana;
}

.ij_table.type1 table {
    width: 100%;
    border-top: 1px solid #5c667b;
}

.ij_table.type1 table th {
    padding: 9px 20px 10px 20px;
    font-weight: 500;
    background: #f1f5ff;
    border-top: none;
}

.ij_table.type1 table td {
    padding: 9px 10px 10px 10px;
}

.ij_table.type1 table th,
.ij_table.type1 table td {
    border-bottom: 1px solid #aab6cb;
    text-align: left;
}

.ij_table table.ta-l th,
.ij_table table.ta-l td {
    text-align: left;
}

.ij_table table.ta-r th,
.ij_table table.ta-r td {
    text-align: right;
}

.ij_table table.ta-c th,
.ij_table table.ta-c td {
    text-align: center;
}

.freezeTable.ij_table {
    z-index: 1;
}

.listWrap.ij_table {
    margin-top: -1px;
}

.ij_table.type1.list table tr {
    height: 30px;
}

.ij_table.type1.list table th {
    padding: 6px 0;
    text-align: center;
    font-weight: 700;
}

.ij_table.type1.list table td {
    padding: 5px 7px;
    line-height: 18px;
}

.ij_table.type1.list > table > tbody > tr.row_pink > td {
    background-color: #fde6f0;
}

.ij_table.type1.list > table > tbody > tr.row_orange > td {
    background-color: #ffecd8;
}

.ij_table.type1.list > table > tbody > tr.row_yellow > td {
    background-color: #fcfcd8;
}

.ij_table.type1.list > table > tbody > tr.row_green > td {
    background-color: #dafbd9;
}

.ij_table.type1.list > table > tbody > tr.row_blue > td {
    background-color: #e9faff;
}

.ij_table.type1.list > table > tbody > tr.row_violet > td {
    background-color: #eee9ff;
}

.ij_table.type1.list > table > tbody > tr:hover > td {
    background-color: #fff8e0;
}

.ij_table.type1.list th,
.ij_table.type1.list td,
.ij_table.type1.list p,
.ij_table.type1.list div {
    font-size: 12px;
    font-family: 돋움, Dotum, AppleSDGothicNeo-Regular, "맑은 고딕",
        "Malgun Gothic", 나눔고딕, 굴림, Gulim, "Apple SD Gothic Neo",
        sans-serif, verdana;
    letter-spacing: 0;
}

.ij_table.type1.detail .title {
    padding: 5px 20px;
    line-height: 22px;
    font-size: 14px;
    font-weight: bold;
}

.ij_table.type1.detail .title a {
    color: #202020;
    cursor: default;
}

.ij_table.type1.detail .title * {
    font-size: 14px;
}

.ij_table.type1.detail .title .ij_badge {
    padding: 3px 3px 16px 3px;
}

/* Safari hack 2021 */
_::-webkit-full-page-media,
_:future,
:root .ij_table.type1.detail .title .ij_badge {
    padding: 2px 3px 17px 3px;
}

.ij_table.type1.detail th,
.ij_table.type1.detail td,
.ij_table.type1.detail p,
.ij_table.type1.detail div {
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 18px;
    font-family: 돋움, Dotum, "Noto Sans KR", AppleSDGothicNeo-Regular,
        "맑은 고딕", "Malgun Gothic", 나눔고딕, 굴림, Gulim,
        "Apple SD Gothic Neo", sans-serif, verdana;
}

.ij_table.type1.detail #ij_badge_description.findhyeop,
.ij_table.type1.detail .ij_badge.contract,
.ij_table.type1.detail .ij_badge.findhyeop {
    letter-spacing: -0.08em;
    word-spacing: -0.15em;
    font-weight: 500;
}

.ij_table.type1.detail tbody td #ij_badge_description.findhyeop,
.ij_table.type1.detail tbody td .ij_badge.findhyeop {
    height: 25px;
    line-height: 23px;
    width: 93.41px;
    text-align: center;
    position: absolute;
    right: 7px;
    top: 5px;
}

.ij_table.type1.list .list2detailAnchor.con_name_cancel,
.ij_table.type1.detail .title .list2detailAnchor.con_name_cancel {
    text-decoration: line-through;
    color: #bbb !important;
}

.ij_table.board table {
    table-layout: fixed;
}

.ij_table.board th.title {
    padding: 15px 20px 15px 20px;
}

.ij_table.board th.title .ij_title {
    font-weight: 500;
    text-align: left;
}

.ij_table.board th.title .info {
    text-align: right;
    padding-right: 5px;
    font-weight: 400;
    margin-top: 10px;
}

.ij_table.board td {
    padding: 9px 10px 10px 10px;
}

.ij_table.board td.detail_con {
    padding: 40px;
}

.ij_table.board td a.ij_link:hover {
    text-decoration: underline;
    color: #3267e9;
}

.ij_table.board td a.ij_link.file {
    padding-left: 20px;
    position: relative;
}

.ij_table.board td a.ij_link.file:before {
    content: url("/resource/common/images/icon/icn_file.png");
    position: absolute;
    left: 0;
    top: 1px;
}

/* eunpa 디자이너 디폴트 패딩 */
.ij_table.form_style table th {
    padding: 15px 10px;
}

.ij_table.form_style table td {
    padding: 15px 20px;
}

/* thin - slim - plump - overweight - heavy */
.ij_table.thin table th,
.ij_table.thin table td {
    padding: 2px 8px;
    height: auto;
}

.ij_table.thin button {
    padding: 0px 4px 1px;
    line-height: 16px;
    font-size: 12px;
}

.ij_table.slim table th,
.ij_table.slim table td {
    padding: 2px 8px;
}

.ij_table.slim.boksu table th,
.ij_table.slim.boksu table td {
    padding: 2px 6px;
}

/*.ij_table.slim button{padding:2px 8px;}*/

.ij_table.plump table th,
.ij_table.plump table td {
    padding: 6px 8px;
}

.ij_table.overweight table th,
.ij_table.overweight table td {
    padding: 11px 8px 12px;
}

/* thin H 25 - slim H31 - plump H39 - overweight H50 - heavy */

.ij_table.form table th {
    text-align: center;
}

.ij_table.form table th,
.ij_table.form table td {
    padding: 8px;
}

.ij_table.border table th,
.ij_table.border table td {
    border-left: 1px solid #aab6cb;
    border-right: 1px solid #aab6cb;
}

.ij_table.hover table tr:hover td {
    background-color: #fff8e0;
}

.ij_table.head_center table th {
    text-align: center;
}

.ij_table.body_center table td {
    text-align: center;
}

.ij_table.border_less table,
.ij_table.border_less table th,
.ij_table.border_less table td {
    border: none;
}

.ij_table table th.bg_gray,
.ij_table table td.bg_gray {
    background-color: #f7f7f7 !important;
}

.ij_table table th.bg_orange,
.ij_table table td.bg_orange {
    background-color: #fff6e0 !important;
}

.ij_table table th.bg_pink,
.ij_table table td.bg_pink {
    background-color: #fdf4f0 !important;
}

.ij_table table th.bg_green,
.ij_table table td.bg_green {
    background-color: #f4faf4 !important;
}

.ij_table table th.bg_violet,
.ij_table table td.bg_violet {
    background-color: #8583fe !important;
}

.ij_table table th.bg_blue,
.ij_table table td.bg_blue {
    background-color: #f1f5ff !important;
}

.ij_table.gray table th {
    background-color: #f7f7f7;
}

.ij_table.orange table th {
    background-color: #fff6e0;
}

.ij_table.pink table th {
    background-color: #fdf4f0;
}

.ij_table.green table th {
    background-color: #f4faf4;
}

.ij_table table td label.description {
    font-size: 0.85em;
    color: #8489a7;
    margin-left: 20px;
}

.ij_table table td label.description label {
    color: #3267e9;
}

.ij_table table .sub_table table {
    border: none;
}

.ij_table table .sub_table th,
.ij_table table .sub_table td {
    padding: 0;
    font-weight: normal;
    background: none;
    border: none;
    text-align: left;
}

.ij_table.type2 table {
    width: 100%;
    border-top: 1px solid #3267e9;
}

.ij_table.type2 table th {
    padding: 9px 20px 10px 20px;
    font-weight: 500;
    border-top: none;
    border-bottom: none;
}

.ij_table.type2 table td {
    padding: 9px 10px 10px 10px;
    border-bottom: 1px solid #d7dce5;
    text-align: left;
    border-top: none;
}

/* 균등분배 레이아웃 (기본값 5) */
ul.ij_ul_stretch {
    width: 100%;
    overflow: visible;
}

ul.ij_ul_stretch li {
    width: 20%;
    padding: 4px 20px;
    box-sizing: border-box;
    overflow: visible;
}

ul.ij_ul_stretch.stretch_2 li {
    width: 50%;
}

ul.ij_ul_stretch.stretch_3 li {
    width: 33.33%;
}

ul.ij_ul_stretch.stretch_4 li {
    width: 25%;
}

ul.ij_ul_stretch.stretch_6 li {
    width: 16.66%;
}

ul.ij_ul_stretch.stretch_7 li {
    width: 14.28%;
}

ul.ij_ul_stretch.stretch_8 li {
    width: 12.5%;
}

ul.ij_ul_stretch.stretch_9 li {
    width: 11.11%;
}

ul.ij_ul_stretch.none_padding li {
    padding: 0;
}

/* 페이징 */
.paging {
    margin-top: 40px;
    text-align: center;
}

.paging_wrap {
    display: inline-block;
}

.paging a {
    display: block;
    float: left;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d7dce5;
    color: #5c667b;
    font-weight: bold;
    box-sizing: border-box;
}

.paging a.act {
    color: #3267e9;
    border: 1px solid #3267e9;
}

.paging .prev {
    margin-right: 8px;
    background: url(/resource/common/images/icon/icn_prev.png) no-repeat center
        center;
}

.paging .next {
    margin-left: 8px;
    background: url(/resource/common/images/icon/icn_next.png) no-repeat center
        center;
}

/* Input */
input.ij_input[type="text"],
input.ij_input[type="password"] {
    box-sizing: border-box;
    border: 1px solid #aab6cb;
    font-size: 13px;
    line-height: 19px;
    margin: 0;
    padding: 4px 8px 5px;
    width: 180px;
    vertical-align: baseline;
    outline: none;
}

input.ij_input[type="text"]::placeholder,
input.ij_input[type="password"]::placeholder {
    color: #8491a7;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input.ij_input[type="text"]:-ms-input-placeholder {
    color: #8491a7 !important;
}

input.ij_input[type="password"]:-ms-input-placeholder {
    color: #8491a7 !important;
}

input.ij_input[type="text"]:focus,
input.ij_input[type="password"]:focus {
    border: 1px solid #3267e9;
}

input.ij_input.medium[type="text"],
input.ij_input.medium[type="password"] {
    font-size: 14px;
    padding: 9px 14px;
}

input.ij_input.large[type="text"],
input.ij_input.large[type="password"] {
    font-size: 18px;
    padding: 16px 14px;
}

input.ij_input.cost_font[type="text"] {
    font-size: 16px;
    height: 30px;
    font-weight: 700;
}

input.ij_input[type="text"]:disabled,
input.ij_input[type="text"]:read-only {
    border: 1px solid #aab6cb;
    background-color: #f4f6fa;
}

/* 탭메뉴 (박스 형태, 커뮤니티 등) */
.ij_icon_input_wrap .ij_icon_input:first-child {
    margin-top: 0;
}

.ij_icon_input {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #d7dce5;
    margin: -1px 0 0;
    padding: 12px 30px 14px;
    vertical-align: baseline;
}

.ij_icon_input.focus {
    border: 1px solid #3267e9;
    z-index: 1;
}

.ij_icon_input input {
    width: 382px;
    outline: none;
    border: none;
    font-size: 18px;
    font-weight: 500;
    margin-left: 28px;
}

.ij_icon_input input:-ms-input-placeholder {
    color: #8491a7 !important;
}

.ij_icon_input span {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: #aab6cb;
    vertical-align: -7px;
}

ul.login_tab {
    margin-bottom: 20px;
    overflow: visible;
    padding-left: 1px;
}

ul.login_tab::after {
    display: table;
    content: "";
    clear: both;
}

ul.login_tab > li {
    width: 50%;
    box-sizing: border-box;
    margin-left: -1px;
    position: relative;
    overflow: visible;
}

ul.login_tab > li > a {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    border-top: 3px solid #d7dce5;
    border-left: 1px solid #d7dce5;
    border-right: 1px solid #d7dce5;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

ul.login_tab > li.current > a,
ul.login_tab > li > a:hover {
    color: #3267e9;
    border-top-color: #3267e9;
    z-index: 1;
}

.datepicker_icon {
    position: relative;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 30px;
    vertical-align: -10px;
}

.datepicker_icon::before {
    content: url("/resource/common/images/icon/icn_calendar.svg");
    width: 16px;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 4px;
}

.ij_file {
    white-space: nowrap;
}

.ij_file label {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 8px 5px;
    color: #ffffff;
    border: 1px solid #8491a7;
    background-color: #8491a7;
    box-sizing: border-box;
    vertical-align: baseline;
}

.ij_file label:hover {
    border: 1px solid #5c667b;
    background-color: #5c667b;
}

.ij_file input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Input 검색 */
.ij_search {
    display: inline-block;
    font-size: 13px;
}

.ij_search select {
    border-right: none !important;
}

.ij_search input[type="text"] {
    border-left: none !important;
    margin-left: -3px !important;
    height: 30px;
}

.ij_search.on div.ij_select select {
    border: 1px solid #5c667b !important;
    border-right: none !important;
    color: #5c667b;
}

.ij_search.on div.ij_select::before {
    border-top: 5px solid #5c667b;
}

.ij_search.on input[type="text"].ij_input {
    border: 1px solid #5c667b !important;
    border-left: none !important;
}

/* Input 연락처 */
.ij_input_union {
    display: inline-block;
    border: 1px solid #aab6cb;
    font-size: 14px !important;
    white-space: nowrap;
}

.ij_input_union input[type="text"] {
    border: none !important;
    text-align: center;
    width: 60px;
}

.ij_input_union input[type="password"] {
    border: none !important;
    text-align: center;
    width: 60px;
}

.ij_input_union.readonly,
.ij_input_union.disabled,
.ij_input_union.readonly INPUT,
.ij_input_union.disabled INPUT {
    background-color: #f4f6fa;
}

/*.ij_input_union.phone input:nth-of-type(1){width:60px;}*/
/*.ij_input_union.phone input:nth-of-type(2){}*/
/*.ij_input_union.phone input:nth-of-type(3){}*/
/*.ij_input_union.biznum input:nth-of-type(1){}*/
/*.ij_input_union.biznum input:nth-of-type(2){}*/
/*.ij_input_union.biznum input:nth-of-type(3){}*/

textarea.ij_textarea {
    box-sizing: border-box;
    border: 1px solid #aab6cb;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    height: 190px;
    resize: none;
    padding: 8px;
    outline: none;
}

textarea.ij_textarea:focus {
    border: 1px solid #3267e9;
}

textarea.resize_v {
    resize: vertical !important;
}

textarea.resize_h {
    resize: horizontal !important;
}

textarea.resize_a {
    resize: auto !important;
}

/* 버튼 default height:30 */
button.ij_btn {
    font-size: 13px;
    font-weight: 500;
    padding: 4px 8px 5px;
    color: #5c667b;
    border: 1px solid #aab6cb;
    box-sizing: border-box;
    vertical-align: baseline;
    background-color: #fff;
}

button.ij_btn:hover,
button.ij_btn.on {
    color: #3267e9;
    border-color: #3267e9;
}

button.ij_btn.warning {
    color: #f84747;
    border: 1px solid #f84747;
}

button.ij_btn.warning:hover {
    color: #fff;
    background-color: #f84747;
}

button.ij_btn.warning.bg {
    color: #fff;
    background-color: #f84747;
    border: 1px solid #f84747;
    box-sizing: border-box;
}

button.ij_btn.warning.bg:hover {
    background-color: #d71313;
}

button.ij_btn.warning.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

button.ij_btn.warning.em_line:hover {
    color: #f84747;
    border: 1px solid #f84747;
}

button.ij_btn.primary {
    color: #3267e9;
    border: 1px solid #3267e9;
}

button.ij_btn.primary:hover {
    color: #fff;
    background-color: #3267e9;
}

button.ij_btn.primary_active {
    color: #fff;
    background-color: #3267e9;
}

button.ij_btn.primary.bg {
    color: #fff;
    background-color: #3267e9;
    border: 1px solid #3267e9;
    box-sizing: border-box;
}

button.ij_btn.primary.bg:hover {
    background-color: #1449c9;
}

button.ij_btn.primary.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

button.ij_btn.primary.em_line:hover {
    color: #3267e9;
    border: 1px solid #3267e9;
}

button.ij_btn.cancel {
    color: #5c667b;
    border: 1px solid #aab6cb;
}

button.ij_btn.cancel:hover {
    color: #fff;
    border-color: #aab6cb;
    background: #aab6cb;
}

button.ij_btn.cancel.bg {
    color: #fff;
    background-color: #8491a7;
    border: 1px solid #8491a7;
    box-sizing: border-box;
}

button.ij_btn.cancel.bg:hover {
    background-color: #5c667b;
}

button.ij_btn.cancel.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

button.ij_btn.cancel.em_line:hover {
    color: #202020;
    border: 1px solid #5c667b;
}

button.ij_btn.iblue {
    color: #3267e9;
    border: 1px solid #3267e9;
}

button.ij_btn.iblue:hover {
    color: #fff;
    background-color: #3267e9;
}

button.ij_btn.iblue_active {
    color: #fff;
    background-color: #3267e9;
}

button.ij_btn.iblue.bg {
    color: #fff;
    background-color: #3267e9;
    border: 1px solid #3267e9;
    box-sizing: border-box;
}

button.ij_btn.iblue.bg:hover {
    background-color: #1449c9;
}

button.ij_btn.iblue.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

button.ij_btn.iblue.em_line:hover {
    color: #3267e9;
    border: 1px solid #3267e9;
}

button.ij_btn.jgreen {
    color: #00993a;
    border: 1px solid #00993a;
}

button.ij_btn.jgreen:hover {
    color: #fff;
    background-color: #00993a;
}

button.ij_btn.jgreen_active {
    color: #fff;
    background-color: #00993a;
}

button.ij_btn.jgreen.bg {
    color: #fff;
    background-color: #00993a;
    border: 1px solid #00993a;
    box-sizing: border-box;
}

button.ij_btn.jgreen.bg:hover {
    background-color: #00772f;
}

button.ij_btn.jgreen.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

button.ij_btn.jgreen.em_line:hover {
    color: #00993a;
    border: 1px solid #00993a;
}

button.ij_btn.pumpkin {
    color: #fb6717;
    border: 1px solid #fb6717;
}

button.ij_btn.pumpkin:hover {
    color: #fff;
    background-color: #fb6717;
}

button.ij_btn.pumpkin.bg {
    color: #fff;
    background-color: #fb6717;
    border: 1px solid #fb6717;
    box-sizing: border-box;
}

button.ij_btn.pumpkin.bg:hover {
    background-color: #f65d0e;
}

button.ij_btn.pumpkin.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

button.ij_btn.pumpkin.em_line:hover {
    color: #fb6717;
    border: 1px solid #fb6717;
}

button.ij_btn.violet {
    color: #8583fe;
    border: 1px solid #8583fe;
}

button.ij_btn.violet:not(.not_hover):hover {
    color: #fff;
    background-color: #8583fe;
}

button.ij_btn.yellow-green {
    color: #037742;
    border: none;
    background-color: #fff56d;
}

button.ij_btn.white-green {
    color: #037742;
    border: none;
    background-color: #ffffff;
}

button.ij_btn.scarlet {
    color: #f4452e;
    border: 1px solid #f4452e;
    background: #fef3f1;
}

button.ij_btn.scarlet:hover {
    color: #fff;
    background-color: #f4452e;
}

/* 버튼 코칭배너용*/
button.ij_btn.coaching_banner {
    color: #202020;
    background-color: #f1f5ff;
    border: 1px solid #d7dce5;
}

button.ij_btn.coaching_banner:hover {
    color: #ff0000;
}

button.ij_btn.coaching_banner a {
    color: #202020;
}

button.ij_btn.coaching_banner:hover a {
    color: #ff0000;
}

/* 텍스트 배너용*/
button.ij_btn.text_banner {
    color: #202020;
    background-color: #f1f5ff;
    border: 1px solid #d7dce5;
}

button.ij_btn.text_banner:hover {
    color: #ff0000;
}

button.ij_btn.text_banner a {
    color: #202020;
}

button.ij_btn.text_banner:hover a {
    color: #ff0000;
}

button.ij_btn.round {
    border-radius: 50px;
}

/* 버튼 small height:25 */
button.ij_btn.small {
    font-size: 12px;
    padding: 1px 5px 2px;
}

/* 버튼 medium height:40 */
button.ij_btn.medium {
    font-size: 14px;
    padding: 9px 35px;
}

/* 버튼 large height:60 */
button.ij_btn.large {
    font-size: 18px;
    padding: 16px 35px;
}

.ij_tooltip {
}

.ij_tooltext {
    display: none;
    position: relative;
    max-width: 500px;
    min-width: 30px;
    position: absolute;
    padding: 13px;
    border: 1px solid #3267e9;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.3px;
    z-index: 100001;
    box-sizing: border-box;
}

.ij_tooltext.small {
    min-width: 100px;
}

.ij_tooltext::before {
    content: "";
    border: 1px solid #3267e9;
    transform: rotate(45deg);
    position: absolute;
    left: -5px;
    top: 19px;
    width: 7px;
    height: 7px;
    border-top: none;
    border-right: none;
    background: #ffffff;
}

.ij_tooltext.tooltip_right::before {
    transform: rotate(225deg) !important;
    right: -5px !important;
    left: auto !important;
}

.ij_tooltext.tooltip_bottom::before {
    transform: rotate(315deg) !important;
    margin-left: -3px;
    top: auto !important;
    bottom: -5px;
    left: 50% !important;
}

.ij_toast_wrap {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px;
    z-index: 100001;
}

.ij_toast_wrap .ij_toast {
    background: rgba(30, 100, 149, 0.94);
    width: 100%;
    opacity: 0.97;
    padding: 10px 15px;
    color: white;
    box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.33);
    box-sizing: border-box;
    margin-bottom: 10px;
}

/*  */
.ij_cost_btn_wrap {
    display: inline-block;
    vertical-align: top;
}

.ij_cost_btn_wrap .ij_btn {
    float: left;
    border-right: none;
}

.ij_cost_btn_wrap .ij_btn:last-child {
    border-right: 1px solid #aab6cb;
}

.ij_cost_btn_wrap .ij_btn:hover {
    border-color: #3267e9;
}

.ij_cost_btn_wrap .ij_btn:last-child:hover,
.ij_cost_btn_wrap .ij_btn:hover + button {
    border-left: 1px solid #3267e9;
}

/* 아이콘 버튼 */
.ij_icon_btn {
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    padding: 0 8px;
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: baseline;
}

.ij_icon_btn span {
    display: inline-block;
    margin-right: 5px;
    vertical-align: -2px;
    fill: #5c667b;
    width: 14px;
    height: 14px;
}

.ij_icon_btn:hover {
    border: 1px solid #5c667b;
    color: #202020;
}

.ij_icon_btn:hover span {
    fill: #202020;
}

/* 아이콘 버튼 - 아이콘 크기 */
.ij_icon_btn.back span {
    width: 14px;
    height: 14px;
    vertical-align: -3px;
}

.ij_icon_btn.excel span {
    width: 14px;
    height: 14px;
}

.ij_icon_btn.print span {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
}

.ij_icon_btn.cog span {
    vertical-align: -3px;
}

.ij_icon_btn.choice span {
    width: 14px;
    height: 10px;
    vertical-align: 0;
}

.ij_icon_btn.my span {
    width: 13px;
    height: 10px;
    vertical-align: 0;
}

.ij_icon_btn.find span {
    width: 13px;
    height: 13px;
}

.ij_icon_btn.top span {
    width: 13px;
    height: 13px;
}

.ij_icon_btn.local span {
    width: 13px;
    height: 13px;
}

.ij_icon_btn.list span {
    width: 13px;
    height: 13px;
    vertical-align: -1px;
}

.ij_icon_btn.prev span {
    width: 8px;
    height: 12px;
}

.ij_icon_btn.next span {
    width: 8px;
    height: 12px;
    margin: 0 0 0 5px;
}

.ij_icon_btn.question span {
    width: 15px;
    height: 13px;
}

.ij_icon_btn.graph span {
    width: 16px;
    height: 12px;
}

.ij_icon_btn.one_click span {
    width: 12px;
    height: 16px;
    vertical-align: -3px;
}

.ij_icon_btn.copy span {
    width: 13px;
    height: 15px;
}

.ij_icon_btn.memo span {
    width: 14px;
    height: 12px;
}

.ij_icon_btn.tender span {
    width: 11px;
    height: 15px;
}

.ij_icon_btn.init_check span {
    width: 11px;
    height: 13px;
}

.ij_icon_btn.company span {
    width: 12px;
    height: 15px;
}

.ij_icon_btn.go span {
    width: 14px;
    height: 14px;
}

.ij_icon_btn.doc span {
    width: 10px;
    height: 14px;
}

.ij_icon_btn.result span {
    width: 13px;
    height: 14px;
}

.ij_icon_btn.cal span {
    width: 12px;
    height: 13px;
}

.ij_icon_btn.flug span {
    width: 13px;
    height: 13px;
}

.ij_icon_btn.arrow_up span {
    width: 13px;
    height: 9px;
    vertical-align: 0;
}

.ij_icon_btn.arrow_down span {
    width: 13px;
    height: 9px;
    vertical-align: 0;
}

.ij_icon_btn.one span {
    width: 13px;
    height: 13px;
}

.ij_icon_btn.delete span {
    width: 14px;
    vertical-align: -2px;
}

.ij_icon_btn.set span {
    width: 13px;
    height: 13px;
}

.ij_icon_btn.click span {
    width: 10px;
    height: 14px;
    vertical-align: -3px;
    background-color: #f4f6fa;
}

.ij_icon_btn.mycompany span {
    width: 13px;
    height: 13px;
}

/*.ij_icon_btn.list span{width: 20px; height: 10px; vertical-align: -3px;}*/
.ij_icon_btn.tip span {
    width: 15px;
    height: 13px;
}

/* 아이콘 버튼 - 색상있는 버튼 */
.ij_icon_btn.em_blue {
    border: 1px solid #3267e9;
    color: #3267e9;
    background-color: #f4f6fa;
}

.ij_icon_btn.em_blue span {
    fill: #3267e9;
}

.ij_icon_btn.em_blue:hover {
    border: 1px solid #1449c9;
    color: #1449c9;
    background-color: #e5edfb;
}

.ij_icon_btn.em_blue:hover span {
    fill: #1449c9;
}

.ij_icon_btn.em_red {
    border: 1px solid #f84747;
    color: #f84747;
    background-color: #fbf1f1;
}

.ij_icon_btn.em_red span {
    fill: #f84747;
}

.ij_icon_btn.em_red:hover {
    border: 1px solid #d71313;
    color: #d61313;
    background-color: #ffe7e7;
}

.ij_icon_btn.em_red:hover span.tip {
    fill: #d71313;
}

.ij_icon_btn.em_green {
    border: 1px solid #2fa630;
    color: #2fa630;
    background-color: #f0faef;
}

.ij_icon_btn.em_green span {
    fill: #2fa630;
}

.ij_icon_btn.em_green:hover {
    border: 1px solid #008501;
    color: #008501;
    background-color: #dff6dc;
}

.ij_icon_btn.em_green:hover span {
    fill: #008501;
}

.ij_icon_btn.bg_gray {
    border-color: #8491a7;
    color: #fff;
    background-color: #8491a7;
}

.ij_icon_btn.bg_gray span {
    fill: #fff;
}

.ij_icon_btn.bg_gray:hover {
    border-color: #5c667b;
    background-color: #5c667b;
}

.ij_icon_btn.bg_blue {
    border-color: #3267e9;
    color: #fff;
    background-color: #3267e9;
}

.ij_icon_btn.bg_blue span {
    fill: #fff;
}

.ij_icon_btn.bg_blue:hover {
    border-color: #1449c9;
    background-color: #1449c9;
}

.ij_icon_btn.bg_green {
    border-color: #2fa630;
    color: #fff;
    background-color: #2fa630;
}

.ij_icon_btn.bg_green span {
    fill: #fff;
}

.ij_icon_btn.bg_green:hover {
    border-color: #008501;
    background-color: #008501;
}

.ij_icon_btn.line_blue {
    color: #3267e9;
    border: 1px solid #3267e9;
}

.ij_icon_btn.line_blue:hover {
    color: #fff;
    background-color: #3267e9;
}

.ij_icon_btn.line_blue span {
    fill: #3267e9;
}

.ij_icon_btn.line_blue:hover span {
    fill: #fff;
}

.ij_icon_btn.line_green {
    color: #00993a;
    border: 1px solid #00993a;
}

.ij_icon_btn.line_green:hover {
    color: #fff;
    background-color: #00993a;
}

.ij_icon_btn.line_green span {
    fill: #00993a;
}

.ij_icon_btn.line_green:hover span {
    fill: #fff;
}

.ij_icon_btn.small {
    font-size: 12px;
    padding: 3px 5px;
    line-height: normal;
}

/*발주처별 적격상세*/
.ij_icon_btn.qualification {
    color: #5c667b;
    border: 1px solid #fcc92c;
    background-color: #fffae9;
}

.ij_icon_btn.qualification label {
    color: #d61313;
}

.ij_icon_btn.qualification:hover {
    color: #202020;
    border: 1px solid #fcc92c;
    background-color: #fcc92c;
}

.ij_icon_btn.qualification:hover label {
    color: #f84747;
}

/*발주처별투찰률표*/
.ij_icon_btn.turnout {
    color: #f9652e;
    border: 1px solid #f9652e;
    background-color: #fff3ee;
}

.ij_icon_btn.turnout:hover {
    color: #ffffff;
    border: 1px solid #f9652e;
    background-color: #f9652e;
}

.ij_icon_btn.turnout span {
    fill: #f9652e;
}

.ij_icon_btn.turnout:hover span {
    fill: #fff;
}

.ij_icon {
    vertical-align: -2px;
}

.ij_icon.tip {
    width: 16px;
    height: 16px;
    fill: #3267e9;
    border: none;
    padding: 0;
}

/*메모 아이콘*/
.ij_icon.icn_memo_blue {
    width: 13px;
    height: 17px;
    fill: #3267e9;
}

.ij_icon.icn_memo_line {
    width: 13px;
    height: 17px;
}

.ij_icon.icn_memo_pencil {
    width: 18px;
    height: 18px;
}

.ij_icon.icn_memo_green {
    width: 18px;
    height: 18px;
}

.ij_icon.icn_memo_green .icon_memo_fill {
    fill: #acf9aa;
}

.ij_icon.icn_memo_orange {
    width: 18px;
    height: 18px;
}

.ij_icon.icn_memo_orange .icon_memo_fill {
    fill: #fb9a55;
}

.ij_icon.icn_memo_white {
    width: 18px;
    height: 18px;
}

.ij_icon.order_icon.none > #Layer_1 > g > path.st0 {
    fill: #cecece !important;
}

.ij_icon.order_icon.none > #Layer_1 > g > path.st1 {
    fill: #cecece !important;
}

.ij_icon.order_icon.desc > #Layer_1 > g > path.st0 {
    fill: #3267e9 !important;
}

.ij_icon.order_icon.desc > #Layer_1 > g > path.st1 {
    fill: #aab6cb !important;
}

.ij_icon.order_icon.asc > #Layer_1 > g > path.st0 {
    fill: #aab6cb !important;
}

.ij_icon.order_icon.asc > #Layer_1 > g > path.st1 {
    fill: #3267e9 !important;
}

/* 탭메뉴 (인덱스 형태, 나의방, 나의게시판 등) */
ul.tab_menu.index {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
}

ul.tab_menu.index::after {
    content: "";
    display: table;
    clear: both;
}

ul.tab_menu.index::before {
    content: "";
    font-size: 40px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-bottom: 2px solid #3267e9;
}

ul.tab_menu.index li {
    margin-right: 3px;
}

ul.tab_menu.index li a {
    width: 80px;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    color: #202020;
    display: inline-block;
    border-top: 1px solid #aab5cb;
    border-left: 1px solid #aab5cb;
    border-right: 1px solid #aab5cb;
    border-radius: 0;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 2px;
}

ul.tab_menu.index li.all a {
    border: 2px solid #3267e9;
    background-color: #3267e9;
    color: #ffffff;
    font-weight: bold;
    line-height: 23px;
}

ul.tab_menu.index li.current a {
    border: 2px solid #3267e9;
    border-bottom: none;
    font-weight: bold;
    margin: 0;
    height: 28px;
    line-height: 24px;
    background: #ffffff;
}

ul.tab_menu.index li.option {
    float: right;
    margin: 0;
}

ul.tab_menu.index li.option a {
    border: 1px solid #3267e9;
    color: #3267e9;
    border-bottom: none;
    margin: 0;
    background: #ffffff;
}

ul.tab_menu.index li.option svg {
    width: 13px;
    height: 14px;
    display: inline-block;
    vertical-align: -2.5px;
    margin-left: 2px;
}

ul.tab_menu.index li.option svg path {
    fill: #3267e9;
}

ul.tab_menu.index.large li a {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: auto !important;
    padding: 0 30px;
}

ul.tab_menu.index.large li.current a {
    height: 42px;
}

/* 탭메뉴 (사각 형태, 맞춤정보 등) */
ul.tab_menu.square {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
}

ul.tab_menu.square::after {
    display: table;
    content: "";
    clear: both;
}

ul.tab_menu.square li {
    margin-left: 3px;
}

ul.tab_menu.square li.listSettingBtn.over_ten {
    margin-top: 5px;
}

ul.tab_menu.square li a {
    width: 80px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f7f7f7;
    color: #202020;
    display: inline-block;
    border: 1px solid #aab5cb;
    border-radius: 0;
    text-align: center;
    box-sizing: border-box;
}

ul.tab_menu.square li a span {
    overflow: hidden;
    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inherit;
}

ul.tab_menu.square li.all a {
    border: 2px solid #3267e9;
    background-color: #3267e9;
    color: #ffffff;
    font-weight: bold;
    line-height: 23px;
}

ul.tab_menu.square li:hover a,
ul.tab_menu.square li.current a {
    border: 2px solid #3267e9;
    font-weight: bold;
    margin: 0;
    background: #ffffff;
    line-height: 24px;
}

/* 탭메뉴 (박스 형태, 커뮤니티 등) */
ul.tab_menu.box {
    margin-bottom: 40px;
    overflow: visible;
    padding-left: 1px;
}

ul.tab_menu.box::after {
    display: table;
    content: "";
    clear: both;
}

ul.tab_menu.box > li {
    width: 320px;
    box-sizing: border-box;
    margin-left: -1px;
    position: relative;
    overflow: visible;
}

ul.tab_menu.box > li > a {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    display: inline-block;
    line-height: 46px;
    border: 1px solid #d7dce5;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

ul.tab_menu.box > li:hover > a {
    color: #3267e9;
    border: 1px solid #3267e9;
    z-index: 1;
}

ul.tab_menu.box > li.all > a,
ul.tab_menu.box > li.current > a {
    color: #fff;
    border: 1px solid #3267e9;
    background-color: #3267e9;
    z-index: 1;
}

ul.tab_menu.box ul.sub_tab {
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 10;
}

ul.tab_menu.box ul.sub_tab li {
    width: 100%;
    float: none;
}

ul.tab_menu.box ul.sub_tab li a {
    width: 100%;
    display: inline-block;
    border-left: 1px solid #d7dce5;
    border-right: 1px solid #d7dce5;
    border-bottom: 1px solid #d7dce5;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
    text-align: center;
    background-color: #ffffff;
}

ul.tab_menu.box ul.sub_tab li.current a {
    color: #3267e9;
}

ul.tab_menu.box > li:hover ul.sub_tab {
    display: block;
}

ul.tab_menu.box.small > li {
    width: 120px;
}

ul.tab_menu.box.small > li > a {
    font-size: 14px;
    font-width: 400;
    height: 40px;
    line-height: 40px;
}

ul.tab_menu.box.small ul.sub_tab {
    top: 40px;
}

ul.tab_menu.box.gray > li > a {
    color: #5c667b;
}

ul.tab_menu.box.gray > li > a:hover {
    color: #202020;
}

ul.tab_menu.box.gray > li.all > a,
ul.tab_menu.box.gray > li.current > a {
    background: #8491a7;
    border: 1px solid #8491a7;
    color: #ffffff;
}

ul.tab_menu.box.line > li.all > a,
ul.tab_menu.box.line > li.current > a {
    border: 1px solid #3267e9;
    color: #3267e9;
    background: #ffffff;
}

/* 얇은 탭메뉴 */
ul.tab_menu.box.light > li > a {
    font-size: 14px;
    font-weight: 400;
}

ul.tab_menu.box ul.sub_tab.light li a {
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    text-align: left;
    border-bottom: none;
}

ul.tab_menu.box ul.sub_tab.light li:last-of-type a {
    border-bottom: 1px solid #d7dce5;
}

ul.tab_menu.box ul.sub_tab.light li:hover a {
    background-color: #f4f6fa;
}

/* 레이어 영역관련 */
/* 레이어 영역관련 */
/* 레이어 영역관련 */

/* 팝업 */
.ij_popup {
    position: relative;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
}

.ij_popup header {
    height: 60px;
    padding: 0 30px;
    font-weight: 700;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    background-color: #3267e9;
}

.ij_popup header .close {
    position: absolute;
    top: -2px;
    right: 20px;
    width: 19px;
    height: 19px;
    cursor: pointer;
}

.ij_popup section {
    padding: 30px;
}

.ij_popup h1 {
    margin-bottom: 5px;
    font-size: 18px;
}

.ij_popup h1.icon {
    padding-left: 24px;
    background: url(/resource/common/images/icon/icn_pop_up_title.png) left
        center no-repeat;
}

.ij_popup_black_panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-align-item: center;
    -webkit-justify-content: center;
    z-index: 1000000;
}

.ij_popup_black_panel .ij_popup {
    position: fixed;
}

/*IE 11 under hack*/
_:-ms-fullscreen,
:root .ij_popup_black_panel .ij_popup {
    transform: translate(-50%, -50%);
}

/*작은사이즈*/
.ij_popup.small header {
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}

.ij_popup.small section {
    padding: 20px;
}

.ij_popup.border {
    border: 1px solid #aab6cb;
}

.ij_popup footer.close_layer {
    text-align: right;
    background-color: #000000;
    width: 100%;
    padding: 0px 4px 2px;
    box-sizing: border-box;
}

.ij_popup footer.close_layer div {
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
}

.custom_alert.noBackGround {
    background-image: none !important;
}

.custom_alert.noBackGround .dialog_wrap {
    border: 1px solid #000;
}

.custom_alert {
    z-index: 1001;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url("/resource/common/images/opacity/opacity50.png");
}

.custom_alert > div {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
}

/* 다이얼로그, 레이어 */
.ij_dialog {
    display: inline-block;
    box-sizing: border-box;
}

.ij_dialog.useBlackPanel {
    z-index: 1000001;
    position: absolute;
    display: none;
}

.ij_dialog .dialog_wrap {
    min-width: 500px;
    padding: 40px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    background-color: white;
}

.ij_dialog.center_position {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ij_dialog.center_position .dialog_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ij_dialog .dialog_wrap header {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.ij_dialog .dialog_wrap header .close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 19px;
    height: 19px;
    cursor: pointer;
}

.ij_dialog .dialog_wrap section {
    text-align: center;
}

/* 팝업스타일 다이얼로그 파란 헤더 */
.ij_dialog.popup .dialog_wrap header {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 0 30px;
    font-weight: 700;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    background-color: #3267e9;
}

.ij_dialog.popup .dialog_wrap header .close {
    position: absolute;
    top: -2px;
    right: 20px;
    width: 19px;
    height: 19px;
    cursor: pointer;
}

.ij_dialog.popup .dialog_wrap section {
    margin-top: 60px;
}

.ij_dialog.popup.small .dialog_wrap {
    min-width: auto;
    width: 100%;
    padding: 20px;
}

.ij_dialog.popup.small .dialog_wrap header {
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}

/* 다이얼로그 테두리 */
.ij_dialog.border .dialog_wrap {
    border: 1px solid #5c667b;
}

/* 항목 사용/여부 설정 및 순서변경 */
.item_setup {
    width: 100%;
    max-width: 1200px;
    background-color: #fff;
}

.item_setup .btn_wrap {
    margin-bottom: 10px;
}

.item_setup .item_list_wrap {
    position: relative;
    text-align: left;
}

.item_setup .item_list_wrap .item_list {
    position: relative;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #aab6cb;
    margin-bottom: 10px;
}

.item_setup .item_list_wrap .item_list header {
    color: #202020;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 20px;
    border-bottom: 1px solid #aab6cb;
    background: #f4f6fa;
    font-weight: 700;
}

.item_setup .item_list_wrap .item_list header label {
    font-size: 12px;
    color: #8489a7;
}

.item_setup .item_list_wrap .item_list header div.option {
    float: right;
    line-height: 36px;
}

.item_setup .item_list_wrap .item_list section {
    padding: 20px;
}

.item_setup .item_list_wrap .item_list section h1 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 17px;
    height: auto;
    padding: 0;
    line-height: normal;
    color: #333333;
    background: none;
}

.item_setup .item_list_wrap .item_list .sub_header {
    position: relative;
    height: 29px;
    box-sizing: border-box;
    line-height: 30px;
    border-bottom: 1px solid #aab6cb;
    padding: 0 20px;
    background-color: #fbfbfb;
}

.item_setup .item_list_wrap .item_list .sub_header label {
    color: #8491a7;
    font-size: 12px;
}

.item_setup .item_list_wrap .item_list .sub_header button {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #aab6cb;
    background-color: #fff;
    right: -1px;
    top: -1px;
    box-sizing: border-box;
}

.item_setup .item_list_wrap .item_list .sub_header button span {
    display: inline-block;
    margin-top: 10px;
    width: 30px;
    height: 8px;
}

.item_setup .item_list_wrap .item_list .sub_header button.up {
    right: 28px;
}

.item_setup .item_list_wrap .item_list .sub_header button.down {
}

.item_setup .item_list_wrap .item_list .sub_header button.up span {
    background: url(../images/icon/icn_up_arrow.png) no-repeat center bottom;
}

.item_setup .item_list_wrap .item_list .sub_header button.down span {
    background: url(../images/icon/icn_down_arrow.png) no-repeat center bottom;
}

.item_setup .item_list_wrap .item_list .sub_header button.up:hover,
.item_setup .item_list_wrap .item_list .sub_header button.down:hover {
    border-color: #3267e9;
    z-index: 2;
}

.item_setup .item_list_wrap .item_list .sub_header button.up:hover span,
.item_setup .item_list_wrap .item_list .sub_header button.down:hover span {
    background-position: center top;
}

.item_setup .item_list_wrap .item_list.left_wrap {
    width: calc(100% - 320px);
}

.item_setup .item_list_wrap .item_list.right_wrap {
    width: 310px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.item_setup .item_list_wrap .item_list section.item_select {
    padding-bottom: 0;
}

.item_setup .item_list_wrap .item_list section.item_select ul {
    background-size: 5px 2px;
    background-image: linear-gradient(
        to right,
        #d1d3d4 33%,
        rgba(255, 255, 255, 0) 0%
    );
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_select
    article:last-child
    ul {
    margin-bottom: 0;
    background: none;
}

.item_setup .item_list_wrap .item_list section.item_select ul li {
    margin-bottom: 15px;
    padding: 0 15px;
    width: 20%;
    box-sizing: border-box;
    cursor: pointer;
    overflow: visible;
}

.item_setup .item_list_wrap .item_list section.item_select ul li.on,
.item_setup .item_list_wrap .item_list section.item_select ul li:hover {
    font-weight: 700;
    color: #3267e9;
}

.item_setup .item_list_wrap .item_list section.item_select ul li.dashed_line {
    height: 20px;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_select
    ul
    li.dashed_line:before {
    content: "";
    padding-top: 11px;
    display: block;
    border-bottom: 1px dashed #aab6cb;
    width: 100%;
    height: 0;
}

.item_setup .item_list_wrap .item_list section.item_select ul li.disabled {
    color: #3267e9;
    cursor: default;
}

.item_setup .item_list_wrap .item_list section.item_order.order_item_list {
    padding: 0;
    overflow: auto;
    height: calc(100% - 70px);
}

.item_setup .item_list_wrap .item_list section.item_order.order_item_list h1 {
    font-size: 14px;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list
    h1
    span {
    width: 4px;
    height: 6px;
    display: inline-block;
    margin: 0 3px 0 0px;
    vertical-align: 2px;
    fill: #1449c9;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list
    .order_item_scroll {
    padding: 20px;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list
    .order_item_scroll
    a {
    display: inline-block;
    padding: 4px 6px 3px 7px;
    margin-bottom: 5px;
    font-weight: 700;
    border: 1px solid #c7d4e4;
    background-color: #ecf5fa;
    color: #2a6bbe;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list
    .order_item_scroll
    a.on {
    color: #ffffff;
    background-color: #2a6bbe;
    border-color: #2a6bbe;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list
    .order_item_scroll
    a
    span {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    fill: #8faed5;
}

.item_setup
    .item_list_wrap
    .item_list.no_control
    section.item_order.order_item_list {
    height: calc(100% - 41px);
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list.horizontal
    .order_item_scroll
    > div {
    display: inline-block;
    margin-right: 8px;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list.horizontal
    .order_item_scroll
    a {
    border: 1px solid #8cd38e;
    background-color: #f0fbef;
    color: #006f15;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list.horizontal
    .order_item_scroll
    a.on {
    color: #fff;
    background-color: #006f15;
    border-color: #006f15;
}

.item_setup
    .item_list_wrap
    .item_list
    section.item_order.order_item_list.horizontal
    .order_item_scroll
    a
    span {
    fill: #9ecbaa;
}

/* 공고구분표시안내 */
#modify_list_layer section .listHeaderCategory div {
    display: inline-block;
    margin-left: 15px;
}

/*#modify_list_layer section {width: 930px;}*/
#modify_list_layer section ul li {
    width: 100%;
}

#modify_list_layer section ul li label {
    float: left;
    width: 20%;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
}

#modify_list_layer section ul li div {
    float: left;
    width: 80%;
    height: 30px;
    padding: 0 20px;
    line-height: 30px;
    box-sizing: border-box;
}

#modify_list_layer section ul li:nth-child(2n) div {
    background-color: #fbfbfb;
}

/* 공동도급 라벨  */
.ij_badge {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    padding: 1px 2px 14px 2px;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    font-family: 돋움, Dotum, "Noto Sans KR", AppleSDGothicNeo-Regular,
        "맑은 고딕", "Malgun Gothic", 나눔고딕, 굴림, Gulim,
        "Apple SD Gothic Neo", sans-serif, verdana;
    white-space: nowrap;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* Safari hack 2021 */
_::-webkit-full-page-media,
_:future,
:root .ij_badge {
    padding: 0 2px 15px 2px;
}

/*IE 11 under hack*/
_:-ms-fullscreen,
:root .ij_badge {
    padding: 2px 2px 13px 2px;
}

#ij_badge_description {
    color: #ffffff;
}

#ij_badge_description.mul,
.ij_badge.mul {
    background-color: #ed8e12;
}

#ij_badge_description.jeon,
.ij_badge.jeon {
    background-color: #2470dc;
}

#ij_badge_description.bi,
.ij_badge.bi {
    background-color: #1e9d89;
}

#ij_badge_description.jeong,
.ij_badge.jeong {
    background-color: #b2547d;
}

#ij_badge_description.nakjeong,
.ij_badge.nakjeong {
    background-color: #756350;
}

#ij_badge_description.chi,
.ij_badge.chi {
    background-color: #b3702a;
}

#ij_badge_description.hyeon,
.ij_badge.hyeon {
    background-color: #58a8c5;
}

#ij_badge_description.hyeop,
.ij_badge.hyeop {
    background-color: #c08181;
}

#ij_badge_description.ui,
.ij_badge.ui {
    background-color: #77b72b;
}

#ij_badge_description.gi,
.ij_badge.gi {
    background-color: #974fae;
}

#ij_badge_description.teuk,
.ij_badge.teuk {
    background-color: #6e6ef4;
}

#ij_badge_description.pq,
.ij_badge.pq {
    background-color: #baa14a;
}

#ij_badge_description.su,
.ij_badge.su {
    background-color: #ff9688;
}

#ij_badge_description.a,
.ij_badge.a {
    background-color: #2f387d;
}

#ij_badge_description.sun,
.ij_badge.sun {
    background-color: #d35d00;
}

#ij_badge_description.gong,
.ij_badge.gong {
    background-color: #7cadfe;
}

#ij_badge_description.yeon,
.ij_badge.yeon {
    background-color: #0096c9;
}

#ij_badge_description.pur,
.ij_badge.pur {
    background-color: #ed8e12;
}

#ij_badge_description.confirm,
.ij_badge.confirm {
    background-color: #c9f7ff;
    border: 1px solid #5dc9db;
    color: #008da9;
    padding: 1px 2px 14px 2px;
    line-height: 14px !important;
}

#ij_badge_description.tuchal,
.ij_badge.tuchal {
    background-color: #f1f5ff;
    border: 1px solid #8491a7;
    color: #5c667b;
    padding: 1px 3px 14px 2px;
    line-height: 14px !important;
}

.ij_badge.tuchal:hover {
    background-color: #dbedfd;
}

#ij_badge_description.contract,
.ij_badge.contract {
    background-color: #fff7f7;
    border: 1px solid #bb595a;
    color: #bb595a;
    padding: 1px 2px 14px 2px;
    line-height: 14px !important;
}

.ij_badge.contract:hover {
    background-color: #ffdddd;
}

#ij_badge_description.findhyeop,
.ij_badge.findhyeop {
    background-color: #e5edfb;
    border: 1px solid #1449c9;
    color: #1449c9;
}

.ij_badge.findhyeop:hover {
    background-color: #c3d9ff;
}

#ij_badge_description.state,
.ij_badge.state {
    background-color: #b1ce0f;
}

#ij_badge_description.limit,
.ij_badge.limit {
    background-color: #f9b434;
}

#ij_badge_description.female,
.ij_badge.female {
    background-color: #ff659f;
}

#ij_badge_description.impaired,
.ij_badge.impaired {
    background-color: #9390c7;
}

#ij_badge_description.social,
.ij_badge.social {
    background-color: #cd924d;
}

.ij_badge > span {
    background: none !important;
    font-weight: 400 !important;
}

/*IE 11 under hack*/
_:-ms-fullscreen,
:root #ij_badge_description.pur {
    padding: 2px 3px 13px 2px;
}

_:-ms-fullscreen,
:root #ij_badge_description.pur {
    padding: 2px 3px 13px 2px;
}

_:-ms-fullscreen,
:root #ij_badge_description.pur {
    padding: 2px 3px 13px 2px;
}

_:-ms-fullscreen,
:root .ij_badge.confirm {
    padding: 2px 3px 13px 2px;
}

_:-ms-fullscreen,
:root .ij_badge.tuchal {
    padding: 2px 3px 13px 2px;
}

_:-ms-fullscreen,
:root .ij_badge.contract {
    padding: 2px 3px 13px 2px;
}

/* Safari hack 2021 */
_::-webkit-full-page-media,
_:future,
:root #ij_badge_description.pur {
    padding: 0 2px 13px 2px;
    line-height: 11px !important;
}

_::-webkit-full-page-media,
_:future,
:root #ij_badge_description.pur {
    padding: 0 2px 13px 2px;
    line-height: 11px !important;
}

_::-webkit-full-page-media,
_:future,
:root #ij_badge_description.pur {
    padding: 0 2px 13px 2px;
    line-height: 11px !important;
}

_::-webkit-full-page-media,
_:future,
:root .ij_badge.confirm {
    padding: 0 2px 13px 2px;
    line-height: 11px !important;
}

_::-webkit-full-page-media,
_:future,
:root .ij_badge.tuchal {
    padding: 0 2px 13px 2px;
    line-height: 11px !important;
}

_::-webkit-full-page-media,
_:future,
:root .ij_badge.contract {
    padding: 0 2px 13px 2px;
    line-height: 11px !important;
}

/*IE 11 under hack*/
/*_:-ms-fullscreen, :root .ij_badge { padding: 2px 2px 14px 2px; line-height:14px !important;}*/

.ij_badge.calcu {
    color: #5c667b;
    border: 1px solid #8491a7;
    background-color: #ffffff;
}

/*미산출*/
.ij_badge.calcu:hover {
    color: #ffffff;
    border: 1px solid #5c667b;
    background-color: #5c667b;
}

/*미산출*/
.ij_badge.calcu.success {
    color: #e555ee;
    border: 1px solid #e555ee;
    background-color: #ffffff;
}

/*산출*/
.ij_badge.calcu.success:hover {
    color: #ffffff;
    background-color: #e555ee;
}

/*산출*/

.ij_badge.regist,
.ij_badge.hyeopjeong,
.ij_badge.pq_end,
.ij_badge.site_orien,
.ij_badge.tochal_end {
    color: #ffffff;
    border: 1px solid #8491a7;
    background-color: #8491a7;
}

/*등록전*/
.ij_badge.regist:hover,
.ij_badge.hyeopjeong:hover,
.ij_badge.pq_end:hover,
.ij_badge.site_orien:hover,
.ij_badge.tochal_end:hover {
    border: 1px solid #5c667b;
    background-color: #5c667b;
}

/*등록전*/
.ij_badge.regist.success,
.ij_badge.hyeopjeong.success,
.ij_badge.pq_end.success,
.ij_badge.site_orien.success,
.ij_badge.tochal_end.success,
.ij_badge.copy_tochal {
    background-color: #ffffff;
    color: #8491a7;
    border: 1px solid #d7dce5;
}

/*등록완료*/
.ij_badge.regist.success:hover,
.ij_badge.hyeopjeong.success:hover,
.ij_badge.pq_end.success:hover,
.ij_badge.site_orien.success:hover,
.ij_badge.tochal_end.success:hover,
.ij_badge.copy_tochal:hover {
    color: #5c667b;
    border: 1px solid #8491a7;
}

/*등록완료*/

/*프린트영역*/
.ij_table.print_setup * {
    font-size: 14px;
    font-family: "Noto Sans KR", AppleSDGothicNeo-Regular, "맑은 고딕",
        "Malgun Gothic", 나눔고딕, 굴림, Gulim, "Apple SD Gothic Neo",
        sans-serif, verdana;
}

/* 결재설정 레이어 */
.ij_print_setup.bid {
    width: 790px;
    margin: 10px auto 10px;
}

.ij_print_setup.nbid {
    width: 843px;
    margin: 10px auto 10px;
}

/* Junginet Style */
/* Junginet Style */
/* Junginet Style */

/* 탭메뉴 (박스 형태, 커뮤니티 등) */
body.jungi .ij_icon_input.focus {
    border-color: #00993a;
}

/* 버튼 default height:30 */
body.jungi button.ij_btn:hover,
body.jungi button.ij_btn.on {
    color: #00993a;
    border-color: #00993a;
}

body.jungi button.ij_btn.primary {
    color: #00993a;
    border: 1px solid #00993a;
}

body.jungi button.ij_btn.primary:hover {
    color: #fff;
    background-color: #00993a;
}

body.jungi button.ij_btn.primary_active {
    color: #fff;
    background-color: #00993a;
}

body.jungi button.ij_btn.primary.bg {
    color: #fff;
    background-color: #00993a;
    border: 1px solid #00993a;
    box-sizing: border-box;
}

body.jungi button.ij_btn.primary.bg:hover {
    background-color: #00772f;
}

body.jungi button.ij_btn.primary.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

body.jungi button.ij_btn.primary.em_line:hover {
    color: #00993a;
    border: 1px solid #00993a;
}

body.jungi button.ij_btn.warning:hover {
    color: #fff;
    border-color: #f84747;
    background-color: #f84747;
}

body.jungi button.ij_btn.warning.bg:hover {
    background-color: #d71313;
}

body.jungi button.ij_btn.warning.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

body.jungi button.ij_btn.warning.em_line:hover {
    color: #f84747;
    border: 1px solid #f84747;
}

body.jungi button.ij_btn.cancel:hover {
    color: #fff;
    border-color: #aab6cb;
    background: #aab6cb;
}

body.jungi button.ij_btn.cancel.bg:hover {
    background-color: #5c667b;
    border-color: #5c667b;
}

body.jungi button.ij_btn.cancel.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

body.jungi button.ij_btn.cancel.em_line:hover {
    color: #202020;
    border: 1px solid #5c667b;
}

body.jungi button.ij_btn.igunsul:hover {
    color: #fff;
    border-color: #3267e9;
}

body.jungi button.ij_btn.igunsul.em_line:hover {
    color: #3267e9;
}

body.jungi button.ij_btn.jungi:hover {
    color: #fff;
    border-color: #00993a;
}

body.jungi button.ij_btn.jungi.em_line:hover {
    color: #00993a;
}

body.jungi button.ij_btn.iblue:hover {
    color: #fff;
    border: 1px solid #3267e9;
}

body.jungi button.ij_btn.iblue.em_line:hover {
    color: #3267e9;
    border: 1px solid #3267e9;
}

body.jungi button.ij_btn.jgreen:hover {
    color: #fff;
}

body.jungi button.ij_btn.jgreen.em_line:hover {
    color: #00993a;
}

body.jungi button.ij_btn.violet {
    border: 1px solid #8583fe;
}

body.jungi button.ij_btn.violet:hover {
    color: #fff;
    background-color: #8583fe;
}

/* 버튼 코칭배너용*/
body.jungi button.ij_btn.coaching_banner {
    color: #202020;
    background-color: #f1f5ff;
    border: 1px solid #d7dce5;
}

body.jungi button.ij_btn.coaching_banner:hover {
    color: #ff0000;
}

body.jungi button.ij_btn.coaching_banner a {
    color: #202020;
}

body.jungi button.ij_btn.coaching_banner:hover a {
    color: #ff0000;
}

/* 텍스트 배너용*/
body.jungi button.ij_btn.text_banner {
    color: #202020;
    background-color: #f1f5ff;
    border: 1px solid #d7dce5;
}

body.jungi button.ij_btn.text_banner:hover {
    color: #ff0000;
}

body.jungi button.ij_btn.text_banner a {
    color: #202020;
}

body.jungi button.ij_btn.text_banner:hover a {
    color: #ff0000;
}

body.jungi .ij_tooltext {
    display: none;
    position: relative;
    max-width: 500px;
    min-width: 30px;
    position: absolute;
    padding: 13px;
    border: 1px solid #00993a;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.3px;
    z-index: 100001;
    box-sizing: border-box;
}

body.jungi .ij_tooltext::before {
    content: "";
    border: 1px solid #00993a;
    transform: rotate(45deg);
    position: absolute;
    left: -5px;
    top: 19px;
    width: 7px;
    height: 7px;
    border-top: none;
    border-right: none;
    background: #ffffff;
}

/*  */
body.jungi .ij_cost_btn_wrap .ij_btn:hover {
    border-color: #00993a;
}

body.jungi .ij_cost_btn_wrap .ij_btn:hover + button {
    border-left: 1px solid #00993a;
}

/* 아이콘 버튼 */

/* 아이콘 버튼 - 색상있는 버튼 */
/*body.jungi .ij_icon_btn.em_blue{border: 1px solid #00993a; color: #00993a; background-color: #f4f6fa;}*/
/*body.jungi .ij_icon_btn.em_blue span{fill: #00993a;}*/
/*body.jungi .ij_icon_btn.em_blue:hover{border: 1px solid #00772f; color: #00772f; background-color: #e5edfb;}*/
/*body.jungi .ij_icon_btn.em_blue:hover span{fill: #00772f;}*/

/*body.jungi .ij_icon_btn.bg_blue{border-color: #00993a; color: #fff; background-color: #00993a;}*/
/*body.jungi .ij_icon_btn.bg_blue:hover{border-color: #00772f; background-color: #00772f;}*/

/*body.jungi .ij_icon_btn.line_blue{color: #00993a; border: 1px solid #00993a;}*/
/*body.jungi .ij_icon_btn.line_blue:hover{color: #fff; background-color: #00993a;}*/
/*body.jungi .ij_icon_btn.line_blue span{fill:#00993a;}*/

/*body.jungi .ij_icon.tip{width: 16px; height: 16px; fill: #00993a; border: none; padding: 0;}*/

/*메모 아이콘*/
/*body.jungi .ij_icon.icn_memo_blue{width: 13px; height: 17px;fill: #00993a;}*/

/* 탭메뉴 (인덱스 형태, 나의방, 나의게시판 등) */
body.jungi ul.tab_menu.index::before {
    content: "";
    font-size: 40px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-bottom: 2px solid #00993a;
}

body.jungi ul.tab_menu.index li.all a {
    border: 2px solid #00993a;
    background-color: #00993a;
    color: #ffffff;
    font-weight: bold;
    line-height: 23px;
}

body.jungi ul.tab_menu.index li.current a {
    border: 2px solid #00993a;
    border-bottom: none;
    font-weight: bold;
    margin: 0;
    height: 28px;
    line-height: 24px;
    background: #ffffff;
}

body.jungi ul.tab_menu.index li.option a {
    border: 1px solid #00993a;
    color: #00993a;
    border-bottom: none;
    margin: 0;
    background: #ffffff;
}

body.jungi ul.tab_menu.index li.option svg path {
    fill: #00993a;
}

body.jungi ul.tab_menu.index.large li a {
    height: 40px;
    line-height: 40px;
    width: auto !important;
}

body.jungi ul.tab_menu.index.large li.current a {
    height: 42px;
}

/* 탭메뉴 (사각 형태, 맞춤정보 등) */
body.jungi ul.tab_menu.square li a {
    width: 80px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f7f7f7;
    color: #202020;
    display: inline-block;
    border: 1px solid #aab5cb;
    border-radius: 0;
    text-align: center;
    box-sizing: border-box;
}

body.jungi ul.tab_menu.square li a span {
    overflow: hidden;
    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inherit;
}

body.jungi ul.tab_menu.square li.all a {
    border: 2px solid #00993a;
    background-color: #00993a;
    color: #ffffff;
    font-weight: bold;
    line-height: 23px;
}

body.jungi ul.tab_menu.square li:hover a,
body.jungi ul.tab_menu.square li.current a {
    border: 2px solid #00993a;
    font-weight: bold;
    margin: 0;
    background: #ffffff;
    line-height: 24px;
}

/* 탭메뉴 (박스 형태, 커뮤니티 등) */
body.jungi ul.tab_menu.box > li:hover > a {
    color: #00993a;
    border: 1px solid #00993a;
    z-index: 1;
}

body.jungi ul.tab_menu.box > li.all > a,
body.jungi ul.tab_menu.box > li.current > a {
    color: #fff;
    border: 1px solid #00993a;
    background-color: #00993a;
    z-index: 1;
}

body.jungi ul.tab_menu.box ul.sub_tab li:hover a,
body.jungi ul.tab_menu.box ul.sub_tab li.current a {
    color: #00993a;
}

body.jungi ul.tab_menu.box ul.sub_tab.light li:hover a {
    background-color: #f4faf4;
}

body.jungi ul.tab_menu.box.line > li.current > a {
    border: 1px solid #00993a;
    color: #00993a;
    background: #ffffff;
}

body.jungi ul.tab_menu.box.gray > li.all > a,
body.jungi ul.tab_menu.box.gray > li.current > a {
    background: #8491a7;
    border: 1px solid #8491a7;
    color: #ffffff;
}

body.jungi ul.tab_menu.box.line > li.all > a,
body.jungi ul.tab_menu.box.line > li.current > a {
    border: 1px solid #00993a;
    color: #00993a;
    background: #ffffff;
}

/* 팝업 */
body.jungi .ij_popup header {
    height: 60px;
    padding: 0 30px;
    font-weight: 700;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    background-color: #00993a;
}

body.jungi .ij_dialog.popup .dialog_wrap header {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 0 30px;
    font-weight: 700;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    background-color: #00993a;
}

body.jungi .ij_popup.small header {
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}

body.jungi .ij_popup.small section {
    padding: 20px;
}

/* 탭메뉴 색상(파랑) */
body.jungi ul.tab_menu.index.blue_tap_menu::before {
    content: "";
    font-size: 40px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-bottom: 2px solid #3267e9;
}

body.jungi ul.tab_menu.index.blue_tap_menu li.all a {
    border: 2px solid #3267e9;
    background-color: #3267e9;
    color: #ffffff;
    font-weight: bold;
    line-height: 23px;
}

body.jungi ul.tab_menu.index.blue_tap_menu li.current a {
    border: 2px solid #3267e9;
    border-bottom: none;
    font-weight: bold;
    margin: 0;
    height: 32px;
    line-height: 26px;
    background: #ffffff;
}

body.jungi ul.tab_menu.index.blue_tap_menu li.option a {
    border: 1px solid #3267e9;
    color: #3267e9;
    border-bottom: none;
    margin: 0;
    background: #ffffff;
}

body.jungi ul.tab_menu.index.blue_tap_menu li.option svg path {
    fill: #3267e9;
}

/* 탭메뉴 버튼(색상) */
body.jungi button.ij_btn.primary.blue_tap_btn {
    color: #3267e9;
    border: 1px solid #3267e9;
}

body.jungi button.ij_btn.primary.blue_tap_btn:hover {
    color: #fff;
    background-color: #3267e9;
}

body.jungi button.ij_btn.primary.blue_tap_btn_active {
    color: #fff;
    background-color: #3267e9;
}

body.jungi button.ij_btn.primary.blue_tap_btn.bg {
    color: #fff;
    background-color: #3267e9;
    border: 1px solid #3267e9;
    box-sizing: border-box;
}

body.jungi button.ij_btn.primary.blue_tap_btn.bg:hover {
    background-color: #1449c9;
}

body.jungi button.ij_btn.primary.blue_tap_btn.em_line {
    color: #5c667b;
    border: 1px solid #aab6cb;
    background-color: #fff;
}

body.jungi button.ij_btn.primary.blue_tap_btn.em_line:hover {
    color: #3267e9;
    border: 1px solid #3267e9;
}

.tooltip-link {
    position: relative;
    box-sizing: border-box;
}

.tooltip-link[data-tooltip]:not([data-tooltip=""])::before,
.tooltip-link[data-tooltip]:not([data-tooltip=""])::after {
    content: "";
    visibility: hidden; /* 초기 상태를 '보이지 않음'으로 설정 */
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}

.tooltip-link[data-tooltip]:not([data-tooltip=""])::before {
    content: attr(data-tooltip);
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #3267e9;
    color: #202020;
    padding: 10px 7px;
    max-width: 300px;
    width: 250%;
    left: 25%;
    bottom: 130%;
}

.tooltip-link[data-tooltip]:not([data-tooltip=""])::after {
    background-color: #ffffff;
    border: 1px solid #3267e9;
    width: 7px;
    height: 7px;
    border-top: none;
    border-right: none;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 115%;
    transform: rotate(-45deg);
}

.tooltip-link:hover[data-tooltip]:not([data-tooltip=""])::before,
.tooltip-link:hover[data-tooltip]:not([data-tooltip=""])::after {
    visibility: visible; /* 마우스 오버 시 보이게 설정 */
    opacity: 1;
    transition-delay: 0s; /* 툴팁 나타나는 속도 조정 */
}

/* 코칭 툴팁 */
.coaching-tooltip.contents-wrap {
    background-color: #f6892a;
    padding: 0 5px;
    line-height: 24px;
    width: 172px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.coaching-tooltip.contents-wrap:after {
    border-top: 5px solid #f6892a;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    top: 24px;
    left: 85px;
}

.coaching-tooltip.font-10 {
    font-size: 10px;
}

.f-14 {
    font-size: 14px !important;
    font-weight: 500;
}

.f-15 {
    font-size: 15px !important;
    font-weight: 500;
}

.f-17 {
    font-size: 17px !important;
    font-weight: 500;
}

.font-gmarket {
    font-family: "Gmarket Sans", sans-serif;
}

.font-noto {
    font-family: "Noto Sans KR", sans-serif;
}

.font-nanum-square {
    font-family: "Nanum Square", sans-serif;
}

.font-nanum-square-neo {
    font-family: "Nanum Square Neo", sans-serif;
}

.font-esamanru {
    font-family: "Esamanru", sans-serif;
}

.t-1 {
    position: relative;
    top: 1px;
}

.left-1em {
    margin-left: -1em;
}

/* 툴팁 */
.notice-icon {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(/resource/common/images/bid/circle-exclamation-solid.svg);
    background-size: cover;
    position: relative;
    top: 2px;
}

.ready-tooltip-wrap {
    display: inline-block;
    position: relative;
}

.ready-tooltip,
.ready-tooltip-one {
    /*visibility: hidden; !* 처음에는 숨겨둠 *!*/
    opacity: 0;
    position: absolute;
    top: 40px;
    /*right: -260px;*/
    font-family: "Noto Sans KR", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    background: #000;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px 7px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10;
}

.ready-tooltip:after,
.ready-tooltip-one:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 10px;
    background-image: url(/resource/common/images/bid/box-arrow.png);
    width: 13px;
    height: 8px;
}

.ready-tooltip-wrap:hover .ready-tooltip {
    visibility: visible; /* 호버 시 보이게 설정 */
    opacity: 1; /* 투명도를 100%로 설정 */
}

.ready-tooltip-wrap .ij_icon_btn {
    pointer-events: none; /* 클릭 효과 제거 */
    cursor: default; /* 포인터 커서를 기본 화살표로 변경 */
}

.ready-tooltip-wrap .ij_icon_btn:hover {
    background-color: unset; /* hover 배경색 제거 */
    color: unset; /* hover 텍스트 색상 제거 */
}

/* 250414 공고명 툴팁 */
.ready-tooltip-one {
    display: none;
    /*visibility: visible;*/
    opacity: 1;
    top: -46px;
    left: 50%;
    transform: translateX(-50%);
    /*width: 220px;*/
    white-space: nowrap;
    width: auto;
    font-size: 13px !important;
}

.ready-tooltip-one:after {
    top: initial;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}

.ready-tooltip-one button {
    padding-left: 5px;
}

.ready-tooltip-one button img {
    vertical-align: 0;
}

main.nbid .content #content2 .ij_table.slim table td:nth-child(5n + 1) {
    font-family: "Noto Sans KR", AppleSDGothicNeo-Regular, "맑은 고딕",
        "Malgun Gothic", 나눔고딕, 돋움, Dotum, 굴림, Gulim,
        "Apple SD Gothic Neo", sans-serif, verdana;
}

.bar_gray {
    height: 42px;
    box-sizing: border-box;
}

.bar_gray .align_label {
    position: relative;
    top: -6px;
}

.top-number {
    font-weight: 500;
    font-size: 17px;
    font-family: "Noto Sans KR", sans-serif;
    vertical-align: -2px;
}

/* 250411 토스트 알림 */
.clipboard_copy_type2 {
    position: relative;
}

.ij_toast_wrap_type2 {
    width: max-content;
    transform: translateX(-50%);
}

.ij_toast_wrap_type2 .ij_toast {
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    opacity: 0.9;
    padding: 10px 20px;
    color: white;
    box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.33);
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 4px;
    font-family: "Noto Sans KR" !important;
    font-weight: 400;
    letter-spacing: -0.7px !important;
}

.ij_toast_wrap_type2 .ij_toast span {
    content: "";
    display: inline-block;
    width: 13px;
    height: 15px;
    padding-right: 5px;
    fill: #fff;
    vertical-align: -1px;
}

#calc_history_iframe {
    position: relative;
    z-index: 0;
    overflow: visible;
}
/* 250723 검색창 변경 */
.search_type2 {
    position: relative;
}

.search_type2 input[type="text"] {
    width: 210px;
    padding: 4px 28px 5px 8px;
}

.search_type2 button {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 512 512'%3E%3Cpath fill='%235c667b' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E")
        6px 7px no-repeat;
    background-size: 15px;
}

@media screen and (max-width: 1750px) {
    .search_type2 #search_text {
        width: 140px;
    }
}