@charset "UTF-8"; 

/* 공통 */
.section-contents {width: 100%;}
.section-container {max-width: 100%;padding: 1.6rem 1.6rem 4rem 1.6rem;}

.hgroup {display: flex;align-items: center;justify-content: space-between;margin-bottom: 2rem;}
.hgroup.row {flex-flow: column;align-items: flex-start;}
.hgroup .con-title {margin-top: 0;margin-bottom: 0;}

.bul-list li {position:relative;font-size:1.2rem;padding-left:1.4rem}
.bul-list li:before {font-size: 1.2rem;position: absolute;left:0;content: '※';}
.bul-list.primary-type li {color:var(--primary)}
.bul-list.primary-type li:before {color:var(--primary)}

.input-form {margin-bottom: 1.2rem;}
.input-form > div:first-child {margin-top: 0;}
.input-form select {width: 100%;}

.inp-length-status {margin:0;margin-left:auto;}

.form-input, .select_wrap {margin-top: 1.2rem;}
.select_wrap .form-input-label,
.form-input .form-input-label {display: block;margin-bottom: 0.6rem;font-size: 1.6rem;font-weight: 500;color: var(--gray-90);}
.form-input .input-text {width: 100%;}
.form-input .input-text input[type=number] {height: 4.6rem;padding: 0 1rem;border: 0.1rem solid #C6C6C6;border-radius: 0.2rem;background-color: #fff;}
.form-input .input-text input[type=number]::placeholder {color:var(--gray-40) !important; letter-spacing:0; font-weight:400;}
.form-input .input-wrap.col2 input {width: calc(50% - 1rem);}

.radio-wrap {display: grid;grid-template-columns: repeat(2, 1fr);}
.radio-wrap.col3 {grid-template-columns: repeat(3, 1fr);}
.radio-wrap.col4 {grid-template-columns: repeat(4, 1fr);}
.radio-wrap input {position: absolute;width: 0.1rem;height: 0.1rem;margin: -0.1rem;overflow: hidden;clip-path: rect(0 0 0 0);}
.radio-wrap input::before {display: none;}
.radio-wrap input::after {display: none;}
.radio-wrap input:checked + label {border-color: var(--primary);z-index: 1;}
.radio-wrap label {text-align: center;padding: 0.8rem;border: 0.1rem solid var(--line-gray);}
.radio-wrap label.blind{padding: 0;border: none;}
.radio-wrap label:nth-of-type(1) {border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.radio-wrap label:last-child {border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
.radio-wrap label:not(:first-child) {margin-left: -0.1rem;}

.con-result dl {padding: 2rem;border-radius: 1rem;background-color: #fff;}
.con-result dl dt {margin-bottom: 1em;font-size: 1.8rem;font-weight: 700;}
.con-result dd + dt {margin-top: 2rem;padding-top: 2rem;border-top: 0.1rem dashed var(--color-base);}
.con-result .list li {padding: 2rem;border: 0.1rem solid var(--line-gray);border-radius: 2.3rem;}
.con-result .list li:not(:first-child) {margin-top: 1rem;}
.con-result .list li.empty p {display: flex;align-items: center;justify-content: center;min-height: 8rem;}
.con-result .list + .btn-group {margin-top: 2rem;}
.con-result .toolbar {display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;}
.con-result .toolbar .input-check {font-size: 1.2rem;}
.con-result .toolbar a.underline {font-size: 1.2rem;}
.con-result .hgroup {display: flex;align-items: center;justify-content: space-between;}
.con-result .hgroup strong {display: block;font-size: 1.3rem;}
.con-result .hgroup span {font-size: 1.2rem;}
.con-result .hgroup + .tbl-type1 {position: relative;margin-top: 3rem;}
.con-result .hgroup + .tbl-type1::before{content: '';position: absolute;top: -1.5rem;width: 100%;height: 0.1rem;background-color: var(--line-gray);}
.con-result .hgroup .cer-btn {height: 3.6rem;border: 0.1rem solid var(--primary-20);background-color: var(--primary-5);font-size: 1.2rem;color: var(--primary);}
.con-result table {width: 100%;}
.con-result table th,
.con-result table td {padding: 0.5rem 0;font-size: 1.2rem;}
.con-result .tbl-type1 th, 
.con-result .tbl-type1 th {text-align: left;}
.con-result .tbl-type1 td {font-weight: 700;text-align: right;}

div.notice {margin-top: 2rem;padding: 2rem;border-radius: 1rem;background-color: var(--bg-blue);}
div.notice + .btn-group {display: flex;justify-content: center;margin-top: 4rem;}

p.notice {padding-bottom: 1rem;text-align: center;}
p.notice strong {font-size: 1.4rem;}
p.notice span {font-size: 1.2rem;}

.btn-group {display: flex;justify-content: center;margin-top: 4rem;}
.btn-group .btn:not(:first-child) {margin-left: 0.5rem;}

 .data-list table + .text-btn {display:block;margin:3rem auto 0;font-size: 1.6rem;font-weight: 600;text-decoration: underline;text-underline-offset: 2px;color:#111;text-align: center;}

/* 연금소득원천징수 */
.pension-wrap .con-filter {padding-bottom: 3rem;}
.pension-wrap .con-detail {margin-top: 2rem;}
.pension-wrap .con-detail .con-result {margin: 0;padding: 0;background-color: #fff;}
.pension-wrap .con-result {margin: 0 -1.6rem;padding: 3rem 2rem;background-color: var(--bg-blue);}

/* 사업장 사용자 부담금 납부확인서 */
.burden-pay-wrap .con-filter + .con-result {margin-top: 4rem;}

/* 증명서 진위확인 */
.certify-wrap .useDatepicker {width:100%;}
.certify-wrap .bul-list {margin-top: 1.2rem;}
.certify-wrap .result-list li {margin-top: 0.4rem;display:flex;justify-content: space-between;align-items: center;}
.certify-wrap .result-list span {max-width: 6rem;}
.certify-wrap .result-list p {max-width: 20rem;word-break: keep-all;text-align: right;color:#000;font-weight: 500;}

/* 소득공제용 납부확인서 */
.income-check-wrap .income-list-box {padding: 2rem;margin: 4rem 0 6rem;}
.income-check-wrap .income-list-box strong {font-size: 1.8rem;color:#000;display: block;margin-bottom:3rem;}
.income-check-wrap .income-list-box li {display:flex;justify-content:space-between;align-items:center;margin-top: 0.4rem;font-size: 1.4rem;}
.income-check-wrap .income-list-box li strong {margin:0;font-size:1.4rem;}
.income-check-wrap .list-sum {display:flex;justify-content:space-between;align-items:center;padding: 1.2rem 0;margin-top: 1.2rem;font-size: 1.4rem;border-top: 0.1rem solid #dedede}
.income-check-wrap .list-sum strong {margin:0;}

/* 연금지급내역서 */
.pension-give-wrap .langs {display: flex;border: 0.1rem solid var(--line-gray);border-radius: 1rem;}
.pension-give-wrap .lang {display: flex;align-items: center;justify-content: center;width: 6rem;height: 3rem;border-radius: 1rem;}
.pension-give-wrap .lang.active {background-color: var(--gray-70);color: #fff;}
.pension-give-wrap .con-filter {padding-bottom: 3rem;}
.pension-give-wrap .con-detail {margin-top: 2rem;}
.pension-give-wrap .con-detail .con-result {margin: 0;padding: 0;background-color: #fff;}
.pension-give-wrap .con-result {margin: 0 -1.6rem;padding: 3rem 2rem;background-color: var(--bg-blue);}

/* (전자증명서) 타 기관 발급 신청, (대법원)전자가족관계등록시스템*/
.link-list-wrap .link-list-group + .link-list-group {margin-top: 3.2rem}
.link-list-wrap .link-list-group li + li {margin-top: 1.2rem;}
.link-list-wrap .link-list-group li {padding: 0 1.4rem;}
.link-list-wrap .link-list-group a {display:block;position:relative;padding-right: 2rem;font-size: 1.5rem;}
.link-list-wrap .link-list-group a:after{display:block; content:''; width: 1.2rem;height: 1.2rem;background: url(/images/common/ic_links_arr.svg) 50% 50% / contain no-repeat;position:absolute; right:0;top:50%;transform: translateY(-50%);}
.link-list-wrap .top-msg-box .bul-list {margin-top: 1rem;}
.link-list-wrap .list-num-circle {margin-top: 0.5rem;}

.certificate-swap .con-filter + .con-result {margin-top: 2rem;}

/* 모바일개선요청 게시판 상세 */
.reply_wrap {padding: 20px;background: rgba(0,0,0,.02);}
.reply_wrap .reply_bx {position:relative;background: #fff;padding: 3rem;box-shadow: 2px 3px 11px 5px rgb(0 0 0 / 10%);}
.reply_wrap dt {font-size: 2rem;font-weight: bold;color: #000;margin-bottom: 1rem;}
.reply_wrap .reply_logo {margin-left:auto;display:block;width:12rem;height:3rem; background:url(/images/common/footer_logo.svg) center no-repeat; text-align:left; overflow:hidden; text-indent:-9999rem;background-size:cover;}

/* 마이알리미 */
.notice-contents .sort-wrap {position:relative}
.notice-contents .sort-wrap ul {display: flex; padding-right: 3rem; overflow: auto;}
.notice-contents .sort-wrap li {padding:.75rem 1.2rem;border-radius: 1.2rem; background:#F4F5F7; color:#000;margin:0 .4rem .8rem 0;flex:none;font-size:1.4rem}
.notice-contents .sort-wrap li a {color:#000;}
.notice-contents .sort-wrap li.active {background:#359CE7;color:#fff;}
.notice-contents .sort-wrap li.active a {color:#fff;}
.notice-contents .sort-wrap .btn-sort {position:absolute;right:0;top:0.5rem;;width:2.4rem;height:2.4rem;border-radius:50%;box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.1);border:1px solid #ddd;background:#fff;background-image: url(/images/temp/ic_arrow-down.svg);background-repeat: no-repeat;background-position: center;transition:.2s;}
.notice-contents .sort-wrap.active ul {flex-wrap: wrap;}
.notice-contents .sort-wrap.active .btn-sort {transform: rotate(180deg);transition:.2s;}
.notice-contents .date-search-wrap {margin:3.2rem 0 4rem;display: flex;flex-wrap: wrap;align-items: center;}
.notice-contents .notice-title-s {width:100%;margin:0;margin-bottom:.8rem;font-size: 1.6rem;font-weight: 700;}
.notice-contents .date-search-wrap .inp-search {display: flex;min-width: calc(100% - 66px); align-items: center;}
.notice-contents .date-search-wrap .inp-search .useDatepicker {width:40%}
.notice-contents .date-search-wrap .txt-split {margin:0 .5rem}
.notice-contents .date-search-wrap .btn-search {font-size: 1.4rem;border-radius: 1.2rem;border:1px solid #E0E0E0;padding:1.15rem 1.45rem;text-decoration: none;color:#111;margin-left:1rem}
.notice-contents .notice-title-m {font-size: 2rem;font-weight: 700;margin:0;margin-bottom: 2.2rem;}
.notice-contents .notice-cont-list li a {display: flex;align-items: center;}
.notice-contents .notice-cont-list li + li {margin-top: 2.4rem;}
.notice-contents .notice-cont-list .row-root.flex {display: flex;align-items: center;justify-content: space-between;}
.notice-contents .notice-cont-list .icon-group {display:flex;justify-content:center;align-items:center;width: 3.2rem;height:3.2rem;}
.notice-contents .notice-cont-list .icon-group img {width: 3.2rem;}
.notice-contents .notice-cont-list .text-group {margin-left: 1.2rem;}
.notice-contents .notice-cont-list .text-group p {font-size:1.4rem;font-weight: 600;color:#111;}
.notice-contents .notice-cont-list .text-group .cate {font-size: 1.2rem;color: #333;font-weight: 500;}
.notice-contents .notice-cont-list .text-group .date {padding-left:1.7rem;font-size: 1.2rem;font-weight: 400;color:#8C8C8C}
.notice-contents .text-btn {display:block;margin:2rem auto;font-size: 1.4rem;font-weight: 600;text-decoration: underline;text-underline-offset: 2px;color:#111;text-align: center;}
.notice-contents .empty-result {margin-top: 8rem;padding-top:8.8rem;text-align: center;background-image: url(/images/temp/ic_notice-push.png);background-size: 6.4rem;background-repeat: no-repeat;background-position: 50% 0;}
.notice-contents .empty-result p {margin-bottom:0.8rem;font-size: 1.6rem;font-weight: 500; color:#333;}
.notice-contents .empty-result span {display:block;font-size: 1.4rem;font-weight: 400;color:#8C8C8C}
.notice-contents .empty-result .btn {display:inline-block;padding:1.15rem 2.45rem;font-size: 1.4rem;font-weight: 500;color:#111;border-radius: 1.2rem;border:1px solid #E0E0E0;margin-top: 2.4rem;color:#fff;}

@media all and (max-width:600px){
	.notice-contents .date-search-wrap .inp-search .useDatepicker {font-size:1.4rem}
}
/* 앱 설정화면 */
.toggle-box .inp-switch{display:inline-block; position:relative; cursor:pointer;}
.toggle-box .inp-switch input{position:absolute; left:-9999px;}
.toggle-box .inp-switch .switch-label{position:relative; width:80px;height:36px; display:block; border-radius:18px; background-color:var(--gray-20); overflow:hidden;}
.toggle-box .inp-switch .switch-label > span{display:block; text-align:left; position:absolute;left:-9999px;}
.toggle-box .inp-switch .switch-label .on{display:block;}
.toggle-box .inp-switch .switch-label .off{display:none;}
.toggle-box .inp-switch .switch-label:after{width:45px;height:30px; display:block;content:''; border-radius:15px;  display:flex; align-items: center; justify-content: center; color:#777; font-size:13px; font-weight:500; text-indent:0; position:absolute; top:3px; left:3px; content:'OFF'; color:var(--color-gray4);background:#fff; transition:all 0.3s;}
.toggle-box .inp-switch input:disabled + .switch-label{opacity:var(--opacity-disabled);}
.toggle-box .inp-switch input:checked + .switch-label:after{left:32px; background-color:var(--primary); color:#fff; content:'ON';}
.toggle-box .inp-switch input:checked + .switch-label .off{display:none;}
.toggle-box .inp-switch input:checked + .switch-label .on{display:block;}
.setting-wrap .line-col {border: 0.1rem solid #E0E0E0;border-radius:.4rem;}
.setting-wrap .line-col + .line-col {margin-top:1.6rem;}
.setting-wrap .line-col li {display:flex;justify-content:space-between;padding: 1.2rem;border-bottom:.1rem solid #E0E0E0}
.setting-wrap .line-col li:last-child {border-bottom:none;}
.setting-wrap .line-col .toggle-box {}
.setting-wrap .line-col li > a {position: relative;width:100%;display:flex;justify-content:space-between;align-items: center;}
.setting-wrap .line-col li > a::after{content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1.2rem;height: 1.2rem;background: url(/images/common/ic_links_arr.svg) 50% 50% / contain no-repeat;}

/* 앱 설정화면_약관보기팝업 */
.modal .setting-wrap .con-title {margin: 2rem 0;}
.setting-wrap .box {position:relative;padding-bottom:4.6rem;}
.setting-wrap .box:before {position: absolute;bottom: 0;height: 1.4rem;background: #f1f1f1;left: 0;content: '';width: calc(100% + 3.2rem);margin-left: -1.6rem;margin-right: -1.6rem;}
.setting-wrap .box + .box {margin-top:3.2rem}
.setting-wrap .box:last-child {padding:0;}
.setting-wrap .box:last-child:before {display:none;}
.setting-wrap .box .con-title small {display:block;font-size:1.4rem;font-weight:400;margin-top:.4rem;}
.setting-wrap .box .btn {width:100%;margin-top:1.6rem;}

/* 앱 설정화면_앱 권한 관리팝업 */
.modal .setting-wrap .stat-box {margin-top:5rem;border: 0.1rem solid #E0E0E0;border-radius:.4rem;}
.modal .setting-wrap .stat-box + .stat-box {margin-top:1.6rem;}
.modal .setting-wrap .stat-box-header {padding:1.2rem 2rem;background:#eee;display:flex;justify-content:space-between;align-items:center;}
.modal .setting-wrap .stat-box-header .btn-txt {font-weight:bold; color:#000;}
.modal .setting-wrap .stat-box p {padding:.8rem 2rem;color:#999;}
.modal .setting-wrap .stat-box-header p {padding:0;font-weight: 600;color: #444;}
.modal .setting-wrap .txt-list li {font-size:1.4rem;}
.modal .setting-wrap .txt-list > li + li {margin-top:.5rem}
.modal .setting-wrap p:not(.desc, .txt_sm-notice, .top-guide-box) {font-size: 1.4rem;}
.modal .setting-wrap p:last-child {font-size:1.4rem;color:#222;}
.modal .setting-wrap p.i-dash {color: #555;}
.modal .setting-wrap .txt_sm-notice {font-size:1.2rem;margin-top:.4rem;}
.modal .setting-wrap .sm-title {font-size: 1.5rem;font-weight: 600;margin: 1rem 0 0.4rem;}
.setting-wrap .txt_sm {font-size:1.4rem;color:#999;margin-top:.8rem}
.setting-wrap .color_blue {color:var(--info-60)}

/* 맞춤메뉴 팝업 */
.custom-menu-wrap .txt-group {margin:1.6rem 0 2.4rem;}
.custom-menu-wrap .txt-group strong {display:block;font-size:1.6rem;font-weight: 700;}
.custom-menu-wrap .txt-group p {font-size: 1.6rem;line-height: 2.4rem;font-weight: 500;}

.custom-menu-wrap .accItem {border:1px solid #E0E0E0;border-radius:1.2rem;overflow: hidden;}
.custom-menu-wrap .accItem + .accItem {margin-top: 1.2rem;}
.custom-menu-wrap .accItem.active .accSummary::after {transform: rotate(180deg);}
.custom-menu-wrap .accItem[data-state=text] .accSummary::before {content: '펼치기';position: absolute;top: 50%;right: 3.6rem;transform: translateY(-50%);font-size: 1.3rem;color: var(--color-base);}
.custom-menu-wrap .accItem[data-state=text].active .accSummary::before {content: '접기'}
.custom-menu-wrap .accSummary {position: relative;display:flex;justify-content:space-between;align-items:center;padding:1.7rem 1.6rem;font-size:1.4rem;font-weight:700;line-height:2rem;color:#444444;}
.custom-menu-wrap .accSummary strong {font-size: 1.7rem;color: var(--gray-90);}
.custom-menu-wrap .accSummary::after {content: '';width: 1.6rem;height: 1.6rem;transform: rotate(0);transition: all .2s ease;background: url(/images/contents/arr_acc.svg) center no-repeat;}
.custom-menu-wrap .accDetail {padding:1.6rem;height:auto;}
.custom-menu-wrap .accDetail ul {width: 100%;}
.custom-menu-wrap .accDetail ul:not(.cardList-item-info) {display: flex;flex-wrap:wrap;gap:.8rem;}
.custom-menu-wrap .accDetail li:not(.cardList-item) {position:relative;flex:48%;min-width:14rem;display: flex;justify-content: space-between;align-items: center;}
.custom-menu-wrap .accDetail li input[type=checkbox] {position: absolute;clip-path: rect(0 0 0 0);width: 0.1rem;height: 0.1rem;margin: -0.1rem;overflow: hidden;}
.custom-menu-wrap .accDetail li label {display: flex;align-items: center;width: 100%;height: 100%;padding:1.2rem;border-radius: 1.2rem;border:1px solid #E0E0E0;box-sizing: border-box;background:#fff;}
.custom-menu-wrap .accDetail span:not(.lb, .data) {flex:1;word-break: break-all;font-size: 1.4rem;color:#747474;font-weight: 500;}
.custom-menu-wrap .accDetail svg {width:1.6rem;height: 1.6rem;fill:#DFDFE0}
.custom-menu-wrap .accDetail li input[type=checkbox]:checked + label {border:1px solid #5084D8;background:#F8F9FB;}
.custom-menu-wrap .accDetail li input[type=checkbox]:checked + label span {color:#5084D8;}
.custom-menu-wrap .accDetail li input[type=checkbox]:checked + label svg {fill:#5084D8;}

.custom-menu-wrap .accDetail.list .cardList-item {padding: 0;border: none;border-radius: 0px;}
.custom-menu-wrap .accDetail.list li label {padding: 0;border: none;border-radius: 0px;}
.custom-menu-wrap .accDetail.list li input[type=checkbox] {position: relative;clip-path: none;width: 1.8rem;height: 1.8rem;margin: 0;}

.custom-menu-wrap .accDetail.custom > ul {flex-flow: column;}
.custom-menu-wrap .accDetail.custom > ul > li {flex: 100%;flex-wrap: wrap;margin-bottom: 1.2rem;}
.custom-menu-wrap .accDetail.custom > ul > li > span {flex: none;width: 100%;margin-bottom: 1rem;}
.custom-menu-wrap .accDetail.custom li {flex: 0 0 calc(50% - .4rem);}

.custom-menu-wrap.type2 .accDetail {padding-top: 0;}
.custom-menu-wrap.type2 .hgroup {margin-bottom: 0;}
.custom-menu-wrap.type2 .hgroup strong {width: 100%;margin-bottom: .5rem;font-size: 1.7rem;color: var(--gray-90);}
.custom-menu-wrap.type2 .hgroup span {display: flex;align-items: center;}
.custom-menu-wrap.type2 .hgroup span em {display: flex;align-items: center;font-weight: 600;}
.custom-menu-wrap.type2 table {width: 100%;font-size: 1.4rem;}
.custom-menu-wrap.type2 .hgroup span em::after{content: '';width: .1rem;height: 1rem;margin: 0 .5rem;background-color: #747474;}
.custom-menu-wrap.type2 dl {padding-top: 1.5rem;}
.custom-menu-wrap.type2 dl:first-child {border-top: .1rem solid var(--gray-40);}
.custom-menu-wrap.type2 dd {margin-top: 1rem;}
.custom-menu-wrap.type2 table th {color: var(--gray-50);}
.custom-menu-wrap.type2 table th, .custom-menu-wrap.type2 table td {padding-bottom: .5rem;} 
.custom-menu-wrap.type2 table tr:last-child th, .custom-menu-wrap.type2 table tr:last-child td {padding-bottom: 0;}
.custom-menu-wrap.type2 table td {text-align: right;font-weight: 700;}
.custom-menu-wrap.type2 .txt_status_0 {color: var(--gray-50);} /* 해당없음 */
.custom-menu-wrap.type2 .txt_status_a {color: var(--success-50);} /* 접수 */
.custom-menu-wrap.type2 .txt_status_b {color: var(--secondary-orange);}/* 진행 */
.custom-menu-wrap.type2 .txt_status_c {color: var(--secondary-orange);}/* 보완보정중 */
.custom-menu-wrap.type2 .txt_status_d {color: var(--secondary-orange);}/* 관련부서협조요청중 */
.custom-menu-wrap.type2 .txt_status_e {color: var(--secondary-orange);}/* 타기관협조의뢰중 */
.custom-menu-wrap.type2 .txt_status_f {color: var(--secondary-orange);} /* 사실조사중 */
.custom-menu-wrap.type2 .txt_status_g {color: var(--success-50);} /* 종결(과오납금) */
.custom-menu-wrap.type2 .txt_status_h {color: var(--point-50);} /* 지연통지 */
.custom-menu-wrap.type2 .txt_status_i {color: var(--green);} /* 담당자지정 */
.custom-menu-wrap.type2 .txt_status_n {color: var(--green);} /* 이송 */
.custom-menu-wrap.type2 .txt_status_o {color: var(--point-50);} /* 사업자임계자 소득신고후 상실 */
.custom-menu-wrap.type2 .txt_status_p {color: var(--point-50);} /* 취하 */
.custom-menu-wrap.type2 .txt_status_q {color: var(--point-50);} /* 기타 */
.custom-menu-wrap.type2 .txt_status_r {color: var(--primary);} /* 완료 */
.custom-menu-wrap.type2 .txt_status_s {color: var(--warning-60);} /* 기각 */
.custom-menu-wrap.type2 .txt_status_t {color: var(--warning-60);} /* 각하 */
.custom-menu-wrap.type2 .txt_status_u {color: var(--warning-60);} /* 인용 */
.custom-menu-wrap.type2 .txt_status_v {color: var(--warning-60);} /* 보완보정미회신종결 */
.custom-menu-wrap.type2 .txt_status_w {color: var(--warning-60);} /* 반복민원(기처리) */
.custom-menu-wrap.type2 .txt_status_x {color: var(--danger-50);} /* 미해당(부적격) */
.custom-menu-wrap.type2 .txt_status_y {color: var(--danger-50);} /* 접수등록착오(취소) */
.custom-menu-wrap.type2 .txt_status_z {color: var(--danger-50);} /* 기타비정상종결 */

/* 마이페이지_설문조사 목록 */
.survey-wrap .data-list td.status {font-size:12px;font-weight:bold}
.survey-wrap .data-list td.status.on {color:var(--primary);}
.survey-wrap .data-list.m-data-list .item_survey .title {max-width:80%}
.survey-wrap .data-list.m-data-list .hit {font-size:12px;color:#999}
.survey-wrap .data-list.m-data-list .hit:before {content: '총투표수 ';}
.survey-wrap .text-btn {display: block;margin: 2rem auto;font-size: 1.4rem;font-weight: 600;text-decoration: underline;text-underline-offset: 2px;color: #111;text-align: center;}
.survey-wrap .survey-header {margin-bottom: 2rem;padding: 1.2rem .8rem;border-bottom: 1px solid #999;border-top: 2px solid #999;background: #f7f7f7;}
.survey-wrap .survey-header .tit {display:block;margin-bottom:1rem;font-size:1.8rem}
.survey-wrap .survey-header .txt {font-size:1.4rem;}
.survey-wrap .survey-header .date {font-size: 1.4rem;display: inline-block;margin-left: .8rem;}
.survey-wrap .survey-item {border-bottom: 1px solid #eee;padding-bottom: 1.4rem;}
.survey-wrap .survey-item + .survey-item {margin-top:2rem;}
.survey-wrap .survey-item:last-child {border-bottom:none;}
.survey-wrap .survey-item dt {margin-bottom:1rem;font-size:1.8rem;}
.survey-wrap .survey-item .list li + li {margin-top:2rem}
.survey-wrap .survey-item .list dt > label {font-size:1.4rem;display:block;margin-bottom:-1rem;}
.survey-wrap .survey-item .fs14 {font-size:1.4rem}
.survey-wrap label.checkbox, .survey-wrap label.radio {font-size:1.4rem;margin-left:.4rem;}
.survey-wrap textarea {display:block;width:100%;min-height:8rem;}
.survey-wrap input[type="text"], .survey-wrap input[type="number"] {display:block;width:100%;height:4.6rem;border: 0.1rem solid #C6C6C6;padding: 0 1rem;background-color: #fff;border-radius: 0.2rem;}
.survey-wrap .survey_bar {display: flex;flex-direction: column;align-items: flex-end;margin-top: 1rem;}
.survey-wrap .survey-bar dd {padding: 1rem 0;border-bottom: 1px solid #ddd;}
.survey-wrap .survey-bar dd:last-child {border:none;}
.survey-wrap .survey_bar .bg_gray {width: 20rem;height: 2rem;background: var(--gray-20);position: relative;border-radius: .8rem;}
.survey-wrap .survey_bar .bar {position: absolute;left: 0;height: 100%;background: var(--primary);border-radius:.8rem;}
.survey-wrap .survey_bar .txt {font-size:1.4rem;font-weight: bold;margin-top: .4rem;}

@media all and (max-width:768px) {
	.survey-wrap .item_survey button {position:absolute;right:0;top:50%;width:3rem;height:3rem;transform: translateY(-50%);text-indent:-999rem}
	.survey-wrap .item_survey button:before {width:100%;height:100%;right:1rem;top:0;background:url(/images/common/arr_go_mypage.svg) 50% 50% / contain no-repeat;position:absolute;content:'';}
}

/* 안내문 수령방법 신청 */
.service-btn-list li {padding: 2rem;border: 1px solid var(--line-gray);border-radius: 2rem;display: flex;justify-content: space-between;align-items: center;}
.service-btn-list li + li {margin-top:1.4rem}
.service-btn-list .txt-group strong {font-size:1.6rem;font-weight:bold;color:#000;}
.service-btn-list .txt-group p {font-size:1.4rem}

/* 우편수신 */
.add-group-wrap .tip-refer {font-size:1.4rem}
.add-group-wrap .add-group {margin-top:2rem}

/* 노후긴급자금 대부신청 */
.old-money-list{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 10rem);gap: 1.6rem;padding: 1rem;border-radius: 1rem;background-color: #f2f8ff;}
.old-money-list li a {position: relative;display: flex;justify-content: space-between;flex-flow: column;width: 100%;height: 100%;padding: 1.4rem;;border-radius: 1rem;box-sizing: border-box;background-color: #fff;font-size: 1.4rem;font-weight: 500;}
.old-money-list li a::after {content: '';flex-shrink: 0;width: 4rem;height: 4rem;margin-left: auto;background-position: 0 0;background-size: contain;background-repeat: no-repeat;}
.old-money-list li:nth-of-type(1) a::after {background-image: url(/images/common/ic_old_money1.png)}
.old-money-list li:nth-of-type(2) a::after {background-image: url(/images/common/ic_old_money2.png)}
.old-money-list li:nth-of-type(3) a::after {background-image: url(/images/common/ic_old_money3.png)}
.old-money-list li:nth-of-type(4) a::after {background-image: url(/images/common/ic_old_money4.png)}

/* 실업크레딧 미납내역 조회 및 납부 */
.bank-radio-btn {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: .8rem .6rem;}
.bank-radio-btn input[type="radio"] {display:none}
.bank-radio-btn label.radio {display:block;border: 1px solid var(--line-gray);text-align:center;    color: var(--gray-50);border-radius:.6rem;margin:0;}
.bank-radio-btn  input[type="radio"]:checked + label {border:1px solid var(--primary);color:var(--primary)}

/* 생제정보 팝업 */
.bio-login-wrap {padding: 8rem 0;text-align: center;}
.bio-login-wrap	img {margin-bottom: 3rem;}
.bio-login-wrap .custom-menu-wrap {margin-top: 10rem;text-align: left;font-size: 1.3rem;}

/* 메뉴검색 팝업 */
.mobile-search-wrap {margin: -1.6rem -1.6rem 0;}
.mobile-search-wrap .mobile-search-box{width:100%; height:4.8rem; border-radius:0.8rem; border:0.1rem solid var(--gray-40); background-color:#fff; box-sizing:border-box; display: flex; align-items: center; position: relative;}
.mobile-search-wrap .text-keyword{width:calc(100% - 3.6rem); height:100%; border:none; border-radius:0.8rem 0 0 0.8rem; padding-left:2rem;}
.mobile-search-wrap .btn-search{width:4.6rem; height:4.6rem; text-align:left; text-indent:-9999rem; background:url(/images/common/ic_header_search_m.svg) center center no-repeat; flex-shrink:0;}
.mobile-search-wrap .search-box {padding: 2rem 1.6rem;background-color: #f9fafc;}
.mobile-search-wrap .search-box ul {display: grid;grid-template-columns: repeat(5, 1fr);column-gap: 1rem;margin-top: 1rem;}
.mobile-search-wrap .search-box ul li.active button {background-color: var(--primary);color: #fff;}
.mobile-search-wrap .search-box ul li button {display: flex;align-items: center;justify-content: center;width: 100%;height: 4rem;border: .1rem solid var(--gray-40);border-radius: 2rem;background-color: #fff;font-size: 1.4rem;}
.mobile-search-wrap .search-result {margin-top: 2rem;padding: 1.6rem;}
.mobile-search-wrap .search-result span {font-weight: 600;}
.mobile-search-wrap .search-result ul li:not(:first-child) {margin-top: 1.5rem;}
.mobile-search-wrap .search-result ul li a {position: relative;display: block;padding: 1.6rem 4rem 1.6rem 2rem;border-radius: 1rem;background-color: fff;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);font-weight: 500;}
.mobile-search-wrap .search-result ul li a::after {content: '';position: absolute;top:50%;right: 1rem;transform: translate(-50%, -50%);width: 2rem;height: 2rem;background: url(/images/common/ic_links_arr.svg) 50% 50% / contain no-repeat;}
.mobile-search-wrap .search-result ul li a em {font-weight: 600;}
.mobile-search-wrap .search-result .text-btn {display:block;margin:3rem auto 0;font-size: 1.4rem;font-weight: 600;text-decoration: underline;text-underline-offset: 2px;color:#111;text-align: center;}

/* 추납, 반납금 팝업 */
.layer_account_history .data-table {margin-top: 2rem;border-top-width: .2rem;}
.layer_account_history .data-table + .data-table {margin-top: 4rem;}

/* 예상연금액 조회 팝업 */
.layer_annuity td.give-pension {display: none;}
.layer_annuity td.give-pension.active {display: table-cell;}
.layer_annuity .give-pension-wrap .box:not(.active) {display: none;}

/*  예상 월 생활비 통계 팝업 */
.layer_nps_agree_tmp .stats-chart {position: relative;border-top: .1rem solid var(--line);}
.layer_nps_agree_tmp .chart {display: flex;align-items: flex-end;height: 35rem;}
.layer_nps_agree_tmp .chart li {flex: 1 0 50%;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;}
.layer_nps_agree_tmp .chart li > span {width: 80%;padding: .5rem 0;border: .1rem solid var(--line);border-radius: .5rem;box-sizing: border-box;text-align: center;font-size: 1.4rem;background-color: #fff;}
.layer_nps_agree_tmp .chart .bar-wrap {display: flex;align-items: flex-end;gap: .5rem;font-size: 1.3rem;}
.layer_nps_agree_tmp .chart .bar {padding: .3rem .3rem 0;box-sizing:border-box;}
.layer_nps_agree_tmp .chart .bar1 {background-color: var(--gray-20);}
.layer_nps_agree_tmp .chart .bar2 {background-color: var(--primary-40);color: #fff;}
.layer_nps_agree_tmp .chart li:nth-of-type(1) .bar1 {height: 12.4rem;}
.layer_nps_agree_tmp .chart li:nth-of-type(1) .bar2 {height: 17.7rem;}
.layer_nps_agree_tmp .chart li:nth-of-type(2) .bar1 {height: 19.9rem;}
.layer_nps_agree_tmp .chart li:nth-of-type(2) .bar2 {height: 27.7rem;}
.layer_nps_agree_tmp .labels {position: absolute;top: 3rem;left: 3rem;font-size: 1.2rem;}
.layer_nps_agree_tmp .labels li {display: flex;align-items: center;}
.layer_nps_agree_tmp .labels li:nth-of-type(1)::before {content: '';width: .5rem;height: .5rem;margin-right: .5rem;background-color: var(--gray-20);border-radius: 50%;}
.layer_nps_agree_tmp .labels li:nth-of-type(2)::before {content: '';width: .5rem;height: .5rem;margin-right: .5rem;background-color: var(--primary-40);border-radius: 50%;}

/*  퇴직(연)금 계산 방법, 개인(연)금 계산 방법 */
.layer_supply_agree_tmp2 .txt-list li:nth-of-type(1)::after,
.layer_supply_agree_tmp3 .txt-list li:nth-of-type(1)::after {content: '더하기';display: block;width: 1.8rem;height: 1.8rem;margin: 1rem auto;background:url(/images/main/ic_slider_more.svg) 50% 50% / contain no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.layer_supply_agree_tmp2 .input-group-wrap,
.layer_supply_agree_tmp3 .input-group-wrap {display: flex;align-items: center;}
.layer_supply_agree_tmp2 .input-group-wrap .input-group,
.layer_supply_agree_tmp3 .input-group-wrap .input-group {width: calc(50% - 1rem);}
.layer_supply_agree_tmp2 .input-group-wrap .input-group div,
.layer_supply_agree_tmp3 .input-group-wrap .input-group div {display: flex;align-items: center;}
.layer_supply_agree_tmp2 .input-group-wrap .input-group input,
.layer_supply_agree_tmp3 .input-group-wrap .input-group input {width: 100%;}
.layer_supply_agree_tmp2 .input-group-wrap .input-group span,
.layer_supply_agree_tmp3 .input-group-wrap .input-group span {margin: 0 .2rem;}
.layer_supply_agree_tmp2 .input-group-wrap .txt-split,
.layer_supply_agree_tmp3 .input-group-wrap .txt-split {width: 2rem;display: inline-flex;align-items: center;justify-content: center;height: 4.6rem;align-self: flex-end;}

/* 노후자금 간편진단 결과 */
.fund-result-list {margin: 2rem 0 4rem;}    
.fund-result-list li {padding: .5rem 0;}    
.fund-result-list li:nth-of-type(1) {border-bottom: .1rem solid var(--line);}
.fund-result-list dl {display: flex;justify-content: space-between;}
.fund-prepare-link {display: flex;flex-wrap: wrap;gap: .5rem;}
.fund-prepare-link li {flex: 0 0 calc(50% - .25rem);}
.fund-prepare-link li a {display: block;width: 100%;height: 100%;}
.fund-age-sel {margin: 2rem 0 3rem;padding: 0 0 3rem;border-bottom: .1rem solid var(--line);}
.fund-age-sel select {width: 100%;}
.fund-age-wrap .modal-body {padding: 0;}
.additional_step4 .data-list table th,
.additional_step4 .data-list table td {font-size: 1.4rem;}
.additional_step4 .data-list table th {border-right: .1rem solid var(--line);}
.additional_step4 .data-list table .gr1 td,
.additional_step4 .data-list table .gr1 th {background-color: #E6FFFF;}
    
/* 공지사항 팝업 */
.notify-modalWrap {}
.notify-modalWrap.image {}
.notify-modalWrap.image .modal-header {position:absolute;top: 0;left: 0;width: 100%;box-sizing: border-box;background-color: transparent;}
.notify-modalWrap.image h3 {position: absolute;clip-path: rect(0 0 0 0);width: 0.1rem;height: 0.1rem;margin: -0.1rem;overflow: hidden;}
.notify-modalWrap.image .modal-body {padding: 0;}
.notify-modalWrap .state-group {display: flex;align-items: center;gap: 1rem;margin: 1.5rem 0 3rem;font-size: 1.4rem;}
.notify-modalWrap .state-group .date {padding-left: 2rem;background: url(/images/common/ic_calendar.svg) 0 50% / 1.5rem no-repeat;}
.notify-modalWrap .state-group .view {padding-left: 2rem;background: url(/images/common/ic_view.svg) 0 50% / 1.5rem no-repeat;}
.notify-modalWrap .txt-box {margin-top: 2rem;}