@charset "utf-8";

/* //// 인트로 페이지 */
#intro {
    background: #1E2F97;
}

#intro .top {
    background: #1E2F97;
    position: fixed;
    top: 0;
    max-width: 860px;
}

#intro .wrap {
    justify-content: center;
    padding-bottom: 100px;
    box-sizing: border-box;
}

#intro #content {
    height: calc(100vh - 44px);
    margin-top: 44px;
}

#intro #content img {width: 50%;}


/* //// 로그인 페이지 */
#login {}

#login .top {
    background: #fff;
    position: fixed;
    top: 0;
    max-width: 860px;
    z-index: 998;
}

#login .wrap {
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-wrap: nowrap;
}


#login .wrap>div {
    margin-top: 12%;
}

#login #content {
    /* overflow: hidden; */
    margin-top: 44px;
    height: calc(100vh - 124px);
    overflow: auto;
}


@media screen and (min-width: 861px) {
    #login .wrap>div {
        margin-top: 5%;
    }
}

/* 로고박스 */
#login .logoBox {
    width: 100%;
    box-sizing: border-box;
}

#login .logoBox div {
    padding: 10px 0;
    width: 100%;
}

/* 정보 - 인사 텍스트 */
#login .info {
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    box-sizing: border-box;
}

#login .info p {
    width: 100%;
    font-size: 35px;
    color: #1c1c1c;
    font-weight: 600;
    line-height: 45px;
}

#login .info em {
    width: 100%;
    display: block;
    color: #737373;
    font-style: normal;
    padding: 10px 0;
}



/* 로그인박스 - 로그인 인풋 */
#login .loginBox {
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
}

#login .loginBox .login_cont {
    width: 100%;
    box-sizing: border-box;
}

#login .loginBox .input_idpw {
    width: 100%;
}

#login .loginBox .login_cont input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    color: #b7b7b7;
    border-radius: 0;
    padding: 15px 10px;
    font-size: 18px;
    outline: none;
}

#login .loginBox .login_cont .input_idpw input:nth-child(2) {
    margin-top: 20px;
}

/* 푸터 - 로그인 인풋 제출 */
#login #footer {
    height: 80px;
    background: #091534;
}

#login #footer .bottom_btnBox {
    width: 100%;
    height: 100%;
}

#login #footer .bottom_btnBox ul {
    width: 100%;
    height: 100%;
    padding: 10px 5px 10px 25px;
}

#login #footer .bottom_btnBox ul li {
    width: 100%;
    height: 100%;
    justify-content: flex-end;
}

#login #footer .bottom_btnBox ul li a {
    background: none;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    padding: 1% 10%;
    cursor: pointer;
}

#login #footer .bottom_btnBox ul li input:hover {
    opacity: 0.8;
}

@media screen and (max-width: 480px) {
    #login .info p {
        font-size: 28px;
    }
    #login #footer .bottom_btnBox ul li input {
        font-size: 19px;
    }
}


/* //// 메인 페이지 */
#main .wrap {
    box-sizing: border-box;
}

#main #header {
    background: linear-gradient(24deg, #E3424C -37.15%, #F5525C 52.17%, #FEA76A 110.15%), #FFF;
}

/* // 메인 - 헤더 */

/* 메인 - 비주얼 */
#main .visual {
    height: 80px;
    padding-bottom: 10px;
}

#main .visual .visual_left {
    width: 70%;
    color: #fff;
    font-size: 19px;
    line-height: 27px;
}

#main .visual .visual_left .txt {
    color: rgba(255, 255, 255, 0.7);
}

#main .visual .visual_left .txt em {
    font-style: normal;
}

#main .visual .visual_left .txt b {
    font-weight: 400;
}

#main .visual .visual_right {
    width: 30%;
    height: 100%;
    justify-content: flex-end;
}

#main .visual .visual_right img {
    height: 90%;
}

/* // 메인 - 콘텐츠 */
#main #content {
    width: 100%;
    margin: 0 auto;
    margin-top: 135px;
    height: calc(100vh - 183px);
    overflow-y: auto;
    position: relative;
}

#main #content::-webkit-scrollbar {
    display: none;
}

#main #content::before {
    content: '';
    position: fixed;
    top: 140px;
    left: 0;
    width: 100%;
    height: 180px;
    border-radius: 0 0 0 110px;
    background: linear-gradient(13deg, #E3424C 14.13%, #eb4150 70.06%, #f15858 110.35%), #FFF;
    z-index: 0;
}

