/* ----------------- common ----------------- */
.flex-2{
    flex:2;
}

.flex-1{
    flex:1;
}

.y-scroll{overflow-y: scroll;}

.avatar{
    border-radius: 50%;
}

.card-grid-btn{
    position: absolute;
    top: 10px;
}

.box-shadow-none{
    box-shadow: none !important;
}

.font-nanumBG{font-family: 'NanumBarunGothic', sans-serif !important;}

.font-nanumSquare{font-family: 'NanumSquare', sans-serif !important;}

.letterSpacing-5{letter-spacing: 5px !important;}
.letterSpacing-m07{letter-spacing: -0.7px !important;}

.total-report{
    background: var(--color-gird-tab);
    border: 1px solid #d2d6da;
    border-radius: 15px;
    padding: 2px 13px;
}

.modal-footer-shadow {box-shadow: 0px -7px 10px -9px rgba(0,0,0,0.2); border-top: 1px solid #ddd;}

/* ----------------- modal ----------------- */
.modal-body {padding: 10px 15px;}

.modal-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #e9e9e9;
    padding: 0.8rem 1rem 0.7rem 1rem;
}

.modal-title {
    font-weight: bold;
    font-size: 18px;
    font-family: 'NanumSquare',sans-serif;
    color: var(--color);
}

.modal-footer {
    background-color: transparent;
    border-bottom: none;
    border-top: none;
}

.modal .btn-close.main-modal-close{
    position: fixed;
    right: 780px;
    top: 80px;
    font-size: 32px;
    color: var(--color);
    opacity: 1;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.modal .card-title{
    font-family: 'NanumBarunGothic', sans-serif;
}
.modal .card-text{
    font-family: 'NanumBarunGothic', sans-serif;
}

/* button */
.modal-header-btn-wrap{
    flex: 1;
    text-align: right;
}

.modal .btn.file-button{
    background: var(--color) !important;
    border-color: var(--color) !important;;
    color: #fff !important;
    font-weight: 600;
}

.modal .btn.file-button:hover{
    color: #FFFFFF;
    border-color: var(--color-btn-purple-hover) !important;
    background-color: var(--color-btn-purple-hover) !important;
}

.modal label.btn.file-button{
    display: inline-flex;
    align-items: center;
}
/* button end */

.card{box-shadow:none;margin-bottom: 0.5rem !important;}

.bg-card-status {
    background: transparent !important;
}

/* tab style*/
.modal .tab_wrapper > ul li.active {
    border-top: 1px solid var(--color) !important;
    border-left: 1px solid var(--color) !important;
    border-right: 1px solid var(--color) !important;
    background: white !important;
    color: var(--color);
}

.modal .tab_wrapper > ul {
    border: 0px;
    border-bottom: 1px solid var(--color);
}

.modal .tab_wrapper > ul li {
    text-align: center;
    min-width: 120px;
    padding: 8px 20px;
    margin: 0;
    background: #f0f0f2 !important;
    color: #999999;
}

.modal .card-body.tab-card-body {
    padding: 0 !important;
}
/* tab style end*/

/*form style*/
.minu-form-wrap{
    padding:12px 20px 12px 20px;
}

.form-label.minu-form {
    color: #888888 !important;
    background-color: transparent !important;
    border: none;
    border-left: none;
}

.modal .form-label.form-blueLabel.minu-form{
    color: #888888 !important;
    background-color: transparent !important;
    border: none;
    border-left: none;
}

.modal .form-label.form-blueLabel.minu-form {
    color: var(--color) !important;
}

.modal .nodemohtml.acc_content{
    background: #FFF;
}

.modal-content .form-control:read-only{
    border: 1px solid #CFDFEA;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    border: 1px solid #CFDFEA !important;
}

.form-control[readonly] {
    background-color: #f4faff;
}

.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color: #f4faff;
}

.modal .form-group {
    margin-bottom: 0.4166rem !important;
}

.modal .select2-container--default .select2-selection--single .select2-selection__arrow,
.modal .select2-container .select2-selection--single,
.modal .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 30px !important;border-radius: 0px;
}
.modal .dcmt-download{
    background: #ECF7FF;
    border: 1px solid #C5E1F5;
    padding-left: 4px;
    height: 30px;
}
.modal .dcmt-download .anybiz-mode .link-text{
    line-height: 30px;
}

.modal .minu-form-bg{
    background: #F2F2F2;
}

.modal .minu-form-bg2{
    background: #f7f7f7;
}

.modal .form-label.form-mainColorLabel.minu-form {
    background-color: var(--color) !important;
    border: 1px solid #c5e1f5;
    border-left: 1px solid #c5e1f5;
    color: #ffffff !important;
    justify-content: center;
}
/*form style end*/

.modal .form-label.minu-form.required{
    border: none;
}
.modal .form-label.minu-form.required:before{
    content: '•';
    display: block;
    color: #FF0000;
    font-weight: 600;
    margin-top: -8px;
}


/*. main-modal-sty */
.modal-content.main-modal-sty {
    border: 2px solid var(--color-bor);
    border-radius: 20px 0 0 20px;
}
.main-modal-sty .modal-header {
    border-top-left-radius: 20px;
    margin-bottom: 1rem;
    border-bottom: none;
    align-items: flex-end;
}
.main-modal-sty .modal-footer{
    border-bottom-left-radius: 20px;
}

/* 아코디언*/
.modal .accordionjs .acc_section .acc_head {
    background: #fff !important;
    border-top: 1px solid #EEE;
    color: #000;
}
.modal .accordionjs .acc_section{
    border: none !important;
}

