/**/ 

html{
	font-size: 1px;
}


.personal_policy_box {

}
.personal_policy_box h5 {
	font-size:28px;
	font-weight:600;
}
.personal_info_policy {
	font-size:13px;
	line-height:18px;
	margin-top:20px;
}
.personal_info_policy dt {
	color:#0000ff;
	font-weight:bold;
}
.personal_info_policy dd ul.d1 > li {
	margin-top:20px;
}
.personal_info_policy dd ul.d2 {
	margin:15px 0 0 20px;
}
.personal_info_policy dd ul.d2 .t2 {
	font-weight:bold;
}
.personal_info_policy dd ul.d3 {
	margin-left:17px;
}
.bullet-txt li>span,
.bullet-txt li *{
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
}
[class*=form-area-box] .ele-icon-box{
	background:#fff0;
}
[class*=table-box-] .nums{
   letter-spacing: -1px;
}
[class*=table-box-] table tbody tr td{
	padding:0 4px;
}
.datepicker table tr td .year {
    display: inline-flex;
    width: calc(100% / 3 - 6px);
    align-items: center;
    justify-content: center;
    padding: 3px;
    /* border: 1px solid var(--gray-500); */
    border: 1px solid #717171; 	/* 허윤석 수정 2026-02-04 */
    margin: 3px;
    border-radius: 5px;
    cursor: pointer;
}

.datepicker table tr td {
    /* display: flex; */
}

.custom-selet ul li:hover,
.custom-selet ul li.active{
	background: var(--blue-t-5per);
}
/*pc*/
@media (min-width: 1280px) {
.file-download-1 ul .list {
    justify-content: space-between;
}
.file-download-1 ul .list .txt {
    flex-basis: calc(100% - 158px - 95px);
    max-width: calc(100% - 158px - 95px);
}

.file-download-1 ul .list .num {
    margin-right: 0;
    flex-basis: 95px;
    max-width: 95px;
}
[class^=sub-banner-] .txtbox .txt2 {
    white-space: pre;
}
.ui-autocomplete {
		min-width: 166px;
		width: auto !important;
		background: #fff;
		padding: 2px;
		position: absolute !important;
		border-radius: 10px;
		margin-top: 12px;
		border: 3px solid var(--indigo-500) !important;
		top: 40px !important;
		left: 0 !important;
		max-height: 300px;
		overflow: auto;
}
.ui-autocomplete li {
    display: flex;
    line-height: 1;
    font-size: 14px;
    color: var(--blue-500);
}

.ui-autocomplete li>div {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1;
    padding: 4px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 4px;
}
.ui-autocomplete li>div:hover, .ui-autocomplete li>div.ui-state-active {
	cursor:pointer;
	background: var(--blue-t-15per);
	font-weight:600;
}

header > div > .row > div:not(.logo) > ul.lev1{
	z-index:1;
}
header > div > .row > div:not(.logo) > ul.lev1 .search-w-1{
    width:216px;
}
.SeniorMode header > div > .row > div:not(.logo) > ul.lev1 .search-w-1{
    width:285px;
}
.Depth3 .submenu, .depth3-box {
    padding: 0 24px !important;
}
    
/*여까지*/
.size-m .custom-selet ul{
    top: calc(var(--top) + 3rem);
}
.size-l .custom-selet ul{
    top: calc(var(--top) + 5rem);
}

} 
footer .line-1 {
 overflow: hidden;
}
/*반응형 작업*/
@media (min-width: 1280px) {
   header > div > .row > div:not(.logo) > ul > li:not(.suport) > a {
        font-size: 14px;
        height: 44px;
        padding-left:8px;
        padding-right:8px;
        border-radius: 10px;
        border-width: 1px;
        font-weight: 700;
    }
    footer > div {
    	max-width: 1180px;
        margin: auto;
    }
    
    
}

@media (min-width: 1440px) {
    header>div>.row>div:not(.logo)>ul>li:not(.suport)>a {
        font-size: 19px;
        height: 44px;
        padding-left: 13px;
        padding-right: 13px;
        border-radius: 10px;
        border-width: 1.5px;
        font-weight: 700;
    }

    footer>div {
        max-width: 1440px;
        margin: auto;
    }

    .SeniorMode {}

    .SeniorMode [class^=sub-banner-] .txtbox .txt1 {
        font-size: 46rem;
    }
    .SeniorMode [class^=sub-banner-] .txtbox .txt1>i {
        font-size: 46rem;
    }
    .SeniorMode [class^=sub-banner-] .txtbox .txt2 {
        font-size: 24rem;
    }
    .SeniorMode .top-tit-1 .txt1 {
        font-size: 38rem;
    }
    .SeniorMode header>div>.row>div:not(.logo)>ul>li:not(.suport)>a{
        font-size: 24px;
    }

}