#main .content_wrap {

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 20px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

#main .content_wrap .content_box {
    width: 90%;
    height: auto;
    padding: 15px 10px;
    text-align: center;
    border-radius: 0.625rem;
    border: 1px solid #FFF;
    background: linear-gradient(229deg, #F3F3F4 7.72%, #FFF 99.1%);
    box-shadow: 0px 16px 20.4px 0px rgba(38, 27, 162, 0.15);
    margin-bottom: 20px;
    box-sizing: border-box;
}

#main .content_wrap .content_box .tit {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 5px;
}

#main .content_wrap .content_box .inner {
    width: 100%;
}

#main .content_wrap .content_box .inner img {
    width: 100%;
}

#main .content_wrap .content_box .inner table {
    width: 100%;
}

#main .content_wrap .content_box .inner table thead tr {
    background: #FFDE81;
}

#main .content_wrap .content_box .inner table tr {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background: #fff;
}

#main .content_wrap .content_box .inner table tbody tr:nth-child(even) {
    background: #F5F5F5;
}

#main .content_wrap .content_box .inner table th {
    padding: 5px 0;
}

#main .content_wrap .content_box .inner table td {
    padding: 5px 0;
}


/* 메인 푸터 - 하단 버튼 박스 */
#main #footer .bottom_btnBox ul li {
    width: 19%;
    transition: all 0.5s;
}

@media screen and (max-width: 332px) {
    #main #footer .bottom_btnBox ul li {
        width: 20%;
    }

    #main #footer .bottom_btnBox ul {
        padding: 10px 5px;
    }
}


/* //// 서브 페이지 */

/* 공통 타이틀, 뒤로가기 버튼 */
#sub #content {
    width: 100%;
    margin: 0 auto;
    margin-top: 86px;
    height: calc(100vh - 135px);
    /* 100vh - 187 */
    position: relative;
}

#sub #content .title {
    max-width: 860px;
    width: 100%;
    text-align: center;
    position: fixed;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff;
    top: 60px;
    /* left: 50%; */
    /* margin-left: -430px; */
    z-index: 998;
}

#sub #content .title .tit {
    font-size: 24px;
    font-weight: 800;
}

@media screen and (max-width: 480px) {
    #sub #content .title .tit {
        font-size: 16px;
    }
}

#sub #content .title .back {
    position: absolute;
    left: 0;
    top: 5px;
    height: 29px;
    display: flex;
    justify-content: center;
}

#sub #content .title .back a {
    display: block;
    height: 20px;
    padding: 0 5px;
}

#sub #content .title .back a:hover {
    opacity: 0.8;
}

#sub #content .title .back a img {
    height: 100%;
    vertical-align: top;
}


/* 서브페이지 - 검색바 */
#sub #content .search_bar {
    width: 90%;
    padding: 0 0 15px 0;
    margin-top: 100px;

}

#sub #content .search_bar .bar {
    width: 90%;
    text-align: right;
    transition: all 0.5s;
}

#sub #content .search_bar .bar input {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    background: #F3F3F4;
    border: none;
    font-size: 16px;
    color: #555555;
}

#sub #content .search_bar .bar .fa-magnifying-glass {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -16px;
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 600px) {
    #sub #content .search_bar .bar {
        width: 100%;
    }
}

@media screen and (max-width: 340px) {
    #sub #content .search_bar .bar {
        width: 80%;
    }
}

/* 서브페이지 - 콘텐츠박스 */
#sub .content_wrap {}

#sub .content_wrap .content_box {
    width: 90%;
    height: auto;
    max-height: calc(100vh - 165px);
    padding: 3px 10px;
    border-radius: 0.625rem;
    border: 1px solid #FFF;
    background: #F3F3F4;
    box-shadow: 1px 16px 20.4px 0px rgba(228, 68, 79, 0.15);
    /*margin-top: 10px;*/
    margin-bottom: 20px;
    box-sizing: border-box;
    overflow-y: auto;
    margin-top: 105px;
}

#sub .content_wrap .search_form ul {
    justify-content: flex-start;
}

#sub .content_wrap .search_form li {
    padding: 5px;
    box-sizing: border-box;
}

#sub .content_wrap .search_form .th {
    width: 70px;
    color: #666;
}

