@charset "UTF-8";

*, *:before, *:after{box-sizing:inherit;}
*, *:focus, *:hover {outline:none;}
html {font-size: 62.5% !important;}
html {min-width: 767px; margin: 0; padding: 0; word-break: keep-all; overflow-y: scroll; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;box-sizing:border-box;}
body {margin: 0; padding: 0 !important; color: #231f20; font-family: Pretendard,"Noto Sans Kr","맑은 고딕",  dotum,  UnDotum, Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; min-width: 1280px;  }
header, footer, article, section, aside, nav, main{display:block;}
mark{background-color:#fff;}
a {color: inherit; text-decoration: none;}
a[href*=tel]{color: inherit;}
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption { margin: 0; padding: 0; }
fieldset, hr { display: block; margin: 0; padding: 0; border: 0 none; }
input, select { max-width: 100%; vertical-align: middle; background-color: #fff; border-radius: 0;}
input, select, button, textarea, optgroup {margin: 0; font-family: inherit; font-size: inherit; color: inherit; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
address, em, i { font-style: normal; }
strong { font-weight: 700; }
button { padding: 0; border: 0 none; background: none; cursor: pointer; }
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
img { max-width: 100%; border: 0 none; font-size: 0; vertical-align: middle; }
img[usemap] {max-width: 100%; width: auto; height: auto;}
table { width: 100%; border-collapse: collapse; }
table th{white-space:nowrap;}
table td{white-space:normal;}
caption, legend, .sr_only, .sr-only, .hidden, .blind, .IR { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0); }
iframe {margin:0; padding:0; border:currentcolor; border-image-source:none;}
input::placeholder {color: #9c9c9c; font-weight: 300; font-size: 1.5rem;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.input, select {
    /*border: 1px solid #d1d1d1; */
    border: 0;
    height: 32px;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 1.5rem;
}
input.hasDatepicker {
    border: 0 !important;
    border-radius: 3px !important;
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 1.5rem !important;
}
.input50 {width: 49%;}
.input100 {width: 100%;}
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

 input[type="date"] {position: relative;}
 input[type="date"]::-webkit-clear-button,
 input[type="date"]::-webkit-inner-spin-button {display: none; -webkit-appearance: none;}
 input[type="date"]::-webkit-calendar-picker-indicator {background: transparent; z-index: 1; margin-left: 4px;}
 input[type="date"]:after {
    position: absolute;
    top: 50%; right: 2px;
    transform: translateY(-50%);
    content:'';
    width: 20px; height: 20px;
    background: transparent url('/resources/mna/img/calendar.png')no-repeat center center;
    z-index: 0;
    background-size: 13px;
    cursor: pointer;
    filter : invert(64%) sepia(15%) saturate(259%) hue-rotate(176deg) brightness(91%) contrast(91%);
}
textarea {
    padding: 10px;
    border: 1px solid #d1d1d1;
    min-height: 90px;
    border-radius: 3px;
    font-size: 1.5rem;
    width: 100%;
}
.i {width: 24px; height: 32px; display: inline-block; content:""; float: left;}

.ih {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.ib {background: url('/resources/mna/img/top.svg')no-repeat;}
.i_down {
    width: 20px; height: 16px;
    background-position: center center;
    display: inline-block;
}
:root {
    --sub_title: #2a313b;
    --mint : #00a99d;
    --darkblue : #254776;
    --gTit: #333;
    --d1 : #d1d1d1;
    --e8 : #e8e8e8;
    --background: #f3f6fa;
    --ea : #eaeaea;
    --blue : #4587e2;

    --txt16 : 1.6rem;
    --txt14 : 1.4rem;
    --txt20 : 2.0rem;
    --txt22 : 2.2rem;

    --text: #2a313b;
    --text-g : #6d737b;
    --accent: #478ae3;
    --g_back : #f5f5f5;

}
.backcolor {background: #eef0f3;}

.btn {
    font-family: 'pretendard' !important;
    display: inline-block;
    padding: 0 16px; height: 32px; line-height: 32px;
    border-radius: 3px;
    font-size: 1.5rem !important;
    margin: 2px;
    cursor: pointer;
}
.btn:after {display: block; clear: both; content:"";}

.consentWr .btn_acbox .btn sapn {padding-left: 0 !important;}

.btn > span , .apply_btn > span {
    padding-left: 10px;
    display: inline-block;
}
.small_btn:hover, .btn:hover {
    box-shadow: 1px 50px 50px rgba(0,0,0,.1)inset;
}
.small_btn {
    font-family: 'Pretendard' !important;
    font-size: 1.4rem !important;
    border-radius: 3px;
    padding: 0 12px;
    height: 26px;
    line-height: 25px;
    display: inline-block;
    margin: 2px;
}
.save {background: #ec5f87; color: #fff;}
.add {background: #4587e2; color: #fff;}
.del {background: #db3c3c; color: #fff;}
.next {background: #0099a4; color: #fff;}
.prev {background: #2d3276; color: #fff;}
.back {
    font-family: 'S-CoreDream-3Light';
    font-weight: bold;
    font-size: 1.5rem;
    display: inline-block;
    cursor: pointer;
}
.i_back {
    content:"";
    width: 40px;
    height: 14px;
    background: url('/resources/mna/img/back.png')no-repeat 10px -2px;
    display: inline-block;
}
.back:hover .i_back {animation: back 0.7s linear infinite;}
.i_next {background: url('/resources/mna/img/next.svg')no-repeat center center; background-size: 24px;}
.i_prev {background: url('/resources/mna/img/prev.svg')no-repeat center center; background-size: 24px;}
.i_save {background: url('/resources/mna/img/save.svg')no-repeat center center; background-size: 24px;}
.i_company_add {background: url('/resources/mna/img/company_add.svg')no-repeat center center; background-size: 24px;}
.i_apply {background: url('/resources/mna/img/apply.svg')no-repeat center center; background-size: 24px;}
.i_plus {background: url('/resources/mna/img/plus.svg')no-repeat center center; background-size: 24px;}
.i_info {background: url('/resources/mna/img/info.svg')no-repeat center center; width: 16px; height: 16px; content:''; display: inline-block; margin: 0 4px;}

.btnwr2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

@keyframes back {
    0% { background: url('/resources/mna/img/back.png')no-repeat 10px -2px;}
    100% { background: url('/resources/mna/img/back.png')no-repeat -1px -2px;}
}
.r_fixed {display: flex; align-items: center; justify-content: flex-end;}
.next_span {
    /* background: #ec5f87 url('/resources/mna/img/next.svg')no-repeat center center; */
    background: #0099a4 url('/resources/mna/img/next.svg')no-repeat left 2px center;
    background-size: 18px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 3px;
    margin: 0 4px;
    padding: 0 4px 4px 24px ;
}

.scroll_fixed {
    display: flex;
    align-items: flex-end;
    justify-content:space-between;
    padding-bottom: 12px;
    position: relative;
}
.next_info {position: absolute; bottom: 52px; right: 0;}

.fix {
    position:fixed;
    top: 90px;
    left: 0; right: 0;
    background: #fff;
    z-index: 99;
    padding: 20px 5% 20px;
    align-items: center;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    min-width: 767px;
}
.fix .next_info {
    bottom: 3px; left : initial; right: 5%; display: block;
}
.widthauto {width: auto !important;}
footer {
    /* background: #484652; */
    background: #384761;
    border-top: 1px solid #d1d1d1;
    padding: 15.5px 18%;
}
.ft {
    font-size: 1.4rem;
    color: #a9aab4;
    line-height: 1.7;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ft_right{line-height: 1.5; display: flex;}
.ft_right li {margin-left: 32px; position: relative;}
.ft_right li:after {
    display: block;
    content:"";
    width: 1px; height: 10px;
    background: #6c7d9a;
    position: absolute;
    top: 5px; left: -8px;
}
.ft_right h3{
    color: #eae4e4;
    font-size: 14px;
    letter-spacing: -0.1px;
    font-weight: 500;
}
.ftpd {padding: 24px 7% !important;}

.radioWr {padding: 4px 0;}
/*
.radioWr input[type="radio"] {display: none;}
.radioWr input[type="checkbox"] + label, input[type="radio"] + label {
    cursor: pointer;
    position: relative;
    padding-left: 24px;
    display: inline-block;
    margin-right:10px;
    font-size: 1.5rem;
}
.radioWr input[type="checkbox"] + label:before {
    width: 16px; height: 16px;
    border: 1px solid #cac9c9;
    border-radius: 2px;
    background: url('/resources/mna/img/check.svg')no-repeat 0px 0px;
    content:"";
    display: inline-block;
    position: absolute;
    top: 2px; left: 0;
}
.radioWr input[type="checkbox"]:checked + label:before {
    background: #ff9664 url('/resources/mna/img/check.svg')no-repeat 0px -12px;
    border: 1px solid #ff9664;
    transition: all 0.3s;
}

.radioWr input[type="radio"] + label:before {
    width: 16px; height: 16px;
    border: 1px solid #cac9c9;
    border-radius: 50px;
    background: url('/resources/mna/img/check.svg')no-repeat 0px 0px;
    content:"";
    display: inline-block;
    position: absolute;
    top: 0px; left: 0;
}
.radioWr input[type="radio"]:checked + label:before {
    background: #ff9664 url('/resources/mna/img/check.svg')no-repeat 0px -12px;
    border: 1px solid #ff9664;
    transition: all 0.3s;
}
*/
select {
    cursor: pointer;
    background: #fff url('/resources/mna/img/down_arrow.png')no-repeat right 0.75rem center;
    width: 100%;
}



body {
    line-height: 1;
    min-width: 1280px;
    position: relative;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
a {
    text-decoration: none;
}

/*input {
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-family: 'Pretendard';
    border-radius: 3px;
    padding: 0 15px;
    width: 100%;
}*/
input[type="text"]::placeholder {color: #9c9c9c;}

table {width: 100%; border-collapse: collapse;}
table td {
    border: 1px solid var(--e8);
    line-height: 1.3;
}
table th {
    padding: 5px 10px;
    border: 1px solid #eaeaea;
    background: #f5f6f9;
    text-align: left;

}
.tbtb {
    font-size: 15px;
    border: 0;
}
.tbtb input[type="text"]:disabled, input[type="date"]:disabled {background: #ebedf1; border-radius: 0; color: #999;}
.rp_details .tbtb {background: #fff !important; min-width: 1380px;}
.tb_reset {
    background: #fff;
    border: 0 !important;
    padding: 16px 0 6px 20px;
    position: relative;
    color: #4587e2;
}
.tb_reset:before {
    width: 3px; height: 3px;
    background: #847dc1;
    border-radius: 10px;
    display: inline-block;
    content:"";
    position: absolute;
    top: 21px; left: 10px;
}
.option1 {margin-bottom: 30px !important;}
.option1 .rpTit {
    border: 0;
    border-radius: 0;
    font-size: 2.0rem;
    padding: 0;
    color: #3a4f5f;
    font-weight: 600;
    display: inline-block;
}
.option1 .rp_details {
    background: #fff;
    border: 0;
    padding: 0 10px 10px;
}
.option1 input, .option1 select, .option1 textarea {border: 0;}

.tbview td {
    padding: 0px 10px !important;
}



.dpfs {
    display: flex;
    align-items: center;
    justify-content:flex-start;
}
.dpfe {
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.dpfsb {
    display: flex;
    align-items: center;
    justify-content:space-between;
}


.padding4 {padding: 4px;}

.subSchWr {
    position: relative;
    width: 100%;
    padding: 10px 26px;
    background: #eef0f3;
    border-radius: 5px;
    margin-bottom: 20px;
}

.subSchWr table {margin-bottom: 0px;}
.subSchWr table input[type="text"] {border: 1px solid #d1d1d1; border-radius: 3px; width: 310px;}
.subSchWr table th {background: transparent; text-align: left; border: 0; padding: 0 26px}
.subSchWr table td {padding: 4px 0px; border:0;}

/*상단*/
.hd {
    height: 60px;
    border-bottom: 1px solid var(--d1);
    background: #fff;
    position: absolute;
    top: 0; left: 0;
    z-index: 99;
    width: 100%;
}
.logoWr {
    padding: 10px;
    display: inline-block;
}
.hd img {height: 36px;}
.container {
    display: flex;
}

/* 좌측 */
.left_nav {
    background: #39404e;
    flex-basis: 15%;
    min-height: 100vh;
    padding-top: 60px;
}
.adWr {
    padding: 30px 20px;
    display: flex;
    border-bottom: 1px solid #2b3240;
}
.adImg {
    border-radius: 3px;
    background: #a3d9db;
    width: 45px; height: 45px;
    overflow: hidden;
}
.adInfo {padding: 0 20px;}
.adname {
    color : #fff;
    font-size: 1.6rem;
    letter-spacing: 2px;
    padding: 5px 0;
}
.admin_logout a {
    display: inline-block;
    color: var(--d1);
    font-size: 1.4rem;
    padding-left: 22px;
    background: url('/resources/mna/img/logout.png')no-repeat left 0;
}
.admin_logout a:hover {
    color: #fff;
    background: url('/resources/mna/img/logout.png')no-repeat left -27px;
    transition: all 0.2s;
}
.left_nav_list {
    border-top: 1px solid #485062;
}

.menuA {
    display: block;
    color: #cfd7e5;
    font-size: 1.7rem;
    padding: 20px 30px;
}
.menuA:hover {color: #fff;}
.menu_focus {
    background: #262b37 url('/resources/mna/img/right_arrow.png')no-repeat 93% center;
    position: relative;
}
.menu_focus:before {
    content: "";
    display: block;
    width: 4px; height: 100%;
    background: rgb(89,207,246);
    background: linear-gradient(180deg, rgba(89,207,246,1) 0%, rgba(70,136,227,1) 100%);
    position: absolute;
    top: 0; left: 0;
    z-index: 9;
}
.menu_focus > a {
    color: #fff;
    font-weight: 700;
}

/* 우측 */
.right_content_wr {
    background: #f3f6fa;
    padding: 100px 30px 40px;
    flex-basis: 85%;
    min-height: 100vh;
}
.cont_title {
    font-size: 2.4rem;
    color: var(--text);
    font-family: 'Pretendard';
    margin-bottom: 34px;
}
.contWR {

    font-size: 1.6rem;
    color: var(--text);
}

/*관리자 끝*/


/*상단*/
.gnb {margin-left: 16px;}
.top_layout {
    background: #fff;
    border-bottom: 1px solid #e7ecf3;
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 599;
}
.top_utilwrap {
    width: 100%;
    padding: 0 5%;
}
.top_right {
    text-align: right;
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right: 160px;
}
.logout {
    font-size: 1.3rem;
    color: #999;
    padding-left: 20px;
    background: url('/resources/mna/img/logout.png')no-repeat left top;
}
.logout:hover {color: #555;}
.top_right > ul {
    display: inline-block;
}
.hd_wr {
    display: flex;
    height: 52px;
    align-items: center;
    justify-content: flex-start;
}
.logo_wr {
    flex-basis: 292px;
}
.logo_wr img {height: 38px;}

.sitemap, .mb_menu_open {
    width: 25px;
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right: 80px;
    z-index: 999;
    cursor: pointer;
}
.sitemap > span {
    display: block;
    width: 100%;
    height: 2px;
    background: #111;
    border-radius: 3px;
    margin: 6px 0;
    transition: transform 0.5s, opacity 0.5s;
}
.sitemap.bar_active span:nth-child(1) {transform:translateY(8px) rotate(45deg);}
.sitemap.bar_active span:nth-child(2) {opacity: 0;}
.sitemap.bar_active span:nth-child(3) {transform:translateY(-8px) rotate(-45deg);}

/*상단 메뉴
.depth1_ul {display: flex;}
.th_1st {
    font-size: 1.9rem;
    color: #2a313b;
    color: var(--text);
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    padding: 28px 48px;
}
.th_1st:hover {
    color: #478ae3;
    color: var(--accent);
    font-weight: 600;
}
.th_2st {
    display: none;
    position: absolute;
    top: 74px; left: 0;
    z-index: 999;
    width: 100%;
    padding: 32px 0;
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0px 8px 7px rgba(0,0,0,.1);
}
.th_2st a {
    display: block;
    font-size: 1.6rem;
    font-size: var(--txt16);
    padding: 10px;
    text-align: center;
    color: #555;
}
.depth1_ul li:hover .th_2st {
    display: block;
    transition: all 0.5s;
}
.th_2st a:hover {
    color: #000;
}
.th2 {
    padding-left: 30%;
}
.th2:after {display: block; clear: both; content:"";}
.th2 > li {float: left; width: 20%;}
.th_2Tit {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 24px;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    background: #1e3950;
    color: #fff;
    text-align: right;
    padding: 20px 20px 0 0;
    width: 30%;
    height: 100%;
}*/
/* 221026 상단메뉴 다시*/
.depth1_ul {display: inline-block;}
.depth1_ul:after {display: block; clear: both; content:"";}
.n1 {
    float: left;
    position: relative;
}
.th_1st {
    font-size: 1.8rem;
    color: #333;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 52px;
    height: 56px;
    line-height: 56px;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
}
.th2 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    padding: 0;
    z-index: 99;
    line-height: 1.3;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.th2 li a{
    /* background: #666; */
    background: #384761;
    color: rgba(255,255,255,.7);
    display: block;
    font-size: 1.4rem;
    text-align: center;
    padding: 10px 4px;
    box-shadow: 0 3px 3px rgba(0,0,0,.1);
}
.th2 {display: none;}
.n1:hover .th_1st {color: #478ae3;}
.n1:hover > ul.th2 {display: block !important;}
.th2 a:hover {color: #fff;}

/* 사이트맵 */

.sitemap_open_wr {
    display: none;
    width: 100%;
    position: fixed;
    top: 0; left: 0; right: 0;
    background: #fff;
    box-shadow: 0 0px 10px rgba(0,0,0,.5);
    z-index: 99;
    padding: 70px 5% 60px 5%;
}
.sitemap_title {
    font-size: 40px;
    margin: -40px 0 22px 0;
    position: relative;
}

.sitemap_menu_list_wr {display: flex; align-items: stretch;}
.menu_tit {
    font-size: 2.0rem;
    font-family: 'S-CoreDream-3Light';
    font-weight: bold;
    color: #478ae3;
    display: inline-block;
    margin-bottom: 14px;
}
.sitemap_menu {
    width: 20%;
    margin-right: 30px;
    border-right: 1px solid #eaeaea;
}
.sitemap_menu_list_wr ul:last-child {border-right: 0;}
.sitemap_2depth a {
    display: inline-block;
    color: #1d1d1d;
    margin: 8px 30px 8px 0;
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

/* 스크롤바 막대 설정*/
.st_dep::-webkit-scrollbar-thumb{
    background: #eaeaea;
    border-radius: 25px;
}
/* 스크롤바 뒷 배경 설정*/
.st_dep::-webkit-scrollbar-track{
    background-color: transparent;
}
.st_dep:after {display: block; clear: both; content:"";}
.st_menu {
    float: left;
    width: 25%;
    padding: 20px 20px;
}
.st_menu > li:first-child{
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 4px;
    color: #000;
}
.st_menu > li:not(first-child) {
    font-size: 1.4rem;
    color: #555;
    padding: 8px 0;
    letter-spacing: -0.5px;;
}
.st_menu a {
    transition: all 0.2s;
    display: inline-block;
    position: relative;
}
.st_menu a:hover {color: #000; font-weight: 600; }
.st_menu a:after {
    display: block;
    content: "";
    width: 0; height: 1px;
    background: #000;
    position: absolute;
    bottom: -5px; left: 50%; transform: translateX(-50%);
    transition: all 0.2s;
}
.st_menu a:hover:after {
    display: block;
    width: 100%;
}

/* 모바일 메뉴 */
.mb_menu_open, .m_menu_wr {display: none;}

.m_menu_wr .close {
    position: absolute;
    top: 30px; right: 30px;
    width: 30px; height: 30px;
    background: url('/resources/mna/img/close.png')no-repeat center center;
    background-size: 26px;
}

.m_menu_wr {
    position: fixed;
    z-index: 99999999;
    top: 0; left: 0; right: 0; bottom:0;
    background: #fff;
}
.m_logo_wr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px;
    border-bottom: 1px solid #d8dee8;
}
.m_menu {
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #d8dee8;
    padding: 12px 20px;
    font-size: 16px;
    color: #1e1e1e;
}
.m_menu_open:hover {
    background-color: #1a76de;
    background-image: url('/resources/mna/img/d_arrow.png');
    background-repeat: no-repeat;
    background-position: 97% center;
    color: #fff;
}
.m_menu_link:hover {
    font-weight: 700;
    color: #1a76de;
    background: url('/resources/mna/img/r_arrow.png')no-repeat 97% center;
}

.m_depth3 {
    display: none;
    padding: 20px;
    background: #18225c;
}
.m_depth3:after {display: block; content:""; clear: both;}
.m_depth3 > li {
    width: 50%;
    float: left;
}
.m_depth3 > li > a {
    font-size: 14px;
    color: #fff;
    display: block;
    padding: 8px;
}
.m_depth3 > li > a:hover {text-decoration: underline;}
.hd_icon > .m_menu_open:hover {background-color: transparent; background-image: none;}




/* 메인 */

/* 용어검색 */
.word_sch_wr {
    background: #2f3643 url('/resources/mna/img/word_back.png')no-repeat center center;
    background-size: cover;
    height: 200px;
    color: #fff;
    text-align: center;
}
.word_sch {
    width: 452px;
    margin: 0 auto;
    padding-top: 40px;
}
.ws_tit {
    font-size: 2.2rem;
    font-family: 'GyeonggiTitleM';
    padding-left: 36px;
    background: url('/resources/mna/img/icon-10.png')no-repeat 0 center;
    display: inline-block;
}
.w_sch_wr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0;
}
.w_sch_wr > input {
    width: 384px;
    height: 56px;
    margin-right: 8px;
}
.w_sch_wr > button {
    background: #11c7dd;
    width: 56px; height: 56px;
    border-radius: 3px;
}
.word {
    text-align: left;
}
.word > a {
    padding-right: 12px;
    font-weight: 300;
    font-size: 1.5rem;
    color: #e8f0f8;
}
.word > a:hover {text-decoration: underline;}


.tab_menu {
    background: var(--background);
    position: relative;
}
.tabwr {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 32px 0;
    height: 182px;
}
.tab_cont:after {display: block; clear: both; content:"";}
.list {
    position: absolute;
    top: 0; right: 1020px;
    z-index: 9;
    width: 100vw;
    height: 182px;
    background: #d8e2f6;
}
.list > li:nth-child(1) {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 36px;
}
.list > li:nth-child(2) {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 100px;
}
.is_on {
    right: -20px !important;

}
.is_on:after {
    background: #d8e2f6;
    content:"";
    display: block;
    width: 20px; height: 16px;
    position: absolute;
    top: 48px; right: 21px;
    z-index: -1;
}
.is_on .tab_btn:before {
    background: #797dac;
    content:"";
    display: block;
    width: 20px; height: 16px;
    position: absolute;
    top: 46px; right: 10px;
    transform: skewX(-51deg);
    z-index: -1;
}
.is_on .tab_btn {
    font-family: 'S-CoreDream-7ExtraBold';
    font-weight: 300;
    color: #fff;
    padding: 0 40px;
    box-shadow: 2px 3px 5px rgba(21, 25, 76, .3);
    border-radius: 3px;
    background: rgb(89,207,246);
    background: linear-gradient(90deg, rgba(89,207,246,1) 0%, rgba(70,136,227,1) 40%);
}
.cont_area {padding-left: 240px;}

.tab_cont li {
    float: left;
    padding: 0 15px;
}
.tab_cont a {
    display: block;
    width:  160px;
    text-align: center;
    line-height: 1.4;
}
.imgbox {
    background :#fff;
    border-radius: 50%;
    width: 62px; height: 62px; padding-top: 4px;
    margin: 0 auto 12px;
    box-shadow: 2px 0 8px rgba(0,0,0,.1);
}
.tab_cont a p {
    font-family: 'S-CoreDream-3Light';
    font-weight: bold;
    font-size: 1.6rem;
    color: var(--text);
    word-break: keep-all;
}
.tab_cont a:hover .imgbox {
    border: 2px solid #3e2b75;
    transition: all .1s;
}
.tab_cont a:hover p {color: #3e2b75;}
.tab_btn {
    font-family: 'S-CoreDream-3Light';
    color: #62759c;
    font-size: 1.8rem;
    width: 204px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    padding: 0 20px;
    text-align: right;
    font-weight: bold;
}

.wr2_tit_wr {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.st_date {
    font-size: 1.4rem;
    color: #aeb5be;
    letter-spacing: -0.2px;
}
.status {
    width: 514px;
    height: 244px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 2px 0 15px rgba(35, 60, 89, .1);
    margin-top: 20px;
    padding: 12px;
}
.main_cont_wr {
    width: 1200px;
    margin: 0 auto;
}
.main_cont_wr .tit {
    font-family: 'GyeonggiTitleM';
    font-size: 2.2rem;
    color: var(--text);
}
/* .green {
    font-family: 'GyeonggiTitleM';
    color: #35b444;
}

.orange {
    font-family: 'GyeonggiTitleM';
    color: #f78805;
}
.purple {
    font-family: 'GyeonggiTitleM';
    color: #c858cf;
} */

.wr2 {
    display: flex;
    justify-content: space-between;
    padding: 52px 0;
}
.status_wr {
    flex-basis: 512px;
}
.notice_wr {
    flex-basis: 640px;
}
.more_btn {
    display: block;
    width: 28px; height: 28px;
    border-radius: 28px;
    text-align: center;
    line-height: 25px;
    color: var(--text);
    font-size: 20px;
    box-shadow: 2px 1px 5px rgba(27, 38, 62, .2);
}
.more_btn:hover {
    box-shadow: 1px 1px 3px rgba(27, 38, 62, .2)inset !important;
}
.n_wr {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}
.noti {
    box-shadow: 2px 0 15px rgba(35, 60, 89, .1);
    width: 204px;
    height: 244px;
    overflow: hidden;
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
}
.noti:hover {
    margin-top: -5px;
    transition: all 0.4s;
}
.noti:before {
    content:"";
    display: block;
    width: 1px; height: 2px;
    position: absolute;
    top : 0; left: 0;
    z-index: 9;
    transition: all 0.4s;
}
.noti:hover:before {
    width: 100%; height: 2px;
    background: var(--accent);
    position: absolute;
    bottom : 0; right: 0;
    z-index: 9;
}

.noti li:nth-child(1) {
    font-size: 1.8rem;
    color: var(--text);
    font-weight: 400;
    position: relative;
    line-height: 1.2;
    letter-spacing: -.1px;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.noti li:nth-child(2) {
    color: var(--text-g);
    font-size: 1.5rem;
    line-height: 1.4;
    margin: 28px 0 32px;
    height: 65px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.noti li:nth-child(3) {
    font-size: 1.3rem;
    color: #a1a6ae;
    letter-spacing: -.3px;
}

.judge_wr {
    background: #f9fafa;
    position: relative;
    z-index: 99;
    height: 375px;
}
.judge_wr > .tit {
    padding: 32px 0 0 36px;
}
.judge_wr .more_btn {
    background: #fff;
    position: absolute;
    top: 16px; right: 16px;
    z-index: 999;
}
.judge_wr:after {
    content:"";
    display: block;
    background: #dddede;
    position: absolute;
    width: 12px; height: 354px;
    right: -12px; bottom: 0;
    z-index:-9;
}
.m_judge_wr {display: none;}
.m_down {
    display: block;
    background: #00a99d url('/resources/mna/img/icon-08.png')no-repeat 95% 4px;
    color: #fff;
    font-size: 1.7rem;
    border-radius: 5px;
    padding: 14px 50px 14px 8px;
    width: 204px;
    text-align: right;
    letter-spacing: -0.5px;
    position: absolute;
    z-index: 9;
    right: -48px;
    top: 60px;

}
.m_down:hover {
   box-shadow: 3px 0 10px rgba(21, 26, 77, .2);
   right: -163px;
   transition: all 0.5s;
}
.g_down:hover {
    box-shadow: 3px 0 10px rgba(21, 26, 77, .2);
    right: -195px;
    transition: all 0.5s;
 }
.g_down {
    display: block;
    background: #254776 url('/resources/mna/img/icon-09.png')no-repeat 96% 4px;
    color: #fff;
    font-size: 1.7rem;
    border-radius: 5px;
    padding: 14px 50px 14px 8px;
    width: 204px;
    text-align: right;
    letter-spacing: -0.5px;
    position: absolute;
    z-index: 9;
    right: -48px;
    top: 110px;
    /* box-shadow: 3px 0 10px rgba(21, 26, 77, .2); */
}
.j_cont {
    width: 100%;
    position: relative;
    background: #f9fafa;
    z-index: 9;
    padding: 32px 36px 0;
    height: 320px;
    overflow: hidden;
}
.j_ul:after {
    display: block;
    clear : both;
    content:"";
}
.j_cont_tit {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 16px;
}
.j_cont_tit li {
    float: left;
    font-size: 1.4rem;
    color: #616161;
}
.j_ul li:nth-child(1) {width: 6%;}
.j_ul li:nth-child(2) {width: 10%;}
.j_ul li:nth-child(3) {width: 10%;}
.j_ul li:nth-child(4) {width: 12%;}
.j_ul li:nth-child(5) {width: 22%;}
.j_ul li:nth-child(6) {width: 22%;}
.j_ul li:nth-child(7) {width: 7%;}
.j_ul li:nth-child(8) {width: 11%; padding-right: 0;}

.j_list li {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;;
    font-size: 1.5rem;
    color: var(--text);
    padding-right: 14px;
    height: 50px; line-height: 50px;
}







/* 서브 */

.sub_nav_wr {
    background: #f3f6fa;
    display: none;
}
.w1200 {
    padding: 0 5%;
    width: 100%;
}
.sub_nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sn1:first-child {padding: 16px 24px 16px 0;}
.sd1 {
    font-size: 1.6rem;
    font-size: var(--txt16);
    padding: 16px 80px 16px 24px;
    display: inline-block;
    position: relative;
    color: #454545;
}
.sd1:before {
    content:"";
    display: block;
    width: 1px; height: 12px;
    background: #d1d1d1;
    position: absolute;
    top: 20px; left: 0;
    z-index: 9;
}
.sn1 {
    position: relative;
}
.sn1:last-child {margin-left: -1px;}
.sn2 {
    display: none;
    position: absolute;
    top: 48px; left: 0;
    z-index: 999;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #d1d1d1;
    background: #fff;
}
.sn2 a {
    display: block;
    font-size: 1.6rem;
    font-size: var(--txt16);
    padding: 10px 24px;
    color: #555;
}
.sn1:hover .sn2 {
    display: block;
    transition: all 0.5s;
}
.sn2 a:hover {
    color: #000;
}


.subwr{
    display: block;
    width: 100%;
    position: relative;
    /* background: #eef0f3; */
}


.subtit {
    position: relative;
    display: flex;
    align-items: center;
}
.subtit > p {
    font-size: 2.2rem;
    font-size: var(--txt22);
    font-family: 'GyeonggiTitleB';
    color: var(--sub_title);
}
.subtit > span {
    margin-left: 5px;
}

.cb .rpTit {cursor: auto;}
.cb .c_f_down {
    height: 80px;
    overflow-y: auto;
    position: relative;
    border: 1px solid #eaeaea;
    background: #fff;
    margin-bottom: 20px;
}
.c_f_down::-webkit-scrollbar {width: 8px;}

.c_f_down::-webkit-scrollbar-thumb {
    background: #cbd5dc;
    border-radius: 10px;
}
.c_f_add {
    position: relative;
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
}
.c_f_add:nth-child(odd) {background: #f5f6f9;}
.c_f_add .small_btn {height: 20px; line-height: 20px; padding: 0 8px; position: absolute; top: 2px; right: 20px;}
.addfile {position: relative;}
.afTit {
    font-size: 1.7rem;
    color: #333;
    font-weight: 900;
}
.afTit > .grey_txt {font-size: 1.5rem; color: #999; font-weight: 500;}
.haha {
    font-size: 1.4rem;
    font-size: var(--txt14);
    color: #929292;
}
.dcMody {
    font-size: 1.5rem;
    color: #4587e2;
    margin-left: 8px;
    font-weight: 600;
}
.chumbu_wr {
    background: #fafafa;
    border-radius: 3px;
    padding: 20px 10px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    align-items: stretch;
}
.aful {
    width: 100%;
    margin: 0 0.5%;
    position: relative;
}


.posiR_btn{
    position: absolute;
    right: 0; top: 0px;
}
.posiR_btn a {
    color: #555;
    display: block;
    border-radius: 3px;
    text-align: center;
    padding: 6px 6px 6px 29px;
    font-size: 1.4rem;
    position: relative;
    font-size: var(--txt14);
}
.posiR_btn a:before {
    background: url('/resources/mna/img/icon.png')no-repeat -66px -58px;
    content:"";
    display: inline-block;
    width: 20px; height: 20px;
    position: absolute;
    top: 1px; left: 8px;
}
.Red {color: #d81d1d;}

.af_info_wr {
    margin: 20px 0 80px;
    line-height: 1.7;
}
.af_info {
    color: #696969;
    word-break: keep-all;
    letter-spacing: -0.3px;
    font-size: 1.4rem;
}
.apply_btn {
    color: #fff;
    font-size: 1.6rem;
    font-size: var(--txt16);
    /* background: rgba(71,137,227);
    background: linear-gradient(90deg, rgba(88,206,246,1) 0%, rgba(71,137,227,1) 46%); */
    background: #fa8d00;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    margin: 2px;
    border-radius: 3px;
    box-shadow: 0px 2px 5px rgba(21,26,77,0.3);
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
}
.filebox {
    position:relative;
    margin-top: 12px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox label {
    display: inline-block;
    padding: 0 10px;
    text-align: center;;
    color: #fff;
    vertical-align: middle;
    background: #265390;
    cursor: pointer;
    height: 32px; line-height: 32px;
    border-radius: 3px;
    position: absolute;
    top: 4px; right: 4px;
    z-index: 9999;
    font-size: 1.4rem;
    font-size: var(--txt14);
}
.filebox .upload-name1, .filebox .upload-name2 {
    display: inline-block;
    height: 44px;
    padding: 0 84px 0 16px;
    vertical-align: middle;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(21,26,77,0.2)inset;
    width: 100%;
    background: #f9f9f9;
    border: 0;
}

/* 진행상황 */
.stepWr.fixed {position: fixed; left: 0; top: 60px; right: 0; z-index:99;}
.stepWr {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    /*margin: 0px 0 40px; */
    overflow: hidden;
    position: fixed;
    top: 52px; left:0; right: 0;
    z-index: 598;
}
.stepWr li {
    width: 20%;
    font-family: 'S-CoreDream-3Light';
    font-weight: bolder;
    background: #6e808e;
    padding: 10px 12px;
    display: flex; align-items: center;
    position: relative;
    justify-content: center;
}
.stepWr li:before {
    content:"";
    display: block;
    width: 46px; height: 46px;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    z-index: 2;
    position: absolute;
    top: -2px; right: -18px;
    transform: rotate(134deg);
    background: #6e808e;
}
.stepWr li:last-child:before {display: none;}
.step {
    color: #cbd5dc;
    font-size: 1.5rem;
    text-align: center;
    padding: 0 10px;
}
.stepNum {
    background: #cbd5dc;
    color: #6e808e;
    border-radius: 50%;
    display: inline-block;
    width: 20px; height: 20px;
    line-height: 20px; text-align: center;
    font-size: 1.3rem;
}
/*.stepWr .step_focus:before {
    content:"";
    display: block;
    width: 100%; height: 1px;
    background: #4587e2; background: var(--blue);
    position: absolute;
    top: 0px;
    left: 50%;
}*/
.step_focus {background: #4587e2 !important;}
.step_focus .step {color: #fff;}
.step_focus .stepNum {color: #4587e2; background: #fff;}
.stepWr .step_focus:before {background: #4587e2;}


.board_area {
    position: relative;
    padding: 110px 5% 30px;
    min-height: calc(100vh - 95px);
    /* background: #eef0f3; */
}

/*신고인*/
.stock_area {
    position: relative;
    margin: 0 auto;
    padding: 130px 5% 30px;
    min-height: calc(100vh - 95px);
}
.stock_area:after {display: block; clear: both; content:"";}
.fll {float: left;}
.rp_wr {
    position: relative;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    margin-bottom: 20px;
}

.rpTit{
    height: 40px;
    background: #fff;
    font-size: 2.0rem;
    position: relative;
    line-height: 40px;
    padding: 0;
    cursor : pointer;
    font-weight: 600;
    display: inline-block;
}

.rotate {transform: rotate(-180deg); }
.postinput {
    width: 120px;
}
.addrBtn {
    background: #252525;
    color: #e5e5e5;
    font-size: 1.5rem;
    border-radius: 4px;
    margin-left: 2px;
    height: 32px;
    padding: 0 10px;
}

.tab > h3 > span {font-size: 1.5rem; color: #a4a4a4; font-weight: 300;}
.appli {
    margin-top: 20px;
}
.appli:after {
    display: block;
    clear: both;
    content:"";
}
.appli li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 108px;
    padding-right: 12px;
    float: left;
    width: 33.3%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.appli li > p {
    position: absolute;
    top: 1px; left: 20px;
    width: 100px;
    word-break: keep-all;
    width: 88px;
    font-size: 1.4rem;
}
.appli li > p > span {
    font-size: 1.3rem;
     display: block;
     color: #a4a4a4;
}
.appli li > h3 {
    line-height: 1.4;
    word-break: keep-all;
    padding-right: 20px;
    font-size: 1.5rem;
    font-size: var(--txt15);
    color: var(--gTit);
}
.appli .radioWr {height: 32px; display: flex; align-items: center;}
.btnwr {
    position: absolute;
    right: 0; top: 0px;
    z-index: 9;
}


/* 부가정보 */
.tag1 {
    font-size: var(--txt14) !important;
    color: var(--mint) !important;
    border: 1px solid var(--mint);
    border-radius: 3px;
    margin-left: 10px;
    padding: 2px 4px;
    font-weight: 600 !important;
}
.tag2 {
    font-size: var(--txt14) !important;
    color: var(--darkblue) !important;
    border: 1px solid var(--darkblue);
    border-radius: 3px;
    margin-left: 10px;
    padding: 2px 4px;
    font-weight: 600 !important;
}
.list_ul > li {
    border-radius: 10px;
    background: #fff;
    padding: 20px 30px;
    margin-top: 8px;
    position: relative;
}
.relation {
    color: #63a1ff;
    background: #f4f9ff;
    border-radius: 3px;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 1.5rem;
    margin-left: 8px;
}
.stockUl {display: flex; align-items: center;}
.chkWr {flex-basis: 7%;}
.userWr {
    flex-basis: 33%;
    display: flex;
    align-items: center;
}
.stockWr {
    flex-basis: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: end;
}
.jujuName {font-size: 1.8rem;}
.percent {
    color: #999;
    margin-right: 16px;
    font-family: 'S-CoreDream-3Light';
    font-size: 1.5rem;
}
.percent > span {
    color : #ff0000;
    font-family: 'S-CoreDream-7ExtraBold';
}
.stock {
    font-size: var(--txt20);
    font-family: 'S-CoreDream-7ExtraBold';

}
.posi {
    top: 12px; right: 32px;
}

/* 검색영역 */
.writeBtn:hover, .schBtn:hover {color: #fff;}
.schWr {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 3px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0px 0 40px;
}
.schWr li {margin-right: 4px; min-width: 100px;}
.schWr li:last-child {margin-right: 0; min-width: auto;}
.schBtn {
    background: #1a76de;
    background: var(--blue);
    color: #fff;
    width: 100%;
}


/* 팝업레이어 */
.tablewr {
    min-height: 400px;
    font-size: 1.5rem;
}
.lay {
    display: none;
    background: rgba(0,0,0,.4);
    position: fixed;
    top:0; left: 0; right: 0; bottom: 0;
    z-index: 9999;
}
.lay_cont {
    background: #fff;
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%,-50%);
    min-width: 40%;
    box-shadow: 1px 2px 5px rgba(0,0,0,.5);
    border-radius: 3px;
    padding: 20px;
}
.lay_cont > .appli p {
    top: 8px;
}
.regi_btn {
    background: #00a99d;
    background: var(--mint);
    color: #fff;
}
.lay_close {background: #eee;}



/* 로그인 페이지 */
.sign .txtbox {
    width: 100%;
    font-size: 1.6rem;
    color: #555;
    line-height: 1.4;
    word-break: keep-all;
    margin: 20px 0 48px;
}
.sign .txtbox p {
    position: relative;
    padding: 10px 0 10px 20px;
    color: #575963;
    font-family: 'Pretendard';
    font-size: 1.6rem;
}
.sign .login_center .log_text {margin-top: 52px; font-size: 1.7rem;}
.sign .txtbox p:after {
    content:"";
    display: block;
    background: #aabdd4;
    width: 6px; height: 6px;
    position: absolute;
    top: 17px; left: 0px;
    border-radius: 10px;
    z-index: 2;
}


.login_btn_wr {
    display: flex;
    justify-content: space-between;
}
.login_btn_wr .btn_sign {
    height: 56px;
    font-size: 1.8rem;
    font-family: 'S-CoreDream-7ExtraBold';
    color: #2f2f2f;
    border: 1px solid #2f2f2f;
    display: block;
    border-radius: 3px;
    display: block;
    line-height: 56px;
    width: 48%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    overflow: hidden;
    position:relative;
}
.login_btn_wr .btn_sign > img {margin-right: 8px;}


.lmDown {display: flex;}
.lmdTit {
    position: relative;
    font-size: 1.5rem;
    font-family: 'Pretendard';
    color: rgba(255,255,255,.7);
    display: block;
}
.lmdbla {
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: -0.5px;
    position: absolute;
    top: -30px; left: 0;
    background: #333;
    border-radius: 3px;
    padding: 6px 0;
    text-align: center;
    transition: all 0.2s;
    visibility: hidden;
}
.mdb .lmdbla {width: 165px;}
.gdb .lmdbla {width: 260px;}
.sdb .lmdbla {width: 200px;}
.cdb .lmdbla {width: 210px;}
.ydb .lmdbla {width: 210px;}
.lmDown > li {margin-right: 6px;position: relative;}
.lmDown a {
    display: block;
    border-radius: 5px 5px 0 0;
    padding: 8px 20px 5px;
    text-align: center;
}
.mdb {background: #384761;}
.gdb {background: #5c98e4;}
.sdb {background: #c0c0c0;}
.cdb {background: #b658eb;}
.ydb {background: #ff7800;}
.lmdbla:after {
    content:"";
    visibility: hidden;
    border-bottom: 5px solid #333;
    border-right: 5px solid #333;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: rotate(45deg);
    position: absolute;
    bottom: -1px; left: 10px;
    width: 8px; height: 8px;
    transition: all 0.2s;
}
.mdb:hover .lmdbla, .gdb:hover .lmdbla, .sdb:hover .lmdbla, .cdb:hover .lmdbla, .ydb:hover .lmdbla{
    visibility: visible;
    top: -36px;
}
.mdb:hover .lmdbla:after, .gdb:hover .lmdbla:after, .sdb:hover .lmdbla:after, .cdb:hover .lmdbla:after, .ydb:hover .lmdbla:after {visibility: visible; bottom: -4px;}
.guideNoti { color: #2f5597; font-weight: bold; font-size: 1.4rem;}
.systemCall {
    width: 1200px;
    margin: 0 auto;
    background: #384761;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    display: flex;
    justify-content: center;
    color: #fff;
}
.systemCall li {display: flex; margin: 0 20px; align-items: center; position: relative; z-index: 9; text-shadow: 0 0 4px rgb(56 71 97);}
.systemCall li:before {
    content:"";
    width: 5px; height: 5px;
    border-radius: 5px;
    position: absolute;;
    top: 49%; left: -20px;
    transform: translateY(-50%);
    background: #ddd;
}
.systemCall li:first-child:before{display: none;}
.systemCall li span {
    margin-right: 8px;
    display: block;
    padding: 2px;
    border-radius: 3px;
}

/* 로그인페이지 */
.intro_wr {
    height: calc(100vh - 95px);
    overflow: hidden;
    background: #f3f6fa;
    position: relative;
}
.intWr2 {
    width: 1200px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 60px 0;
}
.int_wrap {
    position: relative;
    display: flex;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    border-radius: 0 10px 0 0;
    background: #fff;
    /* position: absolute;
    top: 44%; left: 50%;
    transform: translate(-50%,-50%); */
}

.login_center {position: relative; z-index: 99;}
.sign .login_center {padding-top: 101px;}
.login {
    flex-basis: 56%;
    padding: 60px 60px 84px;
}
.sign {
    padding: 0 52px;
    flex-basis: 44%;
    position: relative;
    border-left: 1px dashed #ddd;
}
.l_img {
    position: absolute;
    bottom: -30px;
    right: 30px;
    width: 400px;
    z-index: 0;
}
.logo {width: auto; margin-bottom: 44px;}
.logo > img {height: 42px;}
.log_tit {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 2.5rem;
    color: #191919;
    text-align: center;
}
.login .log_tit > span {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 3.0rem;
    color: #b658eb;
}

.sign .log_tit, .login_center .log_tit {
    text-align: left;
    font-size: 3.0rem;
}
.sign .log_tit > span {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 3.0rem;
    color: #654ada;
}
.log_text {
    color: #565656;
    font-size: 1.6rem;
    margin-top: 15px;
}
.log_cont {
    margin-top: 36px;
}
.log_cont li:nth-child(odd) {
    font-size: 1.7rem;
    color: #565656;
    margin: 30px 0 10px;
    font-weight: 700;
}
.log_cont input {
    width: 100%; height: 52px;
    font-size: 1.8rem;
    background: #f3f6fa;
    border-radius: 3px;
    border: 0;
    padding: 0 20px;
}
.log_cont input::placeholder {
    color: #989da4;
}
.btn_login {
    position: relative;
    width: 48%; height: 56px;
    color: #fff;
    padding-left: 28px;
    font-size: 1.8rem;
    font-family: 'S-CoreDream-7ExtraBold';
    background: rgb(89,207,246);
    background: linear-gradient(90deg, rgba(89,207,246,1) 0%, rgba(70,136,227,1) 40%);
    border-radius: 3px;
    box-shadow: 2px 2px 7px rgba(36, 42, 63, .3);
}
.btn_login img {
    position: absolute;
    top: 11px; left: 62px;
}
.certifi_btn {
    font-family: 'S-CoreDream-3Light';
    font-size: 1.8rem;
    font-weight: 600;
    width: 48%;
    border: 1px solid #4688e3;
    margin-left: 2%;
    border-radius: 3px;
    height: 56px;
    color: #4688e3;
    background: #fff;
}
.found_pw {
    font-size: 1.4rem;
    color: #565656;
    font-weight: 400;
    margin-top: 20px;
    display: inline-block;
    position: relative;
}
.found_pw img {
    position: absolute;
    right: -15px; top: 2px;

}

.found_pw:hover img{
    right: -25px;
    animation: go 0.8s infinite;
}
@keyframes go {
    0% {right: -15px; opacity: 1;}
    80% {right: -25px;}
    100% {opacity: 0;}
}

.rp_details  {
    overflow-x:auto;
    background: #fff;
    padding:0 10px 10px;
}

.rp_details::-webkit-scrollbar {height: 10px;}
.rp_details::--webkit-scrollbar-track {
    background: #f9f9f9;
}
.rp_details::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 10px;
}



/* 221019 회원가입 양식 */
.consentWr {
    width: 100%;
    padding: 40px 160px 40px;
}
.line {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 22px;

}
.h4_info {
    display: block;
    color: #999;
    font-size: 15px;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    border-bottom: 1px solid #eaeaea;
    line-height: 1.6;
}

.cRed {color: #ec3e3e;}
.agree_box .check_agree {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.txtWr {
    position: fixed;
    background: rgba(0,0,0,.5);
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9;
    display: none;
}
.txtWr > div {
    position: absolute;
    top: 45%; left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
.txtWr .txt_box {
    height: 600px;
    background: #fff;
    overflow-y: auto;
    padding: 44px;
    line-height: 1.6;
    color: #555;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.closeBtn {
    width: 40px;
    height: 40px;
    font-size: 0;
    background: url('/resources/mna/img/close.svg')no-repeat center center;
    position: fixed;
    top: 10px; right: 10px;
    background-size: 22px;
}
.txt_box::-webkit-scrollbar {width: 8px;}
.txt_box::--webkit-scrollbar-track {
    background: #f3f6fa;
}
.txt_box::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 10px;
}

.check_box input {appearance: none; display: none;}
.check_box input[type="checkbox"] + label {
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    height: 26px; line-height: 26px;
    display: inline-block;
    font-size: 1.6rem;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    color: #999;
}

.check_box input[type="checkbox"] + label:before {
    width: 20px; height: 20px;
    border: 1px solid #cac9c9;
    border-radius: 2px;
    background: url('/resources/mna/img/check.svg')no-repeat top 1px center;
    background-size: 19px;
    content:"";
    display: inline-block;
    position: absolute;
    top: 4px !important; left: 0;
}
.check_box input[type="checkbox"]:checked + label {color: #000;}
.check_box input[type="checkbox"]:checked + label:before {
    background: #ffa010 url('/resources/mna/img/check.svg')no-repeat top -14px center;
    background-size: 19px;
    border: 1px solid #ffa010;
    transition: all 0.3s;
}

.clear:after {display: block; clear: both; content:"";}

.btn_agree {
    background: #545d6f;
    padding: 10px 20px;
    border-radius: 5px;
}
.btn_agree > .check_box input[type="checkbox"] + label{color: #d1d4d8;}
.btn_agree > .check_box input[type="checkbox"]:checked + label{color: #fff;}

.btn_acbox a, .btn_acbox button, .certi_btn_wr a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 160px;
}

.certi_btn_wr {
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 40px 0;
}
.certi_btn_wr .info {margin-top: 30px; font-size: 1.6rem; color: #555;}

.openJoin, .openPriv {
    display: inline-block;
    font-weight: 600;
    position: relative;
    font-size: 1.5rem;
    padding-right: 26px;
}
.openJoin:after, .openPriv:after {
    display: block;
    content:"";
    width: 24px; height: 17px;
    background: url('/resources/mna/img/back.png')no-repeat center center;
    transform: rotate(180deg);
    position: absolute;
    top: -2px; right: 0;
    transition: all 0.3s;
}
.openJoin:hover:after, .openPriv:hover:after{right: -5px;}

.progressWr {
    background: #f3f6fa;
    border-radius: 5px;
    padding: 16px 20px 12px;
    margin-bottom: 20px;
}
.progressUl {display: flex;}
.progressUl li {
    width: 25%;
    text-align: center;
    position: relative;
}
.progressUl li:after {
    display: block;
    width: 40%;
    height: 0;
    content:"";
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
    border-bottom: 2px solid #dae1ea;
}
.progressUl li:last-child:after{display: none;}
.progressUl .num {
    display: inline-block;
    border-radius: 50px;
    background: #c6d0dc;
    color: #fff;
    width: 24px; height: 24px; line-height: 21px;
    border: 2px solid #c6d0dc;
    font-size: 1.4rem;
}
.progressUl .cont {color: #a8b2bd; line-height: 1.8;}

.progressUl li.focus .num{
    color: #4587e2;
    border: 2px solid #4587e2;
    background: #fff;
    font-weight: 600;
}
.progressUl li.focus .cont {color: #4587e2; font-weight: 600;}
.progressUl li.focus:after {border-bottom: 2px dotted #4587e2;}

.progressUl li.focused .num {
    color: #fff;
    background: #4587e2;
    border: 2px solid #4587e2;
}
.progressUl li.focused .cont {color: #555f6b; font-weight: 600;}
.progressUl li.focused:after {border-bottom: 2px solid #4587e2;}

.posiR {position: relative;}
.posiAR {position: absolute; top: 0; right: 0; z-index: 9;}
.posiAL {position: absolute; top: 0; left: 0; z-index: 9;}

.backfff {background: #fff;}




.dtable {
    border: 1px solid #eaeaea;
}
.hide, .caption {font-size: 0;}
.dtable .tr {
    display: flex; align-items: stretch; justify-content: flex-start;
    border-bottom: 1px solid #eaeaea;
}
.dtable .tr:last-child {border-bottom: 0;}
.dtable .th {
    background: #fafbfd;
    padding: 0 12px;
    width: 30%;
    border-right: 1px solid #eaeaea;
    font-size: 1.6rem;
    color: #333;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.dtable .td {
    width: 70%;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dtable .td input {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding: 0 12px;
    height: 32px;
}
.step03_txt {font-size: 14px; color: #999; margin-top: 6px;}





.t_left {text-align: left;}
.t_center {text-align: center;}
.t_right {text-align: right;}

.bd0 {border: 0;}


.tab {
    padding: 10px;
    font-size: 1.6rem;
    position: relative;
}
.appli li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 108px;
    padding-right: 12px;
    float: left;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.intro_hd {padding: 20px 5%;}
.intro_hd img {height: 40px;}

.int_tab li a{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #989ca7;
    padding: 0 20px;
    position: relative;
}
.int_tab .int_tab_on a {
    background: #fff;
    font-weight: 700;
    color: #343940;
}
.int_tab li a:after {
    display: block;
    content:"";
    width: 1px; height: 100%;
    background: #312f2f;
    position: absolute;
    top: 0; right: 0;
}
.int_tab li:last-child a:after{display: none;}
.int2_wr {
    width: 550px;
    margin: 0 auto;
    min-height: calc(100vh - 175px);
}
.round_btn {
    border-radius: 30px;
    line-height: 32px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin: 0 6px;
    padding: 0 20px;
}
.hd_login {
    color: #272424;
    border: 1px solid #272424;
}
.hd_join {
    background: #272424;
    color: #fff;
}

.tab_ul {
    display: flex;
    align-items:center;
    justify-content: flex-start;
    width: 100%;
}
.tab_ul a{
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    display: block;
    font-size: 15px;
    border-radius: 3px 3px 0 0;
    margin-right: 2px;
    color: rgba(255,255,255,.7);
}
.tabArea .tab_ul .tab_on a{background: #fff; color: #488adc; font-weight: 600;}
.tab_ul li {position: relative;}
.tab_ul li:nth-child(1) a {background: #3c82da;}
.tab_ul li:nth-child(2) a {background: #5c98e4;}
.tab_ul li:nth-child(3) a {background: #7bb0f1;}
.tab_ul li:nth-child(4) a {background: #9ac6f3;}
.tab_ul li .ala {
    display: inline-block;
    color: #fff;
    background: #e01c1c;
    border-radius: 30px;
    min-width: 18px; height: 18px;
    text-align: center;
    line-height: 18px;
    padding: 0 4px;
    position: absolute;
    top: -3px;
    right: -5px;
    font-size: 13px;
}
.newIcon {
    display: inline-block;
    border-radius: 3px;
    background: #e01c1c; color: #fff;
    font-size: 13px;
    font-family: 'GyeonggiTitleM';
    height: 15px; line-height: 18px;
    margin-left: 8px;
    padding: 0 4px;
}

span.icon_sdi {
    display: inline-block;
    color: #fff;
    background: #e01c1c;
    border-radius: 20px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    padding: 0 4px;
    font-size: 9px;
    font-weight: 600;
}

.mainArea {
    background: #fff;
    padding: 20px;
    position: relative;
}

.sch_form_wr {
    display: flex;
    justify-content: center;
    margin: 30px auto 0;
    border-radius: 3px;
    padding: 20px;
}
.sch_form_wr select {
    border: 1px solid #eaeaea;
    border-radius: 3px;
    width: 100px;
    height: 32px;
}
.sch_form_wr input[type="text"] {
    height: 32px;
    border: 1px solid #eaeaea;
    padding: 0 12px;
    margin: 0 4px;
    border-radius: 3px;
}

.sub_page_title {
    font-size: 22px;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    margin: 0px 0 24px;
    text-align: center;
}

.view_table {border: 1px solid #eaeaea;}
.view_table .form-group {
    border-bottom: 1px solid #eaeaea;
    display: flex;
}
.view_table .form-group > label {
    display: block;
    width: 190px;
    background: #f5f5f5;
    font-size: 15px;
    padding: 10px 20px;
    font-weight: 600
}
.view_table .form-group .col-sm-10 {
    width: calc(100% - 190px);
    padding: 10px 20px;
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    word-break: break-all;
}
.view_table .form-group:last-child {border-bottom: 0;}
.view_table input[type="text"] {border: 0;width: 100%;}
.view_table input[type="text"]:focus {outline: none;}
.view_table .parsley-required {color: #4587e2}
.top10 {top:-10px !important;}
.view_table .form-group .col-sm-10 p > a {color: #4587e2}

/*
.test {min-height: calc(100vh - 174px); border: 1px solid transparent;}
.test .rp_wr {position: unset; margin-bottom: 0; padding: 0 0 0 250px; box-shadow: none;}
.test .option1 {margin-bottom: 0 !important;}
.test .rp_wr:after {display: block; clear: both; content:"";}
.test .bbblack {font-size: 14px; display: inline-block; width: 230px; border: 1px solid #ddd; position: absolute; left: 0; padding: 6px 10px; line-height: 1.3; text-align: left; height: 46px;}
.test .rp_wr:nth-child(1) .bbblack {top: 18px; border-radius: 5px 5px 0 0;}
.test .rp_wr:nth-child(2) .bbblack {top: 63px;}
.test .rp_wr:nth-child(3) .bbblack {top: 108px;}
.test .rp_wr:nth-child(4) .bbblack {top: 153px;}
.test .rp_wr:nth-child(5) .bbblack {top: 198px;}
.test .rp_wr:nth-child(6) .bbblack {top: 243px;}
.test .rp_wr:nth-child(7) .bbblack {top: 288px;}
.test .rp_wr:nth-child(8) .bbblack {top: 333px;}
.test .rp_wr:nth-child(9) .bbblack {top: 378px;}
.test .rp_wr:nth-child(10) .bbblack {top: 423px;}
.test .rp_wr:nth-child(11) .bbblack {top: 468px;}
.test .rp_wr:nth-child(12) .bbblack {top: 513px;}
.test .rp_wr:nth-child(13) .bbblack {top: 558px;}
.test .rp_wr:nth-child(14) .bbblack {top: 603px;}
.test .rp_wr:nth-child(15) .bbblack {top: 648px;}
.test .rp_wr:nth-child(16) .bbblack {top: 693px;}
.test .rp_wr:nth-child(17) .bbblack {top: 738px;}
.test .rp_wr:nth-child(18) .bbblack {top: 783px;}
.test .rp_wr:nth-child(19) .bbblack {top: 828px;}
.test .rp_wr:nth-child(20) .bbblack {top: 873px;}
.test .rp_wr:last-child .bbblack {border-radius: 0 0 5px 5px;}
.test .rp_details {max-width: 1500px; padding: 10px;}
.test .rp_details .tbtb {min-width: 1380px;}
.test .acback {background: #fb94a2; color: rgba(255,255,255,.9);}
.test .acback .test_tag {color: #fb94a2 !important}
.test button.rpTit .test_tag {color: rgba(0,0,0,.3); display: inline-block; background: #fff; font-size: 12px; font-family: 'GyeonggiTitleM'; padding: 2px 6px; border-radius: 20px; float: left;}

.test table td {padding: 8px;}
.test .acdi {display: none;}
*/
.jswr {height: 100vh;}
.test {
    padding: 20px;
    height: calc(100vh - 303px);
    background: #eef0f3;
    overflow-y: auto;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
    border: 1px solid #d1d1d1;
}
.testIF {height: calc(100vh - 166px);}
.test button.rpTit .test_tag {margin-top: 9px; color: rgba(255,255,255,.9); height: 24px; line-height: 24px; display: inline-block; font-size: 12px; font-family: 'GyeonggiTitleL'; padding: 0px 6px; border-radius: 20px; float: left;}
.pink_back { background: #fb94a2; }
.purple_back { background: #c858cf; }

.test button.rpTit p {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 8px;}
.test::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 25px;
}
/* 스크롤바 뒷 배경 설정*/
.test::-webkit-scrollbar-track{ background-color: transparent;}
.test::-webkit-scrollbar {width: 8px;}


.grid_cont {position: absolute; bottom: 0; right: 0; width: 1400px;}
.grid_tit {position: absolute; bottom: 180px; left: 243px; font-size: 15px; font-weight: 600; color: #3a4f5f;}


.add_file {
    margin: 8px 0 0 0;;
    border: 1px solid #eaeaea;
    min-height: 30px;
}
.add_file_tit {
    font-size: 16px;
    font-weight: 600;
    font-family:'S-CoreDream-3Light';
    color: #333;
    margin: 20px 0 10px 0;
}
.add_file_tit .t_grey {color: #999; font-size: 14px;}
.add_file a {
    background: url('/resources/mna/img/download.svg')no-repeat right 20px center;
    padding: 8px 20px 8px 20px;
    background-size: 16px;
    color: #777;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    display: block;
    border-top: 1px solid #eaeaea;
}
.add_file a:last-child {border-top: 0;}
.add_file a:hover {
    background: #f5f6f9 url('/resources/mna/img/download.svg')no-repeat right 20px center;
    background-size: 16px;
    color: #000;
}

.aful .afTit {
    color: #333333;
    font-size: 15px;
    position: relative;
    padding: 0 0 0 20px;
    font-weight: 600;
}
.aful .afTit:before {
    width: 3px; height: 3px;
    background: #847dc1;
    border-radius: 10px;
    display: inline-block;
    content:"";
    position: absolute;
    top: 6px; left: 10px;
}

.tui-grid-row-even>td {background: #fafafa !important;}
.tui-grid-row-odd>td {background: #f4f4f4 !important;}
.tui-grid-border-line-bottom {border-bottom: 0 !important;}
.tui-grid-row-odd, .tui-grid-row-even {border-bottom: 0;}
.tui-grid-cell-header {background: #8fbfe6 !important; border-right: 0 !important; border-color: #8fbfe6 !important; font-family: 'Pretendard'; font-weight: 500; color: #fff !important;}
.tui-grid-cell-has-input { border-right: 0 !important; border-left: 0 !important; font-family: 'Pretendard';}
.tui-grid-table .tui-grid-cell-invalid.tui-grid-cell {background: #ffe5e5 !important; cursor: pointer;}
.tui-grid-table .tui-grid-row-hover > .tui-grid-cell {background: rgba(0,0,0,.1) !important;}
.selectGrid .tui-grid-table .tui-grid-row-hover {cursor: pointer;}
/* .tui-grid-table .tui-grid-cell-content a[href="#n"] {
    background: #00a99d;
    color: rgba(255,255,255,.9) !important;
    display: inline-block;
    padding: 0 8px;
    border-radius: 3px;
    font-weight: 500 !important;
    font-size: 1.4rem;
    height: 24px; line-height: 24px;
} */
.fa-folder {
    background: url('/resources/mna/img/file.svg') no-repeat center center;
    font-size: 0;
    width: 30px;
    height: 20px;
    display: inline-block;
}
.tui-grid-cell-content a {
    display: inline-block;
    position: relative;
    min-width: 20px; min-height: 20px;
}
.tui-grid-cell-content a > .fa-folder {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.actionName {
    background: #3d3d46;
    color: rgba(255,255,255,.9);
    border-radius: 3px;
    display: block;
    margin: 2px 0;
    padding: 4px;
    word-break: break-all;
}

.schArea {position: relative;}
.tableArea {padding-right: 70px;}
.schArea .btn {
    position: absolute;
    top: 0; right: 0;
    margin: 0;
}


/* 메인 */
.mainWr {
    padding: 80px 5% 40px;
    overflow: hidden;
    min-height: calc(100vh - 96px);
}
.hihello {
    position: relative;
    border-radius: 5px;
    padding: 24px 40px;
    /* background: #70adff;
    background: #7194e2; */
    background: rgb(113,148,226);
    background: linear-gradient(90deg, rgba(113,148,226,1) 0%, rgba(112,173,255,1) 85%);
}
.hihi {padding: 0 200px 0 0;}
.hiname {
    color: #fff;
    font-size: 18px;
    font-family: 'S-CoreDream-3Light';
}
.hiname > span {font-family: 'S-CoreDream-7ExtraBold';}
.himent {
    color: rgba(255,255,255,.9);
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 10px;
}
.hi_img {
    position: absolute;
    top: -22px; right: -87px;
    z-index: 9;
}
.mainContWr {
    margin-top: 50px;
}
.mainTit {
    font-size: 2.0rem;
    font-family: 'S-CoreDream-7ExtraBold';
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.main_apply_list_wr {height: calc(100vh - 637px); overflow-y: auto; padding: 2px 8px 2px 2px; position: relative; min-height: 300px;}
.main_apply_list_wr::-webkit-scrollbar {width: 8px;}
.main_apply_list_wr::-webkit-scrollbar-track {background: #e4e7eb; border-radius: 10px;}
.main_apply_list_wr::-webkit-scrollbar-thumb {background: #b6c0cc; border-radius: 10px;}
.main_apply {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    margin-bottom: 8px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position:relative;
    flex-wrap: wrap;
}
.mainCateWr {
    display: flex;
    align-items: center;
    flex-basis: 17%;
    width: 17%;
}
.applyCompanyInfo {
    display: flex;
    align-items: center;
    flex-basis: 73%;
    width: 73%;
}
.mainApplyBtnWr {
    flex-basis: 10%;
    width: 10%;
    text-align: right;
}
.applyCompanyInfo h3 {
    position: relative;
    width: 40%;
    flex-basis: 40%;
    display: block;
    align-items: center;
    font-size: 1.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 28px;
    overflow: hidden;
}
.comp_cate {
    font-size: 1.4rem;
    color: #626262;
    padding-right: 10px;
    font-weight: 400;
    display: inline-block;
}
.noticeWr {
    width: 80%;
    display: flex;
    float: left;
}
.mainNotice {
    background: #f7f6f9;
    border-radius: 5px;
    margin-right: 12px;
    width: 33.3%;
}
.file_icon {width: 16px;}
.mainNotice > a {display: block; padding: 24px; transition: all 0.3s;}
.mainNotice > a:hover {box-shadow: 0 0 8px rgba(0,0,0,.1);}
.notice_tit {font-weight: 600; color: #646f82; font-size: 1.6rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice_cont {
    font-size: 1.5rem;
    color: #748199;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    margin-top: 10px;
}
.notice_date {display: flex; align-items:center; margin-top: 16px;}
.notice_date > span {   color: #9ba0a8; font-size: 1.4rem; position: relative; padding-right: 20px;}
.notice_date > span:before {
    content:"";
    display: block;
    width: 2px; height: 2px;
    background: #888;
    position: absolute;
    top: 50%; right: 10px;
    border-radius: 5px;
    transform: translateY(-50%);
}
.notice_date > span:last-child:before {display: none;}
.main_download {width: 18%;}
.mainContWr:after {display: block; clear: both; content:"";}
.main_download {float: right;}
.download {
    display: block;
    border-radius: 5px;
    padding: 10px 86px 10px 16px;
}
.download > .dTit1 {color: #f3f3f3; font-size: 1.4rem; margin-bottom: 4px; display: block; line-height: 1.2; letter-spacing: -0.2px;}
.download > .dTit2 {font-family: 'GyeonggiTitleM'; font-size: 1.7rem; color: #fff; display: block;}
.manual_down {background: #21b6f2 url('/resources/mna/img/manul_back.svg')no-repeat right -3px bottom 0px; transition: all 0.3s;}
.manual_down:hover {background: #21b6f2 url('/resources/mna/img/manul_back.svg')no-repeat right 3px bottom 0px;}
.guid_down {background: #616eee url('/resources/mna/img/guid_back.svg')no-repeat right 5px bottom -6px; transition: all 0.3s;}
.guid_down:hover {background: #616eee url('/resources/mna/img/guid_back.svg')no-repeat right 5px bottom 0px;}

.nofile {
    width: 80px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
}
.nofile:before {
    content:"";
    display: block;
    width: 3px;
    height: 100px;
    border-radius: 30px;
    background: red;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) rotate(-51deg);
}
.nofile:after {
    content:"";
    display: block;
    width: 3px;
    height: 100px;
    border-radius: 30px;
    background: #fff;
    position: absolute;
    top: 50%; left: 44%;
    transform: translate(-50%, -50%) rotate(-51deg);
}
.nodatawr {
    text-align: center;
    z-index: 9;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0; bottom: 0; right: 0;
    background: #fafafa;
}
.nodata h3 {font-size: 1.9rem; font-family: 'S-CoreDream-7ExtraBold'; color: #232323;}
.nodata p {
    font-size: 1.7rem;
    color: #999;
    font-weight: 600;
    font-family: 'S-CoreDream-3Light';
}
.nodata {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%,-50%);
    line-height: 1.3;
}

.poptit {font-size: 1.7rem; font-family: 'GyeonggiTitleM';}
.popSchTableWr {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 20px 88px 20px 20px;
    position: relative;
    margin-bottom: 20px;
    font-family: 'Pretendard';
}
.popSchTableWr input, .popSchTableWr select {font-family: 'Pretendard';}
.popSchTableWr #btnSrch {
    position: absolute;
    bottom: 20px; right: 20px;
}
.popSchTableWr .popTable td {border: 0; padding: 0 10px;}
.popSchTableWr .popTable td p {font-size: 14px; font-weight: 600; color: #353535; margin-bottom: 4px;}

.popCont {display: flex; align-items: flex-start;}
.popWd65 {flex-basis : 65%; width: 65%;}
.popWd30 {flex-basis : 30%; width: 30%;}
.popMl5 {margin-left: 5%;}
.popMr5 {margin-right: 5%;}

.rightUlWR {background: #fafafa; padding: 20px; border-radius: 10px;}
.rightUl1 #txtCaseEntSeCd {display: inline-block; border-radius: 3px; background: #49c7aa; color: #fff; font-size: 14px; font-weight: 600; padding: 4px 6px; font-family: 'Pretendard';}
.rightUl1 #txtKornEntrpsNm {display: block; font-family: 'S-CoreDream-3Light'; font-size: 1.8rem; margin: 6px 0 12px; font-weight: 600; word-break: break-all; line-height: 1.3;}
.rightUl2 {border-radius: 5px; background: #fff; padding: 10px 20px;font-family: 'Pretendard';}
.rightUl2 li {position: relative; display: flex; align-items: stretch; justify-content: space-between; margin: 12px 0;}
.rightUl2 li > p {font-size: 1.5rem; color: #999; width: 27%; flex-basis: 27%; padding-left: 8px;}
.rightUl2 li > div {width: 73%; flex-basis: 73%; border-bottom: 1px solid #eaeaea;}
.rightUl2 li > div > span {display: block; word-break: break-all; line-height: 1.3; }
.rightUl2 li:before {content:"";position: absolute; top: 5px; left: 0; width: 2px; height: 2px; border-radius: 5px; background: #999;}

/* 개인정보 수정 */
.myInfo_area {min-height: calc(100vh - 95px); width: 1000px; margin: 0 auto; padding-top: 100px; position: relative;}
.myInfoModyWr .tbtb {min-width: 600px;}
.myInfoModyWr .tbtb th {color: #535a65;}
.myInfoModyWr .tbtb input[type="text"], .myInfoModyWr .tbtb input[type="password"] {border: 1px solid #d1d1d1; width: 100%; border-radius: 3px; height: 32px; padding: 0 12px;}
.myInfoModyWr .tbtb td {padding: 20px; position: relative;}
.myInfoModyWr .tbtb td button {position: absolute; top: 47%; right: 22px; z-index: 4; transform: translateY(-50%);}
.myInfoTabWr {display: flex; justify-content: space-between; flex-wrap: wrap;}
.myInfoTab {
    /* border: 1px solid #e4e4e4; */
    border-radius: 5px;
    margin-bottom: 12px;
    width: 49%;
}
.myProfile {
    position: relative;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 90px 24px 20px;
    margin-bottom: 2%;
    text-align: center;
}
.myProfile:before {
    content:"";
    width: 60px; height: 60px;
    border-radius: 60px;
    background: #eaeaea url('/./resources/mna/img/icon22.png')no-repeat center center;
    position: absolute;
    top: 20px; left: 50%;
    transform: translateX(-50%);
}
.myID {font-size: 18px; font-weight: 600; min-height: 20px;}
.myYN { display: flex; align-items: center; margin-top: 8px; justify-content: center;}
.myYN > span {font-size: 14px; color: #999;}
.myYN > h3 {font-size: 14px; color: #999; margin-left: 8px;}
.myBtnWr {padding: 20px 0; text-align: center;}
.myBtnWr > button {background: #4587e2; color: #fff; width: 160px; height: 40px;}
.myWr .pwCheck {height: 38px; background: #252525; color: #fff; margin: 0 0 0 4px;}

.ga, .he {padding: 12px 24px 12px 58px; font-size: 16px; position: relative; display: none;}
.bi {padding: 12px 24px; font-size: 16px; position: relative; display: none;}
.myWr { padding: 24px; background:#eef0f3; border-radius: 5px;}
.myWr > li {padding: 12px 0;}
.myWr > li > p { color: #555; font-weight: 600; margin-bottom: 8px;}
.myWr > li > div > input {border: 1px solid #ddd; height: 40px; border-radius: 3px; font-size: 1.5rem; padding: 0 10px; width: 100%;}
.myWr > li > div > input:disabled {background: #d8dce2; }

.ga:before, .he:before {
    content:"";
    display: block;
    width: 26px; height:26px;
    position: absolute;
    top: 50%; left: 24px;
    transform: translateY(-50%);
}
.ga:before {background: url('/./resources/mna/img/user.svg')no-repeat center center; background-size: 23px;}
.he:before {background: url('/./resources/mna/img/login1.png')no-repeat center center; background-size: 25px;}

.bi_icon{
    font-size: 13px;
    padding: 9px 6px 0 0;
}

.myInfoTab input:-webkit-autofill,
.myInfoTab input:-webkit-autofill:hover,
.myInfoTab input:-webkit-autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;

}

.myInfoGridWr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
    grid-template-areas: 'a b'
    'c b';
}
.myt1 {grid-area: a; width: 100%; margin-bottom: 0;}
.myt2 {grid-area: b; width: 100%; margin-bottom: 0;}
.myt3 {grid-area: c; width: 100%; margin-bottom: 0;}
.myInfoGridWr .myInfoTab {background: #eef0f3; margin-bottom: 0; border: 0;}
.dsa {background: #d8dce2; height: 40px; line-height: 40px; border-radius: 3px; padding: 0 10px;}

.subtitEx {
    padding: 16px 20px;
    position: relative;
    font-size: 1.7rem;
    font-family: 'Pretendard';
    color: #39404e;
    font-weight: 600;
}
.subtitEx:before {
    content:"";
    display: block;
    width: 3px;
    height: 18px;
    background: rgba(70,136,227,1);
    position: absolute;
    top:16px; left: 0;
}
.mna_table_wr {
    background: #fff;
    padding: 12px 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.mna_table_wr table th {padding: 0 0 0 26px; border: 0; background: transparent; font-size: 1.4rem; color: #a1aab5;}
.mna_table_wr table td {border: 0; padding: 4px 0;}
.mna_table_wr table input[type="text"], .mna_table_wr table input[type="number"] {
    /* background: #f3f6fa; */
    border: 1px solid #ccd3dc;
    padding: 0 8px;
    height: 28px;
    border-radius: 3px;
    font-size: 1.5rem;
    color: #393f4a;
}
.mna_table_wr table input[type="text"]::placeholder, .mna_table_wr table input[type="number"]::placeholder {font-size: 14px;}
.mna_table_wr select {border: 1px solid #d1d1d1; border-radius: 3px; height: 28px; font-family:'Pretendard'; padding: 0 8px;}
.mna_table_wr .showhide .th_tit_blue {position: relative; height: 44px; vertical-align:bottom; color: #4688e3; font-family: 'S-CoreDream-3Light'; padding-bottom: 4px;}
.mna_table_wr .showhide .th_tit_blue:before {
    content:"";
    display: block;
    width: 3px; height: 3px;
    background: #4688e3;
    position: absolute;
    bottom: 10px; left: 14px;
}
.mna_table_wr .txt_right {vertical-align: top;}

.mnaTuiWr {
    padding: 0 20px 20px 20px;
    border-radius: 10px;
    background: #fff;
    position: relative;
}

.schIconTit {
    font-size: 1.5rem;
    color: #39404e;
    font-weight: 600;
    position: relative;
    padding: 4px 0 16px 24px;
    font-family: 'Pretendard';
}
.schIconTit:before {
    content:"";
    display: block;
    width: 18px; height: 18px;
    background: url('/./resources/mna/img/search.svg')no-repeat center center;
    position: absolute;
    top: 3px; left: -3px;
    filter: invert(46%) sepia(73%) saturate(795%) hue-rotate(186deg) brightness(94%) contrast(89%);
}
.schIconTit:after {
    content:"";
    display: none;
    width: 12px; height: 8px;
    background: url('/./resources/mna/img/down_arrow.png')no-repeat center center;
    position: absolute;
    top: 6px; left: 56px;
    opacity: 0.4;
}

.schBtnSmall {
    width: 18px; height: 18px;
    background: url('/./resources/mna/img/search.svg')no-repeat center center;
    font-size: 0;
    margin-left: 4px;
    transition: all 0.3s;
}
.schBtnSmall:hover {filter: invert(46%) sepia(73%) saturate(795%) hue-rotate(186deg) brightness(94%) contrast(89%);}
.young {position: relative;}
.young .w100 {padding-right: 30px;}
.young .schBtnSmall {position: absolute; top: 50%; transform:translateY(-50%); right: 5px; margin-left: 0;}

input[type="number"]{width: 90%; height: 28px; padding: 0 8px; border: 1px solid #ddd;}
.numCal input[type="number"]{ border: 0; width: 90%; height: 28px; padding: 0 8px; border: 1px solid #ddd;}
.numCal .tui-grid-date-icon {margin: -3px 0 0 0;}

.parsley-required {color: #e00d19;}


.tui-calendar, .tui-datepicker-type-date {width: 220px;}
.tui-calendar .tui-calendar-header-inner {padding: 6px 50px; height: 32px; line-height: 32px; }
.tui-calendar-btn {height: 32px;}
.tui-calendar .tui-calendar-title-today {height: 24px; line-height: 26px;}
.tui-calendar th, .tui-calendar td {height: 28px;}



/* 에러페이지 */
.errorWr {position: relative; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100vh;}
.error {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%;}
.erImg {position: relative; display: inline-block;}
.exMark {
    position: absolute;
    background: #fd3939;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-family: 'GyeonggiTitleB';
    font-weight: 600;
    width: 26px; height: 26px;
    line-height: 24px; text-align: center;
    display: block;
    top: 0px; left: -5px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.notFound {position: relative;}
.notFound > h3 {
    font-size: 21px;
    font-family: 'S-CoreDream-7ExtraBold';
    color: #353535;
    margin: 18px 0;
    font-weight: 600;
}
.erBack {
    color: #f5f5f5;
    font-weight: 900;
    font-size: 83px;
    position: absolute;
    top: -43px; left: 50%; transform: translateX(-50%);
    font-family: 'S-CoreDream-7ExtraBold';
    z-index: -9;
}
.erMent p {
    font-size: 16px;
    color: #555;
    line-height: 1.4;
    font-family: 'Pretendard';
    letter-spacing: -0.5px;
}
.erSorry {margin-top: 16px; color: #aaa; font-size: 15px;}
.erBtnWr {
    display: flex;
    align-items: center;
    justify-content: center;
     margin-top: 30px;
}
.erBtnWr a {
    display: inline-block;
    border-radius: 3px;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    font-size: 17px;
    height: 44px; line-height: 44px;
    text-align: center;
    padding: 0 20px;
    margin: 0 4px;
}
.erBtnWr a:hover {box-shadow: 0px 0px 10px rgba(59,88,189,.3);}
.erBtnWr .prevGoBtn {
    color: #7993eb ;
    border: 1px solid #7993eb ;
}
.erBtnWr .mainGoBtn {
    background: rgb(121, 147, 235);
    color: #fff;
}


.plupload_wrapper {min-width: 300px !important;}
.pdbtn {padding: 0 56px 0 4px !important;}

.amt {text-align: right;}



.checkIconWr {
    position: reiative;
}
.checkIconWr .left {
    display: block;
    width: 3px; height: 20px;
    background: red;
    position: absolute;
    transform: rotate(-48deg);
    top: 15px;
    left: 17px;
    border-radius: 50px;
}
.checkIconWr .right {
    display: block;
    width: 3px; height: 41px;
    background: red;
    position: absolute;
    transform: rotate(45deg);
    top: -3px;
    left: 37px;
    z-index: 9;
    border-radius: 50px;

}
.checkIconWr .circle {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    border-radius: 50px;
    border: 3px solid black;
    position: relative;
}
.checkIconWr .circle:before {
    content:"";
    display: block;
    width: 20px; height: 18px;
    background: #fff;
    position: absolute;
    top: 6px; right: -7px;
    z-index: 5;
}



.mnaPopTitWr {
    padding-bottom: 8px;
    display: flex;
    align-items: center;
}
.mnaPopicon {
    width: 40px; height: 30px;
    display: block;
    background: url('/resources/mna/img/icon-04.png')no-repeat -12px -9px;
    font-size: 0;
    background-size: 46px;
}
.mnaPopTitP {
    font-family: 'GyeonggiTitleB';
    font-size: 22px;
    margin-right: 10px;
}
.mnaPopTitSpan {
    display: inline-block;
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Pretendard';
    font-weight: 500;
    background: #fbe094;
    color: #68473b;
    font-weight: 600;
    margin-left: 4px;
    height: 24px; line-height: 24px;
    padding: 0 8px;

}

.applyInfoTab {
    display: flex;
}
.infoArea {
    display: block;
    width: 100%;
    background: #5c5c84;
    border-radius: 5px;
    padding: 0 20px;
}

.applyInfoUl {
    padding: 16px 0px;
    display: flex;
    width: calc(100% - 120px);
}

.applyInfoUl > li {
    padding-right: 32px;
    position: relative;
    min-width: 180px;
}
.applyInfoUl > li:last-child {padding-right: 0;}
.applyInfoTit {
    font-size: 12px;
    color: #e7ecff;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    display: block;
    width: 100%;
}
.applyInfoCont {
    color: #fff;
    font-family: 'Pretendard';
    line-height: 1.2;
    word-break: break-all;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 18px;
}
.aicWr {
    display: flex;
    margin-top: 6px;
    max-width: 344px;
    overflow: hidden;
}

.applyInfoUl li:after {
    display: block;
    content:"";
    width: 1px;
    height: 12px;
    background: #969fb9;
    position: absolute;
    top: 0px; left: -16px;
}
.applyInfoUl li:first-child:after {display: none;}
.applyCateTit {
    font-size: 14px;
    color: #fff;
    position: relative;
    width: 120px;
    padding-top: 15px;
}
.applyCateTit > i {
    content:"";
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 9px;
    left: 0;
}
.whiteUser {
    background: url('/resources/mna/img/user.svg')no-repeat center center; background-size: 26px;
    filter : invert(100%) sepia(2%) saturate(7415%) hue-rotate(341deg) brightness(122%) contrast(103%);
}
.whitePen {
    background: url('/resources/mna/img/apply.svg')no-repeat bottom center; background-size: 24px;
}
.borderDT {border-top: 1px dotted #969fb9;}
.more2 {
    display: inline-block;
    position: absolute;
    top: 38px; right: 20px;
    width: 24px; height: 24px;
    padding-top: 11px;
    cursor: pointer;
    background: #5c5c84;
    border-radius: 3px;
}
.more2 > span {
    width: 12px;
    height: 2px;
    background: #fff;
    border-radius: 5px;
    display: block;
    margin: 0px auto;
    transition: transform 0.5s, opacity 0.5s;
}
.more2.more_active > span:nth-child(1) {transform: rotate(90deg)}
.more2.more_active span:nth-child(2) {opacity: 1;}
.more2 span:nth-child(1) {transform: rotate(0deg);}
.more2 span:nth-child(2) {margin-top: -2px; opacity: 0;}


.mnaNoticefileWr {
    position: relative;
    display: flex;
    align-items: center;
}
.mnfDown {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-right: 6px;
    letter-spacing: -0.5px;
    padding: 6px 0 6px 23px;
    background: url('/resources/mna/img/link.png')no-repeat left 1px top 8px;
}
.mnfDown:hover {
    color: #000;
    background: url('/resources/mna/img/download.svg')no-repeat left 1px top 8px;
    background-size: 14px;
    }
.mnaFileDel {
    font-size: 0;
    width: 16px; height: 16px;
    background: url('/resources/mna/img/trash.svg')no-repeat center center;
    background-size: 14px;
    filter: invert(20%) sepia(100%) saturate(3106%) hue-rotate(351deg) brightness(90%) contrast(80%);
}




.joinWr {display: flex;}
.joinL {
    width: 44%;
    background: #f3f6fa;
}
.joinPoint {
    font-size: 15px;
    padding: 20px 40px 0px;
    line-height: 1.4;
    color: #8a8c92;
}
.joinPoint > span {position: relative; z-index: 9;}
.joinPoint > span:before {
    content:'';
    background: #fff793;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    bottom: 0px; left: 0;
}
.joinStepWr {padding: 60px 40px;}
.joinStepWr > h3 {
    margin: 0 0 24px 40px;
    display: inline-block;
    background: #384761;
    padding: 0 12px;
    height: 24px; line-height: 24px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 30px;
}
.joinSwap {display: flex; margin-left: 40px;}
.joinSwap > li {
    font-size: 22px;
    font-family: 'S-CoreDream-3Light';
    font-weight: 600;
    position: relative;
    color: #989ca7;
    margin-right: 40px;
    cursor: pointer;
    padding-left: 32px;
}
.joinSwap > li:after {
    content:"";
    width: 1px; height: 100%;
    background: #384761;
    position: absolute;
    top: 0; right: -20px;
}
.joinSwap > li:last-child:after {display: none;}
.js1:before {
    content:"";
    width: 25px; height: 21px;
    background: url('/resources/mna/img/login1.png')no-repeat center center;
    position: absolute;
    top: 0; left: 0;
    filter: invert(67%) sepia(8%) saturate(351%) hue-rotate(186deg) brightness(93%) contrast(82%);
}
.js2:before {
    content:"";
    width: 25px; height: 21px;
    background: url('/resources/mna/img/login2.png')no-repeat center center;
    position: absolute;
    top: 0; left: -2px;
    filter: invert(67%) sepia(8%) saturate(351%) hue-rotate(186deg) brightness(93%) contrast(82%);
}
.joinSwap li.focus {
    font-family:'S-CoreDream-7Extrabold';
    color: #000;
}
.jsLink.focus:before {filter: none;}
.jsCont {
    display: flex;
    justify-content: space-between;
    padding: 40px 40px 0;
    position: relative;
}
.jsCont > li {width: 47%;}
.jsContDetail p {
    font-size: 15px;
    word-break: keep-all;
    line-height: 1.6;
}
.jsContUl > li {
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    margin: 12px 0;
    min-height: 200px;
}
.jsCTit {font-family: 'S-CoreDream-7Extrabold'; font-size: 19px;}
.jsCtag {
    color: #999;
    font-size: 13px;
    font-weight: 600;
    margin: 0px 0 8px;
}
.joinR {
    width: 56%;
    min-height: calc(100vh - 95px);
    padding: 0 20px;
    background: #fff;
    position: relative;
    /* box-shadow: -1px 0 8px rgba(0,0,0,.1); */
}
.joinR:after {
    content:'';
    background: #f3f6fa;
    width: 50px; height: 50px;
    position: absolute;
    top: 50%; left: -25px;
    transform: translateY(-50%) rotate(45deg);
}
.joinRCont {
    width: 550px;
    margin: 30px auto;
}

.mnfDown {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-right: 6px;
    letter-spacing: -0.5px;
    padding: 4px 0 4px 23px;
    background: url('/resources/mna/img/link.png')no-repeat left 1px top 8px;
}
.mnfDown:hover {
    color: #000;
    background: url('/resources/mna/img/download.svg')no-repeat left 1px top 8px;
    background-size: 14px;
    }


.dam {margin-left: 100px;}
.apCompSch {
    font-size: 14px;
    color: #374965;
    height: 30px;
    padding: 0 12px 0 28px;
    font-weight: 600;
    letter-spacing: -0.5px;
    position: absolute;
    top: 16px;
    left: 138px;
    z-index: 98;
    background: #eef0f3 url('/resources/mna/img/search.svg')no-repeat left 8px center;
    background-size: 16px;
    transition: all 0.2s;
    border-radius: 50px;
}
.apCompSch:hover {
    box-shadow: 1px 1px 4px rgba(0,0,0,.2)inset;
    /*filter: invert(43%) sepia(96%) saturate(422%) hue-rotate(173deg) brightness(102%) contrast(79%); */
}

.apCompDel {
    font-size: 0;
    width: 30px; height: 30px;
    background: url('/resources/mna/img/close.svg')no-repeat center center;
    background-size: 22px;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 98;
    opacity: 0.3;
    transition: all 0.3s;
}
.apCompDel:hover {opacity: 1;}


.popWrap {
    position: fixed;
    background: rgba(0,0,0,.6);
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 999;
    display: none;
}
.btnOpen {cursor: pointer !important;}
.btnClose {
    cursor: pointer;
    width: 30px; height: 30px;
    display: block;
    position: absolute;
    top: 5px; right: 5px;
    font-size: 0;
    background: transparent url('/resources/mna/img/close.svg')no-repeat center center;
    background-size: 17px;
}
.popContWr {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
    padding: 32px;
    position: absolute;
    top: 47%; left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
}
.popContTit {
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #2758b3;
    margin-bottom: 12px;
}
.fileAddList li{
    display: flex;
    padding: 16px;
    background: #f2f3f5;
    border-radius: 10px;
    margin: 10px 0;
}
.fileAddList li:last-child {border-bottom: 0;}
.fileAddList li > span {
    width: 44px;
    display: block;
    background: transparent url('/resources/mna/img/file.svg')no-repeat top 0 left 0;
    font-size: 0;
    background-size: 27px;
}
.fileName {width: calc(100% - 44px);}
.fileName > h3 {
    font-size: 16px;
    line-height: 1.2;
}
.fileName > p {
    font-size: 14px;
    color: #858c9a;
    line-height: 1.3;
    word-break: keep-all;
    margin-top: 4px;
}

.bmbiMain {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    grid-template-areas: 'a c c'
    'a b d';
}
.bmbiMain > li {
    border-radius: 5px;
    position: relative;
    word-break: keep-all;
    line-height: 1.5;
    font-weight: 900;
}
.bmTab1 {
    grid-area: a;
    background: #eafaf2;
    padding: 50px 40px 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-between;
    justify-content: space-between;
}
.bm1Img {display: flex; justify-content: flex-end; width: 100%;}
.bm1Txt {font-size: 22px;}
.bmTab2 {
    grid-area: b;
    background: #f5f1fe;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bmTab2 > div {font-size: 16px;}
.bmTab3 {
    grid-area: c;
    background: #d7f0f5;
    padding: 20px 40px;
    font-size: 18px;
}
.bmTab4 {
    grid-area: d;
    background: #27426a;
    color: #fff;
    padding: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bmTab4 > div {font-size: 18px;}
.dLinkBtn {
    font-size: 15px;
    background: url('/resources/mna/img/right.svg')no-repeat right center;
    display: inline-block;
    margin-top: 20px;
    padding-right: 20px;
    color: #4391a0;
    background-size: 14px;
    transition: all 0.3s;
}
.dLinkBtn:hover {
    padding-right: 25px;
}
.bmtag {
    font-weight: 900;
    font-size: 13px;
    border-radius: 50px;
    height: 24px; line-height: 24px;
    padding: 0 10px;
    display: inline-block;
}
.tab1tag {background: #57af72;  color: #fff; margin-bottom: 10px;}
.tab2Tag {background: #9276d0;  color: #fff; margin-bottom: 7px;}
.tab3Tag {background: #4391a0; color: #fff; margin-bottom: 7px;}

.bmnofile {
    width: 60px;
    position: relative;
    margin: 10px 0 0;
}
.bmnofile:before {
    content:"";
    display: block;
    width: 3px;
    height: 80px;
    border-radius: 30px;
    background: red;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) rotate(-51deg);
}
.bmnofile:after {
    content:"";
    display: block;
    width: 3px;
    height: 80px;
    border-radius: 30px;
    background: #f5f1fe;
    position: absolute;
    top: 50%; left: 44%;
    transform: translate(-50%, -50%) rotate(-51deg);
}


/* 반응형 */

@media screen and (max-width: 1800px) {
    .left_nav{flex-basis: 21%;}
    .right_content_wr {flex-basis: 79%;}
    body, html {width: 100%; /* min-width: 320px; */ min-width: 720px;}
    /*th2 > li {width: 33%;}*/
}

@media screen and (max-width: 1680px) {
    .noticeWr {width: 100%;}
    .main_download {width: auto; float: none;}
    .download {padding: 10px 0px 10px 60px; position: fixed; width: 260px; z-index: 99;}
    .manual_down {bottom: 212px; right: -210px; background: #21b6f2 url('/resources/mna/img/manul_back.svg')no-repeat left 10px center; background-size: 36px; transition: all 0.3s;}
    .manual_down:hover {right: -24px; background: #21b6f2 url('/resources/mna/img/manul_back.svg')no-repeat left 16px center; background-size: 36px;}
    .guid_down {bottom: 136px; right: -210px;background: #616eee url('/resources/mna/img/guid_back.svg')no-repeat left 12px center; background-size: 28px; transition: all 0.3s;}
    .guid_down:hover {right: -16px; background: #616eee url('/resources/mna/img/guid_back.svg')no-repeat left 20px center; background-size: 28px; }
    .l_img {width: 360px; right: -50px;}
    .joinL, .joinR {width: 50%;}
}

@media screen and (max-width: 1600px) {
    .sitemap_menu_list_wr {display: block;}
    .sitemap_menu {width: 100%; margin: 10px 0 20px 0; border-right: 0; border-bottom: 1px solid #eaeaea;}
    .sitemap_menu > li {display: flex; }
    .menu_tit {width: 130px; margin-bottom: 20px;}
    .sitemap_2depth a {margin: 0 20px 20px 20px;}
     .sitemap_2depth {display: flex; flex-wrap: wrap; width: calc(100% - 130px);}
}

@media screen and (max-width: 1500px)  {
    .th_1st {padding: 0 20px; font-size: 16px;}
    .judge_wr {width: 96%;}
    .lay_cont {min-width:70%;}
    .status_wr {flex-basis: 42%;}
    .notice_wr {flex-basis: 56%;}
    .noti {width: 32%;}
    .status {width: 100%;}
    .tabwr {width: 100%; padding: 0;}
    .main_cont_wr {width: 100%; padding: 0 40px;}
    .list {
        position: inherit;
        top: inherit;
        right: inherit;
        width: 100%;
        display: flex;
        height: auto;
    }
    .list > li {
        position: inherit !important;
        top : inherit !important;
        right: inherit !important;
    }
    .cont_area {padding: 24px 20px; display: flex; justify-content: center;}
    .tab_btn {width: auto;}
    .is_on:after, .is_on .tab_btn:before {display: none;}
    .tabwr {height: auto;}
    .is_on .tab_btn {background: #f3f6fa; border-radius: 0; box-shadow: none; color: var(--text);}
    .tab_cont li {padding: 15px;}
     .mainCateWr {flex-basis: 100%; width: 100%;}
    .applyCompanyInfo {flex-basis: 80%; width: 80%; margin-top: 10px}
    .mainApplyBtnWr {width: auto; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}

    /*신청서*/
    .stepWr {top: 52px; right: 70px; display: inline-flex; justify-content: flex-end;}
    .stepWr li {width: auto; justify-content: flex-start; background: transparent; padding: 10px 4px; display: inline-flex;}
    .step_focus .stepNum {background: #4587e2; color: #fff;}
    .step_focus .step {display: block; color: #4587e2;}
    .step_focus {background: transparent !important;}
    .step, .stepWr li:before {display: none;}
    .stock_area {padding: 90px 5% 30px;}
    .scroll_fixed {display: block;}
    .r_fixed {justify-content: flex-start; margin: 10px 0 16px;}
    .next_info {right: initial; left: 0; bottom: 8px;}
    .fix {top: 52px;}
    .fix .next_info {bottom: 16px; left : 5%; display: block;}
    footer {padding: 24px 5%;}
}


@media screen and (max-width: 1280px) {
    .left_nav{flex-basis: 25%;}
    .right_content_wr {flex-basis: 75%;}
    .top_utilwrap {padding: 0 40px; max-width: 100%;}
    .intro_wr {height: auto;}
    .intWr2 {width: 680px;}
    .systemCall {width: 680px; flex-wrap: wrap; line-height: 1.4;}
    .int_wrap {flex-wrap: wrap;}
    .login_center {position: relative; top: inherit; transform: none; width: 600px; margin: 0 auto; padding: 40px 40px 80px;}
    .sign , .login {padding: 0px; flex-basis: 100%; height: auto;}
    .sign {border-left: 0; border-top: 1px dashed #ddd;}
    .sign .login_center {padding-top: 86px;}
    .down_btn {position: relative; bottom: inherit; left: 50%; transform: translateX(-50%);}
    .top_right {right: 90px;}
    .w1200 {width: 100%;}
    .sub_nav_wr {padding: 0 40px;}
    .subwr {max-width: 100%;}
    .sitemap, .mb_menu_open {right: 32px}
    .l_img {bottom: 510px; right: -18px; width: 390px; z-index: 0;}

    .joinWr {flex-wrap: wrap;}
    .joinL, .joinR {width: 100%;}
    .joinStepWr {padding: 0 40px 20px;}
    .joinR:after {width: 30px; height: 30px; top: -15px; left: 50%; transform: translateX(-50%) rotate(45deg);}

    .mainNotice {width: 100%; margin: 10px 0 0 0; }
    .noticeWr {flex-wrap: wrap;}

    .main_download {display: flex; justify-content: space-between;}
    .download {position: relative; width: 49.5%; margin-top: 10px;}
    .noticeWr , .main_download {float: none;}
    .manual_down {bottom: auto; right: auto; margin-bottom: 0 !important;}
    .manual_down:hover {bottom: auto; right: auto;}
    .guid_down {bottom: auto; right: auto;}
    .guid_down:hover {bottom: auto; right: auto;}
}



@media screen and (max-width: 1200px) {
    .judge_wr {display: none;}
    .m_judge_wr {
        display: block;
        padding: 0 40px 40px;
        position: relative;
    }
    .m_judge_wr .tit {
        padding: 0;
        font-family: 'GyeonggiTitleM';
        font-size: 2.2rem;
        color: var(--text);
   }
   .m_j_ul {
        position: relative;
        background: #f9f9f9;
        border-radius: 5px;
        padding: 20px;
        margin: 10px 0;
    }
   .m_j_num {font-size: 1.5rem; color: var(--text)}
   .m_j_status {
        position: absolute;
        top: 12px; right: 12px;
        background: var(--accent);
        color: #fff;
        font-size: 1.5rem;
        border-radius: 3px;
        padding: 0px 8px;
        height: 28px; line-height: 28px;
        letter-spacing: -0.5px;
    }
    .m_j_comp {
        font-size: 2.0rem;
        margin: 10px 0;
        line-height: 1.2;
        word-break: keep-all;
    }
    .m_j_type {
        font-size: 1.4rem;
        color: #888;
        margin-bottom: 30px;
    }
    .m_j_posi {position: relative; }
    .m_j_posi > span {
        position: absolute;
        top: 5px; left: 0;
        font-size: 1.2rem;
        color: #333;
        background: #e9e9e9;
        padding: 4px 8px;
        border-radius: 3px;
    }
    .m_j_posi > p {
        font-size: 1.4rem;
        padding: 7px 0 7px 70px;
    }
    .st_menu {width: 33.3%;}
    /*th2 > li {width: 50%;}*/

}
@media screen and (max-width: 1024px)  {
    .notice_wr {flex-basis: 100%; margin-top: 40px;}
    .status_wr {flex-basis: 100%;}
    .wr2 {flex-wrap: wrap;}
}
@media screen and (max-width: 1090px) {
    .gnb {display: none;}
    .ft {flex-wrap: wrap; justify-content: center;}
    .ft_left {margin-right: 78px;}
    .ft_right li {margin: 20px 32px 0 0;}
    .myInfoTab {width: 100%; margin-bottom: 16px;}
    .myInfo_area {width: 100%; padding: 100px 50px 0;}
    .myBtnWr {padding: 0 0 50px;}
    .myInfoGridWr {margin-bottom: 20px;}
}
@media screen and (max-width: 992px)  {
    .appli li {width: 100%; margin-bottom: 12px;}
    .appli li > p > span {display: inline-block;}
    .appli li {padding-left: 178px; padding-right: 0;}
    .appli li > p {width: 148px;}
    .appli li > h3 {font-size: 1.4rem; font-size: var(--txt14); padding-right: 0;}
    .chkWr {flex-basis: 15%;}
    .userWr {flex-basis: 25%;}
    .stockWr {flex-basis: 60%;}
    .btn {font-size: 1.4rem; font-size: var(--txt14);}
    .mr1 {margin-right: 2%;}
    .lay_cont > .appli li {padding-left: 110px;}

    .applyCompanyInfo {flex-wrap: wrap; width: 100%; flex-basis: 100%; margin-top: 8px;}
    .applyCompanyInfo h3 {width: 100% !important; flex-basis: 100% !important; margin-top: 8px;}
    .mainApplyBtnWr {top: 20px; transform: none;}

    .main_apply_list_wr {border: 1px solid #e8ebef; height: 500px; padding: 6px 8px 6px 6px; border-radius: 10px;}

}
@media screen and (max-width: 870px)  {
    .st4 {margin-top: 0;}
    .st_menu {width: 50%;}
    .subtit > span {margin-left: 0; margin-top: 4px;}
    .subtit > p {margin-right: 5px;}
    .plupload_wrapper {min-width: 300px !important;}
}
@media screen and (max-width: 768px)  {

}


.wrap.on:after{position:absolute;left:0;top:0;z-index:600;width:100%;height:100%;content:'';background-color:#000;opacity:0.3;}