@charset "utf-8";

/* 설정 팝업 */
.mask {display: none;position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: #000;opacity: 0.6;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)"; z-index: 99999;}
#setting {background: #fff;height: auto;position: fixed;top: 50%;left: 50%;z-index: 99999;border: 4px solid #092c74;min-width: 680px;width: min-content;}
#setting2 {background: #fff;height: auto;position: fixed;top: 50%;left: 50%;z-index: 99999;border: 4px solid #092c74;min-width: 680px;width: min-content;}
#setting02 {background: #fff;width: 600px;height: auto;border: 4px solid #092c74;margin: auto;}
#setting03 {background: #fff;width: calc(100% - 8px);height: auto;border: 4px solid #092c74;}

.popup_header {background: #092c74;width: 100%;padding: 5px 0 7px;display: inline-block;cursor: move;}
.popup_header p {color: #ffffff;display: inline-block;margin-left: 20px;font-size: 16px;line-height: 16px;}
.popup_header a {border: 1px #ffffff solid;padding: 3px 10px;border-radius: 2px;color: #ffffff;margin-right: 20px;float: right;}
.popup_header a:visited,header a:hover,header a:link {color: #ffffff;}

.popup_contain {/* margin: 15px 15px; */padding: 15px 15px;display: block;}
.title {font-size: 18px;margin-bottom: 10px;line-height: 18px;font-weight: 600;display: inline-block;}

.text_center {text-align: center;}
.ml10 {margin-left: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;} 
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;} 
.m0 {margin: 0px;}
.m10 {margin: 10px;}
.m20 {margin: 20px;}
.pdl10 {padding-left: 10px;}
.pdr10 {padding-right: 10px;}
.pd0 {padding: 0 !important;} 
.blue {color: #092c74;}

textarea {border: 1px solid #d1d1d1;border-radius: 2px;height: 34px;padding: 0 10px;margin: 0;}
input[type="radio"] {width: 13px;height: 13px;margin-top: -3px;}
input[type="text"], input[type="number"], input[type="password"], select, 
.selectArea input[type="text"], .selectArea input[type="number"], .selectArea input[type="password"], .selectArea select, .selectArea textarea {height: 24px;}


/* table */
caption {font-size: 16px;line-height: 16px;font-weight: 600;margin-bottom: 10px;text-align: left;}
.popup_contain table {width: 100%;background: #fff;text-align: center;margin: 2px auto;}
.popup_contain table th {padding: 5px 0 5px;background: #e9e9e9;/* width: 30%; */}
.popup_contain table td {padding: 3px 0 5px;background: #fdfdfd;text-align: left;}

.popup_contain .box {padding: 0px 20px 20px;}
.popup_contain .box h3 {border-bottom: 2px #092c74 solid;font-size: 18px;margin: 20px 0 10px;}
.popup_contain .box li {line-height: 24px;}
.popup_contain .box .button {text-align: center;margin-top: 10px;}
.popup_contain .box input[type=button] {padding: 10px 20px;}

.popup_contain p {display: inline-block;}
.popup_contain label {margin-right: 10px;}
.popup_contain .table01 input, 
.popup_contain .table01 select {padding: 0 0;height: 17px;max-width: calc(100% - 20px);}
.popup_contain input#accountID, .popup_contain input#accountPW {width: 140px;margin-right: 10px;}
.popup_contain input#accountPW + p {width: calc(90% - 160px);display: inline-block;height: 28px;line-height: 14px;vertical-align: bottom;color: #555;font-size: 11px;background: #eeeeee;padding: 4px 5px;}

.popup_contain input {/* vertical-align: top; */}
.popup_contain .table01 select {/* vertical-align: baseline; */height: 19px;}
.popup_contain label {vertical-align: baseline;min-width: 34px;}
.popup_contain input[type="button"] {width: 100px;border: 1px solid #d1d1d1;border-radius: 2px;height: 36px;padding: 0 10px;font-weight: 600;}
.popup_contain input[type="button"]:hover, .popup_contain input[type="button"]:active {
filter: brightness(0.9);}
.popup_contain input[type="radio"] {width: 13px;height: 13px;margin-top: -3px;vertical-align: middle;}
.popup_contain input[type="checkbox"] {width: auto;margin-left: 10px;vertical-align: bottom;}

.popup_contain select.bank {height: 19px;font-size: 12px !important;padding-right: 5px;}
.popup_contain select.bank + input {padding: 0 5px;}


.popup_contain .table00 {width: 60%;background: #fff;text-align: center;margin: 2px auto;box-shadow: 0px 0px 5px #999;}
.popup_contain .table00 th {background: #e9e9e9;}
.popup_contain .table00 td {background: #fafafa;text-align: center;}
.popup_contain .table00 td label {margin-right: 20px;}
.popup_contain .table00 td label:last-child {margin: 0;}
.popup_contain .table00 td input {padding: 3px 0 5px;border-bottom: 2px solid #ddd;background: #fafafa;}
.popup_contain .table00 td input#regist_id {min-width: 380px;height: 24px;width: 80%;margin-bottom: 5px;}

.popup_contain .table01 {border-top: 2px solid #092c74;width: 100%;text-align: center;}
.popup_contain .table01 tr {border-bottom: 1px solid #d1d1d1;}
.popup_contain .table01 th {/* background: #f1f1f1;*/padding: 4px 10px 4px;font-size: 12px;font-weight: 600;line-height: 16px;vertical-align: middle;text-align: left;}
.popup_contain .table01 td {padding: 4px 10px 4px;border-left: solid 1px #ddd;}
.popup_contain .table01 p {display: inline-block;vertical-align: middle;/* margin: 0 5px;*/}
.popup_contain .table01 th i {background: url(../../../common/images/admin/arrow_black.png) no-repeat 0px 12px;}
.popup_contain .table01 input[type="checkbox"] {width: auto;border: 1px solid #d1d1d1;}
.popup_contain .table01 input[type="datetime-local"] {color: #2c2c2c;border: 1px solid #d1d1d1;border-radius: 2px;height: 34px;padding: 0 10px;margin: 0;}


.popup_contain .table02 {border-top: 2px solid #092c74;width: 100%;text-align: center;}
.popup_contain .table02 tr {border-bottom: 1px solid #d1d1d1;}
.popup_contain .table02 th {/* background: #f1f1f1;*/padding: 4px 10px 4px;font-size: 12px;font-weight: 600;line-height: 16px;vertical-align: middle;}
.popup_contain .table02 td {padding: 4px 10px 4px;border-left: solid 1px #ddd;text-align: left;}
.popup_contain .table02 p {display: inline-block;vertical-align: middle;/* margin: 0 5px;*/;}
.popup_contain .table02 th i {background: url(../../../common/images/admin/arrow_black.png) no-repeat 0px 12px;}

.popup_contain .table02 input {height: 34px;padding: 0 10px;}
.popup_contain .table02 input[type="text"], .popup_contain .table02 select {height: 34px;padding: 0 10px;width: 90%;}
.popup_contain .table02 input[type="checkbox"] {width: auto;border: 1px solid #d1d1d1;}
.popup_contain .table02 input[type="datetime-local"] {color: #2c2c2c;border: 1px solid #d1d1d1;border-radius: 2px;height: 34px;padding: 0 10px;margin: 0;}


.popup_contain .table03 {border-top: 2px solid #092c74;width: 100%;text-align: center;}
.popup_contain .table03 tr {border-bottom: 1px solid #d1d1d1;}
.popup_contain .table03 th {background: #f1f1f1;padding: 4px 10px 4px;font-size: 12px;font-weight: 600;line-height: 16px;vertical-align: middle;}
.popup_contain .table03 td {padding: 4px 10px 4px;}
.popup_contain .table03 input[type="checkbox"] {width: auto;border: 1px solid #d1d1d1;}
.popup_contain .table03 p {display: inline-block;vertical-align: middle;margin: 0 5px;}

.popup_contain .table03 input, .popup_contain .table03 select {height: 34px;padding: 0 10px;}
.popup_contain .table03 th i {background: url(../../../common/images/admin/arrow_black.png) no-repeat 0px 12px;}
.popup_contain .table03 input[type="datetime-local"] {color: #2c2c2c;border: 1px solid #d1d1d1;border-radius: 2px;height: 34px;padding: 0 10px;margin: 0;}

.popup_contain .table04 {border: 1px solid #ddd;border-top: 2px solid #bbb;width: 100%;text-align: center;}
.popup_contain .table04 tr {border-bottom: 1px solid #d1d1d1;}
.popup_contain .table04 th {/* background: #ffffdd;*/padding: 4px 10px 4px;font-size: 12px;font-weight: 600;line-height: 16px;vertical-align: middle;text-align: left;}
.popup_contain .table04 td {padding: 4px 10px 4px;border-left: solid 1px #ddd;}
.popup_contain .table04 td.account {padding: 10px 10px;}
.popup_contain .table04 p {display: inline-block;vertical-align: middle;/* margin: 0 5px;*/}
.popup_contain .table04 th i {background: url(../../../common/images/admin/arrow_black.png) no-repeat 0px 12px;}
.popup_contain .table04 input[type="checkbox"] {width: auto;border: 1px solid #d1d1d1;}
.popup_contain .table04 input[type="datetime-local"] {color: #2c2c2c;border: 1px solid #d1d1d1;border-radius: 2px;height: 34px;padding: 0 10px;margin: 0;}

.popup_contain .table05 th {width: 100px;}
.popup_contain .table05 input[type="number"], .popup_contain .table05 select {width: 100%;}

.popup_contain .table01.center th, .popup_contain .table01.center td {text-align: center;}


/* 버튼 */
.popup_header p {margin-left: 15px;}
a.btn-pop-close {border: none;padding: 0;margin-right: 15px;font-size: 16px;font-family: verdana !important;}
a.btn-pop-close span {background-image: url(../../../common/images/admin/pop_close.png);background-position: 0px 0px;background-repeat: no-repeat;width: 17px;height: 17px;display: block;text-indent: -99999px;overflow: hidden;}
a.btn-pop-close:hover {/* filter: opacity(0.7); */}
a.btn-pop-close:hover span {background-image: url(../../../common/images/admin/pop_close_hov.png);}

.popup_contain .fileinput {display: inline-block;position: relative;height: 22px;width: 340px;background: url(../../../common/images/admin/nfindFile.png) no-repeat right 0px;}
.popup_contain textarea {height: 20px;padding: 0 3px;width: 270px;}
.popup_contain textarea + input {position: absolute;right: 0;filter: alpha(opacity=0);opacity: 0;height: 99% !important;}

.popup_contain .info {text-align: center;padding: 50px;border: 1px solid #ddd;border-top: 2px solid #bbb;}


.btn_box {
    width: 100%;display: inline-block;margin-bottom: 10px;}
.btn_box02 {
    width: 100%;display: inline-block;margin:20px 0 25px;text-align: center;}
.popup_contain .btn_box02 {
    width: 100%;display: inline-block;margin: 5px 0;margin-top: 23px;text-align: center;cursor: move;}

.btn_type1:hover,.btn_type1-2:hover,.btn_type5:hover,
.btn_type6:hover,.btn_type8:hover,.btn_type2-3:hover,
.table02 .file input[type='file']:hover {
    background: #ff9f19;}
.btn_type2:hover,.btn_type2-2:hover,.btn_type3:hover,
.btn_type4:hover,.btn_type7:hover,.btn_type9:hover {
    background: #092c74;}
.btn_type1 {
    width: 100px;height: 28px;background: #092c74;border-radius: 2px;color: #ffffff;text-align: center;line-height: 26px;padding: 0 5px;display: inline-block;}
.btn_type1-2 {
    height: 28px;background: #092c74;border-radius: 2px;color: #ffffff;text-align: center;line-height: 26px;padding: 0 10px;}
.btn_type2 {
    width: 100px;height: 28px;background: #a1a1a1;border-radius: 2px;color: #ffffff;text-align: center;line-height: 26px;padding: 0 5px;display: inline-block;}
.btn_type2-2 {
    height: 28px;background: #a1a1a1;border-radius: 2px;color: #ffffff;text-align: center;line-height: 26px;padding: 0 5px;display: inline-block;}
.btn_type2-3 {
    height: 28px;background: #a1a1a1;border-radius: 2px;color: #ffffff;text-align: center;line-height: 26px;padding: 0 5px;display: inline-block;font-size: 12px;margin: 3px 0 0 10px;}
.btn_type3 {
    height: 28px;background: #ff9f19;border-radius: 2px;color: #ffffff;text-align: center;line-height: 24px;display: inline-block;padding: 0 5px;}
.btn_type3-2 {
    height: 28px;background: #ff9f19;border-radius: 2px;color: #ffffff;text-align: center;line-height: 24px;display: inline-block;padding: 0 5px;font-size: 12px;}
.btn_type4 {
    height: 36px;background: #a1a1a1;border-radius: 2px;color: #ffffff;text-align: center;line-height: 34px;display: inline-block;padding: 0px 10px;margin: 0px 0 0 10px;}
.btn_type5 {
    height: 36px;background: #092c74;border-radius: 2px;color: #ffffff;text-align: center;line-height: 34px;display: inline-block;margin: 0;padding: 0px 10px;}
.btn_type6 {
    height: 36px;background: #a1a1a1;border-radius: 2px;color: #ffffff;text-align: center;line-height: 34px;display: inline-block;margin-left: 10px;padding: 0px 10px;}
.btn_type7 {
    background: #a1a1a1;border-radius: 2px;color: #ffffff;text-align: center;line-height: 14px;display: inline-block;padding: 3px 5px 5px;margin-right: 5px;}
.btn_type8 {
    height: 34px;background: #092c74;border-radius: 2px;color: #ffffff;text-align: center;line-height: 30px;display: inline-block;margin: 0;padding: 0px 10px;}
.btn_type9 {
    width: 100px;height: 28px;background: #ff9f19;border-radius: 2px;color: #ffffff;text-align: center;line-height: 26px;}
.btn_type10 {
    height: 36px;background: #ff9f19;border-radius: 2px;color: #ffffff;text-align: center;line-height: 34px;display: inline-block;padding: 0px 10px;margin: 0px 0 0 10px;}
.btn_gray {
    display: inline-block;background: #959595;border: 1px solid #818181;font-weight: bold;font-size: 12px;letter-spacing: -1px;color: #fff;padding: 3px 7px 5px 7px;border-radius: 3px;margin: 5px;}
.btn_bold {
    display: inline-block;background: #4298d5;border: 1px solid #2b81be;font-weight: bold;font-size: 12px;letter-spacing: -1px;color: #fff;padding: 3px 7px 5px 7px;border-radius: 3px;margin: 5px;cursor: pointer;}
.btn_red {
    display: inline-block;background: #e64c4c;border: 1px solid #c33535;font-weight: bold;font-size: 12px;letter-spacing: -1px;color: #fff;padding: 3px 7px 5px 7px;border-radius: 3px;margin: 5px;;cursor: pointer;}
.btn_green {
    display: inline-block;background: #2BF900;border: 1px solid #818181;font-weight: bold;font-size: 12px;letter-spacing: -1px;color: #fff;padding: 3px 7px 5px 7px;border-radius: 3px;margin: 5px;}
.btn_bGreen {
    display: inline-block;background: #80E12A;border: 1px solid #818181;font-weight: bold;font-size: 12px;letter-spacing: -1px;color: #fff;padding: 3px 7px 5px 7px;border-radius: 3px;margin: 5px;}
.btn_btn {
    display: inline-block;background: #439fea;border: 1px solid #328cd5;font-weight: bold;font-size: 12px;letter-spacing: -1px;color: #fff;padding: 1px 10px;min-width: 20px;border-radius: 2px;margin: 5px;}
.btn_pupple {
    display: inline-block;*display: inline;zoom: 1;background: #e64c4c;color: #fff;font-weight: bold;height: 30px;*height: 41px;line-height: 28px;vertical-align: middle;border: 3px solid #e64c4c;padding: 0 15px;font-size: 13px;}
.btn_type3-2,.btn_type10 {-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 50%);text-shadow: 0 -1px 1px rgb(0 0 0 / 25%);}

.btn_type8 img {
 vertical-align: middle;vertical-align: -2px;}


/* 220623 sms popup css */
.popup_contain .sms {/* width: 670px; */width: 640px;min-width: 640px;padding: 20px 30px;margin: 0px auto;border: none;}
.popup_contain .sms .sms_send_box {padding-bottom: 5px;margin-bottom: 20px;border-bottom: 2px solid #0077cd;}
.popup_contain .sms .sms_send_box div:not(.send) {float:right;padding:0 10px 0 25px;height:25px;line-height:25px;color:#3d3d3d;font-size:12px;font-weight:bold;background:#e5e5e5;border-radius:20px;}
.popup_contain .sms .sms_send_box div:not(.send):before {content:"";display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: #3d3d3d;margin-right: 6px;margin-bottom: 1px;}
.popup_contain .sms .sms_send_box div span {margin-left:5px;color:#c93c31;}
.popup_contain .sms input[type="radio"] {margin:-2px 3px 0 0;}
.popup_contain .sms .send_box .textarea_1 {width:100%;padding:15px;height: 246px;}
.popup_contain .sms .send_box .byte_in {display: block;}
.popup_contain .sms .ov_h {overflow:hidden;padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px dotted #0077cd;}
.popup_contain .sms .recept_box {padding:20px 25px;font-size:0;}
.popup_contain .sms .test_box .phone_box div.on {background:#bcdfff;}
.popup_contain .sms .send_btn2 {display:block;margin:40px auto 0;height:55px;line-height:55px;width:170px;font-weight:bold;text-align:center;color:#fff;background:#c93c31;border-radius: 3px;}

.btn_box02 .send_btn2 {height: 55px;line-height: 55px;width: 170px;font-weight: bold;text-align: center;color: #fff;background: #c93c31;display: inline-block;border-radius: 3px;}

/* sms popup - sendBtn : Top position Type */
.popup_contain .sms .sms_send_box div.obj {float: left;padding: 0 15px;height: 36px;line-height: 36px;}
.popup_contain .send {float: right;}
.popup_contain .send .btn_type5 {font-weight: bold;padding: 0px 15px;font-size: 13px;}
.popup_contain .sms .sms_send_box .send_btn2 {margin: 0;padding: 0 10px 0 25px;width: 160px;height: 40px;line-height: 40px;font-size: 14px;font-weight: bold;text-align: center;color: #fff;background: #c93c31;border-radius: 3px;}
.sms .send_btn2:hover {background: #af2318 !important;opacity: 1;}

.setting_left select {height: 25px;width: 100%;max-width: none;}
.popup_contain .sms .send_box textarea[class^=textarea_] {height: auto;max-height: 298px;overflow: auto;}


/* 창구등록 20220716 */
.popup_contain .table01.center .ar {text-align: right !important;padding-right: 30px;}
.popup_contain .table01.center .ar input[type="checkbox"] {float: left;margin-left: 20px;}
.popup_contain .table01.center input[type="checkbox"] {float: left;margin-left: 20px;}
.popup_contain .table01.center span.checked {float: left;margin-left: 23px;}
.popup_contain .table01.center .bg th,.popup_contain .table01.center .bg td {background: #f0f0f0;}
.popup_contain .table01.center th:last-child {border-right: none;}
.popup_contain .table01.center td:first-child {border-left: none;}
.enroll_wrap {width: 640px;min-width: 640px;padding: 20px 30px 0;margin: 0px auto;border: none;}


/* 데이터 관리 - 자료형식 복사 팝업창 20230420 */
.popup_contain .service select {padding: 2px 10px;height: 23px;font-size: 12px !important;}

.manual_input {
    display: block;
    text-align: right;
    padding: 14px 0 0;
}

ul.choice_row {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border: 1px solid #ccc;
}
ul.choice_row li {
    border-right: 1px solid #ccc;
    width: 33.3%;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
}
ul.choice_row li:last-child {
    border: 0;
}

/* 순서 선택 */
.table00 td > input:only-child {
    margin: 0;
    width: 15px;
    height: 15px;
}

.order {
    width: 36px;
    text-align: center;
    margin: auto;
    display: inline-block;
}
.order > div {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    width: 18px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-shadow: 0 0 black;
}
.order > div:hover {
    font-size: 18px;
    filter: drop-shadow(0px 2px 5px #555);
}
.up, .up2 {
    cursor: pointer;
    color: red;
}
.down, .down2 {
    cursor: pointer;
    color: blue;
}
.order > .up:hover {
    line-height: 18px;
    filter: drop-shadow(0px 2px 5px #f00);
}
.order > .down:hover {
    line-height: 22px;
    filter: drop-shadow(0px 2px 5px #00f);
}

.popup_contain input, .popup_contain select {
    max-width: 100%;
}
.popup_contain .config_format label {
    margin-right: 5px;
}
.popup_contain .table01.center label.mg5 input {
    margin-left: 5px;
}
.popup_contain .table01.center input[type="checkbox"] {
    float: none;
    margin-left: 10px;
}
.config_format {
    position: sticky;
    top: 58px;
    padding-bottom: 20px;
}
.config_format .sBtn {
    vertical-align: middle !important;
}

.popup_contain section.tabArea {
    position: sticky;
    top: 15px;
}
.popup_contain .config_format .table01 th, 
.popup_contain .config_format .table01 td {
    padding: 4px 0;
}

.popup_contain .tablewrapper .table01.center td:first-child {
    text-align: left;
}
.popup_contain td:first-child .order {
    /* float: left; */
}   
.popup_contain td:first-child .order + label {
    margin: 0;
    vertical-align: middle;
}


.popup_contain .tablewrapper.short {
    max-height: 330px;
}
.popup_contain .tablewrapper {
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.popup_contain .tablewrapper:before {
    content: "";
    display: block;
    position: sticky;
    top: 0px;
    background: #d1d1d1;
    background-image: linear-gradient(180deg, #092c74 6%, transparent 4%, transparent 90%);
    height: 29px;
    margin-bottom: -31px;
}
.popup_contain .tablewrapper.short:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: sticky;
    bottom: 0;
}

.popup_contain .tablewrapper table.table01.center th {
    position: sticky;
    top: 1px;
}

.popup_contain .table01.center th, .popup_contain .table01.center td {
    text-align: center;
    height: 18px;
}

.manual_input {
    display: block;
    text-align: right;
    padding: 14px 0 0;
}

ul.choice_row {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border: 1px solid #ccc;
}
ul.choice_row li {
    border-right: 1px solid #ccc;
    width: 33.3%;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
}
ul.choice_row li:last-child {
    border: 0;
}

.oncolor {
    background-color: #ccc;

    padding: 10px;
}

.oncolor:hover {
    background-color: rgb(68, 160, 209, 0.5);
    color: #fff;
    cursor: pointer;
}