.modal .accordionjs .acc_section .acc_head h3{
    font-size: 13px;
    font-family: 'NanumBarunGothic', sans-serif;
}

.modal .accordionjs .acc_section.acc_active > .acc_head{
    color: var(--color);
    background: #fff !important;
    border-bottom: none;
}

.main-modal-sty .modal-body .card .card-header{
    justify-content: center;
    padding: 0px 0px 10px 0px !important;
}
.main-modal-sty .card{
    background: transparent;
}

.main-modal-sty .modal-body .card .card-header .card-title{
    /*color: #333333 !important;*/
    font-family: 'NanumBarunGothic', sans-serif;
    font-weight: 400;
}

/* 아코디언 end */

/* h6 style */
.main-modal-sty .modal-header{
    padding: 0 1rem;
}

.main-modal-sty .modal-header h6{
    background: var(--color);
    min-width: 250px;
    height: 40px;
    line-height: 2.5rem;
    border-radius: 0px 0px 6px 6px;
    color: #fff;
    padding: 0 1em;
    margin-left: 4px;
    font-size: 19px;
    font-family: 'NanumSquare', sans-serif;
    font-weight:normal !important;
}

.main-modal-sty .modal-detail-title{
    min-width: 250px;
    width: auto;
    background: var(--color);
    border-radius: 0 0 6px 6px;
    font-family: 'NanumSquare', sans-serif;
    height: 40px;
}

.main-modal-sty .icon-ogzt,
.main-modal-sty .icon-addr,
.main-modal-sty .icon-user,
.main-modal-sty .icon-bank,
.main-modal-sty .icon-inlnno {
    width: 50px;
    height: 20px;
    background: var(--color-gird-tab);
    border-radius: 0px;
    color: var(--color);
    border: 1px solid #EFECFD;
    font-weight: 600;
    font-size: 11px;
    margin-right: 8px;
    font-family: 'NanumBarunGothic', 'NanumSquare', sans-serif !important;
}

.main-modal-sty .icon-inlnno {
    width: 60px;
}

.main-modal-sty .icon-ogzt:before {
    content: "";
    background-color: var(--color);
    mask: url(/images/icon-ogzt.svg) no-repeat left 2px;
    mask-size: 10px;
    -webkit-mask: url(/images/icon-ogzt.svg) no-repeat left 2px;
    -webkit-mask-size: 10px;
    width: 16px;
    height: 18px;
}
.main-modal-sty .icon-user:before {
    content: "";
    background-color: var(--color);
    mask: url(/images/user.svg) no-repeat left 2px;
    mask-size: 10px;
    -webkit-mask: url(/images/user.svg) no-repeat left 2px;
    -webkit-mask-size: 10px;
    width: 16px;
    height: 18px;
}

.main-modal-sty .icon-addr:before {
    content: "";
    background-color: var(--color);
    mask: url(/images/icon-addr.svg) no-repeat left 2px;
    mask-size: 10px;
    -webkit-mask: url(/images/icon-addr.svg) no-repeat left 2px;
    -webkit-mask-size: 10px;
    width: 16px;
    height: 18px;
}

.main-modal-sty .icon-inlnno:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: var(--color);
    mask: url(/images/icon-tel.svg) no-repeat left 2px;
    mask-size: 10px;
    -webkit-mask: url(/images/icon-tel.svg) no-repeat left 2px;
    -webkit-mask-size: 10px;
    width: 16px;
    height: 18px;
}

.main-modal-sty .date-badge{
    width: 50px;
    height: 20px;
    background: #EFECFD;
    border-radius: 0px;
    color: var(--color);
    border: 1px solid #EFECFD;
    font-weight: 600;
    font-size: 10px;
    text-align: center;
    padding-top: 2px;
}

.fe-calender:before{
    content: '' !important;
    display: inline-block;
    mask-image: url(/images/icon-calendar.svg);
    -webkit-mask-image: url(/images/icon-calendar.svg);
    width: 30px;
    height: 28px;
    background-color: var(--color);
    -webkit-mask-size: 15px;
    mask-repeat: no-repeat;
    mask-position: center 5px;
}
/*. main-modal-sty end */