#sub .content_wrap .search_form .th.middleSt{
    width: 70px;
}

#sub .content_wrap .search_form .th.smallSt{
    width: 50px;
}

#sub .content_wrap .search_form .td {
    width: calc(100% - 70px);
    color: #555;
}

#sub .content_wrap .search_form .td.middleSt{
    width: calc(50% - 70px);
}

#sub .content_wrap .search_form .td.smallSt{
    width: calc(30% - 50px);
}

#sub .content_wrap .search_form .td input {
    width: 100%;
    border: none;
    border-radius: 5px;
    /* padding: 0 18px; */
    box-sizing: border-box;
}

#sub .content_wrap .search_form .td input[type="checkbox"] {
    position: relative;
    box-sizing: border-box;
    width: 0;
    height: 0;
    border: none;
    cursor: pointer;
}


#sub .content_wrap .search_form .td .nice-select {
    background-color: #fff;
    border-radius: 5px;
}

#sub .content_wrap .search_form .td_btnSt input {
    width: 63%;
}

#sub .content_wrap .search_form .td_btnSt .nice-select {
    width: 63%;
}

#sub .content_wrap .search_form .td_btnSt button {
    width: 35%;
}


@media screen and (max-width: 480px) {
    #sub #content .search_bar .bar input {
        font-size: 15px;
    }

    #sub .content_wrap .search_form .sign_btn button {
        font-size: 16px;
    }

    #sub .content_wrap .search_form .th {
        width: 70px;
        font-size: 13px;
    }

    #sub .content_wrap .search_form .td {
        width: calc(100% - 70px);
    }
}

@media screen and (max-width: 320px) {
    #sub #content .search_bar .bar input {
        font-size: 13px;
    }
}

#sub #footer {
    box-shadow: 0px -6px 15.4px 0px rgba(209, 209, 209, 0.30);
}


/* // 서브페이지별 설정 */

/* 스크롤 지우기 */
*::-webkit-scrollbar {
    display: none;
}

/* .sub_0102 .content_wrap .list_box::-webkit-scrollbar {
    display: none;
}

.sub_0301 .content_wrap .photo_box::-webkit-scrollbar {
    display: none;
} */


/* 서브페이지별 배경 색상 - 0301과 0401만 그레이 */
.sub_0301.wrap100,
.sub_0401.wrap100 {
    background: #F5F6F8;
}


/* // 03_sub_0101 전출리스트 */
/* 03_sub_0101 전출리스트 - 검색 */
.sub_0101 .content_wrap .search_form .td input {
    width: 100%;
}

.sub_0101 .content_wrap .search_form .td .nice-select {
    width: 100%;
}

/* 03_sub_0101 전출리스트 - 자필서명 */
#sub .content_wrap .search_form .sign {
    width: 100%;
    height: 100px;
}

#sub .content_wrap .search_form .sign canvas {
    width: 100%;
    border-radius: 5px;
    background: #fff;
    height: 100%;
    color: #D0D0D0;
    font-size: 30px;
    font-weight: 800;
    justify-content: center;
}

#sub .content_wrap .search_form .sign_btn {
    width: 100%;
    height: 50px;
}

#sub .content_wrap .search_form .sign_btn button {
    width: 49%;
    height: 100%;
    border-radius: 0.5rem;
    border: none;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

#sub .content_wrap .search_form .sign_btn button.rewrite {
    background: #333333;
}

#sub .content_wrap .search_form .sign_btn button.rewrite:hover {
    background: #7B7B7B;
}

#sub .content_wrap .search_form .sign_btn button.sign_check {
    border: 1px solid rgba(245, 82, 92, 0.30);
    background: #FFECEB;
    color: #F5525C;
}

#sub .content_wrap .search_form .sign_btn button.sign_check:hover {
    background: #F5525C;
    color: #FFFFFF;
}

/* // 03_sub_0102 전출리스트 - 리스트 */
.sub_0102 .content_wrap .list_box {
    height: calc(100vh - 170px);
    overflow-y: auto;
    width: 90%;

}

.sub_0102 .content_wrap .list_box ul {}

.sub_0102 .content_wrap .list_box .list {
    border-radius: 0.625rem;

    border: 1px solid #CCC;
    background: #FCFCFC;
    padding: 15px;
    margin-bottom: 15px;
}

.sub_0102 .content_wrap .list_box .list .list_tit {}