[class*=form-area-box] .ele-icon-box.cr-box.oneline{
	flex-direction: column;
    align-items: start;
}
[class*=form-area-box] .ele-icon-box.cr-box > *{
    flex-grow: 0;
    margin-right:4rem;
}
[class*=form-area-box] .ele-icon-box.cr-box > *:last-child{
    margin-right: 0;
}
.subpage .datum-point{
	max-width:1440px;
}
.SeniorMode .subpage .datum-point{
    max-width:1680px;
}
.accordion-1 .box .title {
    align-items: center;
}

/*//*/
.size-l .ele-icon-box>select{
    padding: 0 14px;
    margin: 0 -14px;
}
.size-m .ele-icon-box select{}
.size-s .ele-icon-box select{}
[class*=form-area-box] .ele-icon-box select{
    position: relative;
    z-index: 1;
}
.datepicker-dropdown {
    margin-top: 14px;
    /*4. 내연금조회 - 연금인상내역
    1) PC
      (1) 년도 달력 선택 팝업 메뉴 선택보다 위로 뜸
        때문에 넣었고 input를 감싸는 col 박스와 보더 값해서는 20px 이면 바로위로 뜨지만 여유 두었음.
    */
}
.datepicker table {
    width: auto;
    max-width: 200px;
}
.accordion-1 .box .title>span+[class*="dev-cls"]{
    flex-grow: 1;
}
.caption > p > span em ,
.caption > p > span span {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: 1;
}
.accordion-1 .box.active .list {
    max-height: 5000px;
}
[class*=form-area-box] .ele-icon-box .btn-blue [class*=icon-]{
    color:#fff;
}


.form-area-box-float > label {
    z-index: 1;
}
[class*=form-area-box] .ele-icon-box {
    position: relative;
}
.ele-icon-box input {
    position: relative;
    z-index: 1;
}
.ele-icon-box input + [class*=icon-calendar-] {
    position: absolute;
    right: 0;
    padding: inherit;
}
[class*=table-box-] table{
    min-width:100%;
}
[class*=table-box-]{
    overflow: auto;
}
@media (max-width: 780px) {
    .accordion-1 .box.active .list .grid-1>.row>div [class*=form-area-box] {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .datepicker-dropdown{
        width: 200px;
    }
}
@media (min-width: 1440px) {
    .datepicker table {
      max-width: none;
    } 
}

.datepicker .datepicker-years .year.disabled, .datepicker .datepicker-years .year.disabled:hover
{
	background-color: #e1e1e1 !important;
	color : #858585 !important;
	cursor: not-allowed;
	opacity: 1 !important;
}


.datepicker .datepicker-years .year.old:not(.disabled), .datepicker .datepicker-years .year.new:not(.disabled)
{
	color: #6b6b6b;
    font-weight: normal;
    background: var(--gray-100);
    border-color: var(--gray-300);
}
.datepicker .table-condensed thead tr:nth-child(2) > th.prev,
.datepicker .table-condensed thead tr:nth-child(2) > th.next{
    font-family: 'epic2024' !important;
    font-size: 0;
    text-align: center;
}
.datepicker .table-condensed thead tr:nth-child(2) > th.prev::before,
.datepicker .table-condensed thead tr:nth-child(2) > th.next::before{
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}
.datepicker .table-condensed thead tr:nth-child(2) > th.next:before {
    content: "\ec92";
}
.datepicker .table-condensed thead tr:nth-child(2) > th.prev:before {
    content: "\ec8c";
}

.check-radio-box.txt-ver {
    font-size: 32rem;
}

.check-radio-box.txt-ver input + label {
    font-size: inherit;
    color: var(--gray-600);
    cursor: pointer;
}

.check-radio-box.txt-ver input + label:before {
    display: none;
}

.check-radio-box.txt-ver input:checked + label {
    color:var(--gray-950)
}
@media (max-width:425px) {
    .top-tit-1 .txt1{
        font-size: 26px;
    }
    .submenu .wrapper .slide a{
        font-size: 14rem;
    }
    .top-tit-1>.row>.div{
        flex-grow: 1;
        white-space:normal;
    }
}
.guid-txt{
    height: auto;
    min-height: 44px;
    background: #fff;
    color: var(--gray-950);
}
.txt-hideen{
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1000;
}
/**대현아 이거 넣으면 큰일남? = 프린트 관련 css 입니다. 웹에서는 관련없어서 괜찮습니다.**/
@media print {
	.no-print, .sidebar, .btn, nav {
		display: none !important;
	}
	tr, td, th {
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.datum-point {
		page-break-inside: avoid;
		break-inside: avoid;
		orphans: 3;
		widows: 3;
	}
	table {
		width:100% !important;
	}
	@page {
		size: A4 landscape;
		margin: 10mm;
	}
}