/* search-modal-sty */
.search-modal-sty {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.search-modal-sty .modal-footer {
    border-top: 1px solid #e9e9e9;
}

.search-modal-sty .tree-search{
    background: #F6F6F6;
}

.search-modal-sty .card-title{
    font-size: 15px;
    font-family: NanumSquare, sans-serif;
}

.search-modal-sty .card.border{
    border: 1px solid #D3D3D3;
    border-radius: 0px 4px 4px 0px;
}
/* search-modal-sty end */

/* Others */
.border-1 {border: 1px solid #ddd;box-shadow: 0.1rem 0.1rem 0.3rem rgb(0 0 0 / 10%);}
.border-2 {height: 40px;border-bottom: 1px dashed #ddd !important;margin-bottom: 15px;}
.border-3 {border-bottom: 1px dashed #ddd !important;}
.border-sty-4 {border: 1px solid #E7E7E7;}
.border-top-4{border-top:1px solid #E7E7E7;}
.hr-1 {border-top: 1px solid #e8e8e8 !important;border-bottom: 0px !important; margin: 0 auto !important;width: 90% !important; opacity: unset !important;}

/* Table */
.table_sty01 {width:100%;}
.table_sty01 th {color: #888; padding-right:3px;text-align:right;font-weight: normal;/*padding-bottom: 5px;*/box-sizing: border-box;}
.table_sty01 td {padding:3px;}

.table_sty01 .btn {
    height: 30px;
    background: var(--color);
    color: #fff;
    border-radius: 2px;
    border: 0px !important;
}

.table_sty01 .btn.file-button{
    margin-left:4px;
}
.table_sty01 .letterSpan{
    margin-left: 4px;
}
.profile-dropdown img {width: 26px !important; height: 26px !important;}
.require {
    display: inline-flex;
    align-items: center;}
.require::before {
                  content: "\00B7";
                  color: red;
                  font-size: 18px;
                  display: inline-block;
                  transform: translate(-2px, -3px);font-weight: 800;
                  }
.fl {float:left !important;}
.col_black {color:#000 !important;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}

.table_sty06{
    border: 1px solid;
    border-color: #cbcbcb;
}

.table_sty06 th{
    text-align: center;
    background-color: var(--color-gird-tab);
    border: 1px solid;
    border-color: #cbcbcb;
}

.table_sty06 th b{
    color: var(--color);
}

.table_sty06 td{
    background-color: #ffffff;
    border: 1px solid;
    border-color: #cbcbcb;
    padding: 15px
}

.table_sty07 th{
    background-color: var(--color-gird-tab);
    color: var(--color);
}

/* 영업자명세서 테이블 */
.bsns_stmt-area{
    width: 96%;
    margin: 0 auto;
}

.bsns_stmt-table{
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.4);
    word-break: break-all;
}

.bsns_stmt-table th{
    background: var(--color-w);
    border-right: 1px solid rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    padding: 6px;
    height: 34px;
}

.bsns_stmt-table.right td{
    text-align: right;
}

.bsns_stmt-table td{
    border-right: 1px solid rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    padding: 6px;
    height: 34px;
}

.bsns_stmt-table td.bg{
    background: #EFECFD;
}

.bsns_stmt-logo{
    text-align: center;
}

.bsns_stmt-logo>img{
    width: 160px;
}

.bsns_stmt-area>div {
    display: flex;
}

.bsns_stmt-area .left-area{
    width: 30%;
    background: #f6f3ed;
    padding: 1rem;
    position: relative;
}
.bsns_sign{position: absolute; bottom: 32px;}
.bsns_stmt-area .left-row .row-title{
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin: 26px 0 14px 0;
    padding-bottom: 5px;
    font-family: 'NanumSquare';
    line-height: normal;
    color: #000;
}

.bsns_stmt-area .left-row ul>li:not(:last-child){
    margin-bottom: 0px;
}

.bsns_stmt-area .left-row ul>li .title{
    margin-right: 8px;
}

.bsns_stmt-area .left-row ul>li .text{
    color: #93672b;
    font-weight: bold;
}

.bsns_stmt-area .right-area{
    width: 70%;
    padding: 0rem 0rem 0rem 1rem;
}

.bsns_stmt-area .right-area .a-row>ul>li>div{
    padding: 6px 8px 6px 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bsns_stmt-area .right-area .a-row>ul>li>ul>li{
    padding: 2px 8px 4px 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bsns_stmt-area .right-area .a-row>ul>li:not(:last-child){
    border-bottom: 1px dashed #ccc;
}

.bsns_stmt-area .right-area .row-title1,
.bsns_stmt-area .right-area .b-wrap ul>li{
    padding:8px 8px 8px 0px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bsns_stmt-area .right-area .row-title,
.bsns_stmt-area .right-area .b-wrap ul>li{
    padding:8px 8px 8px 20px;
    font-weight: bold;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bsns_stmt-area .right-area .a-wrap .row-title{
    background:;
}

.bsns_stmt-area .right-area .b-wrap .row-title,
.bsns_stmt-area .right-area .b-wrap ul>li{
    background: ;
}

.bsns_stmt-area .point-bg{
    background-color: #f6f3ed;
}
.bsns_stmt-area .point-bg2{
    background-color: #eee;
}
.bsns_stamp{position: absolute; display: inline-block;width: 55px; left: 97px; bottom: -19px;}
button.btn.btn-anybiz.detail2{
    background: var(--color);
    color: #ffffff;
    border-radius: 50px;
    height: 19px;
    width: 54px;
    padding: 0;
    text-align: center;
    padding-top: 2.2px;
    font-size: 11px;
}

button.btn.btn-anybiz.detail2:hover{
    background-color: var(--color-btn-purple-hover) !important;
    border-color: var(--color-btn-purple-hover) !important;
}

/* select width */
table select.wi25 + .select2-container {width: 25% !important; float:left;margin-right:5px;}
table select.wi33 + .select2-container {width: 33% !important; float:left;}

.intab01 {border-top: 1px dashed #ccc;
              border-bottom: 1px dashed #ccc;
              margin: 5px 0;
              padding: 6px 0;
              display: block;
              background: #eee;}
.intab02 {border-top: 1px dashed #ddd; padding-top: 10px; background: #f6f6f6;padding-bottom: 5px;}
.intit01 { display: inline-block;
     width: 91px;
     text-align: right;
     font-weight: bold;
     font-size: 13px;
     padding: 0px 10px 0 0;
     border-right: 1px solid #ddd;
     margin: 5px 0 5px 10px;}
 .intit02 {width: 164px;text-align: right; padding-right: 16px; color: #888;}
 .intit03 {width: 88px; text-align: right; padding-right: 10px;}
 .inline01 {padding-right: 15px;display: table-cell; border-right: 1px dashed #ccc;}
 .insty01 {border: 1px solid #e6e6e6;
               border-radius: 2px;
               background: #f6f6f6;
               margin-top: 10px;display: inline-flex; padding: 10px 0 0 0; align-items: center;width: 100%;}
 .insty01 p {font-weight: bold; padding-bottom: 12px; margin-bottom: 0; width: 102px; text-align: center; margin-right: 18px;}
 .insty02 {background: #f6f6f6; padding: 10px 0;margin-top: 10px; margin-bottom: 13px;  border-bottom: 1px dashed #ddd;}
 .insty03 {float: left; display: inline-block; width: 152px; text-align: right; padding-right: 10px; color: #888;}
 .insty04 {float:left;width: calc(100% - 152px);}
 .insty05 {display: inline-block; width: 93%; margin: 0 20px;}
 .insty05 li {border-bottom: 1px dashed #ddd; padding: 5px 0px 0px 0px;}
 .insty05 li p {display: inline-block; width: 132px;font-size: 13px; color: var(--color); font-weight: bold;margin-bottom: 5px;}
 .insty05 li p:before {content: ' \2022';font-size: 25px; font-weight: bold; color: #d6c8ff; vertical-align: middle; margin-right: 5px;}

.text-primary {color: var(--color) !important;}

.jcl {justify-content: left !important;}
.vam {vertical-align: middle !important;}
.acc-body {padding: 0px !important; border: 0px !important;}
.ic_sty01:before {font-size: 10px;}
.ic_sty01 {padding-right:10px;}
.interval_sty01 > div {padding:0px;}
.interval_sty01 > div > a {padding:0px;margin-bottom:0px !important;}
.interval_sty01 > div > a > div {margin-bottom:0px !important;padding: 10px 10px 7px 10px;}

/* cards */
.cards {border: 1px solid #ddd;border-radius: 15px;overflow: hidden;-webkit-box-shadow: 1px 3px 12px 0px rgba(0,0,0,0.2); box-shadow: 1px 3px 12px 0px rgba(0,0,0,0.2);position: relative;}
.cards-t {display:inline-flex;flex-direction: column;}
.cards-b {padding:15px 20px 25px 20px}
.cards-b-1 {font-size: 13px;font-weight: bold;margin-bottom:3px;}
.cards-br {float: right;position: absolute;bottom: 6px;right: 20px;color: #999;}
.cards-name {font-family: 'NanumSquare', sans-serif !important; font-size:18px;font-weight:bold;color:#000;}
.cards-mail {font-size: 13px; color:#888;letter-spacing: 0.2px;height: 20px;}

/**/
.form-control.cards-input-sty:disabled {
    border: none !important;
    background: #fff;}

.btn_cal01 {border: 1px solid #ddd;height: 30px;margin-right: 2px;}

/* tab sys1301 */
.tab-card-wrap .tab-card-body {
    margin-top: 1rem;
}

.tab-card-wrap .tab-card-body .tab_wrapper > ul {
    border-bottom: 1px solid var(--color);
    border-color: var(--color) !important;
}
.tab-card-wrap .tab-card-body .tab_wrapper > ul.tab_list > li {
    font-size: 13px;
    color: #888;
    padding: 7px 40px 3px 40px;
    margin: 0;
    background-color: #EDEDED !important;
    margin-left: 1px;
}
.tab-card-wrap .tab-card-body .tab_wrapper > ul.tab_list > li:first-child {
    font-size: 13px;
    color: #888;
    padding: 7px 40px 3px 40px;
    margin: 0;
    background-color: #EDEDED !important;
    margin-left: 0px;
}
.tab-card-wrap .tab-card-body .tab_wrapper > ul.tab_list > li.active{
    border-top: 1px solid !important;
    border-left: 1px solid !important;
    border-right: 1px solid !important;
    background: white !important;
    color: var(--color);
    border-color: var(--color) !important;
    font-weight: bold;
}

.si-arrow-right:before {font-size: smaller !important;}
.txt_sty01 {width: 100%; background: #eee; text-align: center; padding: 3px 0 1px 0;font-size:13px;color:#000;font-weight:bold;}




/* ----------------- 대시보드 공통영역 ------------------- */
.c-main-color {color: var(--color)}
.c-light-gray {color: #aaaaaa;}
.c-pink-gray {color: #c4bcc2;}
.c-black {color: #000000 !important;}

.dashboard-container {min-width: 1024px;width: 100%}
.dashboard-container p{margin-bottom: 0}

.dashboard-container .inner-container>ul>li.width-620{width: 660px !important;}

/* 대시보드 레이아웃 스타일 */
.dashboard-container .box-header{
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #ddd;
    padding: 0 18px;
}

.dashboard-container .box-header .title{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    font-family: 'NanumSquare';
    letter-spacing: -0.5px;
}

.dashboard-container .box-header .unit{
    float: right;
    color: #aaaaaa;
} /* 단위 */

.dashboard-container .box-header .link{
    float: right;
    font-size: 13px;
    font-weight: bold;
} /* 바로가기 링크 */

.dashboard-container .box-con{
    padding: 0 20px;
}

.dashboard-container .box-footer{
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #27272a;
    padding: 0 20px;
    font-size: 14px;
    text-align: right;
    border-radius: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}

.dashboard-container .box-footer a{
    color: var(--color);
}

/* 대시보드 tab 스타일 */
.dashboard-container .nav-tabs .nav-link.active{
    background: #fff;
    color: #000;
    border-bottom: 2px solid var(--color);
    border-radius: 20px 20px 0 0;
    padding-top:4px;
    font-weight: bold;
}

.dashboard-container .nav-tabs .nav-link {
    border: 0;
    color: #777;
    font-weight: normal;
    padding: 2px 10px 0px 10px;
    font-size: 15px;
    height: 42px;
    font-weight: bold;
}

.dashboard-container .nav-tabs .nav-link:hover:not(.disabled) {
     color: var(--color);
}

.dashboard-container .nav-tabs {
    margin: 0;
    font-family: 'NanumSquare';
    font-size: 15px;
    font-weight: bold;
}
.nav-tabs .nav-link {color: #aaa;}
/* 링크의 arrow icon 공통 스타일 */
.dashboard-container .link-arrow::after{
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 4px;
    border-color: transparent transparent transparent #ddb1ff;
    margin-left: 8px;
}

/* badge 공통 스타일 */
.dashboard-container .badge_sty01{
    background: #e681b9;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    padding: 1px 4px 2px 4px;
    letter-spacing: -0.5px;
    display: inline-block;
    height: 17px;
}
.dashboard-container .badge_sty01.gray{
    background: #bbbbbd;
}

.dashboard-container .badge_sty02{
    width: 58px;
    background: var(--color);
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    padding: 2px 2px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
}

.dashboard-container .badge_sty02.color-w{
    background: var(--color-w);
    color: var(--color);
}

/* dashboard 공지 공통 영역 */
.dashboard-container .notice-list{
    padding: 9px 0 5px 0;
    font-size: 13px;
}
.dashboard-container .notice-list:not(:last-child){
    border-bottom: 1px dashed #ddd;
}

.dashboard-container .notice-list a{
    display: flex;
    justify-content: space-between;
    color: #495046;
    gap: 8px;
}

.dashboard-container .notice-list a:hover{
    color: var(--color);
}

.dashboard-container .notice-list .title{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.dashboard-container .notice-list .date{
    color: #aaa;font-size: 12px;
}

/* 대시보드 인사조회 콘텐츠 */
.dashboard-container .icon-ogzt, .dashboard-container .icon-addr{
    width: 50px;
    height: 20px;
    background: #EFECFD;
    border-radius: 0px;
    color: var(--color);
    border: 1px solid #EFECFD;
    font-weight: 600;
    font-size: 11px;
    margin-right: 8px;
    font-family: 'NanumBarunGothic', 'NanumSquare', sans-serif !important;
}
.icon-addr, .icon-inlnno, .dashboard-container .icon-bank-img{
    width: 50px;
    height: 20px;
    background: #fff url("/images/lo_mirae.svg") no-repeat center;
    border-radius: 0px;
    color: var(--color);
    border: 1px solid #EFECFD;
    font-weight: 600;
    font-size: 11px;
    margin-right: 8px;
    font-family: 'NanumBarunGothic', 'NanumSquare', sans-serif !important;
}
.dashboard-container .icon-ogzt:before {
    content: "";
    background: url(/images/icon-ogzt.svg) no-repeat left 2px;
    width: 16px;
    height: 18px;
    background-size: 10px;
}
.dashboard-container .icon-addr:before {
    content: "";
    background: url(/images/icon-addr.svg) no-repeat left 2px;
    width: 16px;
    height: 18px;
    background-size: 12px;
}

/* 대시보드 table 스타일 */
.table_sty02{
    width: 100%;
    font-size: 13px;
}
.table_sty02 tr{height: 45px;}
.table_sty02 tr:not(:last-child) {border-bottom: 1px solid #ebf1ff;}
.table_sty02 th{color: #b5b5b5}
.table_sty02 td{color: #656565}
.table_sty02 img{vertical-align: baseline;max-height: 30px;}

.state {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.state.up {
    background: #dff4e6 url(/images/dashboard-icon-arrow-up.svg) no-repeat center;
    background-size: 16px;
    vertical-align: middle;
}
.state.down {
    background: #fbd9e1 url(/images/dashboard-icon-arrow-down.svg) no-repeat center;
    background-size: 16px;
    vertical-align: middle;
}

.table_sty03{
    width: 100%;
    font-size: 13px;
}

.table_sty03 tr{height: 40px;}

.table_sty04{
    width: 90%;
    margin: 0 auto;
}
.table_sty04 tr:not(:last-child, :first-child){
    border-bottom: 1px solid #fff;
}
.table_sty04 th{
    text-align: center;
    padding: 2px 0;
    color: #999999;
}
.table_sty04 td{
    text-align: center;
    padding: 2px 0;
}

.table_sty05{
    width: 100%;
    text-align: center;
    font-size: 13px;
} /* 메인 대시보드에서 사용 */


.print-btn {
    width: 27px;
    height: 27px;
    display: inline-block;
    background: url(/images/ic_print.png) no-repeat center;
    border: none;
    text-indent: -9999px;
    float: right;
    margin-top: -5px;
}

.inner-container{padding: 20px 20px 0 30px;}
.inner-container>ul{display: flex;justify-content: flex-start;}
.inner-container>ul>li{
    width: 320px;
    height: 320px;
    border-radius: 10px;
    background: #fff;
    box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.14);
    flex-shrink: 0;
    border: 1px solid #ccc;
}
.inner-container>ul>li:not(:last-child){
    margin-right: 20px;
}

.inner-container>ul>li>div.inner-div{
    position: relative;
}

/* ----------------- 대시보드-인사관리 -----------------*/
.dashboard-container .box-con{
    padding: 0 20px;
}

/* 메인 박스의 상단 콘텐츠 */
.inner-container .top-con-area{margin-bottom: 20px;}

/* top box1 */
.insa-dashboard .top-con-area>li:nth-child(1){
    background: var(--color) url(/images/dashboard-insa-img01.png) no-repeat left 0 center;
    padding: 40px;
    color: #fff;
    font-family: 'NanumSquare';
}
.insa-dashboard .top-con-area>li:nth-child(1) p{
    font-size: 24px;
    margin-bottom: 0;
}
.insa-dashboard .top-con-area>li:nth-child(1) a{
    font-size: 13px;
    color: #b3a4f8;
    display: inline-block;
}

/* top box2 */
.insa-dashboard .top-con-area>li:nth-child(2){
    position: relative;
}
.insa-dashboard .top-con-area>li:nth-child(2) .box-header{
    margin: 0 20px;
    min-width: 250px;
    height: 40px;
    background: var(--color);
    color: #fff;
    padding: 0 20px;
    border-radius: 0 0 10px 10px;
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: bold;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.insa-dashboard .top-con-area>li:nth-child(2) .box-header .name{
    margin-right: 16px;
}
.insa-dashboard .top-con-area>li:nth-child(2) .box-header .duty{
    color: #c2b6f0;
    flex:2;
    margin-right: 16px;
}
.insa-dashboard .top-con-area>li:nth-child(2) .box-header .code{
    font-size: 14px;
    font-weight: normal;
}

/* top box3 */
.insa-dashboard .top-con-area li:nth-child(3){
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.insa-dashboard .top-con-area>li:nth-child(3){
    background: transparent;
    box-shadow: none;
    border: none;
}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box{
    width: 300px;
    height: 140px;
    border-radius: 10px;
    box-shadow: 1px 0px 16px 0px rgba(0,0,0,0.14);
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden;
}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header{
    height: 35px;
    line-height: 35px;
    padding: 0 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header.sty01{background: #fceef6;}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header.sty01 .link-arrow:after{border-color: transparent transparent transparent #e05ca8}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header.sty01 a{color: #e05ca8;letter-spacing: -0.5px;}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header.sty02{background: #f5f2fd;}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header.sty02 .link-arrow:after{border-color: transparent transparent transparent var(--color)}
.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header.sty02 a{color: var(--color);}

.insa-dashboard .top-con-area>li:nth-child(3) .depth2-box .box-header a{
    font-size: 13px;
}
.insa-dashboard .top-con-area>li:nth-child(3) .box-con{
    text-align: center;
    padding: 0 12px;
}
/* 보수교육 바로가기 */
.insa-dashboard .top-con-area>li:nth-child(3) .date-left-con{
    border-right: 1px solid #eeeeee;
    width: 50%;
}
.insa-dashboard .top-con-area>li:nth-child(3) .date-right-con{
    width: 50%;
}
.insa-dashboard .top-con-area>li:nth-child(3) .complete-date{height: 25.5px}
/* 보증관리 바로가기 */
.insa-dashboard .top-con-area>li:nth-child(3) .renewal-date-con{
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.insa-dashboard .top-con-area>li:nth-child(3) .renewal-date{
    height: 25.5px;
}
.insa-dashboard .top-con-area>li:nth-child(3) .total-con{
    padding-top: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* 메인 박스의 하단 콘텐츠 */
/* bottom box1 */
.insa-dashboard .bottom-con-area>li:nth-child(1) .tab-content {
    margin-top: 20px;
}
.insa-dashboard .bottom-con-area>li:nth-child(1) .nav-tabs a {
    font-size: 13px;
    color: #aaaaaa;
}
.insa-dashboard .bottom-con-area>li:nth-child(1) .nav-tabs .link-arrow:after {
    border-color: transparent transparent transparent #aaaaaa;
}

/* bottom box3 */
.insa-dashboard .bottom-con-area>li:nth-child(3) .box-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 기타 */
.sty01 {line-height: 1.2; margin-bottom: 5px !important;}
.sty02 {font-family: cursive;color: #aaa;}
.col_b {color:#000 !important}
.ff-n {font-family: 'NanumSquare' !important;}
.ls-1 {letter-spacing: -1px;}
.bb1e {border-bottom: 1px solid #eee !important;}

/* ----------------- 대시보드 - 수수료 -----------------*/
/* top box1 */
.commission-dashboard .top-con-area .box1 .link-arrow:after{border-color: transparent transparent transparent var(--color);}

/* top box3 */
.commission-dashboard .top-con-area .box3 .box-con{
    padding: 0;
    font-size: 13px;
}
.my-income-area .top-con{
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.my-income-area .high-rank-area{
    color: var(--color);
    text-align: center;
    width: 126px;
    height: 126px;
    position: relative;
}

.my-income-area .high-rank-area p{
    position: relative;
    z-index: 1;
    font-weight: bold;
    font-size: 18px;
    font-family: 'NanumSquare';
}

.my-income-area .high-rank-area:before{
    content: '';
    display: inline-block;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    border: 4px solid var(--color-w);
    position: absolute;
    top: 0;
    left: 0;
}

.my-income-area .contrast-area{
    color: #414141;
    text-align: right;
}

.my-income-area .contrast-area .state{
    background-color: #f3f3f3;
    margin-left: 6px;
}

.my-income-area .bottom-con{
    width: 100%;
    height: 92px;
    background: #f6f6f6 url("/images/dashboard-commission-img01.png") no-repeat left 48px center;
    border-radius: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #fff;
}
.my-income-area .bottom-con>div{
    width: 55%;
    margin: 0 0 0 auto;
    text-align: right;
}

.my-income-area .bottom-con>div p{
    height: 26px;
    line-height: 26px;
    padding-right: 20px;
    font-weight: bold;
}

.my-income-area .bottom-con>div p:not(:last-child){
    border-bottom: 1px solid #fff;
}

.my-income-area .bottom-con .month{
    margin-right: 26px;
    color: #000;
}
.my-income-area .bottom-con .month-income{
    color: #909090;
}
/* select height, border-radius수정 */
.dashboard-container .select2-container .select2-selection--single{height: 30px !important;}
.dashboard-container .select2-container--default .select2-selection--single{border-radius: 0 !important;}

/* ----------------- 대시보드 - 계약 관리 -----------------*/
.ranking-area .top-con{display: flex; justify-content: space-between; height: 73px; align-items: center; padding: 0 20px; font-size: 13px}
.ranking-area .bottom-con{background: #faf8ff; height: 146px; border-radius: 0 0 10px 10px; padding-top: 3px;}
.ranking-area .bottom-con .rank{font-weight: bold; color: #000}
.ranking-area .bottom-con .percent{color: #999}
.pad_sty01 {padding: 9px 20px 0px 20px;}

/* ----------------- 대시보드 - 메인화면 -----------------*/
.main-dashboard .inner-container>ul{
    justify-content: center;
}

.main-dashboard .date-area{
    font-size: 13px;
    font-family: 'NanumSquare';
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-dashboard .date-con{
    font-size: 15px;
}

.main-dashboard .date-txt{
    padding-left: 20px;
    margin-right: 12px;
    position: relative;
}

.main-dashboard .date-txt:before{
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-dashboard-calendar.svg");
    -webkit-mask-image: url("/images/icon-dashboard-calendar.svg");
    -webkit-mask-size: 16px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 10px;
}

.main-dashboard .date-area button{
    display: inline-block;
    outline: unset;
    border: unset;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    padding: 0 !important;
    vertical-align: middle;
    background: transparent;
}

.main-dashboard .date-area em{
  visibility: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

.main-dashboard .date-area .prev:before, .main-dashboard .date-area .next:before {
  content: '';
  display: block;
 -webkit-mask-size: 5px;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #fff;
  width: 20px;
  height: 20px;
}

.main-dashboard .date-area .prev:before{
  mask-image: url("/images/icon-left.svg");
  -webkit-mask-image: url("/images/icon-left.svg");
}

.main-dashboard .date-area .next:before{
  mask-image: url("/images/icon-right.svg");
  -webkit-mask-image: url("/images/icon-right.svg");
}

/* top box1 */
.main-dashboard .info-area{
    background: var(--color) url(/images/dashboard-main-youFirst-img01.png) no-repeat left 0 center;
    padding: 40px;
    color: #fff;
    font-family: 'NanumSquare';
}
.main-dashboard .info-area p{
    font-size: 32px;
    margin-bottom: 0;
}
.main-dashboard .info-area a{
    font-size: 13px;
    color: #b3a4f8;
    display: inline-block;
}
/* top box2 */
.prfrm-dtlan-area .icon{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eee;
    vertical-align: sub;
}

.prfrm-dtlan-area .total-count-con>div{
    padding: 0 8px;
    border-radius: 8px;
    min-width: 50px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.prfrm-dtlan-area .total-count-con:nth-child(1)>div{
    background: #dc3545;
}

.prfrm-dtlan-area .total-count-con:nth-child(1)>div>p{
    color: #fff;
}

.prfrm-dtlan-area .total-count-con:nth-child(2)>div{
    background: #979597;
}

.prfrm-dtlan-area .total-count-con:nth-child(2)>div>p{
    color: #fff;
}

.prfrm-dtlan-area .total-count-con:nth-child(3)>div{
    background: #eef1f4;
    min-width: 130px;
}

.prfrm-dtlan-area .total-count-con:nth-child(3)>div>p{
    color: #5d656b;
}

/* top box3 */

.stts-prgrp-area .count-area{
    display: flex;
    justify-content: space-between;
    gap: 6px;
    text-align: center;
}

.stts-prgrp-area .count-area p{
    color: #4e3a51;
}

.stts-prgrp-area .count-area span{
    display: inline-block;
    width: 60px;
    height: 22px;
    line-height: 23px;
    color: #fff;
    border-radius: 4px;
}

.stts-prgrp-area .count-area>div:nth-child(1) span{
    background: #dc3545;
}

.stts-prgrp-area .count-area>div:nth-child(2) span{
    background: #979597;
}

.stts-prgrp-area .count-area>div:nth-child(3) span{
    background: #6e6d6f;
}

.stts-prgrp-area .count-area>div:nth-child(4) span{
    background: #27272a;
}

/* top box4*/
.main-dashboard .top-con-area .box4 .link-arrow:after {
    border-color: transparent transparent transparent #a2a2d7;
}

.feeCnfrm-area .total-label{
    display: inline-block;
    width: 50px;
}

.feeCnfrm-area .total-con-area{
    text-align: center;
    font-family: 'NanumSquare';
}

.feeCnfrm-area .total{
    display: inline-block;
    min-width: 150px;
    padding: 10px;
    border-radius: 6px;
    font-weight: 900;
    font-size: 16px;
    text-align: right;
}

.feeCnfrm-area .total-con-area>div:nth-child(1) .total{
    background: #f5e7f6;
    color: #db5bab;
}

.feeCnfrm-area .total-con-area>div:nth-child(2) .total{
    background: #ebf1ff;
    color: #7d7aff;
}


/* bottom box3 */
.main-dashboard .bottom-con-area .box3{
    overflow: hidden;
}

.main-dashboard .bottom-con-area .box3 li{
    width: 50%;
    height: 150px;
    text-align: center;
}

.main-dashboard .bottom-con-area .box3 li>a{
    padding: 16px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.main-dashboard .bottom-con-area .box3 li.bg{
    background: #f8f8ff;
}

.main-dashboard .bottom-con-area .box3 .icon-area{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    margin: 0 auto;
}

.main-dashboard .bottom-con-area .box3 li:nth-child(1) .icon-area{
    background: #f5e7f6;
}

.main-dashboard .bottom-con-area .box3 li:nth-child(2) .icon-area{
    background: #ebf1ff;
}

.main-dashboard .bottom-con-area .box3 li:nth-child(3) .icon-area{
    background: #ece9fe;
}

.main-dashboard .bottom-con-area .box3 li:nth-child(4) .icon-area{
    background: #e7eaf4;
}

.main-dashboard .bottom-con-area .box3 a>p{
    color: #000;
    font-weight: 700;
    margin-top: 24px;
}

/* ----------------- 위촉관리> 후보자 메인 -----------------*/
.applicant-txt-wrap{
    padding: 28px 50px;
    background: var(--color-w) url("/images/graphic-img01.svg") no-repeat right 60px bottom;
    color: #fff;
}

.applicant-step-wrap{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0;
}

.applicant-step-wrap:before{
    content: '';
    display: block;
    width: 99%;
    border: 1px solid #E4E4E4;
    position: absolute;
    top: 23px;
    left: 12px;
    z-index: 1;
}

/*.applicant-step-wrap>li{
    margin-right: 140px;
}*/

.applicant-step-wrap>li{
    flex: 1;
}

.applicant-step-wrap>li:nth-child(2){
    flex: 1.4;
}

.applicant-step-wrap .step-circle{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color);
    margin-bottom: 4px;
    position: relative;
    z-index: 2;
}

.icon-area01 {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-w);
    margin-bottom: 22px;
}

.icon-area01:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app01.svg");
    -webkit-mask-image: url("/images/icon-app01.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area01-done {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-done);
    margin-bottom: 22px;
}

.icon-area01-done:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app01.svg");
    -webkit-mask-image: url("/images/icon-app01.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area02 {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-w);
    margin-bottom: 22px;
}

.icon-area02:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app02.svg");
    -webkit-mask-image: url("/images/icon-app02.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area02-done {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-done);
    margin-bottom: 22px;
}

.icon-area02-done:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app02.svg");
    -webkit-mask-image: url("/images/icon-app02.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area03 {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-w);
    margin-bottom: 22px;
}

.icon-area03:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app03.svg");
    -webkit-mask-image: url("/images/icon-app03.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area03-done {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-done);
    margin-bottom: 22px;
}

.icon-area03-done:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app03.svg");
    -webkit-mask-image: url("/images/icon-app03.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area04 {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-w);
    margin-bottom: 22px;
}

.icon-area04:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app04.svg");
    -webkit-mask-image: url("/images/icon-app04.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area04-done {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-done);
    margin-bottom: 22px;
}

.icon-area04-done:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-app04.svg");
    -webkit-mask-image: url("/images/icon-app04.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area05 {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-w);
    margin-bottom: 22px;
}

.icon-area05:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-applicant.svg");
    -webkit-mask-image: url("/images/icon-applicant.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.icon-area05-done {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: var(--color-done);
    margin-bottom: 22px;
}

.icon-area05-done:before {
    content:'';
    display: inline-block;
    mask-image: url("/images/icon-applicant.svg");
    -webkit-mask-image: url("/images/icon-applicant.svg");
    -webkit-mask-size: 60px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color);
    width: 148px;
    height: 148px;
}

.applicant-btn{
    padding: 8px 25px;
    border-radius: 5px;
    width: 130px;
    background: var(--color);
    color: #ffffff;
    font-size: 16px;
    border: none;
}

.applicant-btn:hover{
    background: var(--color-btn-purple-hover);
}

.applicant-btn.color-w{
    background: var(--color-w);
}

.applicant-btn.color-w:hover{
    background: var(--color-btn-hover);
}

.toptable {float: right; margin-bottom: 7px; margin-top: -50px;border-top: 1px solid #ddd;}
.toptable th {padding:5px; color:#000;border-bottom: 1px solid #ddd;text-align:center;background: #f6f6f6;}
.toptable td {padding:5px 10px;border-bottom: 1px solid #ddd;}
.fee_tit01 {padding-left: 173px; margin-top: 32px;margin-bottom:0px;font-size:15px;color:var(--color);font-family: 'NanumSquare' !important; letter-spacing: -0.5px;font-weight: bold;}
.fee_tit02 {font-size:15px;color:var(--color);font-family: 'NanumSquare' !important;  margin-top: 16px;letter-spacing: -0.5px;margin-bottom: 3px;font-weight: bold;}

.main01-t {display: inline-block;padding-top: 9px !important;color: #000;}
.main02-t {opacity: 80%;width: 100px; display: block; left: 26%; top: 18%; position: relative;  padding-top: 24px;}
.main03-t {color: #bbb;font-size: 11px;}

.table_sty05 {width: 100%;border-top:1px solid #bbb;border-collapse: collapse;margin-top: 0px;}
.table_sty05 th {background: #f6f6f6;color:#000;white-space:nowrap;height: 35px;border-bottom: 1px solid #eee;border-right: 1px solid #ddd;text-align:center;padding: 5px 2px 3px 2px;font-size: 12px;/* font-weight: normal; */}
.table_sty05 th:last-child {border-right: 0px !important}
.table_sty05 td {border-bottom: 1px solid #eee;border-right: 1px solid #eee;/* text-align:right; */height: 32px;padding:4px;box-sizing: border-box;color:#666;font-size: 12px;}
.table_sty05.right td {text-align:right;}
.table_sty05 td:last-child {border-right: 0px !important}