.sub_0102 .content_wrap .list_box .list .list_tit h3 {
    font-size: 19px;
    font-weight: 800;
    color: #242424;
}

.sub_0102 .content_wrap .list_box .list .list_tit span {
    border-radius: 0.25rem;
    border: 1px solid #FF6239;
    color: #FF6239;
    font-size: 13px;
    padding: 2px 10px;
}

.sub_0102 .content_wrap .list_box .list .list_table {}

.sub_0102 .content_wrap .list_box .list .list_table table {
    width: 100%;
}

.sub_0102 .content_wrap .list_box .list .list_table table th {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.03rem;
    color: #555;
    padding: 3px 0;
    width: 45%;
}

.sub_0102 .content_wrap .list_box .list .list_table table td {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.03rem;
    color: #555;
    padding: 3px 0;
    width: 55%;
}

.sub_0102 .content_wrap .list_box .list .list_table table .highlight_red th {
    color: #E23438;
}

.sub_0102 .content_wrap .list_box .list .list_table table .highlight_red td {
    color: #E23438;
}

@media screen and (max-width: 480px) {
    .sub_0102 .content_wrap .list_box .list .list_table table th {
        font-size: 15px;
    }
    .sub_0102 .content_wrap .list_box .list .list_table table td {
        font-size: 15px;
    }
}

@media screen and (max-width: 320px) {
    .sub_0102 .content_wrap .list_box .list .list_tit h3 {
        font-size: 16px;
    }
    .sub_0102 .content_wrap .list_box .list .list_table table th {
        font-size: 13px;
    }
    .sub_0102 .content_wrap .list_box .list .list_table table td {
        font-size: 13px;
    }
}

/* 03_sub_0201 전입관리 - 검색 */
#sub.sub_0201 .content_wrap .search_form .td .side_td {
    width: 35%;
}

#sub.sub_0201 .content_wrap .search_form .td .width_down {
    width: 95%;
    transition: all 0.5s;
}

@media screen and (max-width: 600px) {
    #sub.sub_0201 .content_wrap .search_form .td .width_down {
        width: 92%;
    }
}

@media screen and (max-width: 450px) {
    #sub.sub_0201 .content_wrap .search_form .td .width_down {
        width: 90%;
    }
}

@media screen and (max-width: 340px) {
    #sub.sub_0201 .content_wrap .search_form .td .width_down {
        width: 85%;
    }
}


/* // 03_sub_0301 클레임등록 */
/* 배경색 넣기 위해 wrap 90% 풀어줌 */
.wrap100 {
    background: #fff;
}

.wrap100 .content_wrap.wrap {
    width: 100%;
}

#sub.wrap100 #content .title .back {
    left: 5%;
}

.sub_0301 .content_wrap .photo_box {
    max-height: calc(100vh - 135px);
    font-size: 16px;
    overflow-y: auto;
    /* 배경색 때문에 width 100 */
    width: 100%;
    margin-top: 106px;

}

.sub_0301 .content_wrap .photo_box>ul {
    height: 100%;
}

.sub_0301 .content_wrap .photo_box>ul>li {
    margin-bottom: 20px;
    background: #fff;
    padding: 3% 5%;
}

/* .sub_0301 .content_wrap .photo_box>ul>li:nth-child(1) {
    padding-top: 0;
} */

.sub_0301 .content_wrap .photo_box .photo_top {
    width: 100%;
}

.sub_0301 .content_wrap .photo_box .photo_top .nice-select {
    width: 70%;
    background: #F3F3F4;
    border-radius: 0.625rem;
    border: none;
    font-size: 16px;
}


.sub_0301 .content_wrap .photo_box .photo_top input {
    width: 15%;
    background: #F3F3F4;
    border-radius: 0.625rem;
    border: none;
}

.sub_0301 .content_wrap .photo_box .photo_middle {
    width: 98%;
    margin: 20px auto;
    border-radius: 0.625rem;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}


.sub_0301 .content_wrap .photo_box .photo_middle>div>div {
    height: 100%;
    font-size: 16px;
    font-weight: 800;
    text-align: center;

}

.sub_0301 .content_wrap .photo_box .photo_middle>div>div:nth-child(1) {
    color: #fff;
    width: 30%;
    height: 100%;
}

.sub_0301 .content_wrap .photo_box .photo_middle>div>div:nth-child(1) a {
    font-size: 16px;
    font-weight: 800;
    width: 100%;
    height: 100%;
    padding: 20px 5px;
    color: #fff;
    border: none;
    background: #333333;
}

