@charset "utf-8";

input[type="checkbox"], input[type="radio"] {opacity: 0}
input[type="checkbox"], input[type="radio"]  {width:22px;height:26px;position: absolute;cursor: pointer;}
input {box-sizing:border-box;}
input:focus {outline:medium none}
input[disabled] {background:#f3f3f3 !important;}
input[type="tel"], input[type="text"], input[type="email"], input[type="search"],
input[type="number"], input[type="password"] {width:100%;padding:0 10px;border:1px solid #DDD;background:#fff;height:50px;line-height:50px;font-size:16px;border-radius: 5px}
input:checked   {width:25px;height:26px;border:1px solid #666;border-radius:10px}
input[type="checkbox"] + label {display: inline-block;width: 100%;font-weight: 400;cursor: pointer;font-size: 18px}
input[type="checkbox"] + label > span   {width:26px;height:26px;border:0;-webkit-appearance:none;display: inline-block;background: url(../images/ico/ico_check02.png) no-repeat 0 0;cursor: pointer;margin-right: 5px;vertical-align: -7px;}

/* 2022-02-22 포커스 아웃라인 수정 추가 */
input[type="radio"]:focus + label > span,
input[type="checkbox"]:focus + label > span {outline: auto -webkit-focus-ring-color;}

input[type="checkbox"]:checked + label > span {background: url(../images/ico/ico_check02.png) no-repeat right 0}
input[type="radio"] + label {display: inline-block;-webkit-appearance:none;cursor: pointer;font-size: 18px}
input[type="radio"][disabled] + label {color:#ccc;}
input[type="radio"] + label > span   {width:23px;height:26px;border:0;-webkit-appearance:none;display: inline-block;background: url(../images/ico/ico_radio.png) no-repeat 0 0;cursor: pointer;margin-right: 5px;vertical-align: -9px;}
input[type="radio"]:checked + label > span {-webkit-appearance:radio;background: url(../images/ico/ico_radio.png) no-repeat right 0}
input::placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}
input.small {width:202px;height:40px;line-height:40px;margin-right:15px}
input.ssmall {width:152px;height:40px;line-height:40px;margin-right:15px}
.expl input[type="checkbox"] + label {font-size: 14px}
.expl input[type="checkbox"] + label > span   {width:22px;height:23px;border:0;-webkit-appearance:none;display: inline-block;background: url(../images/ico/ico_check02.png) no-repeat 2px 0;background-size: 53px 22px;cursor: pointer;margin-right: 5px;vertical-align: -7px;}
.expl input[type="checkbox"]:checked + label > span {width:22px;height:23px;background: url(../images/ico/ico_check02.png) no-repeat right 0;background-size: 53px 22px;}
button {border:0;background:none;cursor:pointer;box-sizing:border-box;}
button.type01 {width: 100px;background: #437DEA;border-radius: 4px;color: #fff;font-size: 14px;text-align: center;line-height: 40px;height: 40px}
button.type02 {width: 80px;background: #437DEA;border-radius: 4px;color: #fff;font-size: 14px;text-align: center;line-height: 50px;height: 50px;font-size: 14px}
button.type03 {height: 45px;background: #437DEA;border-radius: 4px;line-height: 45px;font-size: 16px;color: #fff}
button.type04 {height: 40px;background: #437DEA;border-radius: 8px;line-height: 40px;font-size: 16px;color: #fff}
button.type05 {height: 40px;background: #437DEA;border-radius: 8px;line-height: 40px;font-size: 16px;color: #fff; margin:5px}
button.pdf {height: 25px;width: 60px;background: rgba(175, 78, 101, 1);font-size: 13px;line-height: 25px;text-align: center;color: #fff;border-radius: 4px;margin-top: 2px;margin-bottom: 2px;margin-right: 0}
button.detail {height: 25px;width: 60px;background: #4566bd;border: none;font-size: 13px;line-height: 25px;text-align: center;color: #fff;border-radius: 4px;margin-top: 2px;margin-bottom: 2px;margin-right: 0}
button.send {height: 25px;padding: 0 15px;background: #399EC3;border: none;font-size: 13px;line-height: 25px;text-align: center;color: #fff;border-radius: 13px;margin-top: 2px;margin-bottom: 2px;margin-right: 0}
button.confirm {height: 25px;width: 80px;padding: 0 15px;background: #3062B2;border: none;font-size: 13px;line-height: 25px;text-align: center;color: #fff;border-radius: 13px;margin-top: 2px;margin-bottom: 2px;margin-right: 0}
button.retry {height: 25px;width: 60px;background: #4566bd;border: none;font-size: 13px;line-height: 25px;text-align: center;color: #fff;border-radius: 4px;margin-top: 2px;margin-bottom: 2px;margin-right: 0}
button.detail2 {height: 25px;width: 40px;background: #4566bd;border: none;font-size: 13px;line-height: 25px;text-align: center;color: #fff;border-radius: 4px;margin-top: 2px;margin-bottom: 2px;margin-right: 0}

/* 2022-02-22 button focus outline color */
button:focus-visible {outline: 3px dotted #000;}


.btn_area button.type05 {width: 160px;background: #437DEA url(../images/ico/ico_search.png) no-repeat 50px 17px;border-radius: 25px;color: #fff;font-size: 14px;padding-left: 20px;text-align: center;line-height: 50px;height: 50px;font-size: 18px}
textarea {padding:10px 10px 13px;border:1px solid #ccc;width:100%;min-height:120px;box-sizing:border-box;vertical-align:middle;resize:none;}
option {line-height: 40px;height: 40px}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:focus {border-color: rgba(255, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(255, 0, 0, 1);
  outline: 0 none;
  background: #f8f8f8 url("../images/ico/ico_select03.png");
  background-repeat: no-repeat;
 background-position: calc(100% - 17px) center;
}


select {background-image: url("../images/ico/ico_select02.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) center;
  }

.form-control, .frm_input, select, textarea {border: 1px solid #ddd;
  border-radius:5px;
  padding: 0 12px !important;
  height: 50px;
  line-height: 50px;
  max-width: 100%;
  font-size: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;}

/* IE에서 화살표 제거 */
select::-ms-expand {
  display: none;
}
.document {margin-top: 10px;padding: 10px 15px 10px 20px;height: 410px;overflow-y: auto;}
.document li {display: inline-block;position: relative;margin-bottom: 20px;margin-right: 20px;}

.document li input[type="checkbox"] + label {display: inline-block;width: 100%;font-weight: 400;cursor: pointer;font-size: 18px;width: 327px;height: 74px;line-height: 74px;border: 2px solid #eee;border-radius: 10px;padding-left: 15px;}
.document li input[type="checkbox"]:checked + label {display: inline-block;width: 100%;font-weight: 400;cursor: pointer;font-size: 18px;width: 327px;height: 74px;line-height: 74px;border: 2px solid #005FF0;border-radius: 10px;padding-left: 15px;}
.document li input[type="checkbox"] + label > span   {width:26px;height:26px;border:0;-webkit-appearance:none;display: inline-block;background: url(../images/ico/ico_check02.png) no-repeat 0 0;cursor: pointer;margin-right: 5px;vertical-align: -7px;}
.document li input[type="checkbox"]:checked + label > span {width:26px;height:26px;background: url(../images/ico/ico_check02.png) no-repeat right 0;}
.document li button {width: 40px;position: absolute;top: 21px;right: 9px;font-size: 13px;line-height: 34px;color: #fff;height: 33px;background: #989898;border-radius: 8px;}
.document .docNm {vertical-align: top;display: inline;}
.document .docPrd {vertical-align: middle;font-size: 12px;display: inherit;line-height: 15px;}

.document li:nth-child(3), .document li:nth-child(6),.document li:nth-child(9), .document li:nth-child(12), .document li:nth-child(15), .document li:nth-child(18), .document li:nth-child(21), .document li:nth-child(24), .document li:nth-child(27), .document li:nth-child(30), .document li:nth-child(33), .document li:nth-child(36), .document li:nth-child(39), .document li:nth-child(42), .document li:nth-child(45), .document li:nth-child(48) {margin-right: 0}

.document_custom {margin-top: 10px;padding: 10px 15px 10px 55px;height: 400px;}
.document_custom li {list-style: disc;}
.document_custom li:nth-child(1) {list-style: none; height: 45px;}

.document_custom li input[type="checkbox"]:checked + label {width: 100%;font-weight: 400;cursor: auto;font-size: 20px; height: 40px;}


.right-tab select:focus {border-color: rgba(255, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(255, 0, 0, 1);
  outline: 0 none;
  background: #f8f8f8 url("../images/ico/ico_select03.png");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 94% center;
}


.right-tab select {background-image: url("../images/ico/ico_select02.png");
	width: 175px;
	height: 35px;
  line-height: 35px;
	background-repeat: no-repeat;
  background-size: 14px;
  background-position: 94% center;
  margin-right: 23px;
}

.modal-open .modal {z-index: 2000;overflow: hidden;}
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;background: rgba(0, 0, 0, 0.5)}

.modal-post {z-index: 10000;top: 50px;left: calc(50% - 400px);position: absolute;background: #fff;width: 800px;min-height: 345px;border-radius: 20px;}
.modal-post .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-post .title_bar .title {font-size: 24px;font-weight: 600;padding-left: 30px}
.modal-post .address_body, .modal-post .content_body {padding: 30px}
.modal-post .address_body .tip_box {border: 1px solid #ddd;background: #F9F9F9;padding: 20px;min-height: 160px;border-radius: 5px;}
.modal-post .address_body p {font-weight: 500;font-size: 20px;display: block;margin-bottom: 5px}
.modal-post .address_body span {line-height: 26px;font-size: 18px;font-weight: 400;display: inline-block;}
.modal-post .address_body span.enclosure {margin-top: 10px;color: #666;font-size: 14px;line-height: 16px;text-indent: -13px;margin-left: 13px}
.modal-post .address_body dt {font-size: 20px;font-weight: 400;}
.modal-post .address_body .tip_box dt::last-child {padding-left: 120px}

.modal-post .address_body .zipcode-result {margin-top: 15px;font-weight: 500}
.modal-post .address_body .zipcode-result .count {font-size: 20px;}
.modal-post .address_body .zipcode-result .count span {font-weight: 600; color: #0043A8}
.modal-post .address_body .zipcode-result .zipcode-table {margin-top: 10px;height: 411px;overflow-y: auto;}
.modal-post .address_body .zipcode-result .zipcode-table dl {display: inline-table;width: 100%;border-bottom: 1px solid #ddd}
.modal-post .address_body .zipcode-result .zipcode-table dl.title {border-top: 1px solid #888;height: 50px;line-height: 50px;}
.modal-post .address_body .zipcode-result .zipcode-table dl dt {background: #F5F6F9;width: 580px;text-align: center;font-size: 16px}
.modal-post .address_body .zipcode-result .zipcode-table dl dd {width: 580px;font-size: 16px;padding: 10px;}
.modal-post .address_body .zipcode-result .zipcode-table dl dd span {font-size: 16px;letter-spacing: 0;line-height: 32px}
.modal-post .address_body .zipcode-result .zipcode-table dl dd span.road, .modal-post .address_body .zipcode-result .zipcode-table dl dd span.number {position: relative;padding-left: 80px;font-weight: 400;display: block}
.modal-post .address_body .zipcode-result .zipcode-table dl dd span.road:before {content: '도로명';position: absolute;left: 0;top: 5px;width: 67px;height: 25px;line-height: 25px;background: #D1E3FF;color: #005FF0;font-size: 14px;text-align: center;border-radius: 12px}
.modal-post .address_body .zipcode-result .zipcode-table dl dd span.number:before {content: '지번';position: absolute;left: 0;top: 5px;width: 67px;height: 25px;line-height: 25px;background: #E4EBF3;color: #555;font-size: 14px;text-align: center;border-radius: 12px}
.modal-post .address_body .zipcode-result .zipcode-table .zipcode {width: 160px;text-align: center;display: table-cell;vertical-align: middle}
.modal-post .address_body span.hidden {display: none}

.modal-post .content_body .title {font-size: 24px;font-weight: 500}

/* 20250611 제출정보확인창 사이즈 변경으로 추가 */
.modal-post .content_body2 {padding: 10px 30px 30px 30px;}
.modal-post .content_body2 .title {font-size: 24px;font-weight: 500}

.modal-info {z-index: 10000;top: 50px;left: calc(50% - 480px);position: absolute;background: #fff;width: 980px;min-height: 345px;border-radius: 20px;}
.modal-info .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-info .title_bar .title {font-size: 24px;font-weight: 600;padding-left: 30px}
.modal-info .info_body {margin-top: 10px; padding:30px;}
.modal-info .info_body2 {margin-top: 10px; padding:30px; height:700px;overflow-y: auto;}
.modal-info .info_bottom {height:30px;}

.modal-finInfo {z-index: 10000;top: 50px;left: calc(50% - 320px);position: absolute;background: #fff;width: 540px;min-height: 140px;border-radius: 20px;}
.modal-finInfo .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-finInfo .title_bar .title {font-size: 24px;font-weight: 600;padding-left: 30px}
.modal-finInfo .info_body {margin-top: 10px; padding:30px;}
.modal-finInfo .info_body2 {margin-top: 10px; padding:30px; height:670px;overflow-y: auto;}
.modal-finInfo .info_body2 .infoImg {margin-top: 10px; width: 100%}
.modal-finInfo .info_bottom {height:30px;}

.modal_completion {z-index: 10000;top: calc(50% - 155px);left: calc(50% - 190px);position: absolute;background: #fff;width: 380px;height: auto;border-radius: 10px; padding-bottom: 30px;}
.modal_completion.type01{height: 274px !important}
.modal_completion.bg_icon {background: #fff url(../images/ico/ico_conf02.png) no-repeat center 50px;padding-top: 145px;}
.modal_completion .text_big {font-size: 20px;font-weight: 600;text-align: center;color: #222}
.modal_completion .text_small {font-size: 18px;text-align: center;color: #666}

.modal_alert {z-index: 10000;top:50%;left: 50%;position: fixed; transform: translate(-50%, -50%); background: #fff;width: 400px;height: 250px;border-radius: 10px;padding: 45px 0 25px}
.modal_alert .alert_text {font-size: 20px;text-align:center;vertical-align:middle;height:60px;padding-top: 30px;width: 370px;margin: 0 auto}
.modal_alert .alert_text2 {font-size: 14px;text-align:center;vertical-align:middle;height:40px;padding-top: 10px;width: 340px;margin: 0 auto}
.modal_alert .alert_text3 {font-size: 20px;text-align:center;vertical-align:middle;padding-top:2px;width: 370px; color:#437DEA; margin: 0 auto }

.modal_pop_alert {z-index: 10000;top:50%;left: 50%;position: fixed; transform: translate(-50%, -50%); background: #fff;width: 320px;height: 250px;border-radius: 10px;padding: 45px 0 25px}
.modal_pop_alert .alert_text {font-size: 20px;text-align:center;vertical-align:middle;height:60px;padding-top: 30px;width: 320px;margin: 0 auto}
.modal_pop_alert .alert_text2 {font-size: 14px;text-align:center;vertical-align:middle;height:40px;padding-top: 10px;width: 300px;margin: 0 auto}
.modal_pop_alert .alert_text3 {font-size: 20px;text-align:center;vertical-align:middle;padding-top:2px;width: 370px; color:#437DEA; margin: 0 auto }
.modal_pop_alert .tCenter {text-align:center !important}
.modal_alert2 {z-index: 10000;top:50%;left: 50%;position: fixed; transform: translate(-50%, -50%); background: #fff;width: 940px;height: 420px;border-radius: 10px;padding: 45px 0 25px}

.modal_loding {z-index: 10000;top:50%;left: 50%;position: fixed; transform: translate(-50%, -50%);background: #fff;width: 440px;height: 250px;border-radius: 10px;padding: 45px 0 10px;}
.modal_loding .modal_loding_text {font-size: 20px;text-align:center;vertical-align:middle;height:60px;width: 380px;margin: 30px auto}
.modal_loding .loading01 {width: 100%;text-align: center;margin-top: 20px}

.modal_loding01 {z-index: 10000;top:50%;left: 50%;position: fixed; transform: translate(-50%, -50%);width: 440px;height: 250px;border-radius: 10px;padding: 45px 0 10px;}
.modal_loding01 .modal_loding_text {font-size: 26px;text-align:center;vertical-align:middle;height:40px;width: 380px;margin: 40px auto 0;color: #fff}
.modal_loding01 .modal_loding_small {font-size: 18px;text-align:center;color: #fff}
.modal_loding01 .loading01 {width: 100%;text-align: center;margin-top: 20px}

.modal_pop_loding {z-index: 10000;top:50%;left: 50%;position: fixed; transform: translate(-50%, -50%);background: #fff;width: 340px;height: 250px;border-radius: 10px;padding: 45px 0 10px;}
.modal_pop_loding .modal_loding_text {font-size: 20px;text-align:center;vertical-align:middle;height:60px;width: 340px;margin: 30px auto}
.modal_pop_loding .loading01 {width: 100%;text-align: center;margin-top: 20px}
.modal-100600 {z-index: 10000;top: 50px;left: calc(50% - 450px);position: absolute;background: #fff;width: 900px;min-height: 345px;border-radius: 20px;}
.modal-100600 .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-100600 .title_bar .title {font-size: 24px;font-weight: 600;padding-left: 30px}
.modal-100600 .content_body {padding: 30px}
.modal-100600 li {display: inline-block;position: relative;margin-bottom: 20px}
.modal-100600 li input[type="checkbox"] + label {display: inline-block;width: 100%;font-weight: 400;cursor: pointer;font-size: 18px;width: 207px;height: 74px;line-height: 74px;border: 2px solid #eee;border-radius: 10px;padding-left: 25px;}
.modal-100600 li input[type="checkbox"]:checked + label {display: inline-block;width: 100%;font-weight: 400;cursor: pointer;font-size: 18px;width: 207px;height: 74px;line-height: 74px;border: 2px solid #005FF0;border-radius: 10px;padding-left: 25px}
.modal-100600 li select {position: absolute;top: 18px;right: 20px;width: 30%;height: 53%;font-size: 15px;line-height: 15px;background-image: url(../images/ico/ico_select02.png);background-repeat: no-repeat;background-position: calc(100% - 3px) center;}

.modal-200400 {z-index: 10000;top: 50px;left: calc(50% - 300px);position: absolute;background: #fff;width: 600px;min-height: 275px;border-radius: 20px;}
.modal-200400 .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-200400 .title_bar .title {font-size: 24px;font-weight: 600;padding-left: 30px}
.modal-200400 .content_body {padding: 30px}
.modal-200400 li {display: inline-block;position: relative;margin-bottom: 20px;}
.modal-200400 li label {display: inline-block;width: 100%;font-weight: 400;cursor: pointer;font-size: 18px;width: 539px;height: 82px;line-height: 46px;border: 2px solid #005FF0;border-radius: 10px;padding: 15px;}
.modal-200400 li select {width: 118px;}

.modal-100500 {z-index: 10000;top: calc(50% - 250px);left: calc(50% - 300px);position: absolute;background: #fff;width: 600px;min-height: 275px;border-radius: 20px;}
.modal-100500 .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-100500 .title_bar .title {font-size: 24px;font-weight: 600;padding-left: 30px}
.modal-100500 .content_body {padding: 30px}
.modal-100500 li {display: inline-block;position: relative;margin-bottom: 20px;}
.modal-100500 li label {display: inline-block;width: 100%;font-weight: 400;cursor: pointer;font-size: 18px;width: 539px;height: 82px;line-height: 46px;border: 2px solid #eee;border-radius: 10px;padding: 15px;}
.modal-100500 li select {width: 180px;}

/* 20230213 제출결과 상세보기   */
.modal-detail {z-index: 10000;top: calc(50% - 450px);left: calc(45% - 650px);position: absolute;background: #fff;width: 1500px;height: 900px;border-radius: 10px;}
.modal-detail .title_bar {background: #E5E5E5;height: 50px;line-height: 50px;position: relative;border-radius: 10px 10px 0 0}
.modal-detail .detail_body {padding: 15px 20px; height: 835px; padding-bottom: 60px; overflow-y: auto;}
.modal-detail .detail_body .title {border-bottom: 2px solid #ddd;font-size: 24px;font-weight: 600;padding-bottom:5px;}
.modal-detail ::-webkit-scrollbar { width: 16px; }
.modal-detail ::-webkit-scrollbar-thumb { background-color: #D3D3D3; border-radius: 6px; }
.modal-detail ::-webkit-scrollbar-track { background-color: transparent; border-radius: 6px; }

/* 20230323 사전차단(워커체크) 팝업   */
.modal-workerchk {z-index: 10000;top: 330px;left: calc(50% - 300px);position: absolute;background: #fff;width: 600px;min-height: 230px;border-radius: 20px;}
.modal-workerchk .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-workerchk .title_bar .title {font-size: 24px;font-weight: 600;padding-left: 30px}
.modal-workerchk .content_body {padding: 30px}


/* 신한은행 전용 팝업   */
.modal-shinhan {z-index: 10000;top: 350px;left: calc(50% - 400px);position: absolute;background: #fff;width: 800px;min-height: 230px;border-radius: 20px;padding: 30px;}
.modal-shinhan .title_bar { height: 65px;line-height: 90px;position: relative;border-radius: 10px 10px 0 0}
.modal-shinhan .title_bar .title {font-size: 30px;font-weight: 600;padding-left: calc(50% - 92px);color: blue;}
.modal-shinhan .title_bar .title2 {font-size: 30px;font-weight: 600;padding-left: calc(50% - 118px);color: blue;}
.modal-shinhan .content_body {padding: 30px;font-size: 26px;}

/* 2025.03.24 추가 */
.modal-popup {z-index: 10000;top: 50px;left: calc(50% - 580px);position: absolute;background: #fff;width: 1200px; height:800px;border-radius: 20px;}
.modal-popup .title_bar {background: #F1F1F1;height: 65px;line-height: 65px;position: relative;border-radius: 10px 10px 0 0}
.modal-popup .address_body {padding: 30px; height:90%; overflow-y: auto;}
.modal-popup .address_body .tip_box {border: 1px solid #ddd;background: #F9F9F9;padding: 20px;min-height: 160px;border-radius: 5px;}
.modal-popup .address_body p {font-weight: 500;font-size: 20px;display: block;margin-bottom: 5px}
.modal-popup .address_body span {line-height: 26px;font-size: 18px;font-weight: 400;display: inline-block;}
.modal-popup .address_body span.enclosure {margin-top: 10px;color: #666;font-size: 14px;line-height: 16px;text-indent: -13px;margin-left: 13px}
.modal-popup .address_body dt {font-size: 20px;font-weight: 400;}
.modal-popup .address_body .tip_box dt::last-child {padding-left: 120px}

.modal-popup .address_body span.hidden {display: none}

.modal-popup .content_body .title {font-size: 24px;font-weight: 500}

body.modal-open {
    overflow: hidden;
}

.hide{
    display: none;
}
.show{
    display: block;
}

.closeBtn {position:absolute;top:15px;right:14px;width:32px;height:32px;background:url(../images/btn/btn_close02.png) no-repeat;background-size:32px;display:block;opacity:0.7;}
.closeBtn span{position:absolute;top:-99999px;overflow:hidden;}

.input_wrap input[type="checkbox"] + label {font-size: 20px}

#wrap {width: 100%;background: #f7f7f7;}
#wrap.bg-w {background: #fff}
#header {width:100%;height: 180px;z-index:999;background: #fff;}
#header.main {height: 54px;}
.gender, .input_area {line-height:37px;}
/* header {width: 100%;border-bottom: 1px solid #EAEAEA;height: 61px;position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 23;} */
header {width: 100%;height: 61px;position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 23;} /*레드마인 결함 39 틀고정 구간 줄 제거 요청으로 인한 border-bottom css 제거  */
header hgroup {width: 1120px;margin: 0 auto;height: 88px;vertical-align: middle;}
header hgroup h3{margin-top: 18px; float: left; font-weight: 600; font-size:16px;}
header hgroup p{margin: 18px 19px; float: left; font-size: 16px; font-weight: 600;}

.footer {
    width: 100%;
    height: 175px;
    padding-top: 37px;
    justify-content: center;
    border-top-width: 1px;
    border-top-style: solid;
    box-sizing: border-box;
    background: #34383B;
}
.footer .footer-wrapper {width: 1120px;display: -webkit-box;margin: 0 auto;position: relative}
.footer-content .menus {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;}
.footer-content .menu li {display: inline-block;background: url(../images/ico/ico_line.png) no-repeat right 11px;}
.footer-content .menu li a {color: #fff;font-size: 14px;padding: 0 16px;}
.footer-content .menu li:last-child {background: none}
.footer-content .desc p{margin-top: 40px;color: #E6E6E6;font-size: 12px;font-weight: 300}

.footer .footer-logo {display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%)}
.foot-logo { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
h2 {font-size: 28px;font-weight: 600}
h3 {font-size: 24px;font-weight: 600}
/* .find-logo {float: left;width:160px;height:32px;text-indent:-999em;background:url(../images/logo/logo02.png) no-repeat;background-size:160px auto;margin-top: 15px;} */
/*로고변경으로 인한 사이즈 변경 20250205*/
.find-logo {float: left;width:160px;height:39px;text-indent:-999em;background:url(../images/logo/logo02.png) no-repeat;background-size:160px auto;margin-top: 15px;}
.head_right {float: right;margin-top: 17px;}
.customer_tel {font-family:SpoqaHanSansNeo, serif;background: url(../images/ico/ico_tel.png) no-repeat 0 3px;padding-left: 40px;color: #437DEA;font-size: 16px;display: inline-block;}
.customer_tit {display: inline-block;}
.customer_tit a {font-family:SpoqaHanSansNeo, serif;color: #222; margin-left: 40px;font-size: 16pxs}

.acctMm {font-family:SpoqaHanSansNeo, serif;background: url(../images/ico/ico_tel.png) no-repeat 0 3px;color: #437DEA;font-size: 16px;display: inline-block;background-position: 20px; padding-left: 50px;}
.acctMm_tooltip {background: url(../images/ico/acctMm.png) no-repeat 0; width: 515px; height: 200px; visibility: hidden; position: absolute; z-index: 1; background-size: 100%; left:60%;}
.acctMm:hover .acctMm_tooltip {visibility: visible;}

.notice {width: 1120px; position: relative;}
.notice .title {background: url(../images/ico/ico_notice.png) no-repeat 0 3px;padding-left: 32px;font-size: 18px;font-weight: 600;width: 180px;display: inline-block;}
.notice .list {font-size: 18px;display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 740px;}
.notice button.add {position: absolute;right: 0;top: -2px;background: #999999 url(../images/ico/ico_plus.png) no-repeat 52px 5px;width: 78px;padding: 5px 0 5px 12px;text-align: left;height: 30px;border-radius: 15px;color: #fff;font-size: 14px;}
#contents {width: 1120px;margin: 0 auto;padding-bottom: 100px;min-height: 800px}
::-webkit-scrollbar {
    width: 6px;
  }

::-webkit-scrollbar-thumb {
    background-color: #E5E5E5;
    border-radius: 6px;
  }
::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 6px;
  }

.progressbar-container {
  width: 200px;
  height: 15px;
  border-radius: 5px;
  background-color: #fff;
  margin: 35px auto;
  position: relative;
}

.progress-value {
  position: absolute;
  left: 10px;
  top: 0px;
  color: #fff;
  font-size: 8px;
  font-weight: 300;
  letter-spacing: 0;
}
progress {
  height: 16px;
  border: none;
  color: rgba(75, 126, 214, 1) !important;
}


progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  border-radius: 7px;
  margin-bottom: 0.75rem;
  color: #273238;
}

progress::-webkit-progress-bar {
  background-color: #eee;
  box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.1) inset;
  border-radius: 7px;
}

progress::-webkit-progress-value {
  background: linear-gradient( to right, #2F5BC9, #659EE2 );
  border-radius: 7px;
}

progress::-moz-progress-bar {
  background-color: #eee;
  border-radius: 7px;
}

.logo01 {margin-top: 155px;text-align: center;height: 85px;}
.logo01 img {width: 100px}


.btn_area {display: block;position: relative;}
.btn_area button {display: inline-block;background:#437DEA;border-radius: 25px;height: 50px;width: 242px;color: #fff;font-size: 18px;}
.btn_area button.down {background: #437DEA url(../images/ico/ico_down01.png) no-repeat 40px 19px;font-size: 16px;background-size: 10px auto;padding-left: 20px;width: 250px !important;border-radius: 10px;height: 50px;line-height: 50px}

.step {text-indent:-999em;position: relative;width: 100%;height: 119px;margin-top: 45px;display: none}
.step01 {background: url(../images/step/step01.png) no-repeat; background-size: 1120px;}
.step02 {background: url(../images/step/step02.png) no-repeat; background-size: 1120px;}
.step03 {background: url(../images/step/step03.png) no-repeat; background-size: 1120px;}
.step04 {background: url(../images/step/step04.png) no-repeat; background-size: 1120px;}
.step.on {display: block}

.cont {background: #fff;padding: 35px 25px;border-radius: 25px;min-height: 168px;box-shadow: 1px 1px 4px 6px #f5f5f5;margin-top: 35px}
.cont .sub_text{font-size: 16px;color: #555;padding-left: 25px;margin-top: 3px}
.cont h2, .cont h3, .cont h3 span {padding-left: 10px;}
.cont h3 span {color:#666;font-size:14px;font-weight:400;margin-top: -20px}
.cont h3 label {font-size: 24px;font-weight: 600;}
.right-tab {text-align: right;margin-right: 25px}
.sion {padding-right: 10px;display: inline-block;}
.division li {display: inline-block;font-size: 16px;color: #ccc;margin: 5px 15px}
.division li.on a{color: #333;border-bottom: 2px solid #437DEA;padding-bottom: 5px}
.division_policy {padding-right: 10px;display: inline-block;}
.division_policy li {display: inline-block;font-size: 18px;font-weight:500;color: #ccc;margin: 5px 15px}
.division_policy li.on a{color: #333;border-bottom: 2px solid #437DEA;padding-bottom: 5px}

.sort {text-align: right;padding-right: 10px;display: inline-block;}
.sort li {font-size: 16px;color: #333;margin: 5px 15px}
.sort li.off a{color: #ccc}

.sort li.setting a{background: url(../images/ico/ico_division01_on.png) no-repeat 0 4px;padding-left: 25px;}
.sort li.setting.off a{background: url(../images/ico/ico_division01_off.png) no-repeat 0 4px;display: none}
.sort li.setting01 a{background: url(../images/ico/ico_division_on.png) no-repeat 0 3px;padding-left: 25px;}
.sort li.setting01.off a{background: url(../images/ico/ico_division_off.png) no-repeat 0 3px;display: none}

.cont .financial_list {margin-top: 5px;padding: 10px 15px 10px 35px;height: 326px;overflow-y: auto;}
.cont .financial_list li {display: inline-block;background-size: 40px !important;margin-right: 40px;margin-bottom: 5px}
.cont .financial_list li a{width: 220px;height: 74px;border: 2px solid #eee;border-radius: 10px;;padding-left: 59px;font-size: 18px;line-height: 22px;cursor: pointer;position: relative;display: table-cell;vertical-align: middle;}
.cont .financial_list li.on a{border: 2px solid #005FF0;padding-left: 59px}
.cont .financial_list li.on a:before {content: '';position: absolute;width: 40px;height: 40px;background: url(../images/ico/ico_check01.png) no-repeat;top: 16px;left: 11px; background-size: contain;}
.cont .financial_list li:nth-child(4), .cont .financial_list li:nth-child(8),.cont .financial_list li:nth-child(12),.cont .financial_list li:nth-child(16),.cont .financial_list li:nth-child(20),.cont .financial_list li:nth-child(24),.cont .financial_list li:nth-child(28),.cont .financial_list li:nth-child(32),.cont .financial_list li:nth-child(36),.cont .financial_list li:nth-child(40),.cont .financial_list li:nth-child(44),.cont .financial_list li:nth-child(48),.cont .financial_list li:nth-child(52),.cont .financial_list li:nth-child(56),.cont .financial_list li:nth-child(60),.cont .financial_list li:nth-child(64),.cont .financial_list li:nth-child(68),.cont .financial_list li:nth-child(72),.cont .financial_list li:nth-child(76),.cont .financial_list li:nth-child(80),.cont .financial_list li:nth-child(84),.cont .financial_list li:nth-child(88),.cont .financial_list li:nth-child(92),.cont .financial_list li:nth-child(96),.cont .financial_list li:nth-child(100) {margin-right: 0}

.cont.cont00 {padding-top: 60px}
.cont.cont00.on {padding-top: 50px}
.cont.cont00 .item {display: none;}
.cont.cont00.on .item {display: block}

.cont.cont01 {padding-top: 60px}
.cont.cont01.on {padding-top: 50px}
.cont.cont01 .item {display: none;}
.cont.cont01.on .item {display: block}

.cont.cont02 {padding-top: 60px}
.cont.cont02.on {padding-top: 50px}
.cont.cont02 .item {display: none;}
.cont.cont02.on .item {display: block}

.cont.cont03 {padding-top: 60px}
.cont.cont03.on {padding-top: 50px}
.cont.cont03 .item {display: none;}
.cont.cont03.on .item {display: block}

/* 20220110 */
/* .toggle_box_wrap {padding: 0 25px;margin-top: 30px;border-top:1px solid #888;} */
.toggle_box_wrap {margin-top: 20px;}
/* .toggle_box.white .txt_box.input_type {padding: 0 20px;line-height: 80px; position: relative;border-bottom: 1px solid #ddd;} */
.toggle_box.white .txt_box.input_type {padding: 0 12px;line-height: 65px; position: relative;}
.toggle_box.white .txt_box.input_type.all {background: #F5F6F9;border-top: 1px solid #888}
.toggle_box.white.on .txt_box.input_type {border-radius: 5px 5px 0 0}
.toggle_box .txt_box .input_wrap.tit {width: 90%}
.input_wrap {display: inline-block;position: relative}
.input_wrap label {font-size: 18px;position: relative;font-weight: 500}
.toggle_box_wrap .input_wrap label {font-size: 14px;position: relative;}
.input_wrap:after {clear: both;content: '';display: block}
.toggle_box.white .link_toggle .txt_toggle {display: block;position:absolute;top:50%;right:13px;width: 65px;height:12px;margin-top:-5px;background-image: url('../images/ico/btn_arrow_toggle01.png');background-repeat: no-repeat;background-position: right 0;font-size: 20px;line-height: 9px;}
.toggle_box.white.on .link_toggle .txt_toggle {background-position:right bottom }
.toggle_box .txt_box .link_toggle {display:flex;align-items:center;position:absolute;top:0;bottom:0;right:3px;width: 80px;height:100%;padding:0;border:none;background:transparent;}
.toggle_box .txt_box .link_toggle > em {font-size: 20px;display: inline-block}
.toggle_box .txt_box .link_toggle > span {position:static;top:0;right:0;display:block;width:20px;height:15px;margin:0 auto;padding:0;}
.toggle_box.white .cont_toggle {display: none}
.toggle_box.white.on .cont_toggle {display: block}

.toggle_box.white.on .cont_toggle.terms {background: #F6F6F6;font-size: 18px;padding: 5px 20px;height: 214px;overflow-y:auto ;letter-spacing: -0.045rem;line-height: 29px;border-radius: 0 0 5px 5px; margin-inline :10px }
.toggle_box.white.on .cont_toggle.terms dl dt {padding-top: 25px}
.toggle_box.white.on .cont_toggle.terms::-webkit-scrollbar {
    width: 6px;
  }

.toggle_box.white.on .cont_toggle.terms::-webkit-scrollbar-thumb {
    background-color: #E5E5E5;
    border-radius: 6px;
  }
.toggle_box.white.on .cont_toggle.terms::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 6px;
  }

/* .toggle_box_wrap .input_list {padding: 10px 10px 10px 30px;border-bottom: 1px solid #ddd;} */
.toggle_box_wrap .input_list {padding: 0px 10px 0px 40px; position: relative}
.toggle_box_wrap .input_list input[type="checkbox"] + label > span  {background: url(../images/ico/ico_arrow01.png) no-repeat 0 0;}
.toggle_box_wrap .input_list input[type="checkbox"]:checked + label > span {background: url(../images/ico/ico_arrow01.png) no-repeat -30px 0;}
.toggle_box_wrap .input_list .link_toggle {right: -10px;}

.agree_form01 {border : 1px solid #ddd; padding-top: 20px; border-radius: 20px; padding: 20px 15px; margin:20px;}
.agree_form02 {border-top: 1px solid #ddd;}

.input_form {margin: 35px 25px 70px;border-bottom: 1px solid #ddd;padding-bottom: 25px}
.input_form.line {border-top: 1px solid #acacac}

.input_form dl {position: relative;margin-top: 25px;display: flex;min-height: 50px;}
.input_form dl dt {font-weight: 500;line-height: 50px;width: 200px;font-size: 18px;}
.input_form dl dt.two-line {line-height: 25px}

.input_form dl dd {line-height: 50px;width: 600px}
.input_form dl dd span {padding: 0 2px}
.input_form dl dd span.exp{color: #666;padding: 0;font-size: 16px}
.input_form.bg {background: #FAFAFA;display: flow-root;padding: 20px 30px 30px;margin-top: 30px}


.input_form_pop {margin-top: 10px;}
.input_form_pop.line {border-top: 1px solid #acacac}
.pop_title {font-size: 14px;font-weight: 600}
.input_form_pop dl {position: relative;display: flex;border-bottom: 1px solid #ddd}
.input_form_pop dl dt {font-weight: 500;height: 50px;line-height: 50px;width: 200px;font-size: 18px;background: #f5f6f9;text-align: center}
.input_form_pop dl dd {height: 50px;line-height: 50px;width: 520px;padding: 0 20px}
.input_form_pop dl dd span {font-size: 14px;color: #666}

.certification {background: #eee;border-radius: 10px;padding: 20px;margin: 35px 0}

/* Tab + List */
.tab.list{height:340px !important;}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;}
.tab.list ul:after{content:"";display:block;clear:both}
/* 2022-02-22 color 수정 */
.tab.list li a{float: left;width:190px;height:35px;line-height: 35px;text-align:center;background:#fff;color:#666;box-sizing: border-box;flex-grow:1;flex:1 1 0;border-radius: 5px;margin-right: 7px}
/* .tab.list li a{float: left;width:190px;height:35px;line-height: 35px;text-align:center;background:#fff;color:#C2C2C2;box-sizing: border-box;flex-grow:1;flex:1 1 0;border-radius: 5px;margin-right: 7px} */
.tab.list li a{position:relative;font-size:14px;display:-webkit-box;-webkit-box-pack: center;font-weight:400;text-align:center;justify-content: center;-webkit-box-align: center;align-items: center;}
.tab.list li .list_table{width:100%;position:absolute;top:40px;left:0;list-style:none;;}
.tab.list li .list_table:after{content:"";display:block;clear:both}
.tab.list li.active a{border:1px solid #3B7CDE;background:#E5F2FF;color:#373737;font-weight: 500}
.tab.list li a:last-child {margin-right: 0}

.tab01.list{height:422px;}
.tab01.list ul{position:relative;margin:0;padding:0;list-style:none;}
.tab01.list ul:after{content:"";display:block;clear:both}
.tab01.list li a{float: left;width:255px;height:205px;line-height: 35px;text-align:center;background:#fff;box-sizing: border-box;flex-grow:1;flex:1 1 0;border-radius: 20px;margin-right: 30px;font-weight: 500;}
.tab01.list li a{border:2px solid #DDD;position:relative;font-size:20px;font-weight:400;text-align:center;justify-content: center;-webkit-box-align: center;align-items: center;}
.tab01.list li.list01 a {background:#fff url(../images/ico/ico_submission01.png) no-repeat center 30px;padding-top: 135px}
.tab01.list li.list02 a {background:#fff url(../images/ico/ico_submission02.png) no-repeat center 30px;padding-top: 135px}
.tab01.list li.list03 a {background:#fff url(../images/ico/ico_submission03.png) no-repeat center 30px;padding-top: 135px}
.tab01.list li.list04 a {background:#fff url(../images/ico/ico_submission04.png) no-repeat center 30px;padding-top: 135px;margin-right: 0}
.tab01.list li .list_table{width:100%;position:absolute;top:240px;left:0;list-style:none;;}
.tab01.list li .list_table:after{content:"";display:block;clear:both}

/* 2022-02-22 border 두께,이미지 & 폰트 위치 수정 start */
.tab01.list li.active a{border:5px solid #3B7CDE;background:#fff;font-weight: 500}
.tab01.list li.list01.active a {background:#fff url(../images/ico/ico_submission01_on.png) no-repeat center 26px;}
.tab01.list li.list02.active a {background:#fff url(../images/ico/ico_submission02_on.png) no-repeat center 26px;}
.tab01.list li.list03.active a {background:#fff url(../images/ico/ico_submission03_on.png) no-repeat center 26px;}
.tab01.list li.list04.active a {background:#fff url(../images/ico/ico_submission04_on.png) no-repeat center 26px;margin-right: 0}
.tab01.list li a:last-child {margin-right: 0}
.tab01.list li.active a {padding-top: 132px;}
/* 2022-02-22 border 두께,이미지 & 폰트 위치 수정 end */

.tab02.list{min-height: 210px;}
.tab02.list ul{position:relative;margin:0;padding:0;list-style:none;display: flex}
.tab02.list ul:after{content:"";display:block;clear:both}
.tab02.list li a{float: left;width:192px;height:205px;line-height: 35px;text-align:center;background:#fff;box-sizing: border-box;flex-grow:1;flex:1 1 0;border-radius: 20px;margin-right: 30px;font-weight: 500;}
.tab02.list li a{border:1px solid #DDD;position:relative;font-size:20px;font-weight:400;text-align:center;justify-content: center;-webkit-box-align: center;align-items: center;}
.tab02.list li.list01 a {background:#fff url(../images/ico/ico_submission01.png) no-repeat center 30px;padding-top: 135px}
.tab02.list li.list02 a {background:#fff url(../images/ico/ico_submission02.png) no-repeat center 30px;padding-top: 135px}
.tab02.list li.list03 a {background:#fff url(../images/ico/ico_submission03.png) no-repeat center 30px;padding-top: 135px}
.tab02.list li.list04 a {background:#fff url(../images/ico/ico_submission04.png) no-repeat center 30px;padding-top: 135px}
.tab02.list li.list05 a {background:#fff url(../images/ico/ico_submission05.png) no-repeat center 30px;padding-top: 135px}
.tab02.list li .list_table{width:100%;position:absolute;top:245px;left:0;list-style:none;}
.tab02.list li .list_table:after{content:"";display:block;clear:both}

/* 2022-02-22 border 두께,이미지 & 폰트 위치 수정 start */
.tab02.list li.active a{border:5px solid #3B7CDE;background:#fff;font-weight: 500}
.tab02.list li.list01.active a {background:#fff url(../images/ico/ico_submission01_on.png) no-repeat center 26px;}
.tab02.list li.list02.active a {background:#fff url(../images/ico/ico_submission02_on.png) no-repeat center 26px;}
.tab02.list li.list03.active a {background:#fff url(../images/ico/ico_submission03_on.png) no-repeat center 26px;}
.tab02.list li.list04.active a {background:#fff url(../images/ico/ico_submission04_on.png) no-repeat center 26px;}
.tab02.list li.list05.active a {background:#fff url(../images/ico/ico_submission05_on.png) no-repeat center 26px;}
.tab02.list li.active a {padding-top: 131px;}
/* 2022-02-22 border 두께,이미지 & 폰트 위치 수정 end */
.tab02.list li:last-child {margin-right: 0}
.tab02.list .list05 span {color: #666;display: inline-block;margin-top: 10px}


.certification .list_table{width: 980px;border: 1px solid #437DEA;margin-top: 10px}
.certification .list_table .thead {display: table;table-layout: fixed;width: 100%;border-bottom: 1px solid #E4E4E4}
.certification .list_table .trow {display: table-row;font-size: 14px;}
.certification .list_table .thead .col {background: #fff;color: #373737;height: 40px;line-height: 40px;vertical-align: middle;}

.certification .list_table .thead .col {flex-basis: 0;flex-grow: 1;display: table-cell;text-align: center;border-right: 1px solid #E4E4E4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing:0;}
.certification .list_table .thead .col:last-child {border-right: none}
.certification .list_table .thead .col1 {width: 240px;}
.certification .list_table .thead .col2 {width: 240px;}
.certification .list_table .thead .col3 {width: 240px;}
.certification .list_table .thead .col4 {width: 235px;}

.certification .list_table .tbody {display: table;table-layout: fixed;width: 100%;background: #fff}
.certification .list_table .tbody .col {background: #fff;font-weight: 400;height: 40px;line-height: 40px;vertical-align: middle;border-right: none;padding: 0 10px;color: #373737}
.certification .list_table .tbody .trow {width:100%; cursor: pointer;}

.certification .list_table .tbody .trow .col {flex-basis: 0;flex-grow: 1;display: table-cell;text-align: center;border-right: 1px solid #E4E4E4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing:0;}

/* 2022-02-22 border color 추가 및 padding 변경 start */
.certification .list_table .tbody .trow.on .col {background: #E5F2FF; border:1px solid #437DEA; border-left:0; border-right:0; box-sizing: border-box;}
.certification .list_table .tbody .trow.on .col:first-child {border-left: 1px solid #437DEA; padding-left:9px; height: 38px;}
/* 2022-02-22 border color 추가 및 padding 변경 end */

.password_login {margin-top: 10px;font-size: 14px;width:410px;line-height:40px;display: inline-block;}
.password_login2 {margin-top: 10px;font-size: 14px;width:855px;line-height:40px;display: inline-block;}
.caution {position: relative;margin-top: -20px;margin-bottom: 10px}
.caution span{position: relative;width: 100px;font-size: 18px;font-weight: 500;padding-left: 38px;}
.caution span:before {content: '';width: 22px;height: 22px;line-height: 22px;background: url(../images/ico/ico_caution.png) no-repeat;position: absolute;left: 0;top: 3px;}
.caution span.exp {position: relative;font-size: 16px;color: #666}
.caution span.exp:before {content: '';width: 2px;height: 2px;background: #666;position: absolute;left: 26px;top: 13px}

/* pagination */
.paging {text-align:center;margin-top:10px;}
.paging .ite {text-indent:-9999em;width:30px;height:30px;display:inline-block;vertical-align:middle;background-image:url('../images/btn/bg_paging01.png');background-repeat:no-repeat;}
.paging .ite.first {background-position:0 8px;}
.paging .ite.prev {background-position:-50px 8px;}
.paging .ite.next {background-position:-100px 8px;}
.paging .ite.last {background-position:-150px 8px;}
.paging .ite.first.on {background-position:0 -38px;}
.paging .ite.prev.on {background-position:-50px -38px;}
.paging .ite.next.on {background-position:-100px -38px;}
.paging .ite.last.on {background-position:-150px -38px;}
.paging .ite a {display:block;width:30px;height:30px;}
.paging .list {display:inline-block;vertical-align:middle;font-size:0;padding:0 5px;}
.paging .list > li {display:inline-block;vertical-align:middle;margin-top:0 !important;}
.paging .num {color:#6b7a99;font-size:16px;padding:0 20px;position:relative;font-weight: 400}
.paging .num.on {color:#2d3340;font-weight:600;}
.paging .num.on:after {content:"";width:15px;height:2px;background:#2d3340;position:absolute;left:50%;margin-left:-7px;bottom:-5px;}

.fileupload {margin: 35px 25px}
.fileupload .list_table{width: 1020px;}
.fileupload .list_table .thead {display: table;table-layout: fixed;width: 100%;border-top: 1px solid #888}
.fileupload .list_table .trow {display: table-row;font-size: 16px;}
.fileupload .list_table .thead .col {background: #F5F6F9;color: #373737;height: 50px;line-height: 50px;vertical-align: middle;}
.fileupload .col {flex-basis: 0;flex-grow: 1;display: table-cell;text-align: center;border-right: 1px solid #E4E4E4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing:0;}
.fileupload .col:last-child {border-right: none}

.fileupload .list_table .tbody {display: table;table-layout: fixed;width: 100%;background: #fff}
.fileupload .list_table .tbody .col {background: #fff;font-weight: 400;height: 40px;line-height: 40px;vertical-align: middle;border-right: none;padding: 0 10px;color: #373737}
.fileupload .list_table .tbody .trow {cursor: pointer;}
.fileupload .list_table .tbody .trow.on .col {background: #E5F2FF;}

.table-wrap { position: relative; margin: 30px 25px; }
.table-wrap table { width: 100%; margin-top: 16px; letter-spacing: -0.25px; border-top: 1px solid #888; border-bottom: 1px solid #ddd}
.table-wrap table th, .table-wrap table td { padding: 0 20px; word-break: keep-all; }
.table-wrap table th { font-size: 16px; font-weight: 600; color: #222; }
.table-wrap table td { font-size: 16px; color: #000; }
.table-wrap .tb-row th, .table-wrap .tb-row td { vertical-align: top; text-align: left; padding: 20px; }
.table-wrap .tb-row th { background: #f5f6f9; text-align: left; }
.table-wrap .tb-col tr:last-child td { border: none; }
.table-wrap .tb-col th, .table-wrap .tb-col td { text-align: center; }
.table-wrap .tb-col th { background: #F5F6F9; height: 50px; }
.table-wrap .tb-col td { padding: 20px; border-bottom: 1px solid #ddd; }
.table-wrap .label-file { width: 100px; background-color: #2A334A !important; border-radius: 4px; color: #fff; font-size: 14px; text-align: center; line-height: 40px; height: 40px; display: block; }

.table-wrap01 { position: relative; }
.table-wrap01 table { width: 100%; margin-top: 16px; letter-spacing: -0.25px; border-top: 1px solid #000; border-bottom: 1px solid #ddd}
.table-wrap01 table th, .table-wrap01 table td { padding:14px; word-break: keep-all; }
.table-wrap01 table th { font-size: 16px; font-weight: 500; color: #222; }
.table-wrap01 table td { font-size: 16px; color: #000; padding: 14px;text-align: center}
.table-wrap01 .tb-row th, .table-wrap01 .tb-row td { vertical-align: top; text-align: left; padding: 20px; }
.table-wrap01 .tb-row th { background: #f5f6f9; text-align: left; }
.table-wrap01 .tb-col tr:last-child td { border: none; }
.table-wrap01 .tb-col th, .table-wrap01 .tb-col td { text-align: center; }
.table-wrap01 .tb-col th { background: #f5f6f9; height: 50px; }
.table-wrap01 .tb-col td {border-bottom: 1px solid #f3f3f3; }
.table-wrap01 input, .table-wrap01 select {height: 40px;line-height: 40px}

.table-wrap02 { position: relative;}
.table-wrap02 table { width: 100%; margin-top: 16px; letter-spacing: -0.25px; border-top: 1px solid #000; border-bottom: 1px solid #ddd}
.table-wrap02 table th, .table-wrap table td { padding: 0 10px; word-break: keep-all; text-align: center}
.table-wrap02 table th { font-size: 16px; font-weight: 500; color: #333; }
.table-wrap02 table td { font-size: 16px; color: #222; }
.table-wrap02 .tb-row th, .table-wrap02 .tb-row td { vertical-align: top; text-align: left; padding: 10px; }
.table-wrap02 .tb-row th { background: #F5F6F9; }
.table-wrap02 .tb-col tr:last-child td { border: none; }
.table-wrap02 .tb-col th, .table-wrap02 .tb-col td { text-align: center; }
.table-wrap02 .tb-col th { background: #F5F6F9; height: 50px; border-bottom: 1px solid #ddd;}
.table-wrap02 .tb-col td { padding: 5px 16px; border-bottom: 1px solid #ddd; }
.table-wrap02 .tb-col2 tr:last-child td { border: none; }
.table-wrap02 .tb-col2 th, .table-wrap02 .tb-col2 td { text-align: center; }
.table-wrap02 .tb-col2 th { background: #F5F6F9; height: 50px; border-bottom: 1px solid #ddd;}
.table-wrap02 .tb-col2 td { padding: 5px 6px; border-bottom: 1px solid #ddd; }
.table-wrap02 .count {font-size: 26px;font-weight: 600;}
.table-wrap02 .count span {color: #0043A8}
.table-wrap02 .count span.small {font-size: 18px;color: #555;font-weight: 400}
.table-wrap02 .count span.small > span {color: #315EC3;font-weight: 600}
.table-wrap02 .count2 {font-size: 22px;font-weight: 600;}


.table-wrap03 { position: relative; }
.table-wrap03 table { width: 100%; margin-top: 16px; letter-spacing: -0.25px; border-top: 1px solid #888; border-bottom: 1px solid #ddd}
.table-wrap03 table th, .table-wrap03 table td { padding:14px; word-break: keep-all; }
.table-wrap03 table th { font-size: 16px; font-weight: 500; color: #222; }
.table-wrap03 table td { font-size: 16px; color: #000; padding: 14px;text-align: center}
.table-wrap03 .tb-row th, .table-wrap03 .tb-row td { vertical-align: top; text-align: left; padding: 20px; }
.table-wrap03 .tb-row th { background: #f5f6f9; text-align: left; }
.table-wrap03 .tb-col tr:last-child td { border: none; }
.table-wrap03 .tb-col th, .table-wrap03 .tb-col td { text-align: center; }
.table-wrap03 .tb-col th { background: #F5F6F9; height: 50px; border-bottom: 1px solid #ddd; }
.table-wrap03 .tb-col td {border-bottom: 1px solid #ddd; }
.table-wrap03 input, .table-wrap03 select {height: 40px;line-height: 40px}

.btn_upload {position: relative;border-bottom: 2px dashed #eee;margin: 30px 25px 70px;padding-bottom: 35px}
.btn_upload span{display: block;font-size: 16px;color: #666;margin-top: 10px}

/* 20220112 css 메인 배너 추가 수정 */
.banner {margin-top: 30px;width: 100%;}
.banner a {display: inline-block;box-shadow: 1px 1px 4px 6px #f5f5f5;border-radius: 20px;margin-right: 17px;padding: 22px;color: #222;font-weight: 600;font-size: 17px}
.banner a.banner01 {width: 225px;height: 150px;background: #fff url(../images/ico/ico_banner01.png) no-repeat 150px 80px;}  
.banner a.banner02 {width: 205px;height: 150px;background: #fff url(../images/ico/ico_banner02.png) no-repeat 130px 80px;}  
.banner a.banner03 {width: 200px;height: 150px;background: #fff url(../images/ico/ico_banner03.png) no-repeat 130px 80px;}  
.banner a.banner04 {width: 195px;height: 150px;background: #fff url(../images/ico/ico_banner04.png) no-repeat 120px 70px;} /* 20220112 css 추가*/
.banner a.banner05 {width: 210px;height: 150px;background: #fff url(../images/ico/ico_banner05.png) no-repeat 130px 70px;} /* 20220112 css 추가*/
.banner a:last-child {margin-right: 0}
.banner a span {display: block;font-size: 16px;font-weight: 400;color: #3A3A4A}

.installation_failed {background: #fff url(../images/ico/ico_install.png) no-repeat center 170px;min-height: 688px;padding: 50px 45px;border-radius: 25px;min-height: 688px;box-shadow: 1px 1px 4px 6px #f5f5f5;margin-top: 35px}
.installation_failed .text_big {font-size: 26px;font-weight: 600;text-align: center;margin-top: 210px}
.installation_failed .text_small {font-size: 18px;text-align: center;margin-top: 40px;margin-top: 10px;color: #666}

.useInstCd_failed {background: #fff url(../images/ico/ico_fail.png) no-repeat center 120px;min-height: 688px;padding: 50px 45px;border-radius: 25px;min-height: 688px;box-shadow: 1px 1px 4px 6px #f5f5f5;margin-top: 35px}
.useInstCd_failed .text_big {font-size: 26px;font-weight: 600;text-align: center;margin-top: 210px}
.useInstCd_failed .text_small {font-size: 18px;text-align: center;margin-top: 40px;margin-bottom: 40px;color: #666}


.title_area {width: 100%;height: 180px;background: #FAFBFF;margin-top: 61px;}
.title_area.one_line {height: 146px}

.title_area .title {width: 1120px;margin: 0 auto;padding: 40px 0;position: relative;}
.title_area.one_line .title {padding: 35px 0}
.title_area .title h1 {font-size: 36px;font-weight: 600p}
.title_area .title p {font-size: 16px;color: #555;margin-top: 10px;}

.location {position: absolute;right: 0;top:20px;font-size: 13px;color: #666}
.location > ol > li{position: relative;float: left;padding-right: 11px}
.location > ol > li.s_first {width: 13px;height: 14px;margin-right: 10px;background: url(../images/ico/ico_home.png) no-repeat ;background-position: 0 2px;}
.location > ol > li .img_com {display: inline-block;position: absolute;top: 3px;width: 5px;height: 12px;}
.location > ol > li > em {display: inline-block;padding-left: 16px}
.img_com {background: url(../images/ico/ico_arrow02.png) no-repeat 0 3px;}

.submission_form h3 {font-size: 26px}

.inquiry {margin-top: 35px}
.tab_menu {width: 100%;display: inline-block}
.tab_menu ul {position:relative;margin:0;padding:0;list-style:none;}
/* 2022-02-22 color 변경 */
.tab_menu ul li a {float: left;width: 33.3333%;border-bottom: 2px solid #E3E4E5;height: 80px;line-height: 80px;font-size: 20px;color: #666;text-align: center;}
.tab_menu ul li.on a {border-bottom: 4px solid #437DEA;color: #000;font-weight: 600}
.inquiry h3 {font-size: 26px}
.inquiry .sh {font-weight: 500; height: 50px; text-align: center; padding-top: 12px; font-size: larger; color: #004eff !important;}

.inquiry .inquiry_form {margin-top: 17px;}
.inquiry .inquiry_form .search {padding-bottom: 12px;border-bottom: 1px solid #ddd; padding-top: 12px; border-top: 1px solid #ddd}
.inquiry .inquiry_form .search dl {position: relative;margin-top: 15px;display: flex;min-height: 50px;width: 100%}
.inquiry .inquiry_form .search dl dt {width: 200px;font-size: 18px;font-weight: 600;line-height: 50px}
.inquiry .inquiry_form .search dl dd {width: 820px;}

.inquiry .inquiry_form .search .term {margin-top: 10px}
.inquiry .inquiry_form .search .term li{display: inline-block;margin-right: 5px}
.inquiry .inquiry_form .search .term li a {display: inline-block;width: 90px;height: 30px;line-height: 30px;background: #F1F1F1;border-radius: 4px;font-size: 13px;color: #666;text-align: center}
.inquiry .inquiry_form .search .term li.on a {background: #2A334A;color: #fff}

.inquiry .suimBox {border:2px solid #DDD;background: #E5E5FF;font-weight: 500;height: 50px;text-align: center; padding-top: 12px}

.daterangepicker .calendar.single .calendar-table thead tr:first-child th {font-size: 20px;font-weight: 500}
.daterangepicker .calendar.single .calendar-table thead th {font-size: 11px;font-weight: 400;color: #666}
.daterangepicker td.active span {width: 34px;height: 34px;border-radius: 50%;background-color: #437DEA;display: inline-block;line-height: 34px;}

.form-control-feedback {margin-left: -50px;font-size:15px;background: url(../images/ico/ico_calendar.png) no-repeat center;}
.daterangepicker th.prev.available:hover, .daterangepicker th.prev  {background: url(../images/ico/ico_arrow_re.png) no-repeat center;}
.daterangepicker th.next.available:hover, .daterangepicker th.next {background: url(../images/ico/ico_arrow_next.png) no-repeat center;}
.daterangepicker td.weekend {color: #999}

.caution_area {margin-top: 10px;background: #F4F4F9;padding: 25px 30px}
.caution_area dl {display: flex;margin-top: 0;position: relative;}
.caution_area dl dt {background: url(../images/ico/ico_caution.png) no-repeat left 4px;padding-left: 30px;font-size: 18px;font-weight: 600;width: 220px;margin-top: 14px}
.caution_area dl dd {position: relative;}
.caution_area dl dd span {position: relative;padding-left: 10px;display: block;color: #666;line-height: 30px}
.caution_area dl dd span:before {content: '';width: 2px;height: 2px;background: #666;position: absolute;left: 0;top: 13px}

.info_area {margin-top: 20px;background: #F5F6F9 url(../images/ico/ico_balloon.png) no-repeat 20px 20px;border-radius: 10px;padding-left: 55px;font-size: 18px;height: 60px;line-height: 60px;}
.info_area01 {margin-top: 5px;background: #F5F6F9 url(../images/ico/ico_balloon.png) no-repeat 20px 20px;border-radius: 10px;padding-left: 55px;font-size: 18px;padding: 20px 30px 20px 55px}

.info_area02 {margin-top: 20px;background: #F5F6F9 url(../images/ico/ico_balloon.png) no-repeat 20px 20px;border-radius: 10px;padding-left: 55px;font-size: 18px;height: 60px;line-height: 60px;}
.info_area02 button {position: relative;margin-left: 670px}

.privacy {margin-top: 60px}
.privacy dl dt {font-size: 26px;font-weight: 600;margin-top: 60px}
.privacy dl dd {font-size: 18px;color: #555;margin-top: 10px;line-height: 30px}
.privacy dl dd span {text-indent: -25px;padding-left: 25px;display: block;line-height: 26px}
.privacy dl dd em {display: block;font-size: 20px;font-weight: 500;color: #222;margin-top: 30px}
.privacy dl dd p {display: block;line-height: 33px;color: #555;padding-top: 10px}
.privacy button {width: 200px;background: #437DEA;border-radius: 4px;color: #fff;font-size: 14px;text-align: center;line-height: 40px;height: 40px}


.data_table { overflow:hidden; border-top:1px solid #91969f; margin:20px 0 20px 0; width:100%;}
.tb_type1 { width:100%;}
.tb_type1 thead th {color:#333; background:#eaeaea; padding:7px 0 7px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.tb_type1 tbody th {text-align:left; border-bottom:1px solid #d6d6d6; padding:7px 5px 7px;}
.tb_type1 tbody td {font-weight:normal; text-align:center; color:#555; padding:7px 5px 7px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
.tb_type1 tfoot th {background:#f4f4f4; padding:7px 5px 7px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; font-weight:bold;}
.tb_type1 tfoot td {background:#f4f4f4; padding:7px 5px 7px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; font-weight:bold;}

.tb_type1 .first {border-left:none !important;}
.tb_type1 .t_left {text-align:left; padding-left:5px !important;}
.tb_type1 .t_center {text-align:center;}
.tb_type1 .t_right {text-align:right; padding-right:5px !important;}
.tb_type1 .v_mid {vertical-align:middle;}

.down_form {border-top: 1px solid #888888;width: 389px;margin: 40px auto;}
.down_form dl {display: flex;border-bottom: 1px solid #ddd}
.down_form dl dt {width: 140px;height: 50px;line-height: 50px;background: #F5F6F9;text-align: center;font-size: 16px;font-weight: 500;}
.down_form dl dd {height: 50px;line-height: 50px;font-size: 16px;font-weight: 400;text-align: center;}
.down_form button {width: 100px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;border-radius: 10px;padding-left: 10px;margin-top: 9px;}
.down_form button.color01 {background: #005FF0 url(../images/ico/ico_down02.png) no-repeat 15px 8px;}
.down_form button.color02 {background: #BBBEC7 url(../images/ico/ico_down02.png) no-repeat 15px 8px;}

.hyphen {background: url(../images/ico/ico_hyphen.png) no-repeat center;width: 10px;height: 50px;display: inline-block;vertical-align: middle;}



/* [2021.12.03] 알럿팝업 수정 */
.modal_alert {height: auto; min-height: 220px;}
.modal_alert .alert_text {height: auto; min-height: 60px;}

/* [2021.12.24] 기관 리스트 수정 */
.financial_list::after {content: ''; display: block; clear: both;}
.cont .financial_list li {float: left;}


/* [2021.12.27] 메인 약관동의 */
.policy-box{padding:10px; line-height:1.3;}
.policy-box h2 {text-align:left; font-size: 24px; font-weight:600;padding-left: 0;}
.policy-box h3 {margin-top: 10px; text-align:left; font-size: 16px; font-weight:600;padding-left: 0;}
.policy-box p {margin-top: 10px; font-size: 14px;}
.policy-box div {margin: 10px 0; font-weight: 400; font-size: 14px;}
.policy-box div.txt-mg{margin:5px 0;}
.policy-box  strong.title {margin-top:20px; display:block; font-size:16px;}
.policy-box .one {margin: 10px 0; font-size: 14px; font-weight: 400;}
.policy-box .one li{margin-top: 5px;}
.policy-box .two{margin: 0 0 0 15px; font-size: 14px;}
.policy-box .two li {margin-top: 5px;}
.policy-box .three{margin: 0 0 0 15px; font-size: 13px;}
.policy-box .three li {margin-top: 3px;}
.policy-box .three li .tri {font-size: 10px;}

.policy-box ul li {font-size: 14px; line-height:150%; word-break:break-all;font-weight: normal;margin-top: 10px; }
.policy-box ul li > ul  { margin-left: 15px }
.policy-box ul li p { font-size: 14px}
/* [2021.12.27] 푸터 약관동의 */
.privacy .wrap {margin-top: 30px; }
.privacy .wrap .policy-box {padding: 0;}
.privacy .wrap .policy-box h2 {font-size: 26px;font-weight: 600; margin-top: 30px;}
.privacy .wrap .policy-box h3 {font-size: 26px;font-weight: 600; margin-top: 30px;}
.privacy .wrap .policy-box p {font-size: 18px;color: #555;line-height: 30px;}
.privacy .wrap .policy-box ul {margin-top: 10px;}
.privacy .wrap .policy-box ul li {font-size: 18px;color: #555;line-height: 30px;;margin-top: 0px;}

/*.privacy .wrap .policy-box li {margin-top: 0;color: #555;}*/

/* 캘린더 스타일 */
.calendar-table .table-condensed .today, .daterangepicker td.today.available:hover {background-color: yellow; border-color: transparent; border-radius: 50%; color: #222;}
.calendar-table .table-condensed .active, .daterangepicker td.active.available:hover {background-color: #437DEA; border-color: transparent; border-radius: 50%; color: #fff;}
/* .calendar-table .drp-buttons {padding: 10px;}
.calendar-table .drp-buttons .cancelBtn {padding: 5px 10px 5px 10px; background-color: #F1F1F1; border-radius: 5px; border: 1px solid #929292;}
.calendar-table .drp-buttons .applyBtn  {padding: 5px 10px 5px 10px; background-color: #F1F1F1; border-radius: 5px; border: 1px solid #929292; float: right;} */
.daterangepicker .ranges {float: none !important; padding: 10px; }
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar { float: none !important;}
.daterangepicker .ranges .range_inputs .cancelBtn {padding: 5px 10px 5px 10px; background-color: #F1F1F1; border-radius: 5px; border: 1px solid #929292;}
.daterangepicker .ranges .range_inputs .applyBtn {padding: 5px 10px 5px 10px; background-color: #F1F1F1; border-radius: 5px; border: 1px solid #929292; float: right;}
.daterangepicker .calendar.single .calendar-table thead th {
  font-size: 14px;
  font-weight: 500;
  color: #666;
}

/* accessibility */
.accessibility {position: absolute; left: 0; top: 0; width: 100%; z-index: 9999;}
.accessibility li {position: absolute; left: 0; top: 0; width: 100%; z-index: 9999;}
.accessibility a {overflow: hidden; display: block; width: 1px; height: 1px; margin-bottom: -1px;color: #444; font-size: 0; text-decoration: none;}
.accessibility a:active, .accessibility a:focus{width: 100%; height: auto; padding: 5px 0; background: #eee; font-size: 14px; text-align: center;}


/* [2022.02.22 웹접근성 수정 내역] */

input[type="radio"]:focus + label > span,
input[type="checkbox"]:focus + label > span {outline: none -webkit-focus-ring-color;}

.division li {display: inline-block;font-size: 16px;color: #666;margin: 5px 15px}
.tab.list li a{float: left;width:190px;height:35px;line-height: 35px;text-align:center;background:#fff;color:#666;box-sizing: border-box;flex-grow:1;flex:1 1 0;border-radius: 5px;margin-right: 7px}

.tab01.list li.active a{border:5px solid #3B7CDE;background:#fff;font-weight: 500}
.tab01.list li.list01.active a {background:#fff url(../images/ico/ico_submission01_on.png) no-repeat center 26px;}
.tab01.list li.list02.active a {background:#fff url(../images/ico/ico_submission02_on.png) no-repeat center 26px;}
.tab01.list li.list03.active a {background:#fff url(../images/ico/ico_submission03_on.png) no-repeat center 26px;}
.tab01.list li a:last-child {margin-right: 0}
.tab01.list li.active a {padding-top: 132px;}

.tab02.list li.active a{border:5px solid #3B7CDE;background:#fff;font-weight: 500}
.tab02.list li.list01.active a {background:#fff url(../images/ico/ico_submission01_on.png) no-repeat center 26px;}
.tab02.list li.list02.active a {background:#fff url(../images/ico/ico_submission02_on.png) no-repeat center 26px;}
.tab02.list li.list03.active a {background:#fff url(../images/ico/ico_submission03_on.png) no-repeat center 26px;}
.tab02.list li.list04.active a {background:#fff url(../images/ico/ico_submission04_on.png) no-repeat center 26px;}
.tab02.list li.list05.active a {background:#fff url(../images/ico/ico_submission05_on.png) no-repeat center 26px;}
.tab02.list li.active a {padding-top: 131px;}

.certification .list_table .tbody .trow.on .col {background: #E5F2FF; border:1px solid #437DEA; border-left:0; border-right:0; box-sizing: border-box;}
.certification .list_table .tbody .trow.on .col:first-child {border-left: 1px solid #437DEA; padding-left:9px; height: 38px;}

.tab_menu ul li a {float: left;width: 50%;border-bottom: 2px solid #E3E4E5;height: 80px;line-height: 80px;font-size: 20px;color: #666;text-align: center;}

/* as-is
.notice {width: 1120px;margin: 0 auto;margin-top: 38px;position: relative;}
.notice .title {background: url(../images/ico/ico_notice.png) no-repeat 0 3px;padding-left: 32px;font-size: 18px;font-weight: 600;width: 180px;display: inline-block;}
.notice .list {font-size: 18px;display: inline-block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;width: 740px;} */

/* to-be */
.notice {width: 1120px;margin: 86px auto auto;position: relative;}
.notice .title {background: url(../images/ico/ico_notice.png) no-repeat 0 3px;padding-left: 32px;font-size: 18px;font-weight: 600;width: 180px;display: inline-block;float: left;}/* float 추가 */
.notice .list {font-size: 18px;display: inline-block;text-overflow: ellipsis;/* overflow: hidden; */white-space: nowrap;width: 740px;float: left;}/* float 추가  overflow hidden 삭제*/
button:focus-visible {outline: 3px dotted #000;}
.tab_menu ul li a:focus-visible {outline: auto;}
.inquiry_form .search dl dd .term ul li a:focus-visible {outline: 3px dotted #000;}
.paging span a:focus-visible {outline: 3px dotted #000;}
.paging ul li a:focus-visible {outline: 3px dotted #000;}


/*유망중소기업 신청서*/
.wrap_from { width: 100%;  padding: 20px}
.wrap_from h3 { margin: 0 0 10px -25px; font-size:26px }
.wrap_from h3 a {     background: #2a334a; padding: 10px 10px; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 600; margin-left: 35px; }
.wrap_from .text_com { height: 50px; padding: 20px 0 0; font-size: 16px;}
.wrap_from .text_com span { color: #990000}
.wrap_from .text_com a {background: #2A334A; padding: 10px 50px 10px 20px;  margin-top: -20px; border-radius: 4px; color: #fff; font-size: 14px; float: right; font-weight: 400; position: relative}
.wrap_from .text_com a:after { content: "?"; position: absolute; top:10px; right: 20px; width: 22px; height: 22px; border-radius: 22px; border: 1px solid #fff; padding: 0 5px 5px 7px}
.wrap_from .table_area {border-top: 1px solid #ccc; border-right: 1px solid #ccc;  }
.wrap_from .table_area thead th { background:#F5F6F9; font-weight:400; height: 40px;  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.wrap_from .table_area tbody th { font-weight:400; height: 40px; background: #F5F6F9; line-height: 130%;}
.wrap_from .table_area tbody th {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.wrap_from .table_area tbody td { padding: 6px 5px; height: 40px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.wrap_from .table_area tbody td.thset { background:#F5F6F9;  text-align: center}
.wrap_from .table_area input { height: 34px!important; line-height: 30px;}
.wrap_from .table_area select { height: 34px!important; line-height: 34px;}
.wrap_from .table_area .num_input { display: inline-block; width: 80%}
.wrap_from .table_area .checklist li {display: inline-block; line-height: 36px; padding:0 10px 0;   margin: -4px 0 0 0}
.wrap_from .table_area .checklist li input[type="checkbox"]{ height: 0px!important}
.wrap_from .table_area .checklist li input[type="checkbox"] + label { font-size: 16px!important}
.wrap_from .table_area .checklist li div { display: inline-block; }
.wrap_from .table_area .checklist li div.inyear { width: 250px; font-size: 14px}
.wrap_from .table_area .tel { background:url("../images/ico/icon_tel.png")  no-repeat 8px 10px!important; padding:2px 0 0 35px!important}
.compulsory { color: #990000}


.filebox { position: relative; width: 100%}
.filebox .upload-name {
display: inline-block;
height: 40px;
padding: 0 10px;
vertical-align: middle;
border: 1px solid #dddddd;
width:100%;
color: #999999;
border-radius: 5px;
}
.filebox input { color: #000}

.filebox label {
    position: absolute;
    top: 0;
    left:0;
    display: inline-block;
    height: 40px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #000;
    opacity: 0
    

}


.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

/*K-RAYTING AGREE  */
.policy-table{padding:10px; line-height:1.3;}
.policy-table h2 {text-align:left; font-size: 18px; font-weight:600; margin:20px 0 10px 0; padding: 0}
.policy-table table { border-top: solid 1px #ddd; font-size: 14px}
.policy-table table tbody th { background:#e6eef7;  border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; font-weight:500; line-height: 150%;}
.policy-table table tbody td { border-bottom: solid 1px #ddd; padding:8px; background: #fff}
.policy-table table tbody td li { position: relative; padding: 2px 0 2px 10px}
.policy-table table tbody td li::before { position: absolute; content: ""; width: 4px; height: 4px; background:#333; left:0px; top:10px;}
.policy-table table tbody td .list2 li::before { width: 4px; height: 1px; background:#333; top:12px;}
.policy-table table tbody td .list3 li { padding: 0 0 0 20px}
.policy-table table tbody td .list3 li::before { content:""; width:3px; height: 3px; border-radius:3px;  background:#333; left:10px; top:8px;}

/* 조합 검색  */
.unnName {background:#437DEA;color:#FFFFFF;font-weight: 500; width: 310px; text-align: center; display: inline-block; padding: 2px; border-radius: 10px; margin-right:10px; height: 28px;}




/* 2024-11-04 */
#wrap.v2 #header {height: 88px;}
#wrap.v2 #header header {position: fixed;top: 0;right: 0;left: 0;height: auto;}
#wrap.v2 #header header hgroup {display: flex;justify-content: space-between;align-items: center;height: 88px;}
#wrap.v2 #header header .find-logo,
#wrap.v2 #header header .customer_tit {margin-top: 0 !important;}
/* #wrap.v2 .sticky-notice {position: sticky;top: 89px;left: 0;border-bottom: 1px solid rgba(0, 0, 0, .04);border-bottom: 1px solid #EAEAEA;background: #fff;} */
#wrap.v2 .sticky-notice {position: sticky;top: 88px;left: 0;background: #fff;}/*레드마인 결함 39 틀고정 구간 줄 제거 요청으로 인한 border-bottom css 제거  */
#wrap.v2 .sticky-notice .notice {display: flex;justify-content: normal;align-items: center;gap: 24px;margin-top: 0;}
#wrap.v2 .sticky-notice .notice .title,
#wrap.v2 .sticky-notice .notice .list {float: none;}
#wrap.v2 .sticky-notice .notice .title,
#wrap.v2 .sticky-notice .notice .button-bar {flex-grow: 0;flex-shrink: 0;}
#wrap.v2 .sticky-notice .notice .title {flex-basis: 120px;}
#wrap.v2 .sticky-notice .notice .button-bar {flex-basis: 40px;}
#wrap.v2 .sticky-notice .notice .list {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;align-items: center;
	position: relative;width: 720px;height: 104px;overflow: hidden;
}
#wrap.v2 .sticky-notice .notice .list .ux-swiper {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;height: 100%;overflow: hidden;}
#wrap.v2 .sticky-notice .notice .list .ux-swiper .swiper-container {width: 100%;height: 50px;}
#wrap.v2 .sticky-notice .notice .notice-contact {display: inline-flex;gap: 12px;vertical-align: middle;font-family: "SpoqaHanSansNeo", serif;font-size: 16px;color: #437DEA;padding: 0 4px 0 12px;}
#wrap.v2 .sticky-notice .notice .notice-contact .icon {
	width: 24px;height: 24px;
	background-image: url("../images/ico/ico_tel.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 23px 20px;
}
#wrap.v2 .sticky-notice .notice .notice-contact .label {white-space: nowrap;}




#wrap.v2 .ux-swiper.has-only-slide .swiper-control {opacity: .2;pointer-events: none;}
#wrap.v2 .ux-swiper .swiper-control {position: absolute;top: 0;right: 0;width: 48px;height: 48px;}
#wrap.v2 .ux-swiper .swiper-control .swiper-operation,
#wrap.v2 .ux-swiper .swiper-control .swiper-operation .button-swiper-operation.pp {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
#wrap.v2 .ux-swiper .swiper-control .swiper-operation .button-swiper-operation.pp .icon {
	flex-grow: 0;flex-shrink: 0;flex-basis: auto;
	width: var(--w);height: var(--h);
	background-image: url("../images/ico/ico_swiper_pp.svg");
	background-position: calc(var(--w) * 0) calc(var(--h) * -1);background-repeat: no-repeat;background-size: var(--w) calc(var(--h) * 2);
}
#wrap.v2 .ux-swiper .swiper-control .swiper-operation .button-swiper-operation.pp .label {display: block;position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
#wrap.v2 .ux-swiper:not(.paused) .swiper-control .swiper-operation .button-swiper-operation.pp .label.play {display: none;}
#wrap.v2 .ux-swiper.paused .swiper-control .swiper-operation .button-swiper-operation.pp .icon {background-position: calc(var(--w) * 0) calc(var(--h) * 0);}
#wrap.v2 .ux-swiper.paused .swiper-control .swiper-operation .button-swiper-operation.pp .label.pause {display: none;}
#wrap.v2 .ux-swiper .swiper-container {z-index: 1;}
#wrap.v2 .ux-swiper .swiper-control {z-index: 2;}




#wrap.v2 .sticky-notice .ux-swiper .swiper-control .swiper-operation .button-swiper-operation.pp .icon {--w: 32px;--h: 32px;}


#wrap.v2 .sticky-notice .notice .list .inline-notice-list {position: relative;height: 48px;}
#wrap.v2 .sticky-notice .notice .list .inline-notice-list .swiper-container {height: 100%;}
#wrap.v2 .sticky-notice .notice .list .inline-notice-list .inline-notice {display: flex;align-items: center;gap: 8px;width: 100%;height: 100%;font-size: .875rem;}
#wrap.v2 .sticky-notice .notice .list .inline-notice-list .inline-notice .icon,
#wrap.v2 .sticky-notice .notice .list .inline-notice-list .inline-notice .label {flex-grow: 0;flex-shrink: 0;flex-basis: auto;font-size: 18px;}
#wrap.v2 .sticky-notice .notice .list .inline-notice-list .inline-notice .label {width: calc(100% - 64px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#wrap.v2 .sticky-notice .notice .button-bar {display: flex;justify-content: flex-end;align-items: center;margin-left: auto;}
#wrap.v2 .sticky-notice .notice .button-bar button.add {display: inline-flex;justify-content: center;align-items: center;position: relative;top: auto;right: auto;width: 32px;height: 32px;padding: 0;border-radius: 0;background: none;}
#wrap.v2 .sticky-notice .notice .button-bar button.add .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
#wrap.v2 .sticky-notice .notice .button-bar button.add .icon {width: 24px;height: 24px;background-image: url("../images/ico/ico_plus.svg");background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}

#wrap.v2 #contents {display: flex;flex-direction: column;}
#wrap.v2 #contents .cont {min-height: 0;padding: 50px 25px;}
#wrap.v2 #contents .cont .title-bar,
#wrap.v2 #contents .cont .tool-bar {
	--col: 2;--gap: 56px;
	display: flex;justify-content: space-between;align-items: center;gap: var(--gap);
	padding: 0 20px;
}
#wrap.v2 #contents .cont .tool-bar,
#wrap.v2 #contents .cont .item {display: none}
#wrap.v2 #contents .cont .title-bar > div{flex-grow: 0;flex-shrink: 0;}
#wrap.v2 #contents .cont .tool-bar > div {flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / var(--col) - var(--gap) / var(--col) * (var(--col) - 1));}
#wrap.v2 #contents .cont .title-bar > div:only-of-type,
#wrap.v2 #contents .cont .tool-bar > div:only-of-type {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}

#wrap.v2 #contents .cont {display: flex;justify-content: center;display: flex;flex-direction: column;gap: 32px;}
#wrap.v2 #contents .cont.on .tool-bar {display: flex;}
#wrap.v2 #contents .cont.on .item {display: block;}

#wrap.v2 #contents .cont .title-bar .ui-title h2,
#wrap.v2 #contents .cont .title-bar .ui-title .sub_text {padding-left: 0;}
#wrap.v2 #contents .cont .title-bar .ui-stepper {display: flex;justify-content: flex-end;align-items: center;}
#wrap.v2 #contents .cont .title-bar .ui-stepper ol {display: flex;align-items: center;gap: 8px;}
#wrap.v2 #contents .cont .title-bar .ui-stepper ol li {
	display: flex;justify-content: center;align-items: center;
	width: 40px;height: 40px;overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .12);border-radius: 50%;background: #fff;
}
#wrap.v2 #contents .cont .title-bar .ui-stepper ol li .icon {
	display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;
	font-weight: bold;
}
#wrap.v2 #contents .cont .title-bar .ui-stepper ol li .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
#wrap.v2 #contents .cont .title-bar .ui-stepper ol li.current {color: #fff;background-color: #437DEA;}

#wrap.v2 #contents .cont .tool-bar .ui-search {flex-grow: 1;flex-shrink: 1;flex-basis: 300px;}
#wrap.v2 #contents .cont .tool-bar .ui-stepper {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
#wrap.v2 #contents .cont .tool-bar .ui-filter {display: flex;justify-content: flex-end;align-items: center;}
#wrap.v2 #contents .cont .tool-bar .ui-filter .sort {padding-right: 0;}

#wrap.v2 #contents .cont .tool-bar .ui-search {position: relative;}
#wrap.v2 #contents .cont .tool-bar .ui-search .button-search {
	display: inline-flex;justify-content: center;align-items: center;
	position: absolute;top: 0;right: 0;width: 50px;height: 50px;
	z-index: 12;
}
#wrap.v2 #contents .cont .tool-bar .ui-search .button-search .icon {
	display: block;--w: 24px;--h: 24px;
	width: var(--w);height: var(--h);
	background-image: url("../images/ico/ico_btn_search.svg");background-repeat: no-repeat;background-position: 50% 50%;background-size: var(--w) var(--h);
}
#wrap.v2 #contents .cont .tool-bar .ui-search .button-search .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}

#wrap.v2 #contents .cont .input_form .hyphen {width: 30px;}

#wrap.v2 #contents {position: relative;}
#wrap.v2 #contents .cont {margin-top: 40px;}
#wrap.v2 #contents .cont.cont01 .title-bar .ui-title .sub_text,
#wrap.v2 #contents .cont.cont02 .title-bar .ui-title .sub_text,
#wrap.v2 #contents .cont.cont03 .title-bar .ui-title .sub_text {display: none;}
#wrap.v2 #contents .cont.cont01.on .title-bar .ui-title .sub_text,
#wrap.v2 #contents .cont.cont02.on .title-bar .ui-title .sub_text,
#wrap.v2 #contents .cont.cont03.on .title-bar .ui-title .sub_text {display: block;}

#wrap.v2 #contents .sticky-banner {position: sticky;top: calc(88px + 104px + 40px);left: 0;width: 100%;height: 0;}
#wrap.v2 #contents .sticky-banner .banner-content {position: absolute;top: 0;right: -250px;width: 200px;height: 300px;overflow: hidden;border-radius: 20px;background: rgba(0, 0, 0, .12);}

/* #wrap.v2 .sticky-banner .ux-swiper .swiper-control {top: auto;bottom: 0;}
#wrap.v2 .sticky-banner .ux-swiper .swiper-control .swiper-operation .button-swiper-operation.pp .icon {--w: 32px;--h: 32px;} */



#wrap.v2 #contents .cont .title-bar .ui-stepper {opacity: 0;transition: opacity .4s ease;}
#wrap.v2 #contents .cont.current .ui-stepper {opacity: 1;}



#wrap.v2 .sticky-notice {z-index: 11;}
#wrap.v2 .sticky-banner {z-index: 12;}




/* ux */
.ux-button {
	display: inline-flex;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;min-width: 0;overflow: hidden;
	line-height: normal;text-align: center;cursor: pointer;background: none;background-color: transparent;text-transform: none;
}
.ux-button {font-size: 14px;}
.ux-button.hoverline:hover {border-bottom: 1px solid #666;}
.ux-button.underline .icon {width: 20px;height: 20px;}
.ux-button .icon {flex-grow: 0;flex-shrink: 0;flex-basis: auto;width: 24px;height: 24px;}
.ux-button .label {white-space: nowrap;line-height: 1.5;}

.ux-input select {
	min-width: 120px;padding: 0 48px 0 16px !important;border-radius: 10px;
	background-image: url("../images/ico/icon_select_caret.svg");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 20px 20px;
	appearance: none;
}

.ux-table {position: relative;line-height: 1.5;}
.ux-table th,
.ux-table td {padding: 12px 16px;border-bottom: 1px solid rgba(0, 0, 0, .12);border-left: 1px solid rgba(0, 0, 0, .12);}
.ux-table th {word-break: keep-all;background-color: #e9e9e9;}
.ux-table thead {}
.ux-table thead th {font-weight: 700;}
.ux-table thead td {}
.ux-table tbody {}
.ux-table tbody th {word-break: keep-all;}
.ux-table tbody th + td {border-left: 0;}
.ux-table tbody td {word-break: break-all;}
.ux-table.center th,
.ux-table.center td {text-align: center;}
.ux-table.left th,
.ux-table.left td {text-align: left;}
.ux-table.right th,
.ux-table.right td {text-align: right;}
.ux-table th.center,
.ux-table td.center {text-align: center;}
.ux-table th.left,
.ux-table td.left {text-align: left;}
.ux-table th.right,
.ux-table td.right {text-align: right;}
.ui-table::-webkit-scrollbar {height: 8px;}
.ui-table::-webkit-scrollbar-track {background: #fff;}
.ui-table::-webkit-scrollbar-thumb {background-color: #c9c9c9;border-radius: 4px;border: 2px solid #fff;}



/* ui-bbs */
#wrap.ui-bbs {background-color: #FAFBFF;}
#wrap.ui-bbs #header,
#wrap.ui-bbs #header .title_area {height: auto;}

.ui-bbs .ui-bbs-list,
.ui-bbs .ui-bbs-read {display: flex;flex-direction: column;gap: 40px;padding: 40px 0;}

.ui-bbs table,
.ui-bbs table th,
.ui-bbs table td {font-family: "SpoqaHanSansNeo", serif;}
.ui-bbs .bbs-summary {display: flex;justify-content: space-between;align-items: center;}
.ui-bbs .bbs-summary h4 {font-size: 18px;font-weight: 400;}
.ui-bbs .bbs-summary h4 em {color: #00a2c5;}
.ui-bbs .bbs-summary .select-list-size {min-width: 180px;}
.ui-bbs .bbs-summary .ux-button-bar {display: none;}

.ui-bbs .bbs-summary + .bbs-list {margin-top: 12px;}
.ui-bbs .bbs-button-bar {margin: 40px 0;}
.ui-bbs .bbs-pagination {margin: 40px 0;}

.ui-bbs .ui-bbs-search {display: flex;justify-content: center;align-items: center;padding: 8px;border-radius: 10px;background-color: #e6f6fa;}
.ui-bbs .ui-bbs-search .ux-form {display: flex;flex-direction: row;justify-content: center;gap: 12px;}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-type select,
.ui-bbs .ui-bbs-search .ux-form .bbs-search-keyword .ux-textfield input[type="text"] {border: 1px solid #ddd;border-radius: 10px;}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-type select {padding: 0 40px 0 0;background-color: #fff;}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-keyword {width: 400px;}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-keyword .ux-input .ux-textfield {width: 100%;}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-keyword .ux-textfield {position: relative;}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-keyword .ux-button.button-search {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-keyword .ux-button.button-search .icon {background-image: url("../images/ico/icon_search.svg");background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.ui-bbs .ui-bbs-search .ux-form .bbs-search-keyword .ux-button.button-search .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}


.ui-bbs .bbs-list {}
.ui-bbs .bbs-list .ux-table {width: 100%;}
.ui-bbs .bbs-list .ux-table col.number {width: 100px;}
.ui-bbs .bbs-list .ux-table col.category {width: 120px;}
.ui-bbs .bbs-list .ux-table col.contents {width: auto;}
.ui-bbs .bbs-list .ux-table col.date {width: 120px;}
.ui-bbs .bbs-list .ux-table col.count {width: 100px;}
.ui-bbs .bbs-list .ux-table tbody tr.highlight {background-color: #f5fdff;}
.ui-bbs .bbs-list .ux-table tbody tr td.number label {
	display: inline-flex;justify-content: center;align-items: center;
	position: relative;width: 24px;height: 24px;overflow: visible;
	vertical-align: top;margin: 0;padding: 0;
}
.ui-bbs .bbs-list .ux-table tbody tr td.number label .label {
	display: inline-flex;justify-content: center;align-items: center;
	position: absolute;top: 50%;left: 50%;height: 24px;line-height: 1;vertical-align: middle;
	font-size: .875rem;color: #fff;white-space: nowrap;
	padding: 0 8px;border-radius: 8px;transform: translate(-50%, -50%);
}
.ui-bbs .bbs-list .ux-table tbody tr.issue td.number label .label {background-color: #fb5b5B;}
.ui-bbs .bbs-list .ux-table tbody tr.pinned td.number label .label {background-color: #00a2c5;}
.ui-bbs .bbs-list .ux-table tbody tr.issue td.number label .icon {
	--w: 24px;--h: 24px;
	width: var(--w);height: var(--h);
	background-image: url("../images/ico/icon_notice_issue.svg");
	background-repeat: no-repeat;background-position: 50% 50%;background-size: var(--w);height: var(--h);
}
.ui-bbs .bbs-list .ux-table tbody tr.issue td.number label .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ui-bbs .bbs-list .ux-table tbody tr.pinned td.number label .icon {display: none;}

.ui-bbs .bbs-list .ux-table thead th,
.ui-bbs .bbs-list .ux-table tbody td {height: 52px;line-height: normal;text-align: center;border-left: 0;}

.ui-bbs .post {display: table;justify-content: flex-start;table-layout: fixed;position: relative;width: 100%;text-align: left;}
.ui-bbs .post .subject {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.ui-bbs .post .subject .text {position: relative;}
.ui-bbs .post:hover .subject .text:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0, 0, 0, .4);content: "";}

.ui-bbs .bbs-list .ux-table tbody .contents .post .preview {
	display: none;position: absolute;top: 28px;right: 0;width: auto;height: auto;
	padding: 20px 24px;border: 1px solid #ccc;border-radius: 12px;
	background-color: #fff;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .12);
}
.ui-bbs .bbs-list .ux-table tbody tr:nth-last-of-type(-n + 2) .preview {transform: translateY(-44px);}
.ui-bbs .bbs-list .ux-table tbody tr:nth-last-of-type(-n + 1) .preview {transform: translateY(-88px);}

.ui-bbs .bbs-list .ux-table tbody .contents .post .preview .title {font-weight: 700;margin-bottom: 20px;}
.ui-bbs .bbs-list .ux-table tbody .contents .post .preview .content {max-height: 160px;overflow: hidden;}
.ui-bbs .bbs-list .ux-table tbody .contents .post .preview .content:after {
  position: absolute;bottom: 12px;left: 20px;width: calc(100% - 40px);height: 32px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
	pointer-events: none;
  content: "";
  z-index: 1;
}
.ui-bbs .bbs-list .ux-table tbody .contents .post:hover .preview {display: block;}

.ui-bbs .bbs-list .ux-result.no-result {height: 200px;}
.ui-bbs .bbs-list .ux-result.no-result .icon {display: none;}
.ui-bbs .bbs-list .ux-result.no-result .message .label {font-weight: 400;}

.ui-bbs .bbs-list .ux-table tbody .contents .post .subject {z-index: 11;}
.ui-bbs .bbs-list .ux-table tbody .contents .post .preview {z-index: 12;}


/* ui-bbs-read */
.ui-bbs.ui-bbs-read .ux-title {display: flex;flex-direction: column;align-items: normal;gap: 12px;}
.ui-bbs.ui-bbs-read .ux-content {display: flex;flex-direction: column;align-items: normal;gap: 60px;}

.ui-bbs .bbs-read {display: flex;flex-direction: column;}
/*2025-02-17 첨부파일 위치, 이름 나열 방법 변경*/
.ui-bbs .bbs-read .attached {display: flex;padding: 20px 24px;border-radius: 10px;background-color: rgba(0, 0, 0, .04);}
.ui-bbs .bbs-read .attached label {font-weight: 700;margin: -1px 24px 0 0;}
.ui-bbs .bbs-read .attached .file-name-view {display: flex;flex-direction: column;row-gap: 5px;}
.ui-bbs .bbs-read .attached .file-name-view .file {display: inline-flex;gap: 8px;font-size: .875rem;color: #666;}
.ui-bbs .bbs-read .attached .file-name-view .file .icon {display: none;}
.ui-bbs .bbs-read .attached .file-name-view .file .label {position: relative;}
.ui-bbs .bbs-read .attached .file-name-view .file .label:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0, 0, 0, .4);content: "";}
.ui-bbs .bbs-read .content {padding: 24px 24px 64px;}

.ui-bbs.ui-bbs-read .bbs-nav {border-top: 1px solid rgba(0, 0, 0, .12);}
.ui-bbs .bbs-nav .ux-table {width: 100%;}
.ui-bbs .bbs-nav .ux-table col.label {width: 100px;}
.ui-bbs .bbs-nav .ux-table col.contents {width: auto;}
.ui-bbs .bbs-nav .ux-table col.date {width: 160px;}
.ui-bbs .bbs-nav .ux-table th,
.ui-bbs .bbs-nav .ux-table td {text-align: center;padding-left: 24px;padding-right: 24px;border-left: 0;}
.ui-bbs .bbs-nav .ux-table tbody th.label {text-align: left;border-left: 0;background-color: transparent;}
.ui-bbs .bbs-nav .ux-table tbody th.label label {text-align: left;white-space: nowrap;}
.ui-bbs .bbs-nav .ux-table tbody td.date {text-align:right;font-size: .875rem;color: #666;}
.ui-bbs .bbs-nav .post:empty {color: #ccc;cursor: default;pointer-events: none;}
.ui-bbs .bbs-nav .prev .post:empty:before {content: "이전 글이 없습니다."}
.ui-bbs .bbs-nav .next .post:empty:before {content: "다음 글이 없습니다."}

.ui-bbs .bbs-button-bar {display: flex;justify-content: center;align-items: center;}
.ui-bbs .bbs-button-bar .button-return {height: 56px;font-size: 18px;}










/* pagination */
.bbs-pagination {display: flex;justify-content: center;align-items: center;gap: 20px;}
.bbs-pagination .d {cursor: pointer;}
.bbs-pagination .direction,
.bbs-pagination .fraction {display: flex;justify-content: center;align-items: center;gap: 4px;}
.bbs-pagination .d {
	display: inline-flex;justify-content: center;align-items: center;
	position: relative;min-width: 36px;height: 36px;
}
.bbs-pagination .direction .d span,
.bbs-pagination .fraction .d span {display: flex;justify-content: center;align-items: center;position: relative;}
.bbs-pagination .direction .d .icon {
	--w: 28px;--h: 28px;width: var(--w);height: var(--h);
	background-image: url("../images/ico/icons_pagination.svg");
	background-repeat: no-repeat;
	background-size: calc(var(--w) * 4) calc(var(--h) * 1);
}
.bbs-pagination .direction .first .icon {background-position: calc(var(--w) * 0) calc(var(--h) * 0);}
.bbs-pagination .direction .prev .icon {background-position: calc(var(--w) * -1) calc(var(--h) * 0);}
.bbs-pagination .direction .next .icon {background-position: calc(var(--w) * -2) calc(var(--h) * 0);}
.bbs-pagination .direction .last .icon {background-position: calc(var(--w) * -3) calc(var(--h) * 0);}
.bbs-pagination .direction .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.bbs-pagination .direction .d:hover {opacity: 1;}
.bbs-pagination .direction .d.disabled {cursor: default;pointer-events: none;opacity: .25;}
.bbs-pagination .fraction .d {color: #666;}
.bbs-pagination .fraction .d .icon {display: none;}
.bbs-pagination .fraction .d .label {width: auto;min-width: 24px;height: 36px;}
.bbs-pagination .fraction .d:hover {color: #222;}
.bbs-pagination .fraction .d.current {font-weight: 800;color: #00a2c5;cursor: default;pointer-events: none;}
.bbs-pagination .fraction .d .label:after {display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: rgba(0, 0, 0, 0);content: "";}
.bbs-pagination .fraction .d:hover .label:after {background-color: rgba(0, 0, 0, .12);}
.bbs-pagination .fraction .d.current .label:after {background-color: #00a2c5;}



.ui-bbs .ux-button-bar.desktop-only {display: flex;}
.ui-bbs .ux-button-bar.mobile-only {display: none;}

.ui-bbs .ux-button-bar .button-return {flex-basis: 50%;color: #222;background-color: transparent;}
.ui-bbs .ux-button-bar .button-return .icon {display: none;}









.ui-bbs .ux-board {gap: 0;}
.ui-bbs .ux-board .ux-title {display: flex;  flex-direction: column; gap: 16px; padding: 16px 0;}
.ui-bbs .ux-board .ux-title h4 {font-size: 1.5rem;}
.ui-bbs .ux-board .ux-title .desc {font-size: .875rem; color: #666;}
.ui-bbs .ux-board .ux-content {display: flex; flex-direction: column;}
.ui-bbs .ux-board .ux-content .bbs-read {flex-grow: 1;display: flex;flex-direction: column;}
.ui-bbs .ux-board .ux-content .bbs-read .file {padding: 16px; background-color: #fafafa;}
.ui-bbs .ux-board .ux-content .bbs-read .file dl {display: flex; gap: 24px;}
.ui-bbs .ux-board .ux-content .bbs-read .file .label {font-weight: 700;}
.ui-bbs .ux-board .ux-content .bbs-read .file dd {display: flex; gap: 8px; color: #666;}
.ui-bbs .ux-board .ux-content .bbs-read .read {min-height: 404px; padding: 16px 16px 24px 16px; border-bottom: 1px solid #e9e9e9;} 
.ui-bbs .ux-board .ux-content .bbs-read .read p {font-size: 1rem;}
.ui-bbs .ux-board .ux-content .bbs-nav {display: flex; flex-direction: column;}
.ui-bbs .ux-board .ux-content .bbs-nav .next,
.ui-bbs .ux-board .ux-content .bbs-nav .prev {display: flex; gap: 24px; align-items: center;padding: 16px;}
.ui-bbs .ux-board .ux-content .bbs-nav .next {border-bottom: 1px solid #e9e9e9;}
.ui-bbs .ux-board .ux-content .bbs-nav .nav {display: flex; align-items: center; flex-shrink: 0; font-size: 1rem; font-weight: 700;}
.ui-bbs .ux-board .ux-content .bbs-nav a {overflow: hidden; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.ui-bbs .ux-board .ux-content .bbs-nav a .title {font-size: 1rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ui-bbs .ux-board .ux-content .bbs-nav a .date {color: #666; font-size: .875rem;}




/* 2025-01-24 팝업창 */
.ui-dialog.find5 {
	display: none;justify-content: center;align-items: center;
	position: fixed;top: 0;left: 0;width: 100%;height: 100%;margin: 0;
	font-family: "NotoSansKR", "Apple SD Gothic Neo", "Malgun Gothic", "BaseLine", Tahoma, Dotum, sans-serif;
}

.ui-dialog.find5 em {color: #00a2c5;}
.ui-dialog.find5 em.negative, 
.ui-dialog.find5 em.require {color: #fb5b5B;}

.ui-dialog.find5 .ux-dialog {overflow: hidden;}

.ui-dialog.find5 .ui-dialog.find5-titlebar {display: none;}
.ui-dialog.find5 .ui-dialog.find5-content {top:auto !important;min-height:0 !important;overflow:hidden;margin:0;padding:0;}
.ux-dialog {position: relative;border-radius: 20px;background: #fff;}
.ux-dialog > .ux-title {
	display: flex;justify-content: space-between;align-items: center;
	min-height: 56px;padding: 16px 20px;
}
.ux-dialog > .ux-title + .ux-title {flex-direction: column; align-items: flex-start; gap: 4px;}
.ux-dialog > .ux-title h3 {font-size: 1rem;font-weight: 600;}
.ux-dialog > .ux-title h4 {font-size: 1.5rem;font-weight: 400;}
.ux-dialog > .ux-title .button-dialog-close {display: inline-flex;}
.ux-dialog > .ux-title .button-dialog-close .icon {width: 24px;height: 24px;background-image: url("/images/find5/icon_dialog_close.svg");background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.ux-dialog > .ux-title .button-dialog-close .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ux-dialog > .ux-content {overflow: hidden;}
/* .ux-dialog > .ux-content > .scroll {height: 100%;overflow-y: auto;padding: 12px 20px 24px 20px;} */
.ux-dialog > .ux-content > .scroll {height: 100%;max-height: calc(100vh - 160px - 56px - 56px);overflow-y: auto;padding: 12px 20px 24px 20px;}

.ux-dialog > .ux-content > .scroll::-webkit-scrollbar {width: 8px;}
.ux-dialog > .ux-content > .scroll::-webkit-scrollbar-track {background: #fff;}
.ux-dialog > .ux-content > .scroll::-webkit-scrollbar-thumb {background-color: #c9c9c9;border-radius: 4px;border: 2px solid #fff;}


.ux-dialog > .ux-content > .scroll .h4 > .ux-title {display: flex;flex-direction: column;gap: 16px;}
.ux-dialog > .ux-content > .scroll .h4 > .ux-title .desc {font-size: .75rem;}
.ux-dialog > .ux-content > .scroll .h4 > .ux-title .desc p {word-break: keep-all;}
.ux-dialog .ux-title h4 {font-size: 1.5rem;font-weight: 400;}
.ux-dialog .ux-title h5 {font-size: 1.125rem;font-weight: 400;}
.ux-dialog .ux-title h4 + .ux-button-bar {margin-top: 24px;}
.ux-dialog .ux-title h4 + .ux-button-bar .ux-button.underline {font-size: .875rem;}

.ux-dialog .h4,
.ux-dialog .h5 {display: flex;flex-direction: column;}
.ux-dialog .h4 {gap: 40px;}
.ux-dialog .h5 {gap: 16px;}
.ux-dialog .h4 > .ux-content {display:flex; flex-direction: column; gap: 40px;}

.ui-dialog.find5 .ux-dialog > .ux-title,
.ui-dialog.find5 .ux-dialog .ux-dock {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.ui-dialog.find5 .ux-dialog > .ux-title {display: flex;justify-content: space-between;align-items: center;}
.ui-dialog.find5 .ux-dialog > .ux-title .ux-button-bar {gap: 12px;}
.ui-dialog.find5 .ux-dialog > .ux-title .ux-button-bar .logo {display: none;width: 100px;height: 20px;background-image: url("/images/find5/dialog_header_logo_fs.png");background-size: cover}
.ui-dialog.find5 .ux-dialog.has-logo > .ux-title .ux-button-bar .logo {display: block;}
.ui-dialog.find5 .ux-dialog > .ux-content {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}

.ui-dialog.find5.location-full,
.ui-dialog.find5.location-center {top: 50% !important;width: 100% !important;transform: translateY(-50%);}
.ui-dialog.find5.location-full {height: 100% !important;}
.ui-dialog.find5.location-full .ux-dialog {height: 100% !important;}
.ui-dialog.find5.location-center {padding: 0 20px;}
.ui-dialog.find5.location-center .ux-dialog {border-radius: 20px;}
.ui-dialog.find5.location-center .ux-dialog .ux-content > .scroll {max-height: calc(60vh - 56px - 56px) !important;}
.ui-dialog.find5.location-bottom .ux-dialog {border-radius: 20px 20px 0 0;}
.ui-dialog.find5.location-bottom .ux-content {max-height: 480px;}

.ux-dialog .media img {width: 100%;}
.ux-dialog .media.nhis {max-width: 360px;}







.ui-dialog.find5 .ux-form {display: flex;flex-direction: column;gap: 24px;}
.ui-dialog.find5 .ux-form .ux-field .ux-button-bar {margin-top: 4px;}
.ui-dialog.find5 .ux-form .ux-field .ux-input + .ux-button-bar .ux-button.h2 {min-width: 100px;}

.ui-dialog.find5 .ux-field {display: flex;flex-direction: column;gap: 8px;}
.ui-dialog.find5 .ux-field label {font-weight: 600;font-size: .875rem;}
.ui-dialog.find5 .ux-field .ux-input {position: relative;}
.ui-dialog.find5 .ux-field .ux-input .ux-textfield input {width: 100%;height: 44px;padding: 0 20px;border: 0;border-radius: 10px;}
.ui-dialog.find5 .ux-field .ux-input.brn .ux-textfield input,
.ui-dialog.find5 .ux-field .ux-input.rrn .ux-textfield input {padding: 0 12px;}
.ui-dialog.find5 .ux-field .ux-input .ux-button {min-width: auto;}

.ui-dialog.find5 .ux-textfield input::placeholder {color: #ccc;}
.ui-dialog.find5 .ux-textfield input:read-only,
.ui-dialog.find5 .ux-textfield input:disabled {background-color: #fff;}
.ui-dialog.find5 .ux-textfield.readonly input {color: #a3a3a3;background-color: #e9e9e9;}
.ui-dialog.find5 .ux-textfield.disabled input {color: #bfbfbf;background-color: #e9e9e9;}
.ui-dialog.find5 .ux-textfield.rrn.readonly input {background-color: #fff;}
.ui-dialog.find5 .ux-textfield.rrn.readonly input:read-only {color: #a3a3a3;background-color: #e9e9e9;}

.ui-dialog.find5 .ux-textarea textarea {background-color: transparent;}
.ui-dialog.find5 .ux-textarea.readonly {color: #a3a3a3;background-color: #e9e9e9;}
.ui-dialog.find5 .ux-textarea.disabled {color: #a3a3a3;background-color: #e9e9e9;}

.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.line input {height: 44px;padding: 0;border: none;border-bottom: 1px solid #00a2c5;border-radius: 0;box-shadow: none;}
.ui-dialog.find5 .ux-input.brn {display: flex;align-items: center;gap: 4px;}
.ui-dialog.find5 .ux-input.brn .ux-textfield {flex-basis: calc(100% / 3 - 8px);}
.ui-dialog.find5 .ux-input.brn .ux-textfield input {text-align: center;}
.ui-dialog.find5 .ux-input.brn .ux-textfield + .ux-button {margin-left: 4px;}

.ui-dialog.find5 .ux-input.rrn {display: flex;align-items: center;gap: 4px;}
.ui-dialog.find5 .ux-input.rrn .ux-textfield {flex-basis: calc(100% / 2 - 8px);}
.ui-dialog.find5 .ux-input.rrn .ux-textfield + .ux-button {margin-left: 4px;}

.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.isn {display: flex;align-items: center;flex-wrap: wrap;gap: 4px;}
.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.isn input {flex-basis: calc(100% / 4 - 12px);padding: 0 10px;text-align: center;}
.ui-dialog.find5 .ux-form .ux-field .ux-input.fromto {display: flex;align-items: center;gap: 4px;}
.ui-dialog.find5 .ux-form .ux-field .ux-input.fromto [class^="ux-"] {flex-basis: calc(100% / 2 - 12px);position: relative;}
.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.address .search {display: flex;gap: 8px;}
.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.address .search .ux-button {flex-shrink: 0;flex-basis: 25%;border-radius: 10px;}
.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.search {position: relative;}
.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.search .button-search {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.ui-dialog.find5 .ux-form .ux-field .ux-input .ux-textfield.line.search .button-search {right: 10px;}
.ui-dialog.find5 .ux-form .ux-field .ux-textarea {position: relative;width: 100%;padding: 16px 16px 32px 16px;border-radius: 10px;}
.ui-dialog.find5 .ux-form .ux-field .ux-textarea textarea {width: 100%;height: 100%;border: 0;}
.ui-dialog.find5 .ux-form .ux-field .ux-textarea .text-length {position: absolute;right: 12px;bottom: 12px;font-size: .75rem;color: #222;font-weight: 400;z-index: 1;}




.ui-dialog.find5 .ux-select,
.ui-dialog.find5 .ux-radio,
.ui-dialog.find5 .ux-textfield input,
.ui-dialog.find5 .ux-textarea,
.ui-dialog.find5 .ux-datepicker {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .16);
	transition: box-shadow .3s ease;
}
.ui-dialog.find5 .ux-select.is-opened,
.ui-dialog.find5 .ux-select:focus-within,
.ui-dialog.find5 .ux-radio.checked,
.ui-dialog.find5 .ux-textfield input:focus,
.ui-dialog.find5 .ux-textarea:focus-within,
.ui-dialog.find5 .ux-datepicker:focus-within {box-shadow: inset 0 0 0 2px rgba(0, 162, 197, 1);}




.ui-dialog.find5 .ux-field .ux-radio, 
.ui-dialog.find5 .ux-field .ux-checkbox {font-size: 1rem;}



.ui-dialog.find5 .ux-radio {
	display: flex;align-items: center;gap: 8px;
	cursor: pointer;padding: 12px 20px;
	border-radius: 10px;
}
.ui-dialog.find5 .ux-radio input[type="radio"] {display: flex;vertical-align: middle;width: 24px;height: 24px;background-image: url("/images/find5/icon_radio_unchecked.svg");appearance: none;cursor: pointer;}
.ui-dialog.find5 .ux-radio input[type="radio"]:checked {background-image: url("/images/find5/icon_radio_checked.svg");transition: all .4s ease;}
.ui-dialog.find5 .ux-radio .label {color: #666;font-size: .875rem;}
.ui-dialog.find5 .ux-radio.checked .label {color: #00a2c5;font-weight: 600;}




.ui-dialog.find5 .ux-checkbox {display: flex;align-items: center;gap: 8px;cursor: pointer;}
.ui-dialog.find5 .ux-checkbox input {flex-shrink: 0;width: 24px;height: 24px;appearance: none;background-image: url("/images/find5/icon_checkbox_01_unchecked.svg");cursor: pointer;}
.ui-dialog.find5 .ux-checkbox input:disabled ~ .label {color: #a3a3a3;}
.ui-dialog.find5 .ux-checkbox input:checked {background-image: url("/images/find5/icon_checkbox_01_checked.svg");transition: all .4s ease;}
.ui-dialog.find5 .ux-checkbox .label {font-weight: 400;}
.ui-dialog.find5 .ux-checkbox.type-01 input {background-image: url("/images/find5/icon_checkbox_02_unchecked.svg");}
.ui-dialog.find5 .ux-checkbox.type-01 input:checked {background-image: url("/images/find5/icon_checkbox_02_checked.svg");}
.ui-dialog.find5 .ux-checkbox.type-02 input {background-image: url("/images/find5/icon_checkbox_03_unchecked.svg");}
.ui-dialog.find5 .ux-checkbox.type-02 input:checked {background-image: url("/images/find5/icon_checkbox_03_checked.svg");}
.ui-dialog.find5 .ux-checkbox.type-03 input {background-image: url("/images/find5/icon_checkbox_04_unchecked.svg");}
.ui-dialog.find5 .ux-checkbox.type-03 input:checked {background-image: url("/images/find5/icon_checkbox_04_checked.svg");}
.ui-dialog.find5 .ux-checkbox.type-03 .label {}
.ui-dialog.find5 .ux-checkbox.disabled {pointer-events: none;opacity: .6;}

.ui-dialog.find5 .ux-checkbox.outlined {position: relative;padding: 0 12px;border-radius: 10px;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .16);transition: box-shadow .3s ease;}
.ui-dialog.find5 .ux-checkbox.outlined.disabled {background-color: #e9e9e9;}
.ui-dialog.find5 .ux-checkbox.outlined.loading {pointer-events: none;}
.ui-dialog.find5 .ux-checkbox.outlined.loading:before,
.ui-dialog.find5 .ux-checkbox.outlined.loading:after {position: absolute;}
.ui-dialog.find5 .ux-checkbox.outlined.loading:before {
	--w: 40px;--h: 40px;
	top: 50%;left: 50%;width: var(--w);height: var(--h);
	margin-top: calc(var(--w) / 2 * -1);margin-left: calc(var(--h) / 2 * -1);
	background-image: url("/images/find5/loading_circle.png");background-repeat: no-repeat;background-position: 50% 50%;background-size: var(--w) var(--h);
	content: "";
}
.ui-dialog.find5 .ux-checkbox.outlined.loading:after {top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;background: rgba(0, 0, 0, .4);content: "";}
.ui-dialog.find5 .ux-checkbox.outlined.loading:before {z-index: 2;}
.ui-dialog.find5 .ux-checkbox.outlined.loading:after {z-index: 1;}

.ui-dialog.find5 .ux-checkbox.outlined.loading:before {
	animation-name: loading-circle;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes loading-circle {
	0%	{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}


.ui-dialog.find5 .ux-checkbox-button {display: flex;align-items: center;}

.link-icon {display: flex;align-items: center;}


/* select */
.ui-dialog.find5 .ux-input select {
	display: block;width: 100%;height: 44px;line-height: normal;
	padding: 0 12px;border: 1px solid #ccc;border-radius: 10px;
	appearance: none;
	background-image: url("/images/find5/icon_select_caret.svg");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 24px 24px;
}
.ui-dialog.find5 .ux-select {width: 100%;border-radius: 10px;}
.ui-dialog.find5 .ux-select.readonly,
.ui-dialog.find5 .ux-select.disabled {pointer-events: none;background-color: #e9e9e9;}
.ui-dialog.find5 .ux-select.readonly .icon,
.ui-dialog.find5 .ux-select.disabled .icon {opacity: .4;}
.ui-dialog.find5 .ux-select .button-value {
	display: flex;justify-content: space-between;align-items: center;gap: 8px;
	width: 100%;height: 100%;padding: 10px 20px;border-radius: 10px;
}
.ui-dialog.find5 .ux-select .button-value .label {opacity: .4;}
.ui-dialog.find5 .ux-select.has-selected .button-value .label {opacity: 1;}
.ui-dialog.find5 .ux-select.is-opened .icon {transform: rotate(180deg); transition: all .2s ease;}
.ui-dialog.find5 .ux-select .icon {flex-shrink: 0; width: 24px;height: 24px;background-image: url("/images/find5/icon_select_caret.svg");  transition: all .2s ease;}
.ui-dialog.find5 .ux-select .icon .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ui-dialog.find5 .ux-select .options {display: none;}


.ui-dialog.find5 .ux-button {
	display: inline-flex;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;min-width: 0;overflow: hidden;
	line-height: normal;text-align: center;cursor: pointer;background: none;background-color: transparent;text-transform: none;
}

.ui-dialog.find5 .ux-button {font-size: .875rem;}
.ui-dialog.find5 .ux-button.hoverline:hover {border-bottom: 1px solid #222;}
.ui-dialog.find5 .ux-button.underline .icon {width: 20px;height: 20px;}
.ui-dialog.find5 .ux-button .icon {width: 24px;height: 24px;}
.ui-dialog.find5 .ux-button .label {white-space: nowrap;line-height: 1.5;}
.ui-dialog.find5 .ux-button.button-to-list {font-size: 1.125rem; font-weight: 600;}

.ui-dialog.find5 .ux-button.h1 {gap: 4px;height: 56px !important;font-size: 1rem;font-weight: 600;padding: 0 24px !important;border-radius: 10px !important;}
.ui-dialog.find5 .ux-button.h1 .icon {width: 28px;height: 28px;}
.ui-dialog.find5 .ux-button.outlined.h1 .icon {width: 20px;height: 20px;}
.ui-dialog.find5 .ux-button.h2 {gap: 4px;height: 44px !important;font-size: 1rem;font-weight: 400;padding: 0 12px !important;border-radius: 8px !important;min-width: 100px;}
.ui-dialog.find5 .ux-button.h2 .icon {width: 24px;height: 24px;}
.ui-dialog.find5 .ux-button.h3 {gap: 4px;height: 40px !important;font-size: .875rem;font-weight: 400;padding: 0 20px !important;border-radius: 8px !important;}
.ui-dialog.find5 .ux-button.h3 .icon {width: 24px;height: 24px;}
.ui-dialog.find5 .ux-button.contained {height: 24px;color: #fff;padding: 0 12px;border-radius: 4px;background-color: #222;}
.ui-dialog.find5 .ux-button.contained.primary {background-color: #00a2c5;}
.ui-dialog.find5 .ux-button.contained.light-primary {background-color: #66C7DC;}
.ui-dialog.find5 .ux-button.contained.dismiss {background-color: #666;}
.ui-dialog.find5 .ux-button.contained.nagative {background-color: #fb5b5B;}
.ui-dialog.find5 .ux-button.contained.etc {background-color: #2A3B84;font-size: .75rem;}

.ui-dialog.find5 .ux-button.outlined {height: 24px; font-size: .875rem;color: #222;padding: 0 8px;border: 1px solid #ccc;border-radius: 4px;background: #fff;}
.ui-dialog.find5 .ux-button.outlined.primary {color: #00a2c5;border-color: #00a2c5;}
.ui-dialog.find5 .ux-button.outlined.dismiss {color: #666;border-color: #666;}

.ui-dialog.find5 .ux-button.button-text {gap: 4px;justify-content: flex-start;font-size: 1rem;}
.ui-dialog.find5 .ux-button.button-text.button-angle-right .icon {background-color: #222;}

.ui-dialog.find5 .ux-button.button-table {font-size: .75rem;}

.ui-dialog.find5 .ux-button.button-icon {gap: 4px;}

.ui-dialog.find5 .ux-button.primary.button-refresh {font-size: .75rem; padding: 0 6px; gap: 2px;}

.ui-dialog.find5 .ux-button.disabled-exception,
.ui-dialog.find5 .ux-button.disabled-exception:disabled {background-color: #009632 !important;color: #fff !important;}

.ui-dialog.find5 .ux-button.h2 {height: 44px;font-size: 1rem;}

.ui-dialog.find5 .ux-button .icon {flex-shrink: 0;}

.ui-dialog.find5 .ux-button.icon-only .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}

.ui-dialog.find5 .ux-button:disabled {color: #bfbfbf !important;background-color: #e9e9e9 !important;cursor: none;}




.ui-dialog.find5 .ux-button-bar {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center; gap: 8px;}
.ui-dialog.find5 .ux-button-bar.left {justify-content: flex-start;}
.ui-dialog.find5 .ux-button-bar.right {justify-content: flex-end;}
.ui-dialog.find5 .ux-button-bar.proc {width: 100%; gap: 0;}
.ui-dialog.find5 .ux-button-bar.proc .ux-button {flex-basis: 50%;text-align: center;border-radius: 0 !important;}
.ui-dialog.find5 .ux-button-bar.proc .ux-button:only-of-type {flex-basis: 100%;}
.ui-dialog.find5 .ux-button-bar.proc.vertical {flex-direction: column;gap: 8px;}
section.dock .ux-button-bar.proc.vertical {padding: 0 20px 24px 20px;}
.ui-dialog.find5 .ux-button-bar.proc.vertical .ux-button {width: 100%;flex-basis: auto;text-align: center;border-radius: 8px;}




.ui-dialog.find5 .ux-conditional .conditional-set {position: absolute;max-height: 0;overflow: hidden;transition: max-height .4s ease;}
.ui-dialog.find5 .ux-conditional.set .conditional-set {position: relative;max-height: 100px;}

.ui-dialog.find5 .ux-conditional-mobile .ux-selectable .ux-button.org {padding-top: 8px;padding-bottom: 4px;}







.ui-dialog.find5 .ui-table {display: flex;overflow: hidden;overflow-x: auto;font-size: .875rem;border-top: 1px solid rgba(0, 0, 0, .12);}
.ui-dialog.find5 .ux-table {position: relative;width: calc(100% + 1px);line-height: 1.5; margin-left: -1px;}
.ui-dialog.find5 .ux-table:before {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #fff;content: "";  }
.ui-dialog.find5 .ux-table th,
.ui-dialog.find5 .ux-table td {padding: 12px 16px;border-bottom: 1px solid rgba(0, 0, 0, .12);border-left: 1px solid rgba(0, 0, 0, .12);}
.ui-dialog.find5 .ux-table th {word-break: keep-all;background-color: #e9e9e9;}
.ui-dialog.find5 .ux-table thead {}
.ui-dialog.find5 .ux-table thead th {font-weight: 600;}
.ui-dialog.find5 .ux-table thead td {}
.ui-dialog.find5 .ux-table tbody {}
.ui-dialog.find5 .ux-table tbody th {word-break: keep-all;}
.ui-dialog.find5 .ux-table tbody th + td {border-left: 0;}
.ui-dialog.find5 .ux-table tbody td {word-break: break-all;}
.ui-dialog.find5 .ux-table.center th,
.ui-dialog.find5 .ux-table.center td {text-align: center;}
.ui-dialog.find5 .ux-table.left th,
.ui-dialog.find5 .ux-table.left td {text-align: left;}
.ui-dialog.find5 .ux-table.right th,
.ui-dialog.find5 .ux-table.right td {text-align: right;}
.ui-dialog.find5 .ux-table th.center,
.ui-dialog.find5 .ux-table td.center {text-align: center;}
.ui-dialog.find5 .ux-table th.left,
.ui-dialog.find5 .ux-table td.left {text-align: left;}
.ui-dialog.find5 .ux-table th.right,
.ui-dialog.find5 .ux-table td.right {text-align: right;}
.ui-dialog.find5 .ui-table::-webkit-scrollbar {height: 8px;}
.ui-dialog.find5 .ui-table::-webkit-scrollbar-track {background: #fff;}
.ui-dialog.find5 .ui-table::-webkit-scrollbar-thumb {background-color: #c9c9c9;border-radius: 4px;border: 2px solid #fff;}

.ui-dialog.find5 .ux-table td.has-button {display: flex;justify-content: space-between;align-items: flex-start;gap: 8px;}
.ui-dialog.find5 .ux-table td.has-button .ux-button {flex-shrink: 0;}



.ui-dialog.find5 .ui-table + .ui-footnote {margin-top: 32px;}
.ui-dialog.find5 .ui-footnote p {font-size: .875rem;color: #666;word-break: keep-all;}




.ui-dialog.find5 .ui-grid.col-2 > ul {--col: 2;--gap: 12px;}
.ui-dialog.find5 .ui-grid.col-3 > ul {--col: 3;--gap: 8px;}
.ui-dialog.find5 .ui-grid.col-4 > ul {--col: 4;--gap: 8px;}
.ui-dialog.find5 .ui-grid > ul {display: flex;flex-wrap: wrap;gap: var(--gap);width: 100%;}

.ui-dialog.find5 .ui-grid > ul > li {flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / var(--col) - var(--gap) / var(--col) * (var(--col) - 1));}
.ui-dialog.find5 .ui-grid > ul > li {width: auto;}



.ui-dialog.find5 .ui-grid.col-1 > ul {flex-direction: column;align-items: flex-start;gap: 16px;}
.radio-group.ui-grid.col-1 > ul {gap: 8px;}
.ui-dialog.find5 .ui-grid.col-1 > ul > li {flex-basis: 100%;width: 100%;}

.ui-dialog.find5 .ui-org-list .org {
	flex-grow: 0;flex-shrink: 0;flex-basis: auto;
	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 8px;
	width: 100%;height: 100%;font-size: .875rem;padding: 8px 4px;border-radius: 10px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .16);
	transition: box-shadow .3s ease;
}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org {flex-direction: row;}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org .media {display: flex;justify-content: center;align-items: center;padding: 0 8px;}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org .icon-bg {
	display: flex;justify-content: center;align-items: center;
	width: 48px;height: 48px;border-radius: 50%;background: #f5f5f5;
}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org.selected .icon-bg {background: #fafafa;}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org .meta {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org .info {display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org .info .name {
	width: calc(100% - 64px - 24px);text-align: left;font-size: .875rem;font-weight: 600;color: #222;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org .info .desc {font-size: .75rem;color: #666;}
.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org .info .desc ul {display: flex;flex-direction: column;align-items: flex-start;}

.ui-dialog.find5 .ui-grid.col-1.ui-org-list .org.certify {width: 100%;}




.ui-dialog.find5 .ui-org-list .ux-checkbox.org {background-image: none;}
.ui-dialog.find5 .ui-org-list .org input[type="checkbox"] {
	position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);
}
.ui-dialog.find5 .ui-org-list .org .icon {
	--w: 32px;--h: 32px;
	width: var(--w);height: var(--h);
	background-image: none;
}
.ui-dialog.find5 .ui-org-list .org .icon img {display: block;width: 100%;height: 100%;}
.ui-dialog.find5 .ui-org-list .org .label {display: flex;justify-content: center;align-items: center;height: 24px;text-align: center;}
.ui-dialog.find5 .ui-org-list .org .text {white-space: normal;}
.ui-dialog.find5 .ui-org-list .org.text-overflowed .label {font-size: .8em;}

.ui-dialog.find5 .ui-org-list .org.selected {background-color: #fff;box-shadow: inset 0 0 0 2px rgba(0, 162, 197, 1);}
.ui-dialog.find5 .ui-org-list .org.selected span {color: #00a2c5;font-weight: 600;}
.ui-dialog.find5 .ui-org-list .org:not(.certify).selected .icon {background-image: url("/images/find5/icon_certify_checked.svg");background-repeat: no-repeat;background-size: var(--w) var(--h);}
.ui-dialog.find5 .ui-org-list .org:not(.certify).selected .icon img {opacity: 0;}
.ui-dialog.find5 .ui-org-list .org.disabled {pointer-events: none;background-color: #e9e9e9;opacity: .6;}

.ui-dialog.find5 .ui-org-list .certify {gap: 4px;padding: 12px;}
.ui-dialog.find5 .ui-org-list .certify .icon {
	--w: 24px;--h: 24px;
	width: var(--w);height: var(--h);
	background-image: url("/images/find5/icons_certify.svg");
	background-repeat: no-repeat;
}
.ui-dialog.find5 .ui-org-list .certify.certify-common .icon {background-position: calc(var(--w) * 0) calc(var(--h) * 0);}
.ui-dialog.find5 .ui-org-list .certify.certify-common.selected .icon {background-position: calc(var(--w) * 0) calc(var(--h) * 0);}

.ui-dialog.find5 .ui-org-list .certify.certify-financial .icon {background-position: calc(var(--w) * -1) calc(var(--h) * 0);}
.ui-dialog.find5 .ui-org-list .certify.certify-financial.selected .icon {background-position: calc(var(--w) * -1) calc(var(--h) * 0);}

.ui-dialog.find5 .ui-org-list .certify.certify-easy .icon {background-position: calc(var(--w) * -2) calc(var(--h) * 0);}
.ui-dialog.find5 .ui-org-list .certify.certify-easy.selected .icon {background-position: calc(var(--w) * -2) calc(var(--h) * 0);}

.ui-dialog.find5 .ui-org-list.label-row-2 .certify {justify-content: center;padding: 4px;}
.ui-dialog.find5 .ui-org-list.label-row-2 .certify .label {height: auto;line-height: 1.25;}





.ui-dialog.find5 .ui-cert-result {}
.ui-dialog.find5 .ui-cert-result ul {display: flex;flex-direction: column;gap: 8px;}
.ui-dialog.find5 .ui-cert-result .cert-result {display: flex;align-items: center;gap: 8px;height: 72px;}
.ui-dialog.find5 .ui-cert-result .button-cert {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	height: 100%;padding: 20px;border-radius: 10px;
	box-shadow: inset 0 0 0 2px rgba(0, 162, 197, 1);
}
.ui-dialog.find5 .ui-cert-result .button-cert .meta {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;justify-content: flex-start;align-items: center;gap: 8px;
}
.ui-dialog.find5 .ui-cert-result .button-cert .media {flex-grow: 0;flex-shrink: 0;flex-basis: 20px;}
.ui-dialog.find5 .ui-cert-result .button-cert .meta .icon {--w: 24px;--h: 24px; width: var(--w);height: var(--h);}
.ui-dialog.find5 .ui-cert-result .button-cert .meta .icon img {display: block;height: 100%;}
.ui-dialog.find5 .ui-cert-result .button-cert .meta .label {font-size: .875rem;}
.ui-dialog.find5 .ui-cert-result .button-cert .media .icon {
	--w: 20px;--h: 20px;width: var(--w);height: var(--h);
	background-image: url("/images/find5/icon_angle_aside_login.svg");background-repeat: no-repeat;background-position: 50% 50%;background-size: var(--w) var(--h);
}
.ui-dialog.find5 .ui-cert-result .button-cert.disabled {pointer-events: none;background-color: #e9e9e9;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .16);}
.ui-dialog.find5 .ui-cert-result .button-cert.disabled .meta .label,
.ui-dialog.find5 .ui-cert-result .button-cert.disabled .media .icon {opacity: .4;}

.ui-dialog.find5 .ui-cert-result .result {
	flex-grow: 0;flex-shrink: 0;flex-basis: 102px;
	display: flex;flex-direction: column;justify-content: center;align-items: center;
	height: 100%;font-size: .875rem;border-radius: 10px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .16);
}
.ui-dialog.find5 .ui-cert-result .result.done,
.ui-dialog.find5 .ui-cert-result .result.current {box-shadow: none;}
.ui-dialog.find5 .ui-cert-result .result.done {color: #fff;background-color: #00a2c5;}
.ui-dialog.find5 .ui-cert-result .result.current {color: #fff;background-color: #222;}



.ui-dialog.find5 .ui-cert-step {}
.ui-dialog.find5 .ui-cert-step ol {display: flex; flex-direction: column; gap: 8px;}
.ui-dialog.find5 .ui-cert-step .cert-step {display: flex; gap: 8px; align-items: center; padding: 16px 12px; font-size: .875rem; background-color:#F5FDFF; border-radius: 10px;}
.ui-dialog.find5 .ui-cert-step .media {display: flex; align-items: center; justify-content: center;width: 48px; height: 48px; background-color: #fff; border-radius: 50%;}
.ui-dialog.find5 .ui-cert-step .media .icon {--w: 32px;--h: 32px; width: var(--w);height: var(--h);background-image: url("/images/find5/icons_certify_step.svg");}
.ui-dialog.find5 .ui-cert-step .media .icon.step-01 {background-position: calc(var(--w) * 0) calc(var(--h) * -1);}
.ui-dialog.find5 .ui-cert-step .media .icon.step-02 {background-position: calc(var(--w) * -1) calc(var(--h) * -1);}
.ui-dialog.find5 .ui-cert-step .media .icon.step-03 {background-position: calc(var(--w) * -2) calc(var(--h) * -1);}
.ui-dialog.find5 .ui-cert-step .meta {display: flex; flex-direction: column; gap: 4px;}
.ui-dialog.find5 .ui-cert-step .meta .title {font-weight: 600; color: #00a2c5;}



.ui-dialog.find5 .ux-dialog .h4.ui-cert-details {gap: 32px;}
.ui-dialog.find5 .ui-cert-details .ux-title {text-align: center;}
.ui-dialog.find5 .ui-cert-details .ux-title .desc p {font-size: .875rem;color: #666;}
.ui-dialog.find5 .ui-cert-details .cert-details {display: flex;flex-direction: column;gap: 32px;}
.ui-dialog.find5 .ui-cert-details .cert-details .media {display: flex;justify-content: center;align-items: center;}
.ui-dialog.find5 .ui-cert-details .cert-details .media .icon {
	display: block;position: relative;width: 100px;height: 100px;;
	background-image: url("/images/find5/icon_cert_wire_frame.svg");
	background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;
}
.ui-dialog.find5 .ui-cert-details .cert-details .media .icon .logo {position: absolute;top: 50%;right: 0;width: 40px;height: 40px;transform: translateY(-50%);}
.ui-dialog.find5 .ui-cert-details .cert-details .media .icon .logo img {display: block;height: 100%;}
.ui-dialog.find5 .ui-cert-details .cert-details .meta {display: flex;flex-direction: column;gap: 16px;padding: 16px;border-radius: 10px;background-color: #e9e9e9;}
.ui-dialog.find5 .ui-cert-details .cert-details .meta h5 {line-height: 1.5;font-size: .875rem;word-break: keep-all;}
.ui-dialog.find5 .ui-cert-details .cert-details .meta .text-list {counter-reset: item;}
.ui-dialog.find5 .ui-cert-details .cert-details .meta .text-list ol {
	display: flex;flex-direction: column;gap: 8px;
}
.ui-dialog.find5 .ui-cert-details .cert-details .meta .text-list li {position: relative;font-size: .75rem;color: #666;padding-left: 1.2em;}
.ui-dialog.find5 .ui-cert-details .cert-details .meta .text-list li:before {
	position: absolute;top: 0;left: 0;
	counter-increment: item;content: counter(item) ". ";
}




.ui-dialog.find5 .ux-chip {
	display: flex;align-items: center;
	height: 24px;padding: 0 12px;background-color: rgba(0, 0, 0, .8);color: #fff;border-radius: 4px;}
.ui-dialog.find5 .ux-chip.type-01 {background-color: #009632;}
.ui-dialog.find5 .ux-chip .label {font-size: .75rem;font-weight: 400;text-align: center;}





.ui-dialog.find5 .ux-tooltip {display: flex;gap: 4px;position: relative;}
.ui-dialog.find5 .ux-tooltip .ui-tooltip {display: none;}
.ui-dialog.find5 .ui-tooltip {position: absolute;padding: 8px 0;opacity: 0;transition: opacity .3s ease;}
.ui-dialog.find5 .ui-tooltip.on {opacity: 1;}
.ui-dialog.find5 .ui-tooltip .tooltip {
	width: 72vw;font-size: .75rem;
	border-radius: 4px;background: #fff;
	box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, .08);
}
.ui-dialog.find5 .ui-tooltip .tooltip-title,
.ui-dialog.find5 .ui-tooltip .tooltip-content {position: relative;background: #fff;}
.ui-dialog.find5 .ui-tooltip .tooltip-title {padding: 12px;}
.ui-dialog.find5 .ui-tooltip .tooltip-title h6 {font-size: .75rem;}
.ui-dialog.find5 .ui-tooltip .tooltip-content {color: #666;padding: 0 12px 12px 12px;}
.ui-dialog.find5 .ui-tooltip:before {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;content: "";}
.ui-dialog.find5 .ui-tooltip:before {z-index: 51;}
.ui-dialog.find5 .ui-tooltip .tooltip-title,
.ui-dialog.find5 .ui-tooltip .tooltip-content {z-index: 52;}
.ui-dialog.find5 .ui-tooltip .tooltip-content .media img {width: 100%;}

.button-tooltip {gap: 4px;}


.ui-dialog.find5 .ui-result > article {align-items: center;justify-content: center;}
.ui-dialog.find5 .ui-result .ux-result {gap: 20px;padding: 32px 0;}
.ui-dialog.find5 .ui-result .ux-result .icon {width: 100px;height: 100px;}
.ui-dialog.find5 .ui-result .ux-result .message {gap: 8px;}
.ui-dialog.find5 .ui-result .ux-result .message .label {color: #222;}
.ui-dialog.find5 .ux-result {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;padding: 24px 0;}
.ui-dialog.find5 .ux-result .icon {display: block;width: 100px;height: 100px;}
.ui-dialog.find5 .ux-result .message {display: flex;flex-direction: column;align-items: center;gap: 4px;}
.ui-dialog.find5 .ux-result .message .label {font-size: 1.125rem;font-weight: 600;text-align: center;word-break: keep-all;}
.ui-dialog.find5 .ux-result .message .desc {font-size: .875rem;font-weight: 400;color: #666;text-align: center;}
.ui-dialog.find5 .ux-result.no-result.type-02 {height: 100%;}
.ui-dialog.find5 .ux-result.success .icon {background-image: url("/images/find5/img_success.svg");}
.ui-dialog.find5 .ux-result.no-result .icon {background-image: url("/images/find5/img_no_result.svg");}
.ui-dialog.find5 .ux-result.no-result.type-01 .icon {background-image: url("/images/find5/img_no_result_t1.svg");}
.ui-dialog.find5 .ux-result.no-result.type-02 .icon {background-image: url("/images/find5/img_no_result_t2.svg");}

.ui-dialog.find5 .ux-result.certify-common {gap: 24px; padding: 0;}
.ui-dialog.find5 .ux-result.certify-common .media {display: flex;flex-direction: column;gap: 8px;align-items: center;}
.ui-dialog.find5 .ux-result.certify-common .media .icon {width: 80px;height: 80px;background-image: url("/images/find5/img_result_certify_common.svg");}
.ui-dialog.find5 .ux-result.certify-common .ux-card {padding: 20px 16px;width: 100%;}
.ui-dialog.find5 .ux-result.certify-common .ux-card .card .title {font-size: 1rem;font-weight: 600;}
.ui-dialog.find5 .ux-result.certify-common .ux-card .card > ul {display: flex;flex-direction: column;gap: 12px;}
.ui-dialog.find5 .ux-result.certify-common .ux-card .card > ul ul {display: flex;flex-direction: column;gap: 8px;font-size: .75rem;color: #666;font-weight: 400;}


















.ui-dialog.find5 {z-index: 1040;}
.ui-dialog.find5 {display: flex;background-color: rgba(0, 0, 0, .8);}
.ui-dialog.find5 .ux-dialog {width: 480px;height: auto;}