.sub_0301 .content_wrap .photo_box .photo_middle>div>div:nth-child(1) button:hover {
    background: #414141;
}

.sub_0301 .content_wrap .photo_box .photo_middle>div>div:nth-child(2) {
    width: 70%;
}

.sub_0301 .content_wrap .photo_box .photo_middle>div>div a {
    display: block;
    padding: 20px 5px;
}

.sub_0301 .content_wrap .photo_box .photo_middle>div>div a em {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #6f6f6f;
}

.sub_0301 .content_wrap .photo_box .photo_bottom {
    width: 100%;
}

.sub_0301 .content_wrap .photo_box .photo_bottom ul {
    width: calc(100% - 15px);
    margin: 0 auto;
}

.sub_0301 .content_wrap .photo_box .photo_bottom ul li {
    position: relative;
}

.sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
    width: 120px;
    height: 120px;
    border-radius: 0.58263rem;
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}

.sub_0301 .content_wrap .photo_box .photo_bottom ul li img {
    width: 100%;
    transform: scale(1.5);
}

.sub_0301 .content_wrap .photo_box .photo_bottom ul li:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: url(../images/common/ico_x_wh.png) no-repeat center center #000;
    background-size: 40%;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10;
    cursor: pointer;
    transition-property: width, height;
    transition-duration: 0.5s;
}

.sub_0301 .content_wrap .photo_box .photo_bottom ul li:hover:before {
    background: url(../images/common/ico_x_wh.png) no-repeat center center #585858;
    background-size: 40%;
}

@media screen and (max-width: 740px) {
    .sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
        width: 90px;
        height: 90px;
    }
}

@media screen and (max-width: 580px) {
    .sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
        width: 80px;
        height: 80px;
    }

    .sub_0301 .content_wrap .photo_box .photo_top .nice-select {
        width: 65%;
    }
}

@media screen and (max-width: 490px) {
    .sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
        width: 70px;
        height: 70px;
    }
}

@media screen and (max-width: 440px) {
    .sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
        width: 60px;
        height: 60px;
    }

    .sub_0301 .content_wrap .photo_box .photo_bottom ul li:before {
        width: 15px;
        height: 15px;
    }
}

@media screen and (max-width: 385px) {
    .sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
        width: 50px;
        height: 50px;
    }

    .sub_0301 .content_wrap .photo_box .photo_top .nice-select {
        width: 60%;
    }
}

@media screen and (max-width: 320px) {
    .sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
        width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 300px) {
    .sub_0301 .content_wrap .photo_box .photo_bottom ul li div {
        width: 40px;
        height: 40px;
    }

    .sub_0301 .content_wrap .photo_box .photo_middle>div>div a em {
        display: block;
    }

    .sub_0301 .content_wrap .photo_box .photo_middle>div>div a {
        padding: 10px 5px;
    }

    .sub_0301 .content_wrap .photo_box .photo_top .nice-select {
        width: 50%;
    }
}

/* // 03_sub_0301_base 클레임등록 기본형(사진/항목 추가 전) */
.sub_0301_base .tit_num {width: 10px;height: 10px;}


/* // 03_sub_0401 폐사등록 */
/* 03_sub_0401 폐사등록 - 그룹 테이블 */
.sub_0401 .table_box {
    /* 배경색 때문에 width 100 */
    width: 100%;
    height: calc(100vh - 135px);
    overflow-y: auto;
    margin-top: 56px;
}

.sub_0401 .table_box .group {
    background: #fff;
    /* 배경색 때문에 width 100에 패딩 넣어준 것 */
    padding: 3% 5%;
    /* padding-top: 0; */
}

.sub_0401 .table_box .group>div {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 0.625rem;
    overflow: hidden;
}

.sub_0401 .table_box .group table {
    width: 100%;
}

.sub_0401 .table_box .group table thead {
    width: 100%;
}

.sub_0401 .table_box .group table thead tr {
    background: #F3F3F4;
    width: 100%;
}

.sub_0401 .table_box .group table thead th {
    width: 100%;
    padding: 5px;
    font-size: 17px;
    font-weight: 800;
    color: #242424;
    text-align: left;
}

.sub_0401 .table_box .group table thead th span {
    font-size: 13px;
    font-weight: 400;
    color: #1E3097;
    border: 1px solid #1E3097;
    border-radius: 1rem;
    padding: 1px 10px;
    margin: 0 7px;
}

.sub_0401 .table_box .group table tbody tr {
    background: #FCFCFC;
    width: 100%;

}

.sub_0401 .table_box .group table tbody th {
    padding: 3px 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.03rem;
    color: #555;
    width: 25%;
}

.sub_0401 .table_box .group table tbody td {
    padding: 3px 0;
    position: relative;
    width: 25%;
}

.sub_0401 .table_box .group table tbody .pdt5 {
    padding-top: 5px;
}

.sub_0401 .table_box .group table tbody .pdb5 {
    padding-bottom: 5px;
}

.sub_0401 .table_box .group table tbody td::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: #C5C5C5;
    top: 6px;
    left: -15px;
}

.sub_0401 .table_box .group table tbody td.dis_none::before {
    display: none;
}

.sub_0401 .table_box .group table tbody td.pdt10::before {
    top: 12px;
}

.sub_0401 .table_box .group table tbody td.pdb10::before {
    top: 7px;
}


@media screen and (max-width: 320px) {
    .sub_0401 .table_box .group table tbody td::before {
        left: -10px;
    }
}

/* 03_sub_0401 폐사등록 - 검색 영역 */
.sub_0401 .table_box .search_form {
    /* 배경색 때문에 width 100에 패딩 넣어준 것 */
    padding: 3% 5%;
}

.sub_0401 .table_box .search_form .image_btn {
    width: 100%;
}

.sub_0401 .table_box .search_form .image_btn button {
    width: 100%;
}

/* 03_sub_0401 폐사등록 - 결과 테이블 영역 */
.table_result {
    background: #fff;
    /* 배경색 때문에 width 100에 패딩 넣어준 것 - width90인 페이지(sub_0501, sub_0601에서는 패딩 없앰) */
    padding: 0 5%;
}

.table_result table {
    border: none;
    width: 100%;
    text-align: center;
    margin-top: 13px;
}

.table_result table thead th {
    padding: 7px;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    background: rgb(233,83,107);
    border: 1px solid #CCCCCC;
}

.table_result table tbody td {
    padding: 5px 0;
    border: 1px solid #CCCCCC;
}

.table_result table tbody td input {
    width: 15px;
    height: 15px;
}

input[type=checkbox]#chkAll{
    width: 15px;
    height: 15px;
}

.table_result table .blNone {
    border-left: none;
}

.table_result table .brNone {
    border-right: none;
}

.table_result table tbody tr:nth-child(even) {
    background: #F5F5F5;
}



/* // 03_sub_0501 관리자 승인 */
.sub_0501 .table_box {
    width: 90%;
    margin-top: 115px;

}

.sub_0501 .table_box .btnSet_allow button {
    width: 49%;
    height: 100%;
    border-radius: 0.5rem;
    border: none;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
    .sub_0501 .table_box .btnSet_allow button{
        font-size: 16px;
    }
}

.sub_0501 .table_box .btnSet_allow button.standby {
    background: #333333;
}

.sub_0501 .table_box .btnSet_allow button.standby:hover {
    background: #7B7B7B;
}

.sub_0501 .table_box .btnSet_allow button.standby_allow {
    background: #E23438;
}

.sub_0501 .table_box .btnSet_allow button.standby_allow:hover {
    background: rgb(255, 109, 112);
}

.sub_0501 .table_result {
    /* width 때문에 padding 줄임 */
    padding: 0;
    overflow-x: scroll;
}

.sub_0501 .table_result table {
    min-width: 320px;
}

.sub_0501 .table_result table thead th:nth-child(1) {
    width: 5%;
}

.sub_0501 .table_result table tbody td {
    padding: 10px 0;
}

.sub_0501 .table_result table td.checks input[type="checkbox"] {
    position: relative;
    box-sizing: border-box;
    width: 0;
    height: 0;
    border: none;
    cursor: pointer;
}

.sub_0501 .checks input[type="checkbox"]:before {
    top: -10px;
    left: -8px;
    box-sizing: border-box;
}


/* // 03_sub_0601 보고서 */
.sub_0601 .table_box {
    width: 90%;
    margin-top: 168px;
}

.sub_0601 .table_result table tbody td {
    padding: 10px 0;
}

.sub_0601 .table_result {
    padding: 0;
}

/*file등록*/
.div-imgFile-head{ display: flex; }
.div-imgFile-head .div-imgFile-attach{ position: relative; width: 30%; max-width: 100px; height: 24px; line-height: 24px; border-radius: 3px; border: 1px solid #d3d3d3; font-size: 12px; text-align: center; box-sizing: border-box; background: #fff; }
.div-imgFile-head .div-imgFile-attach:hover{ border: 1px solid #68c2f2;}
.div-imgFile-head .div-imgFile-ect{ width: 65%; height: 24px; color: #929294; flex-grow: 1; }
.div-imgFile-head .div-imgFile-ect p{ text-align: right; padding-top: 5px; }
.div-imgFile-head .div-imgFile-ect p .span-cnt-limit{ color: red; }
.div-imgFile-head .div-imgFile-attach .input-imgFile-tag{ position: relative; top: -24px; width: 100%; border: 0 none; opacity: 0; outline: 0 none; }
.div-imgFile-body{ display: flex; /*flex-wrap: wrap;*/ overflow-x: auto; }
.div-image-card{ min-width: 100px; max-width: 100px; min-height: 80px; max-height: 80px; margin: 20px 10px 0px 10px; }
.div-image-card .div-image-button{ width: 25px; height: 25px; border: 2px solid #d3d3d3; border-radius: 50%; position: relative; right: -80px; z-index: 20; text-align: center; font-size: 15px; line-height: 20px; }
.div-image-card .div-image-button.div-image-remove{ top: -10px; color: black; font-weight:bold; background: #d3d3d3; }
.div-image-card .div-image-button.div-image-download{ top: -65px; background-color: #ffffff; background-image:url(../images/common/download.png); background-size: 50%; background-position: center center; background-repeat: no-repeat; }
.div-image-card .div-image-remove:hover{ background:#B1B1B1; border: 2px solid #B1B1B1; cursor: pointer; }
.div-image-card .div-image-download:hover{ border: 2px solid #68c2f2; cursor: pointer; }
.div-image-card .div-image-target{ width: 100%; height: 100%; border: 2px solid #d3d3d3; border-radius: 15px; overflow: hidden; position: relative; top: -35px; right:2px; z-index: 19; }
.img-preview{ width: 100%;  height: 100%; object-fit: cover; /*object-position: center;*/  }
.input-file-hold{ border: 1px solid blue; }
.div-image-old-target:hover{ cursor: pointer; border: 2px solid #68c2f2; }
.div-image-old-target img.img-preview{ transition: all 0.1s linear; }
.div-image-old-target img.img-preview:hover{ transform: scale(1.2); border: 2px solid #68c2f2; }

/*select박스 디자인*/
.nice-select ul.list{
    overflow-y: auto;
    max-height: 300px;
}

/*필수입력표시*/
.required{
    color: red;
}

/*에러디자인*/
.error-container { white-space: nowrap; max-width:620px;  margin:100px auto; text-align:center; background: var(--system-logo-error) no-repeat center 0;}
.error-container .error-div { margin-top:50px; }
.error-container .error-div .error-title { color:#474747; font-weight: bold; font-size:26px; text-align:center; line-height:36px; padding-top:100px;}
.error-container .error-txt { border-top: 1px solid #e1e3e6; padding:25px 0 35px; text-align:center; }

/*리스트 테이블*/
#dataList td{
    background-color: #FCFCFC;
}
#dataList tr td:first-child{
    border-left: none;
}
#dataList tr td:last-child{
    border-right: none;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content{
    max-height: 300px;
    overflow-y: scroll;
}

/* 로딩 */
.wrap-chart-loading {
    display: none;
    width: 256px;
    height: 256px;
    position: absolute;
    top: calc(40% - 128px);
    left: calc(50% - 128px);
    background:url(../images/common/loading.gif) 0 0 no-repeat;
    padding:32px;
    z-index:100;
}
/* 팝업 */
.pop.blue h2{ background: rgb(233,83,107); color: #FFFFFF; text-align: center;}
/*팝업창 닫기버튼*/
.pop .popupxBtn{border:0 !important;width:30px;font-size:0 !important;}
.popupxBtn{position:absolute;right:15px;top:5px;width:30px;height:29px !important;line-height:29px !important;padding:0 !important;min-width:0 !important;background:transparent url(../images/icon/xicon.png) 50% 50% no-repeat !important;}