/* title */
.con-title{font-size:2.4rem; color:var(--gray-90); position:relative; padding-left:2.8rem; line-height:1.44; margin:6rem 0 2.4rem;}
.con-title:before{display:block; content:''; width:1.6rem; height:1.6rem; background:url(/images/common/ic_conTitle.svg) 0 0 no-repeat; position:absolute; left:0; top:0.33em;}
.con-title:first-child{margin-top:0;}

.md-title{font-size:1.9rem; color:var(--gray-80); margin:4rem 0 1.6rem;}
.md-title:first-child{margin-top:0;}

.sm-title{font-size:1.8rem; color:var(--gray-80); margin:2.4rem 0 1.6rem;}
.sm-title:first-child{margin-top:0;}

/* wrap */
.con-wrap + .con-wrap{margin-top:6rem;}

.con-sub{margin:2.4rem 0;}
.con-sub:first-child{margin-top:0;}
.con-sub:last-child{margin-bottom:0;}

.md-wrap{margin:4rem 0;}
.md-wrap:last-child{margin-bottom:0;}

.md-title + .md-wrap,
.md-title + .con-sub{margin-top:1.6rem;}

.only-pc {display:block;}
.only-mo {display:none;}
@media all and (max-width:600px){
	.only-pc {display:none;}
	.only-mo {display:block;}
}

/* 서브내용 아래 버튼들 */
.con-btns{margin:1.6rem 0;}
.con-btns:first-child{margin-top:0;}
.con-btns:last-child{margin-bottom:0;}

.line-box{border:0.1rem solid var(--line-gray); padding:3rem 4rem; border-radius:0.8rem;}

/* faq */
.faq-list{border-top:0.1rem solid var(--line-gray);}
.faq-item .label{display:inline-flex; align-items: center; justify-content: center; width:2.4rem; height:2.4rem; border-radius:0.8rem; font-weight:700; margin-right:1rem; flex-shrink: 0; }
.faq-item .question{display:flex; padding: 2rem; line-height:2.4rem; position:relative; color:var(--gray-90); font-weight:700; border-bottom:0.1rem solid var(--line-gray);}
.faq-item .question .label{background-color:var(--bg-gray);}
.faq-item .answer{position:relative; padding: 2rem 2rem 2rem 5.4rem; background-color:var(--bg-blue); display:none;}
.faq-item .answer .label{color:var(--primary); background-color:#fff; position:absolute; left:2rem; top:2rem;}
.faq-item .answer-contents{flex:1;}
.faq-item.active .answer{display:flex;}

.random-space { margin-bottom: 10rem; }
.hide {display: none;}
picture img {display: flex; margin: 0 auto;}
.pc-txt {display: table;}
.mc-txt {display: none;}
.con-table table tbody tr.now th,
.con-table table tbody tr.now td {color: var(--primary);}

/* 공지사항 */
/* 리스트 */
.list .items { margin: 2rem 0; }
.list .items a { display: flex; align-items: center; }
.list .items:last-child { margin-bottom: 0; }
.list .items .unit-date { font-size: 1.6rem; color: var(--gray-50); margin: 0 0 0 auto; }
.list .items .unit-title { font-size: 1.6rem; color: var(--gray-80); max-width: calc(100% - 12rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list.small .items { margin: 1.6rem 0; }
.list.small .items:last-child { margin-bottom: 0; }

/* 서브탭 연구원발간물 */
.sub-tab.slash ul { position: relative; justify-content: flex-start; margin-bottom: 2rem; white-space: nowrap; overflow: hidden; }
.sub-tab.slash ul li:first-child { padding-left: 2rem; }
.sub-tab.slash ul .active a { color: var(--primary); }
.sub-tab.slash li { display: flex; align-items: center; position: relative; }
.sub-tab.slash li::before { content: ""; display: inline-flex; width: 0.1rem; height: 1.2rem; background-color:var(--gray-60); transform: rotate(30deg); flex-shrink: 0;}
.sub-tab.slash li:first-child::before{display: none;}
.sub-tab.slash ul::before { content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: calc(50% - 1rem); left: calc(0%); border-radius: 100%; background:var(--gray-70) url("/images/contents/arr-link-w.svg") no-repeat; background-size: 0.6rem auto; background-position: center; transform: none; }

/* 이너탭 */
.tab-base.tab-serials .tabNav { margin-bottom: 4rem; border-radius: 0.8rem;}

/* 서브 내 검색 */
.tab-serials .data-list-top .list-acount { display: flex; justify-content: center; align-items: center;}
.tab-serials .data-list-top .list-acount .total{font-weight: 400;}
.tab-serials .data-list-top .list-acount .total em{font-weight: 700;}
.tab-serials .data-list-top .list-search.report {display: none;}
.list-acount .list-search {margin-right: 4rem;}
.inp-item { display: flex; justify-items: center; align-items: center; font-size: 1.6rem; color: var(--gray-80); }
.inp-item label{ display: inline-flex; margin-right: 1rem; font-weight: 400; white-space:nowrap; }


/* 연구원발간물 소개*/
.report-all-list > ul{ display: flex; flex-wrap: wrap; margin: -2rem; }
.report-all-list .item{ position: relative; border: 0.1rem var(--line-gray) solid; width: calc(100% / 3 - 4rem); padding: 0 0 2rem 0; margin: 2rem; border-radius: 2rem; box-sizing: border-box;}
.report-all-list .item:after{content: ""; display: block; width: 8rem; height: 8rem; position: absolute; bottom: 2rem; right: 2rem; border-radius: 4rem; background-repeat: no-repeat; background-position: center !important;}
.report-all-list .list-title { font-weight: 700; font-size: 2rem; padding: 2rem 3rem; background-color: var(--bg-blue); border-radius: 2rem 2rem 0 0; border-bottom: 0.1rem var(--line-gray) solid; }
.report-all-list .txt-list{ padding: 1.5rem 6rem 1.5rem 2rem; min-height: 16rem; }
.report-all-list .btn-more{ display: block; width: 2.6rem; height: 2.6rem; position: absolute; top: 2.3rem; right: 3rem; background: var(--bg-white) url("/images/main/ic-more.svg") no-repeat; border-radius: 50%; text-align:left; text-indent:-9999rem; overflow:hidden;}
.report-all-list .item1:after{ background-image: url(/images/contents/ic-serial-1.png);}
.report-all-list .item2:after { background-image: url(/images/contents/ic-serial-2.png);}
.report-all-list .item3:after { background-image: url(/images/contents/ic-serial-3.png);}
.report-all-list .item4:after { background-image: url(/images/contents/ic-serial-4.png);}
.report-all-list .item5:after { background-image: url(/images/contents/ic-serial-5.png);}
.report-all-list .item6:after { background-image: url(/images/contents/ic-serial-6.png);}
.report-all-list .item7:after { background-image: url(/images/contents/ic-serial-7.png);}
.report-all-list .item8:after { background-image: url(/images/contents/ic-serial-8.png);}
.report-all-list .item9:after { background-image: url(/images/contents/ic-serial-9.png);}
.report-all-list .item10:after { background-image: url(/images/contents/ic-serial-10.png);}

/* 리스트  */
.report-list > .items { display: flex; align-items: center; border-bottom: 0.1rem var(--line-gray) solid; position: relative; padding: 2rem 0; }
.report-list > .items .list-img { 
	width:13rem; height:15.4rem; box-sizing:border-box; flex-shrink:0; padding:2rem 1.6rem 2rem 2.8rem; align-self: flex-start; margin:0 6rem 0 2rem;
	font-weight: 700; font-size: 0.8rem; color: var(--bg-white); line-height: 1.5rem; 
	background-position:0 0; background-size:cover; background-repeat:no-repeat;
}
.report-list > .items .list-img p{ width:9rem; height:9rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.report-list > .items .btns { display: flex; flex-direction: column; margin-left: auto; }
.report-list > .items .btns a { display: flex; flex-wrap: wrap; padding: 0 1.4rem; min-width: 14.6rem; }
.report-list > .items .btns a + a { margin: 1.4rem 0.5rem 0 0.5rem; }

.data-list .report-list .data-none{ border-bottom: 0.1rem var(--line-gray) solid; text-align:center; display:flex; align-items:center; justify-content:center;}

/* 박스타입 */
.report-list.box-type { display: flex; flex-wrap: wrap; margin: -4rem 0 0 -4rem; }
.report-list.box-type.serial > li:after {background-repeat: no-repeat !important; background-position: center !important;}
.report-list.box-type.serial > li:nth-child(1):after { background: url(/images/contents/ic-serial-1.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(2):after { background: url(/images/contents/ic-serial-2.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(3):after { background: url(/images/contents/ic-serial-3.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(4):after { background: url(/images/contents/ic-serial-4.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(5):after { background: url(/images/contents/ic-serial-5.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(6):after { background: url(/images/contents/ic-serial-6.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(7):after { background: url(/images/contents/ic-serial-7.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(8):after { background: url(/images/contents/ic-serial-8.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(9):after { background: url(/images/contents/ic-serial-9.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.serial > li:nth-child(10):after { background: url(/images/contents/ic-serial-10.png), linear-gradient(var(--bg-gray), var(--bg-white));}

.report-list.box-type.research > li:after {background-repeat: no-repeat !important; background-position: center !important;}
.report-list.box-type.research > li:nth-child(1):after { background: url(/images/contents/ic-research-1.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(2):after { background: url(/images/contents/ic-research-2.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(3):after { background: url(/images/contents/ic-research-3.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(4):after { background: url(/images/contents/ic-research-4.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(5):after { background: url(/images/contents/ic-research-5.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(6):after { background: url(/images/contents/ic-research-6.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(7):after { background: url(/images/contents/ic-research-7.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(8):after { background: url(/images/contents/ic-research-8.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(9):after { background: url(/images/contents/ic-research-9.png), linear-gradient(var(--bg-gray), var(--bg-white));}
.report-list.box-type.research > li:nth-child(10):after { background: url(/images/contents/ic-research-10.png), linear-gradient(var(--bg-gray), var(--bg-white));}

.report-list.box-type > .items { position: relative; border: 0.1rem var(--line-gray) solid; width: calc(100% / 3 - 4rem); padding: 0 0 2rem 0; margin: 4rem 0 0 4rem; display: block; border-radius: 2rem; box-sizing: border-box; }
.report-list.box-type > .items .list-title { font-weight: 700; font-size: 2rem; padding: 2rem 0 2rem 3rem; background: var(--bg-blue); border-radius: 2rem 2rem 0 0; border-bottom: 0.1rem var(--line-gray) solid; }
.report-list.box-type > .items .txt-list { padding: 1.5rem 6rem 1.5rem 2rem; min-height: 16rem; }
.report-list.box-type > .items .btn-more { background-color: var(--bg-white); font-size: 0; top: 2rem; margin-top: 0; }
.report-list.box-type > .items:after { content: ""; display: block; width: 8rem; height: 8rem; position: absolute; bottom: 2rem; right: 2rem; border-radius: 4rem; }

/* 리포트 리스트 */
.report-A .report-type { min-width: 5.4rem; width: auto; padding: 0 1.2rem; height: 2.4rem; border-radius: 1.2rem; display: inline-flex; justify-content: center; align-items: center; font-size: 1.2rem; color: var(--bg-white); }
.report-A .report-title { font-weight: 700; font-size: 1.9rem; color: var(--gray-80); margin: 1.6rem 0 0 0; }
/* 연구원 이미지들 클래스  
	book14 기타
	book13 정책보고서
	book12 정책자료
	book11 학술대회
	book10 연금이슈와 동향분석
	book09 연금포럼
	book08 단기과제
	book07 조사보고서
	book06 연차보고서
	book05 연구자료
	book04 working paper
	book03 프로젝트
	book02 용역보고서
	book01 연구보고서
 */ 
.report-list .book01 .list-img{ background-image: url("/images/contents/book01.png");}
.report-list .book01 .report-type { background-color: #8F3CD0; }
.report-list .book02 .list-img { background-image: url("/images/contents/book02.png");}
.report-list .book02 .report-type { background-color: #7856D8; }
.report-list .book03 .list-img { background-image: url("/images/contents/book03.png");}
.report-list .book03 .report-type { background-color: #5956D8; }
.report-list .book04 .list-img { background-image: url("/images/contents/book04.png");}
.report-list .book04 .report-type { background-color: #5673D8; }
.report-list .book05 .list-img { background-image: url("/images/contents/book05.png");}
.report-list .book05 .report-type { background-color: #568AD8; }
.report-list .book06 .list-img { background-image: url("/images/contents/book06.png");}
.report-list .book06 .report-type { background-color: #37739e; }
.report-list .book07 .list-img { background-image: url("/images/contents/book07.png");}
.report-list .book07 .report-type { background-color: #1d7285; }
.report-list .book08 .list-img { background-image: url("/images/contents/book08.png");}
.report-list .book08 .report-type { background-color: #1a7d82; }
.report-list .book09 .list-img { background-image: url("/images/contents/book09.png");}
.report-list .book09 .report-type { background-color: #767568; }
.report-list .book10 .list-img { background-image: url("/images/contents/book10.png");}
.report-list .book10 .report-type { background-color: #735A6C; }
.report-list .book11 .list-img { background-image: url("/images/contents/book11.png");}
.report-list .book11 .report-type { background-color: #7C7C7C; }
.report-list .book12 .list-img { background-image: url("/images/contents/book12.png");}
.report-list .book12 .report-type { background-color: #484856; }
.report-list .book13 .list-img { background-image: url("/images/contents/book13.png");}
.report-list .book13 .report-type { background-color: #5F5E85; }
.report-list .book00 .list-img { background-image: url("/images/contents/book14.png");}
.report-list .book00 .report-type { background-color: #907481; }

.report-A > dd { margin: 1.4rem 0 0 0; }
.report-A > dd span { position: relative; margin-left: 2.2rem; }
.report-A > dd span::before { content: ""; width: 0.2rem; height: 0.2rem; background-color: #ccc; border-radius: 100%; position: absolute; top: 1rem; left: -1.2rem; }
.report-A > dd span:first-child { margin-left: 0; }
.report-A > dd span:first-child::before { content: ""; display: none; }

/* 링크 리스트 */
.link-list .items .link { display: inline-block; background: url("/images/contents/arr-link.svg") no-repeat; background-position: right center; padding: 1rem 2.8rem 1rem 0; margin: 0; }
.link-list.border { display: flex; flex-wrap: wrap; margin: -2rem 0 0 -2rem; }
.link-list.border .items { width: calc(100% / 2 - 2rem); border: 0.1rem var(--line-gray) solid; height: 6rem; border-radius: 2rem; box-sizing: border-box; margin: 2rem 0 0 2rem; }
.link-list.border .items .link { display: block; padding: 2rem 0 2rem 2rem; font-weight: 700; color: var(--gray-80); background-position: right 3rem center; height:100%;box-sizing:border-box;line-height:normal;}
.link-list.txt-list { margin: 0; }
.link-list.txt-list > li + li { margin: 0; }
.btn.outlined.type-a { border-color: var(--line); color: var(--gray-70);}
.btn.outlined.type-a img.before { margin-right: 1.4rem; }

/* 보더있는 박스 */
.default-box, 
.equal-width-list li { border: 0.1rem var(--line-gray) solid; box-sizing: border-box; border-radius: 2rem; height: 100%; padding: 4rem; }
.default-box.map-guide, 
.equal-width-list li.map-guide { min-height: 52rem; }
.default-box.map-guide {padding:0;}

/* 리스트 간격 */
.txt-list.dot.list-space { margin-top: 4rem; font-size: 1.6rem; }
.txt-list.dot.list-space li { margin-top: 3rem; color: var(--gray-80); }
.txt-list.dot.list-space li > p,
.txt-list.dot.list-space li ul { margin-left: -1rem; }
.txt-list.dot.list-space li .equal-width-list { margin-top: -1rem; margin-left: -5rem; }
.txt-list.dot.list-space li .equal-width-list li > p,
.txt-list.dot.list-space li .equal-width-list li ul { margin-left: 0;}
.txt-list.dot.list-space li .equal-width-list li p + p { margin-top: 2rem; }
.txt-list.dot.list-space li .equal-width-list li p[class*="ic-"] { display: flex; align-items: center; font-weight: 700; font-size: 2rem; }
.txt-list.dot.list-space li .equal-width-list li p[class*="ic-"]:before {content: ""; display: block; width: 7rem; height: 7rem; border-radius: 2rem; margin-right: 2rem;}
.txt-list.dot.list-space li .equal-width-list li p.ic-bus::before {background: var(--bg-blue) url("/images/contents/ic-bus.png") no-repeat; background-position:center;}
.txt-list.dot.list-space li .equal-width-list li p.ic-car::before {background: var(--bg-blue) url("/images/contents/ic-car.png") no-repeat; background-position: center;}
.txt-list.dot.list-space li .equal-width-list li p.ic-train::before {background: var(--bg-blue) url("/images/contents/ic-train.png") no-repeat; background-position: center;}
.txt-list.dot.list-space li:before { top: 0.9em; }
.txt-list.dot.list-space strong { font-size: 2rem; }
.tabWrap .tabContent + .tabContent { margin-top: 1rem; }
.tabWrap .tabContent .md-title { color: var(--primary); margin-bottom: 2rem; font-weight: 700; }

/* 연구원 */
.tab-serials .tabContent + .tabContent {margin-top: 0; }
.tab-serials .tabContent.active + .active.tabContent .data-list {border-top:0;}

/* 연구수행과제 */
[class*="tab-design"] .tabContent + .tabContent {margin-top: 1rem; }

/* width equal */
.equal-width-list { display: flex; margin-left: -4rem;}
.equal-width-list li { flex: 1; padding: 3rem; margin-left: 4rem; height: auto; color: var(--gray-80); }

/*  해외통신원 */
.equal-width-list.name-tag { flex-wrap: wrap; margin-top: -2rem; }
.equal-width-list.name-tag li { flex: 0 1 auto; width: calc(100%/3 - 4rem); margin-top: 2rem; }
.equal-width-list.name-tag li dl dt { font-size: 1.9rem; font-weight: 700; }
.equal-width-list.name-tag li dl dd { margin-top: 1.4rem; }

/* 연구과제제안 방법 */
.equal-width-list.space-10 { margin-left: -1rem; display: flex; align-items: stretch; position: relative; }
.equal-width-list.space-10::before { content: ""; display: block; width: calc(100% - 1rem); height: 0.1rem; background: var(--bg-gray); position: absolute; top: 50%; left: 1rem; z-index: -1; }
.equal-width-list.space-10 li { margin-left: 1rem; padding: 1rem; max-width: 18rem; min-height: 10rem; display: inline-flex; justify-content: center; flex-direction: column; align-items: center; background: var(--bg-white);}
.equal-width-list.space-10 li span { font-weight: 700; font-size: 1.6rem; color: var(--gray-80); display: block; }
.equal-width-list.space-10 li.proposal-link { border: 0; padding: 0; max-width: none; position: relative; margin-left: 5rem; }
.equal-width-list.space-10 li.proposal-link::before { content: ""; display: block; width: 2.6rem; height: 2.6rem; position: absolute; top: calc(50% - 1.3rem); left: calc(0% - 3.8rem); border-radius: 100%; background: var(--gray-70) url("/images/contents/arr-link-w.svg") no-repeat; background-size: 0.6rem auto; background-position: center; }
.equal-width-list.space-10 li.proposal-link a { max-width: 29rem; width: 100%; min-height: 10rem; height: 100%; font-size: 1.6rem; }

/* 유의사항  */
.equal-width-list.in-button { margin-top: 2rem; text-align: center; }
.equal-width-list.in-button li a { display: flex; margin: 3rem auto 0; padding: 0; max-width: 22rem; }

/* 제안 심사방법 */ 
.equal-width-list.card li { border: 0; font-size: 1.6rem; font-weight: 700; background: var(--bg-gray); display: flex; flex-wrap: wrap; /*flex-direction: column-reverse;*/ justify-content: space-between; align-items: flex-start; text-align: left; min-height: 14rem; padding: 3rem 2rem 2rem 3rem; position: relative; }
.equal-width-list.card li::before { content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url("/images/contents/arr-bg-card.svg") no-repeat; position: absolute; top: 50%; left: calc(0% - 2.8rem); }
.equal-width-list.card li:first-child::before { content: ""; display: none; }
.equal-width-list.card li span { display: flex; width: 4rem; height: 4rem; border-radius: 2rem; color: var(--bg-white); background: var(--gray-80); align-items: center; justify-content: center; align-self: self-end; font-weight: 700; font-size: 1.6rem; position: absolute; right: 3rem;}

/* 더보기 */
/* .btn-more { display: block; width: 2.6rem; height: 2.6rem; position: absolute; top: 3rem; right: 3rem; background: var(--bg-gray) url("/images/main/ic-more.svg") no-repeat; border-radius: 50%; } */

/* 더보기 버튼 재정렬 */
.state { position: relative; }
.state .btn-more { top: 0; right: 0; }

/* 디스크립션 배경 + 이미지 */
.desc-wrap { background: var(--bg-blue); border-radius: 2rem; padding: 4rem 2rem 4rem 42rem; margin: 0 0 6rem 0; display: flex; flex-direction: column; justify-content: center; position: relative; min-height: 12rem;}
.desc-wrap .desc-title { font-weight:900; font-size: 2.2rem; color: var(--primary); }
.desc-wrap .desc-text { margin-top: 1.6rem; color: var(--gray-80);}
.desc-wrap .desc-text.small-space { margin-top: 1.2rem; }
.desc-wrap .desc-text + .desc-title { margin-top: 2rem; }
.desc-wrap .desc-img { position: absolute; top: auto; left: calc(0% + 10rem); }
.desc-wrap .desc-img2 { position: absolute; top: auto; left: calc(0% + 10rem); }

/* 인사말 */ 
.desc-wrap.greetings {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;background: url("/images/contents/bg-greetings.png") no-repeat; padding: 0 2rem;margin: 8.8rem 0 6rem 0;}
.desc-wrap.greetings .desc-img {position: static;width: 21.5rem;margin: 0 13% 0 11%;flex-shrink: 0;}
.desc-wrap.greetings .desc-img img {width: 100%;}
.desc-wrap.greetings .desc-text {margin: 1.6rem 0 0;font-weight: 700; font-size: 2rem;}
.desc-wrap.greetings .desc-text strong {display: block;margin-bottom: 1.6rem;font-size: 2.4rem; color: var(--gray-90);}

.greetings p { font-size: 1.6rem; margin-bottom: 2rem; }
.greetings p.last { margin-bottom: 4rem; }
.greetings .sign { font-weight: 700; font-size: 2rem; text-align: right;}
.greetings .sign .name {font-size:3.2rem; margin-left: 2.4rem; }

/* 해외통신원  */
.desc-wrap.news { padding-left: 45rem; }
.btns-wrap.state {margin:2rem 0 4rem 0;}
.btns-wrap.state a { margin-right: 2rem; }
.btns-wrap.state a:first-child { margin-right: 2rem; margin-left: 0;}

/* 해외연금제도 */
.desc-wrap.world { margin-bottom: 4rem; border: 0.1rem var(--line-gray) solid; box-sizing: border-box; border-radius: 2rem; height: 100%; background: none; padding-left: 22rem; padding-right: 30rem; height:20rem;}
.desc-wrap.world .desc-img { top:4rem; left:6rem; }
.desc-wrap.world .desc-img2 { top:5rem; left:6rem; }

.desc-wrap.world .desc-img img { border-radius: 5rem; border: 0.1rem var(--line) solid; box-sizing: border-box;}
.desc-wrap.world .btns-wrap { position: absolute; top: auto; right: 6rem; margin:0; }
.desc-wrap.world.type2 .desc-title {font-size:2.4rem}
.desc-wrap.world.type2 .desc-text {display:none;}

.desc-wrap.world.type3 {padding-left: 30rem; padding-right:6rem;}
.desc-wrap.world.type3 .desc-text {margin-top:0.5rem; font-size:1.9rem; font-weight:600;}
.desc-wrap.world.type3 .nation_homepage {margin-top:1rem; border-top:1px solid #d7d7d7; background:#f6f6f6; padding:13px 14px; border-radius:0 0 15px 15px; color:#000; font-size:1.6rem;}
.desc-wrap.world.type3 .nation_homepage a {text-decoration:underline; letter-spacing:1px; padding-right:30px}
.desc-wrap.world.type3 .nation_homepage a:after {content: ""; display: inline-block; position:absolute; padding-right:25px; height:25px; margin-left:10px; border-radius:50%; background:#314eb4 url("/images/contents/ic_blank_snav2.svg") 3px 2px no-repeat;}


.salary-box {display: flex;align-items: center;justify-content: space-between;margin-top: 1rem;}
.salary-box > p {flex-shrink: 0;margin-right: 1rem;}
.salary-box > div {display: flex;flex-direction: column;text-align: center;} 
.salary-box > div span {position: relative;height: .1rem;margin: .3rem 0;text-indent: 100%;overflow: hidden;white-space: nowrap;}
.salary-box > div span::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height:.1rem;background-color: var(--line-dark);}

/* 국민노후보장패널조사 index */
.sub-wrap { display: flex; margin-bottom: 4rem; }
.sub-wrap .sub-inner-wrap { width: calc(100% / 3 - 2rem); flex: 2; }
.sub-wrap .sub-inner-wrap + .sub-inner-wrap { margin-left: 4rem; flex: 0; min-width: 40rem; }
.sub-wrap .txt-list { width: 50%; }
.sub-wrap .txt-list + .txt-list {margin-top: 0.4rem;}
.txt-list.dot.bigger li { font-size: 1.6rem;}
.data-list-top .list-search + .list-search { margin-left: 4rem; }

/* 해외연금제도 */
.tab-world .default-box, 
.tab-world .equal-width-list li, 
.equal-width-list .tab-world li { margin: 4rem 0; }
.tab-world .tab-base2 .tabNav { background: transparent; }
.tab-world .tab-base2 .tabNav li { flex: 0 1 auto; }
.tab-world .tab-base2 .tabNav a { border-color: var(--line-gray); }

.tab-base.tab-serials.tab-world .data-list-top {display: none;}

.gray_box { background: var(--bg-gray); border-radius: 2rem; padding: 3rem; margin: 2rem 0 0 0; color: var(--gray-80); }
.con-wrap table tr.now td, 
.data-list table tr.now td { color: var(--primary); }

/* 해외연금제도  */
.world-map { max-width: 106rem; margin: 0 auto 4rem; position: relative; }
.world-map img { width: 100%; max-width: 106rem; }
.world-map .text { position: absolute; top: 0; color: transparent; }
.world-map .text.on .name { background: var(--primary); border-radius: 1rem; width: fit-content; padding:0 1.6rem; height: 3.2rem; color: var(--bg-white); font-weight: 700; display: flex; align-items: center; justify-content: center; background: var(--primary); }
.world-map .text.on .name:before { content: ""; width: 0; height: 0; border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; border-top: 0.6rem solid var(--primary); display: block; position: absolute; top: 3.1rem; left: calc(50% - 0.6rem); }
.world-map .text.on.nation7 .name:before { content: ""; width: 0; height: 0;border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; border-top: 0.8rem solid var(--primary); top: 1.2rem; left: calc(0% - 0.9rem); transform: rotate(90deg);}
.world-map .text.on.nation7 .name {top: 0.4rem; z-index: 1; left: 3rem; transform: none;}
.world-map .text.on.nation9 .name:before,
.world-map .text.on.nation10 .name:before { content: ""; width: 0; height: 0;border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; border-top: 0.8rem solid var(--primary); top: 1.2rem; left: calc(100% - 0.3rem); transform: rotate(270deg);}
.world-map .text.on.nation9 .name {top: 0.4rem; z-index: 1; left: -8rem; transform: none;}
.world-map .text.on.nation10 .name {top: 0.2rem; z-index: 1; left: -6.8rem; transform: none;}

.world-map .text:after { content: ""; display: block; margin: 0 auto; width: 1rem; height: 1rem; border: 0.5rem rgba(61, 61, 61, 0.8) solid; border-radius: 2rem; box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12); position: absolute; bottom: -3rem; background: var(--bg-white); }
.world-map .text.on:after { border-color: var(--primary); } 
.world-map .text[class*=nation] .name { position: absolute; top: -3rem; z-index: 1; transform: translateX(-50%); left: calc(50% + 1rem);}
.world-map .text[class*=nation] .name em {display:none}
.world-map .text[class*=nation] .name span {display:none}
/* 순서는 
    nation1 미국 
    nation2 캐나다 
    nation3 일본
    nation4 호주
    nation5 뉴질랜드
    nation6 네덜란드
    nation7 독일
    nation8 스웨덴 
    nation9 스위스
    nation10 영국
    nation11 핀란드
    nation12 노르웨이
  */
.world-map .text.nation1 { top: 34.11%; left: 75.84%; }
.world-map .text.nation2 { top: 19.15%; left: 71.13%; }
.world-map .text.nation3 { top: 38.81%; left: 43.96%; }
.world-map .text.nation4 { top: 74.70%; left: 43.01%; }
.world-map .text.nation5 { top: 85.39%; left: 52.26%; }
.world-map .text.nation6 { top: 27.27%; left: 8.77%; }
.world-map .text.nation7 { top: 29.62%; left: 11.32%; }
.world-map .text.nation8 { top: 21.07%; left: 11.32%; }
.world-map .text.nation9 { top: 32.18%; left: 9.24%; }
.world-map .text.nation10 { top: 25.77%; left: 6.60%; }
.world-map .text.nation11 { top: 19.79%; left: 14.24%; }
.world-map .text.nation12 { top: 18.34%; left: 10.94%; }

/* 그래프 및 표 이미지 */
.inner-contents{font-size: 1.6rem;}
.inner-contents.context_type2 {font-size: 1.7rem;}
.inner-contents .con-title {font-size: 2rem;}
.inner-contents .con-table tbody th {color: var(--gray-90);}
.inner-contents .con-table .con-table thead th,
.inner-contents .con-table .con-table tbody td { font-size: 1.4rem; height: 5rem; padding: 0;}
.inner-contents .con-table .con-table thead th {background: var(--bg-gray); color: var(--gray-80); border-color:var(--line-gray); padding: 1.5rem 0; }
.graph-img {margin-top: 4rem; position: relative;}
.inner-txt {display: flex; justify-content: space-between; margin-bottom: 2rem; margin-top: 4rem;}
.inner-txt2 {margin-bottom: 4rem; margin-top: 4rem;}
.inner-txt2.small {margin-bottom: 2rem;}
.inner-txt.small {margin-bottom: 2rem;}
.inner-txt.small1 {margin-top: 2rem; margin-bottom: 0;}
.inner-txt.small2_box {margin-bottom: 2rem; margin-top: 2rem; background:#f1f4f9; border:1px solid #e7eaf1; padding:10px;}
.description-list {margin-top: 2rem; text-align: left;}
.inner-txt p.unit {margin-top: 0.1rem; font-size: 1.4rem; color: var(--gray-60);}
.con-table .inner-txt {margin-top: 3rem;}
.status {position: absolute; top:6.2rem; right:8.1rem;}
.status2 {position: absolute; top:0rem; right:8.1rem;}
.space-top {margin-top: 4rem;}

.col-row-swiper.con-table.line {border-top: .1rem solid var(--gray-80);border-bottom: .1rem solid var(--gray-80);}
.col-row-swiper.con-table.line thead th {border-bottom: .3rem double var(--gray-70);}
.col-row-swiper.con-table.line tbody tr:last-child th,
.col-row-swiper.con-table.line tbody tr:last-child td {border-bottom: .1rem solid var(--gray-80);}

/* inner tab */
.tab-base2 .inner-contents{display:none;}
.tab-base2 .inner-contents.active{display:block;}

.tab-base2 .inner-tab{display:flex; flex-wrap:wrap; margin:-1rem; margin-bottom:5rem;}
.tab-base2 .inner-tab li{margin:1rem; width:22rem; max-width:calc(50% - 2rem);}
.tab-base2 .inner-tab a{display:flex; align-items: center; justify-content: center; height:6.4rem; border:0.1rem solid var(--line-gray); border-radius:3.2rem; font-size:1.8rem; line-height:1.16; padding:1rem; box-sizing:border-box; text-align:center;}
.tab-base2 .inner-tab a.active{border-color: var(--primary); background-color:var(--primary); color:#fff; font-weight:700; box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.1);}
.tab-base2 .inner-contents .txt-list.dot > li:before,
.tab-base2 .inner-contents .txt-list.dash > li:before {top:0.85em;}

/* 조직도 */
.organization-chart {padding-top: 4rem;}
.organization-chart + .con-table-header {margin-top: 6rem;}
.organization-top { margin-top: -4rem; overflow: hidden}
.organization-top > li { font-weight: 700; font-size: 2rem; color: var(--bg-white); display: flex; flex-direction: column; align-items: center; position: relative; }
.organization-top > li div { display: flex; justify-content: center; align-items: center; position: relative; }
.organization-top > li div:before { content: ""; display: block; width: 0.2rem; height: 2rem; background: var(--gray-60); position: absolute; left: 50%; }
.organization-top > li .chairman { width: 18rem; height: 18rem; border-radius: 9rem; background-color: #2B2171; margin-bottom: 3rem; }
.organization-top > li .chairman:before { height: 3rem; bottom: -3rem; }
.organization-top > li .research-director { width: 14rem; height: 14rem; border-radius: 7rem; background-color: #7984AC; margin: 0 auto 16rem auto;}
.organization-top > li .research-director:before { height: 13.8rem; bottom: -13.8rem; }
.organization-top > li .research-director::after { content: ""; display: block; width: 19.8rem; height: 0.2rem; background: var(--gray-60); position: absolute; top: 20rem; left: 50%; }
.organization-top > li .research-director:hover {box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);background-color: #6d7594;}
.organization-top > li .research-director a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #fff;}
.organization-top > li .research-director.active {background-color:var(--primary);}
.organization-top > li .organization { width: 29rem; height: 8rem; border-radius: 8rem; background-color: #545656;}
.organization-top > li .organization a {color: #fff;}
.organization-top > li .organization:hover {box-shadow: 0 0.6rem 1.2rem rgba(0,0,0,0.1);}
.organization-top > li .organization:before { display: none; }
.organization-top + .organization-chart-list { margin-top: 0; }
.organization-top + .organization-chart-list:before { top: -5rem; }
.organization-top + .organization-chart-list li:before { top: -5rem; height: 5rem; }

.organization-sub {width: 100%;}

.organization-chart-list { display: flex; justify-content: center; position: relative; }
.organization-chart-list:before { content: ""; display: block; width: 77.968%; max-width: 99.1rem; height: 0.2rem; background: var(--gray-60); position: absolute; top: -2.2rem; left: 50%; transform: translateX(-50%); }
.organization-chart-list > li { flex: 1 1 0; position: relative; max-width: 29rem; min-width: 0; margin-left: 4rem; position: relative; }
.organization-chart-list > li:first-child {position: absolute;right: 18%;top: -14rem}
.organization-chart-list > li:first-child::before {content: none;}
.organization-chart-list > li:nth-child(2) {margin-left: 0;}
.organization-chart-list > li:before { content: ""; display: block; width: 0.2rem; height: 2.2rem; background: var(--gray-60); position: absolute; top: -2.2rem; left: 50%; }
.organization-chart-list > li a.btn { max-width: 29rem; width: 100%; border-color: var(--line-gray); height: 6.4rem; border-radius: 3.2rem; font-weight: 700; font-size: 1.8rem; cursor:pointer; }
.organization-chart-list > li a.active {border-color:var(--primary);color:var(--primary)}
.organization-chart-list > li.alone { margin-top: 0; }
.organization-chart-list > li.alone:before { content: ""; height: 11.4rem; }
.organization-chart-list > li.alone .chart-inner-list > li { background-color: #F9F4F1; margin-top: 10.3rem;}
.organization-chart-list > li.active {border-color:var(--primary)}
.organization-chart-list > li.active > a { background: var(--primary); border-color: var(--primary); color: var(--bg-white); }
.organization-chart-list > li.active > a::after {background-image: url(/images/contents/arr-chart-active.svg);}
.organization-chart-list > li.active > a i { background-image: url(/images/contents/arr-chart-active.svg); }

.organization-chart-list .part-name{display:flex; align-items:center; justify-content:center; max-width: 29rem; width: 100%; border-color: var(--line-gray); height: 6.4rem; border-radius: 3.2rem; font-weight: 700; font-size: 1.8rem; border:0.1rem solid var(--line-gray);}
.organization-chart-list .part2-name{display:flex; align-items:center; justify-content:center; font-size: 1.6rem; font-weight: 600; color: var(--gray-80); text-align: center; width: 100%; height: 5.2rem; line-height: 5.2rem; border-radius: 2rem 2rem 0 0; }

.organization-chart-list .chart-inner-list > li { margin-top: 2rem; width: 100%; box-sizing: border-box; border: 0.1rem var(--line-gray) solid; background-color: var(--bg-blue); border-radius: 2rem; position: relative; }
.organization-chart-list .chart-inner-list > li:before { content: ""; display: block; width: 0.2rem; height: 2rem; background: var(--gray-60); position: absolute; top: -2.1rem; left: 50%; }
.organization-chart-list .chart-inner-list > li:first-child { margin-top: 4rem; }
.organization-chart-list .chart-inner-list > li:first-child:before { content: ""; height: 4rem; top: -4.1rem; }
.organization-chart-list .chart-inner-list > li:hover {border:0.1rem var(--primary) solid;}
.organization-chart-list .chart-inner-list > li.active {border:0.1rem var(--primary) solid;}
.organization-chart-list .chart-inner-list > li:hover > div:nth-child(2) {border-color: var(--primary);}
.organization-chart-list .chart-inner-list > li.active > div:nth-child(1) { background: var(--primary); border-color: var(--primary); color: var(--bg-white); border-radius: 2rem 2rem 0 0; }
.organization-chart-list .chart-inner-list > li.active > div:nth-child(1) a { color: var(--bg-white); }
.organization-chart-list .chart-inner-list a { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align:center; width: 100%; font-size: 1.6rem; font-weight: 700; color: var(--gray-80); text-align: center; border-radius: 2rem; overflow: hidden; }
.organization-chart-list .chart-inner-list a span{display: flex;align-items: center;justify-content: center;width:100%;}
.organization-chart-list .chart-inner-list a span:nth-child(1) { height: 5.2rem; }
.organization-chart-list .chart-inner-list a span:nth-child(2) { height: 5.8rem; box-sizing: border-box; border-top: 0.1rem var(--line-gray) solid; background: var(--bg-white); border-radius: 0 0 2rem 2rem; font-weight: 400;}

i.i-chart { background-image: url(/images/contents/arr-chart.svg); }
i.i-chart-active { background-image: url(/images/contents/arr-chart-active.svg);}
i.i-chart-inner { background-image: url(/images/contents/arr-chart-inner.svg); vertical-align: -0.4rem;}

.organization-chart-list > li > a:after,
.organization-chart-list .chart-inner-list a span:nth-child(1):after {
    display: inline-block;
    content:'';
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    margin-left:0.4rem;
    background-image: url(/images/contents/arr-chart.svg);
}
.organization-chart-list .chart-inner-list a:after{background-size:1.6rem auto;}


.organization-chart-list > li > a.active:after,
.organization-chart-list .chart-inner-list a.active span:nth-of-type(1):after{background-image: url(/images/contents/arr-chart-active.svg);transform: rotate(90deg);}
.organization-chart-list .alone .chart-inner-list a.active span:nth-of-type(1){background-color: #d9611a;}
.organization-chart-list a.active span:nth-of-type(1){background: var(--primary); border-color: var(--primary); color: #fff !important;}


.organization-chart-list.type-aright .chart-inner-list {width: 100%;position: relative;right: 0%;}
.organization-chart-list.type-aright:before {content: "";display: block;width: 0.2rem;height: 64%;left:-8%;position:absolute;top: 22%;}
.organization-chart-list.type-aright .chart-inner-list > li:before {top: 5.2rem;width: 2.5rem; height: 0.2rem; left: -2.5rem;}
.organization-chart-list.type-aright .chart-inner-list > li:first-child:before {top: 5.2rem; height: 0.2rem;}
.organization-chart-list.type-aright .chart-inner-list > li:last-child:before {width: 3.7rem; left: -3.8rem;}
.show-contents, 
.tab-contents { display: none; }
.show-contents .md-title, 
.tab-contents .md-title { margin-top: 0; padding-top: 4rem; }
.show-contents .md-title + .office-wrap, 
.tab-contents .md-title + .office-wrap { margin-top: 2rem; }
.show-contents .con-title, 
.tab-contents .con-title { padding-top: 4rem; margin-top: 2rem; }
.show-contents .con-title:before, 
.tab-contents .con-title:before { top:5rem;}
.show-contents.active, 
.tab-contents.active { display: block; }

/* 직원 연락처찾기 리스트 */
.organization-member{margin-top:8rem;}
.organization-member .md-title{font-size:2.4rem;}
.organization-member:not(.accWrap) .member-item a:after{display:none;}

.member-item {margin: 1rem 0; border-radius: 2rem; border: 0.1rem var(--line-gray) solid;}
.member-item .item-summary{display:flex; padding: 2rem 9.6rem 2rem 4rem; position:relative; border-radius: 2rem; min-height: 3.8rem; box-sizing:border-box;}
.member-item .item-detail{position:relative; padding: 2rem 4rem; background-color:var(--bg-blue); display:none;}

.member-item .units-name{ display: flex; align-items: center; flex-shrink:0; width:8rem;}
.member-item .units-name strong{font-weight: 700; color: #283D76; font-size:1.8rem; font-weight:700; }
.member-item .units-info{width:calc(100% - 8rem);}
.member-item .units-info ul{display:flex; width:100%; position:relative;}
.member-item .units-info li{padding-left:2rem; box-sizing:border-box;}
.member-item .units-info .label{display:block; margin-bottom:0.4rem; font-size:1.5rem;}
.member-item .units-info .data{font-weight:600; color:var(--gray-90); }
.member-item .units-info .affiliation{width:25%; flex-shrink:0;}
.member-item .units-info .belong{width:15%; flex-shrink:0;}
.member-item .units-info .tel{width:15%; flex-shrink:0;}
.member-item .units-info .responsibilities{width:45%;}
.member-item a:after{ content: ""; display: block; width: 3.6rem; height: 3.6rem; border-radius: 1rem; position: absolute; right: 3rem; top: 50%; margin-top: -1.8rem; background: var(--bg-gray) url(/images/contents/arr-office-off.svg) no-repeat center; }

.member-item.active{}
.member-item.active a{ border-bottom: 0.1rem var(--line-gray) solid; background: var(--bg-blue); }
.member-item.active a:after{ background: var(--bg-white) url(/images/contents/arr-office-on.svg) no-repeat center; }
.member-item .item-detail { background-color: transparent; padding: 0 4rem 4rem; }

/* 연락처리스트 내용 */
.units-achievement dl dt { font-weight: 700; font-size: 1.8rem; color: var(--primary); margin-top: 4rem; }
.units-achievement dl dd { color: var(--gray-80); margin-top: 2rem; }
.units-achievement dl dd .txt-list { margin-top: 1.4rem; }
.units-achievement dl + dl { border-top: 0.1rem var(--line-gray) solid; margin-top: 4rem; }

.pc-txt {display: block;} 
.mc-txt {display: none;} 

.finance-cont .finance-grap {margin-top:4rem;border:0.1rem solid #decdc6; border-radius:0 3rem; background-color:#f6f3f9; text-align:center; padding:4rem; font-size:2.4rem; color:#7e4379;}
.finance-cont .finance-grap em{font-weight:700;}
.finance-cont .finance-detail{display:flex; justify-content: center; position:relative; padding-top:11rem; margin-top:2rem;}
.finance-cont .finance-detail:before{display:block; content:''; height:9.3rem; position:absolute; left:0; top:0; right:0; background:url(/images/contents/slogan_arr.png) center top / auto 100% no-repeat;}
.finance-cont .finance-item{width:38.5rem; position:relative;}
.finance-cont .finance-item h5{position:relative; height:9rem; display:flex; align-items:center; justify-content: center; color:#fff; font-size:1.8rem; font-weight:700;}
.finance-cont .finance-item h5:before{display:inline-block; content:''; width:3rem; height:3rem; margin-right:1rem;}
.finance-cont .finance-item.item1 h5:nth-child(1) {border-radius:0 4.5rem 4.5rem 4.5rem;}
.finance-cont .finance-item.item2 h5:nth-child(1) {border-radius:4.5rem 4.5rem 0 4.5rem;}
.finance-cont .finance-item ul{padding:2rem 6rem; text-align:left;}
.finance-cont .finance-item.item1{z-index:1; mix-blend-mode: multiply;}
.finance-cont .finance-item.item1 h5{background-color:#575bac;}
.finance-cont .finance-item.item1 h5:before{background:url(/images/contents/i_finance1.svg) 0 0 no-repeat;}
.finance-cont .finance-item.item2 h5{background-color:#8153cb;}
.finance-cont .finance-item.item2 h5:before{background:url(/images/contents/i_finance2.svg) 0 0 no-repeat;}
.finance-cont .finance-item.item2{margin-left:-5rem;}
.finance-cont .finance-item.item2 h5:after{display:block; content:''; width:1.7rem; height:1.7rem; background:url(/images/contents/slogan_plus.png) 0 0 no-repeat; position:absolute; left:1.7rem; top:50%; margin-top:-0.8rem; z-index:10;}
.finance-cont .list-dot-mini{margin:0.8rem 0;}
.finance-cont .list-dot-mini:first-child{margin-top:0;}
.finance-cont .list-dot-mini:last-child{margin-bottom:0;}
.finance-cont .list-dot-mini > li{position:relative; padding-left:1rem;}
.finance-cont .list-dot-mini > li + li{margin-top:0.4rem 0;}
.finance-cont .list-dot-mini > li:before{display:block;content:''; width:0.2rem; height:0.2rem; border-radius:50%; background-color:var(--gray-60); position:absolute; left:0.1rem; top:0.66em;}
.finance-cont .list-dot-mini > li > .item-head{font-weight:500; margin-bottom:0.4rem;}
.finance-cont .list-dot-mini.gap > li + li{margin-top:1.6rem;}
.finance-cont .list-dot-mini.gap.top-mg{margin-top:1.6rem;}
.finance-cont .con-box{border:0.1rem solid var(--line); background-color:var(--bg-blue); border-radius:2rem; padding:1.6rem 2.4rem; margin:1.6rem 0;}
.finance-cont .con-box .box-title{font-size:1.8rem; font-weight:600; margin-bottom:0.8rem; display:block; color:var(--gray-80);}
.finance-cont .con-box .box-title.line{padding-bottom:1.6rem; border-bottom:0.1rem solid var(--line); margin-bottom:1.6rem;}
.finance-cont .con-box .box-con{background-color:#fff; border-radius:1.6rem; padding:2rem;}
.finance-cont .con-box .box-con + .box-title{margin-top:1.2rem;}
.finance-cont .con-box > *:last-child{margin-bottom:0;}
.finance-cont .con-box.white{background-color:#fff;}
.finance-cont .con-box.bg-yellow{background-color:var(--bg-yellow);}
.finance-cont .con-box.no-line{border:none;}
.finance-cont .con-box .md-title{font-size:1.8rem; margin:2.4rem 0 1.2rem;}
.finance-cont .con-box .box-title-icon {font-size: 1.6rem;font-weight: 700;margin-bottom: 2rem;display: flex;align-items: center;}
.finance-history-wrap{margin-top:7rem;}
.finance-history-wrap .f-history-row{display:flex; flex-wrap:wrap; position:relative;}
.finance-history-wrap .f-history-row h5{display:flex; align-items:center; justify-content:center; color:#fff; font-size:2.5rem; width:16.5rem; height:16.5rem; text-align:right; margin-right:8rem; position:relative;}
.finance-history-wrap .f-history-row h5.f-history-1 {background:#8e9dbc; border:1.5rem solid #cdd7eb; border-radius: 50%;}
.finance-history-wrap .f-history-row h5.f-history-2 {background:#6e87b8; border:1.5rem solid #cdd7eb; border-radius: 50%;}
.finance-history-wrap .f-history-row h5.f-history-3 {background:#5273b5; border:1.5rem solid #cdd7eb; border-radius: 50%;}
.finance-history-wrap .f-history-row h5.f-history-4 {background:#4168b7; border:1.5rem solid #cdd7eb; border-radius: 50%;}
.finance-history-wrap .f-history-row .f-history-list{padding:1rem 0 1rem 3.5rem ; position:relative; z-index:1;}
.finance-history-wrap .f-history-row .f-history-list:before{display:block; content:''; width:0.1rem; position:absolute; left:-0.1rem; top:2rem; bottom:-2rem; background-color:#F0EAF9;}
.finance-history-wrap .f-history-row .f-history-list li{font-weight:700; margin-bottom:0.3rem; font-size:1.7rem;}
.finance-history-wrap .f-history-row .f-history-list li:after{display:block; content:''; width:1.3rem; height:1.3rem; border-radius:50%; overflow:hidden; position:absolute;}
.finance-history-wrap .f-history-row .f-history-list li:nth-child(1):after{background:url(/images/contents/history_dot.png) no-repeat; left:-0.7rem; top:1.8rem;}
.finance-history-wrap .f-history-row .f-history-list li:nth-child(2):after{background:url(/images/contents/history_dot.png) no-repeat; left:-0.7rem; top:13.8rem;}
.finance-history-wrap .f-history-row .f-history-list li ul.f-info-list {margin:1rem 0 2.5rem 1rem;}
.finance-history-wrap .f-history-row .f-history-list li ul.f-info-list li {font-weight:400;}
.finance-history-wrap .f-history-row .f-history-list .date{font-weight:700; width:7rem; margin-right:3rem;}
.finance-history-wrap .f-history-row:last-child .f-history-list{padding-bottom:0;}
.finance-history-wrap .f-history-row:last-child .f-history-list:before{bottom:0;}
.finance-history-wrap .f-history-row:before,
.finance-history-wrap .f-history-row:after{font-size:10rem; color:#f5f5f5; line-height:1em; font-weight:700; position:absolute; right:0; z-index:0;}
.finance-history-wrap .f-history-row:before{top:8rem;}
.finance-history-wrap .f-history-row:after{bottom:10rem;}

.finance-history-wrap .f-history-row .f-plan {border:0.1rem dashed #b0bdd7; width:100%; border-radius:3rem; display:flex; background:#eef2f9; margin-bottom:5rem;}
.finance-history-wrap .f-history-row .f-plan:before {display:inline-block; content:''; width:20rem; background:url(/images/contents/i_finance_type1.png) no-repeat center center;}
.finance-history-wrap .f-history-row .f-plan .plan-section {width:100%;}

.finance-history-wrap .f-history-row .f-plan h6 {font-size:1.8rem; font-weight:700; padding:1.5rem 0 0.5rem 0; color:#14296C; border-bottom:0.1rem solid #ced8ea;}
.finance-history-wrap .f-history-row .f-plan p.plan_text02 {margin-top:1rem; font-size:1.6rem; padding:0 0 2rem 0;}
.finance-history-wrap .f-history-row .f-plan-list {padding:1rem;}
.finance-history-wrap .f-history-row .f-plan-list.style02 dt {float:none; width:auto; }
.finance-history-wrap .f-history-row .f-plan-list.style02 dt::before {content:''; width:0;}
.finance-history-wrap .f-history-row .f-plan-list dt {float:left; width:12rem; font-weight:700;;}
.finance-history-wrap .f-history-row .f-plan-list dt::before {content: '-'; display:inline-block; width:1.5rem;}

.finance-history-wrap .f-history-row:nth-child(1):before{content:'2003년';}
/*.finance-history-wrap .f-history-row:nth-child(1):after{content:'1995';}*/
.finance-history-wrap .f-history-row:nth-child(2):before{content:'2008년';}
/*.finance-history-wrap .f-history-row:nth-child(2):after{content:'2005';}*/
.finance-history-wrap .f-history-row:nth-child(3):before{content:'2013년';}
.finance-history-wrap .f-history-row:nth-child(4):before{content:'2018년';}

.finance-value{position:relative; padding:3rem 0; display:flex;}
.finance-value:before{display:block; content:''; position:absolute; left:0; top:0; right:0; height:25rem; border-radius:0 4rem 0 4rem; border:0.1rem dashed var(--line-gray);}
.finance-value .forw-item{width:calc(100% / 3 - 2.2rem); margin:0 1.1rem; display:flex; flex-direction: column; position:relative;}
.finance-value .forw-item:after{display:block; content:''; width:2.5rem; height:2.5rem; background:url(/images/contents/core_plus.png) 0 0 no-repeat; position:absolute; left:100%; top:9.3rem; margin-top:-1.3rem;}
.finance-value .forw-item:last-child:after{display:none;}
.finance-value .forw-item h5{margin:0 auto 7rem auto; width:19.4rem; height:19.4rem; display:flex; align-items: center; justify-content: center; font-size:1.7rem; font-weight:700; text-align:center; flex-shrink: 0;}
.finance-value .forw-item h5 span {padding-top:4rem;}
.finance-value .forw-item ul{border:0.1rem solid var(--line); border-radius:2rem; background-color:#FCFAF9; padding:2.4rem; text-align:left; height:100%; position:relative;}
.finance-value .forw-item ul:before{display:block; content:''; width:5.4rem; height:3.2rem; background:url(/images/contents/core_arr.png) center center no-repeat; position:absolute; left:50%; top:-5.2rem; margin-left:-2.7rem;}
.finance-value .forw-item p em{font-weight: 700;}
.finance-value .forw-item.item1 h5{background:url(/images/contents/forw-item1_bg.png) 0 0 / 100% 100% no-repeat;}
.finance-value .forw-item.item2 h5{background:url(/images/contents/forw-item2_bg.png) 0 0 / 100% 100% no-repeat;}
.finance-value .forw-item.item3 h5{background:url(/images/contents/forw-item3_bg.png) 0 0 / 100% 100% no-repeat;}

.cal-committee-org{margin-top:3.2rem; margin-bottom:1.6rem;}
.cal-committee-org dl{width:33rem; max-width:100%;}
.cal-committee-org .box_right {position:relative;}
.cal-committee-org p{width:33rem; max-width:100%; text-align:center; padding:1.3rem 0; border-radius:0.5rem;}
.cal-committee-org p.mohw {margin:0 auto 3rem auto; background: var(--primary); color:#fff; font-weight:700; position:relative;}
.cal-committee-org p.mohw:after {display:block; content:''; height:14rem; width:0.1rem; background-color:var(--gray-60); position:absolute; left:50%; top:100%;}
.cal-committee-org p.mohw:before {display:block; content:''; height:0.1rem; width:50%; background-color:var(--gray-60); position:absolute; right:0; top:11rem;}
.cal-committee-org p.committee4 {border:0.1rem solid var(--secondary-darkBlue); color:var(--secondary-darkBlue); position:absolute; right:0; background:#fff;}
.cal-committee-org dt{font-weight:700;}
.cal-committee-org dt .ctt-people{font-size:1.5rem; display:block;}
.cal-committee-org dt a{display:block; padding:1.2rem; text-align:center; border-radius:0.5rem; }
.cal-committee-org dd{margin-top:0.5rem; border:0.1rem solid var(--line-gray); border-radius:0.5rem; padding:2rem; font-size:1.6rem; min-height:11.5rem; box-sizing:border-box;}
.cal-committee-org .committee1{margin:14rem auto 3rem auto; position:relative;}
.cal-committee-org .committee1 dt a{border:0.1rem solid #b79542; color:#9f7c27;}
.cal-committee-org .committee1:after{display:block; content:''; height:3rem; width:0.1rem; background-color:var(--gray-60); position:absolute; left:50%; top:100%;}
.cal-committee-org .sub-committee{position:relative; padding-top:3.1rem; display:flex; flex-wrap:wrap;}
.cal-committee-org .sub-committee .committee3{margin-left:auto;}
.cal-committee-org .sub-committee:before{display:block;content:''; height:3rem; border:0.1rem solid var(--gray-60); border-bottom-width:0; position:absolute; left:16.5rem; right:16.5rem; top:0; }
.cal-committee-org .sub-committee dl{max-width:49%; display:flex; flex-direction:column; }
.cal-committee-org .sub-committee dl dt{flex-shrink:0;}
.cal-committee-org .sub-committee dl dd{height:100%;}
.cal-committee-org .sub-committee dt a{border:0.1rem solid var(--primary); color:var(--primary);}

.list_type_img .col4_type02 {display:flex;}
.list_type_img .col4_type02 li {display:flex; flex-direction:column; align-items:center; width:calc(100% / 4); margin-right:6rem; border:0.1rem solid var(--line); border-radius:3rem; padding-top:3rem; position:relative;}
.list_type_img .col4_type02 li:nth-child(1) {border-radius:0 3rem 3rem 3rem;}
.list_type_img .col4_type02 li:nth-child(4) {margin-right:0; border-radius:3rem 3rem 0 3rem;}
.list_type_img .col4_type02 li:before {display:block; content:''; width:5.5rem; height:5.5rem; }
.list_type_img .col4_type02 li.list_img1:before {background:url(/images/contents/step-item1.png) 0 0 no-repeat;}
.list_type_img .col4_type02 li.list_img2:before {background:url(/images/contents/step-item2.png) 0 0 no-repeat;}
.list_type_img .col4_type02 li.list_img3:before {background:url(/images/contents/step-item3.png) 0 0 no-repeat;}
.list_type_img .col4_type02 li.list_img4:before {background:url(/images/contents/step-item4.png) 0 0 no-repeat;}
.list_type_img .col4_type02 li:after {display:block; content:''; width:1.8rem; height:3.2rem; background:url(/images/contents/step-arrow2.png) 0 0 no-repeat; position:absolute; left:100%; top:9.3rem; margin-left:2rem;}
.list_type_img .col4_type02 li.list_img4:after {background:none;}
.list_type_img .col4_type02 li em {display:block; font-weight:700; min-height:7rem; padding:2.4rem 1.6rem; text-align:center; box-sizing:border-box;}
.list_type_img .col4_type02 li > span {display:flex; align-items:center; justify-content:center; text-align:center; width:100%; background-color:var(--bg-gray); height:5rem; border-radius:0 0 3rem 3rem; text-align:center; font-weight:700; margin-top:auto;}
.list_type_img .col4_type02 li.list_img4 span {border-radius:0 0 0 3rem;}

/* 추가주석 */
a.to-comment {margin-left: 0.2rem;font-size: 1.2rem;vertical-align: top;color: var(--primary);font-weight: 700;}
a.to-comment:hover {text-decoration: underline;}
.comments {margin-top: 3.2rem;}
.comments li {display: flex;}
.comments li:not(:first-child) {margin-top: 1.2rem}
.comments .marker {font-size: 1.6rem;color: var(--primary);font-weight: 700;}
.comments .comment-content {flex-grow: 1;min-width: 0;max-width: 100%;margin-left: 1.2rem;}
.comments .con-table.all-center th {text-align: center;	}

@media screen and (max-width:1024px) {

    .pc-txt {display: none;} 
    .mc-txt {display: block;} 
    .main .container { background: url("/images/main/main_bg_m.jpg") no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; padding: 2.4rem 0 4rem 0; }
    
    /* 타이틀 */
    .con-title {margin-top:3rem; margin-bottom: 1rem;}
    .con-title:first-child {margin-top:0;}
    
    /* 연구원 탭 */
    .tab-base.tab-serials .tabNav {margin-bottom: 2rem;}
    .tab-base.tab-serials .tabNav li { margin: 0.5rem; flex: 0 0 calc(100% / 2 - 1rem); width: auto; }
    .tab-base.tab-serials .tabNav li a { height: 5.4rem; }
    
    /* 해외연금제도 탭 */
    .tab-base.tab-serials.tab-world .tabNav {margin-bottom: 2rem;}
    .tab-base.tab-serials.tab-world .tabNav li {width: calc(100% / 3 - 1rem); flex:inherit;}
    
    /* 서브탭 연구원발간물 */
    .sub-tab.slash ul {flex-wrap: wrap;margin-bottom: 1rem;padding-left: 3rem;}
    .sub-tab.slash ul::before {top: .2rem;}
    .sub-tab.slash ul li { width: calc(100%/2 - 1rem);}
    .sub-tab.slash ul li:first-child {padding: 0;}
    .sub-tab.slash li:first-child::before{display: block;}
    .sub-tab.slash ul li a { padding: 0 1rem; }
    .tab-report .tabNav {display: none;}
    .tab-report .data-list-top {flex-wrap: wrap; gap: 1rem; margin-top: 1rem;}
    .tab-report .data-list-top .list-search.report {display: block;}
    .tab-report .data-list-top .list-acount {width: 100%;justify-content: flex-start;}
    .tab-report .data-list-top .list-search {flex: 1;margin: 0;}
    
    /* 서브탭 보고서 */
    .sub-tab.col ul {justify-content: space-between; align-content: space-around; flex-wrap: wrap;}
    .sub-tab.col ul li {width: calc(100% / 2);}
    .sub-tab.col ul li a {display: block; padding: 1rem 0;}
    
    /* 디스크립션 배경 + 이미지 */
    .desc-wrap { padding: 2rem; margin: 0 0 4rem 0; }
    .desc-wrap .desc-title {font-size: 1.8rem;}
    .desc-wrap .desc-img { position: static; text-align: center; margin-bottom: 2rem;}
    .desc-wrap .desc-img img {max-width: 100%;}

    .desc-wrap.small {margin-bottom: 3rem;}
    .desc-wrap.small .desc-text {margin-top: 1.2rem;}
    .desc-wrap.small .desc-img {margin-bottom: 1.2rem; margin-top: -2rem;}
    .desc-wrap br { display: none; }
    
    /* 인사말 */
    .desc-wrap.greetings { background: #e9eff7 url("/images/contents/bg-greetings-m.png") no-repeat; background-size: cover;}
    .desc-wrap.greetings .desc-img {width: 18rem;}
    .desc-wrap.greetings .desc-text {margin: 1.6rem 0;font-size: 1.6rem;}
    .desc-wrap.greetings .desc-text strong { font-size: 1.8rem; }

    .desc-wrap.news { padding-left: 2rem; }

    /* 해외연금제도 */
    .desc-wrap.world { border: 0.1rem var(--line-gray) solid; box-sizing: border-box; border-radius: 2rem; height: 100%; background: none; padding-right: 2rem; padding-left: 0; margin-bottom: 1rem;}
    .desc-wrap.world .desc-img { position: absolute; left: 2rem; top:2rem;}
    .desc-wrap.world .desc-img img { border-radius: 3rem; width: 6rem; height: 6rem; }
    .desc-wrap.world .btns-wrap { position: static; margin-top: 2rem; }
    .desc-wrap.world .btns-wrap .special {color:var(--primary); padding:0 2rem; min-width: auto; margin: 0;}
    .desc-wrap.world .desc-title, 
    .desc-wrap.world .desc-text {padding-left: 10rem;}
    .desc-wrap.world .desc-text { margin-top: 1rem; font-size: 1.2rem; line-height: normal;}
    
    /* 인사말 */
    .greetings p.last { margin-bottom: 2rem; }
    .greetings .sign {text-align: left;}
    .greetings .name {margin-left: 1.3rem; }
    
    .random-space { margin-bottom: 4rem; }  
    
    .sub-wrap { display: flex; flex-wrap: wrap; margin-bottom: 4rem; }
    .sub-wrap .sub-inner-wrap { width: 100%; flex: none; }
    .sub-wrap .sub-inner-wrap + .sub-inner-wrap { margin-left: 0; flex: none; min-width: auto; margin-top: 4rem; }
    .sub-wrap .txt-list { width: 100%; }
    .sub-wrap .txt-list + * { margin-top: 0; }

    .txt-list.dot.list-space {margin-top:0;}
    .txt-list.dot.list-space li .equal-width-list { margin-top: 0; margin-left: -1rem; }
    
    /* 리스트  */
    .report-list > .items { width: 100%; flex-wrap: wrap; justify-content: flex-start;}
    .report-list > .items .btns { width: 100%; flex-direction: row; margin-left: 0; margin-top: 1.6rem;}
    .report-list > .items .btns a { display: flex; flex-wrap: wrap; padding: 0 1.4rem; width: 100%; min-width: auto; }
    .report-list > .items .btns a + a { margin: 0 0 0 1.5rem; }
    .report-list > .items .list-img{margin:0 2.4rem 0 0;}
    .report-list > .items > a:not(.btn-more),
    .report-list > .items > .report-A{width:calc(100% - 15.4rem);}
    
	.report-all-list .item{width: calc(50% - 4rem);}
    
    /* 박스타입 */
    .report-list.box-type.serial {margin:-1rem 0 0 0;}
    .report-list.box-type.serial + .btns-wrap {margin-top: 3rem;}
    .report-list.box-type.serial + .btns-wrap .xlarge{height:6.4rem; border-radius: 3.2rem;}

    .report-list.box-type > .items { width: 100%; margin: 1rem 0 0 0; box-sizing:border-box;}
    .report-list.box-type > .items .txt-list { padding-right: 11rem; min-height: 13rem; }
    
    /* 리포트 리스트 */
    .report-A {width: 100%;}
    .report-A .report-title {font-size: 1.7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 1rem); }
    .report-A > dd { font-size: 1.5rem; margin: 1.2rem 0 0 0; }
    .report-A > dd span { position: relative; margin-left: 2.2rem; }
    .report-A > dd span::before { content: ""; width: 0.2rem; height: 0.2rem; background-color:var(--line-gray); border-radius: 100%; position: absolute; top: 1rem; left: -1.2rem; }
    .report-A > dd span:first-child { margin-left: 0; display: block; }
    .report-A > dd span:first-child::before { content: ""; display: none; }
    .report-A > dd span:first-child + * { margin-left: 0; }
    .report-A > dd span:first-child + *::before { content: ""; display: none; }
    
    /* 링크 리스트 */
    .link-list .items .link { display: inline-block; background: url("/images/contents/arr_link.svg") no-repeat; background-position: right center; padding: 1rem 2.8rem 1rem 0; margin: 0;}
    .link-list.border { display: flex; flex-wrap: wrap; margin: 0; }
    .link-list.border .items { width: 100%; border: 0.1rem var(--line-gray) solid; height: 6rem; border-radius: 2rem; box-sizing: border-box; margin: 2rem 0 0 0; }
    .link-list.border .items .link { display: block; padding: 2rem 0 2rem 2rem; font-weight: 700; background-position: right 3rem center; }
    .link-list.txt-list { margin: 0; }
    .link-list.txt-list > li + li { margin: 0; }
    
    .inp-item.year { margin-right: 0; width:100%;}
    .inp-item p { min-width: fit-content; margin-right: 1rem; font-size: 1.4rem; }

    /* 리스트 간격 */
    .txt-list.dot {margin-left:0.5rem;}
    .txt-list.dot.bigger li{font-size: 1.4rem;}
    
    /* 조사설계 */
    .tabWrap .tabContent .md-title {margin-bottom: 1rem;}
    .md-title + .md-wrap {margin-top: 0;}
    .default-box .txt-list.dot > li {line-height: 2.6rem;}
    .default-box .txt-list.dot > li:before {top:0.88em;}

    /* width equal */
    .default-box, .equal-width-list li {padding:2rem;}
    .default-box .md-wrap .txt-list.dot {margin-left:1rem;}
    .default-box.map-guide, 
    .equal-width-list li.map-guide {min-height: 28rem;}

    .equal-width-list { display: flex; flex-direction: column; margin-left: 0; margin-top: -1rem; }
    .equal-width-list li { margin-left: 0; margin-top: 1rem; padding: 2rem; }
    
    /* 해외통신원 이름 */
    .equal-width-list.name-tag { flex-wrap: wrap; margin-top: -1rem; margin-left: 0; }
    .equal-width-list.name-tag li { flex: 0 1 auto; width: 100%; margin-top: 1rem; margin-left: 0; min-height: 13rem;}
    .equal-width-list.name-tag li dl dt { font-size: 1.6rem; font-weight: 700; }
    .equal-width-list.name-tag li dl dd { margin-top: 1.4rem; }
    
    /* 연구과제제안 작성방법 */
    .equal-width-list.space-10 { margin-top: -1rem; margin-left: 0; display: flex; flex-direction: column; align-items: stretch; position: relative; }
    .equal-width-list.space-10::before { content: ""; display: block; width: 0.1rem; height: calc(100% - 1rem); background: var(--bg-gray); position: absolute; top: 1rem; left: 50%; z-index: -1; }
    .equal-width-list.space-10 li { margin-left: 0; max-width: none; min-height: 6rem; margin-top: 1rem; display: inline-flex; justify-content: center; flex-direction: row; align-items: center; background: var(--bg-white); font-size: 1.2rem; }
    .equal-width-list.space-10 li span {font-size: 1.6rem;}
    .equal-width-list.space-10 li.proposal-link { margin-left: 0; margin-top: 4.6rem; }
    .equal-width-list.space-10 li.proposal-link::before { content: ""; left: calc(50% - 1.3rem); top:-3.6rem; transform: rotate(90deg); }
    .equal-width-list.space-10 li.proposal-link a { max-width: none; width: 100%; min-height: 6.4rem; height: 100%; border-radius: 2rem; }
    
    /* 유의사항 */
    .equal-width-list.in-button { margin-top: -1rem; }
    .equal-width-list.in-button li { font-weight: 700;}
    .equal-width-list.in-button li a { display: flex; margin: 1rem auto 0; max-width: 22rem; padding:0;}
    
    /* 제안심사 방법 */
    .equal-width-list.card li { flex-direction: row-reverse; min-height: 8rem; margin-top: 3.6rem; padding-top: 2rem;}
    .equal-width-list.card li::before { position: absolute; left: 50%; top: -2.6rem; transform: rotate(90deg); }
    .equal-width-list.card li:first-child { margin-top: 1rem; }
    .equal-width-list.card li:first-child::before { content: ""; display: none; }
    .equal-width-list.card li span {position: static;}
    
    .show-contents-wrap .con-title { margin-top: 4rem; }
    
    /* 해외통신원 페이지 */
    .btns-wrap.state {margin:2rem 0; display: flex;  flex-wrap: wrap;}
    .btns-wrap.state a {padding:0; min-width: auto; width:100%; max-width: 16.5rem; margin-bottom: 1rem; margin-right: 1.5rem; margin-left: 0;}
    .btns-wrap.state + .md-title {margin-top: 2rem;}
    .btns-wrap.state a:first-child {margin-right: 1.5rem; margin-left: 0;}

    /* inner tab */
    .tab-base2 .inner-tab {margin:1rem -0.75rem}
    .tab-base2 .inner-tab li{margin:0.75rem; width: 100%; max-width: calc(50% - 1.5rem);}
    .tab-base2 .inner-tab a {font-size: 1.6rem; padding:1remx 0.75rem;}

    /* 해외연금제도 */
    .world-map .text { position: absolute; top: 0; color: transparent; }
    .world-map .text:not(.on):after {display: none;}
    .world-map .text.nation1 { top: 34.11%; left: 75.84%; }
    .world-map .text.nation2 { top: 19.15%; left: 71.13%; }
    .world-map .text.nation3 { top: 38.81%; left: 43.96%; }
    .world-map .text.nation4 { top: 74.70%; left: 43.01%; }
    .world-map .text.nation5 { top: 85.39%; left: 52.26%; }
    .world-map .text.nation6 { top: 27.27%; left: 8.77%; }
    .world-map .text.nation7 { top: 29.62%; left: 11.32%; }
    .world-map .text.nation8 { top: 21.07%; left: 11.32%; }
    .world-map .text.nation9 { top: 32.18%; left: 9.24%; }
    .world-map .text.nation10 { top: 25.77%; left: 6.60%; }
    .world-map .text.nation11 { top: 19.79%; left: 14.24%; }

    /* 조직도 */
    .organization-chart { margin-bottom: 0; padding-top: 0;}
    .organization-top { margin-top: -3rem;}
    .organization-top > li { align-items: stretch; }
    .organization-top > li div:before { height: 0.2rem; bottom: 7rem; width: 60rem; left: calc(100% - 60rem); z-index: -1; }
    .organization-top > li .chairman { width: 14rem; height: 14rem; border-radius: 7rem; margin-bottom: 2rem; margin-left: calc(50% - 7rem); }
    .organization-top > li .chairman:before { height: 0.2rem; bottom: 7rem; }
    .organization-top > li .research-director { width: 12rem; height: 12rem; border-radius: 6rem; margin-bottom: 9.2rem; margin-left: calc(50% - 6rem); }
    .organization-top > li .research-director:before { height: 0.2rem; bottom: 6rem;}
    .organization-top > li .research-director::after { width: 0.2rem; height: 100%; top: 9rem; left: calc(50% - 0.1rem); z-index: -1; }
    .organization-top > li .organization { font-size: 1.8rem; width: 23.2rem; height: 6.4rem; margin-right: 0;top: 0; position: relative; width: 100%;left: 0;}
    .organization-chart-list.type-aright {max-width: initial; width: calc(100% - 5.5rem); align-self: flex-end; position: relative; right: initial; top: initial;}
    .organization-chart-list.type-aright:before {display:none}
    .organization-chart-list.type-aright .chart-inner-list > li:before {display:none;}
    .organization-chart-list.type-aright .chart-inner-list > li:last-child:before {}
    .organization-chart-list.type-aright .chart-inner-list > li:first-child:before {}
	.organization-chart-list.type-aright .chart-inner-list {margin-bottom:3rem;}
    .organization-chart-list li:before { top: 3.2rem; height: 0.2rem; }    
    
    .organization-chart-list { flex-direction: column; }
    .organization-chart-list::before { max-width: none; height: calc(100% - 10.2rem); background: var(--gray-60); position: absolute; top: 4.2rem; left: 0; transform: translateX(0%); width: 0.2rem; }
    .organization-chart-list:before { top:-79.4rem; height: calc(100% + 73.5rem); }
    .organization-chart-list > li,
    .organization-chart-list > li:nth-child(2) { margin-left: 5.5rem; max-width: none; margin-top: 3rem; }
    .organization-chart-list > li::before { width: 5.5rem; height: 0.2rem; top: 3.2rem; left: -5.5rem; }
    .organization-chart-list > li a.btn { max-width: none; }
    .organization-chart-list > li:first-child { margin-left: 5.5rem; margin-top: -1.2rem;max-width: initial;width: calc(100% - 5.5rem);align-self: flex-end;position: relative;right: initial;top: initial;}
    .organization-chart-list > li .inner-list li { max-width: none; }
    .organization-chart-list > li .inner-list li::before { top: -2.1rem; height: 2rem; }
    .organization-chart-list > li.alone .inner-list li { margin-top: 4rem; }
    .organization-chart-list > li.alone::before { width: 5.5rem; height: 0.2rem; top: 9.2rem; left: -5.5rem; }
    
    /* 직원 연락처찾기 리스트 */
    /* .office-wrap .faq-item .answer { padding: 0 2rem 2rem; }
    .office-wrap .faq-item a { height: auto; padding-right: 1rem; }
    .office-wrap .faq-item a:after { top: 2rem; margin-top: 0; right: 2rem; }
    .office-wrap .faq-item a .units-name { flex-direction: column; align-items: baseline; }
    .office-wrap .faq-item a .units-name span { margin: 0.2rem 0; font-size: 1.5rem; font-weight: 400; }
    .office-wrap .faq-item a .units-name span span + span { margin: 0 1rem; } */
    
    .member-item .item-summary{align-items:flex-start;}
    .member-item .units-name{padding:1rem 0;}
	.member-item .units-info{}
	.member-item .units-info ul{flex-wrap:wrap;}
	.member-item .units-info li{width:100% !important;} 
	.member-item .units-info li + li{margin-top:0.8rem;} 
    
    .units-achievement dl dt { margin-top: 2rem; }
    .units-achievement dl dd { margin-top: 1.4rem;}
    .units-achievement dl dd .txt-list { margin-top: 1.4rem;}
    .units-achievement dl + dl { margin-top: 2rem; }
    
    /* 조직도 */
    .organization-chart-list > li.alone .chart-inner-list > li { margin-top:4rem; }
    .office-wrap .faq-item a .units-name > span:first-child { margin-bottom: 1.6rem;}
    
}

@media screen and (max-width:768px){
    .report-list.box-type { margin:0;} 
    /* 상세 테이블 */
    .data-view .view-info th {min-width:auto; text-align: center; font-weight: 600;}
    .data-view .view-info th, 
    .data-view .view-info td {padding:1rem;}
    .data-view .view-info td {width:calc(100% - 13rem); padding-left: 2rem;}
    
    /*데이터 리스트 */
    .data-list td.file {margin-left: auto;}

    /* 그래프 및 표 이미지 */
    .graph-img {margin-top: 0;}
    .inner-txt {display: flex; flex-direction: column; margin-bottom: 2rem; margin-top: 2rem; align-items: flex-start;}
    .inner-txt.default {flex-direction: row;}
    .graph-img picture {display: flex; align-items: center; flex-direction: column;}
    .inner-contents > * {font-size: 1.4rem;}
    .inner-contents .con-title {font-size: 1.6rem;}
    .inner-contents .con-table th, 
    .inner-contents .con-table td {padding:0;}
    .tab-base2 .inner-contents .txt-list.dot > li:before,
    .tab-base2 .inner-contents .txt-list.dash > li:before {top:0.88em;}
    .con-table .inner-txt {margin-top: 1rem;}
    .inner-txt.small {margin-bottom: 1rem;}
    .status {top:0; right: 0;}
    .space-top {margin-top: 2rem;}

    /* 연구원 발간물 게시물 검색 */    
    .data-list-top {position: relative;}
    /* .tab-report .data-list-top .list-acount {position: absolute; top:1.8rem; left:0;}
    .tab-report .data-list-top .list-search {justify-content: flex-end; width:calc(100% - 14.2rem); margin-left: 14.2rem;} */
    .data-list-top .list-search + .list-search {margin-left:0; width:100%;}
    
    .report-A > dd span{display:block; margin:0.4rem 0 !important;}
    
    .report-all-list > ul{margin:-0.8rem 0;}
    .report-all-list .item{width:100%; margin:0.8rem 0;}

    /* 해외연금제도 맵 */
    .world-map .text.nation1 { top: 30.26%; left: 73.91%; }
    .world-map .text.nation2 { top: 17.10%; left: 70.14%; }
    .world-map .text.nation3 { top: 36.84%; left: 43.18%; }
    .world-map .text.nation4 { top: 76.97%; left: 41.15%; }
    .world-map .text.nation5 { top: 82.23%; left: 51.59%; }
    .world-map .text.nation6 { top: 25%; left: 6.95%; }
    .world-map .text.nation7 { top: 25%; left: 10.72%; }
    .world-map .text.nation8 { top: 17.10%; left: 10.72%; }
    .world-map .text.nation9 { top: 26.79%; left: 7.53%; }
    .world-map .text.nation10 { top: 21.05%; left: 4.05%; }
    .world-map .text.nation11 { top: 17.76%; left: 13.62%; }
    .world-map .text.nation12 { top: 16.44%; left: 11.30%; }
    .world-map .text.on.nation9 .name,
    .world-map .text.on.nation10 .name,
    .world-map .text.on.nation11 .name {top:0.4rem; left:3rem; transform: none;}
    .world-map .text.on.nation9 .name:before,
    .world-map .text.on.nation10 .name:before {top: 1.2rem; left:-0.9rem; transform: rotate(90deg);}
    .world-map .text.on.nation11 .name:before {border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; border-top: 0.8rem solid var(--primary); top: 1.2rem; left: -0.9rem; transform: rotate(90deg);}
	
	.member-item .item-summary{flex-wrap:wrap; padding: 2rem 6.6rem 2rem 2.4rem;}
	.member-item .item-detail{padding: 2rem 2.4rem;}	
	.member-item .units-name{width:100%; margin-bottom:0.8rem;}
	.member-item .units-info{width:100%;}
	.member-item .units-info ul{flex-wrap:wrap;}
	.member-item .units-info li{padding:0;}
	.member-item .units-info .responsibilities .data{display:block; overflow:unset; text-overflow:unset; white-space:normal;}
	.member-item a:after{right:2rem; top:2.4rem; margin:0;}
	
	/* 재정계산 */
    .finance-cont .finance-grap{padding:3rem 1rem; font-size:1.8rem;}
    .finance-cont .finance-detail{padding-top:8rem;}
    .finance-cont .finance-detail:before{height:6rem;}
    .finance-cont .finance-item h5{display:block; height:auto; text-align:center; border-radius:6rem; font-size:1.6rem;}
    .finance-cont .finance-item h5:before{display:block; margin:0 auto 1rem auto;}
    .finance-cont .finance-item.item1 h5{padding:2rem 4rem 2rem 2rem;}
    .finance-cont .finance-item.item2 h5{padding:2rem 2rem 2rem 4rem;}
    .finance-cont .finance-item ul{padding:2rem;}
    .finance-cont .finance-item.item1 ul{padding:2rem 3rem 2rem 1rem;}
    .finance-cont .finance-item.item2 ul{padding:2rem 1rem 2rem 4rem;}

    .finance-cont .finance-history-wrap{margin-top:3rem;}
    .finance-cont .finance-history-wrap .f-history-row{padding-left:2rem; margin-bottom:3rem;}
    .finance-cont .finance-history-wrap .f-history-row h5{font-size:2.2rem; text-align:left; margin-left:-1rem; margin-top:1rem; width:15rem; height:15rem;}
    .finance-cont .finance-history-wrap .f-history-row h5.f-history-1 {border:1rem solid #cdd7eb;}
    .finance-cont .finance-history-wrap .f-history-row h5.f-history-2 {border:1rem solid #cdd7eb;}
    .finance-cont .finance-history-wrap .f-history-row h5.f-history-3 {border:1rem solid #cdd7eb;}
    .finance-cont .finance-history-wrap .f-history-row h5.f-history-4 {border:1rem solid #cdd7eb;}
    .finance-cont .finance-history-wrap .f-history-row .f-history-list{padding-bottom:0; margin-top:2rem;}
    .finance-cont .finance-history-wrap .f-history-row .f-history-list li{margin-bottom:0.5rem; font-size:1.5rem;}
    .finance-cont .finance-history-wrap .f-history-row .f-history-list .date{margin-right:2rem;}

    .finance-cont .finance-history-wrap .f-history-row:before,
    .finance-cont .finance-history-wrap .f-history-row:after{font-size:5rem;}
    .finance-cont .finance-history-wrap .f-history-row:before{top:7rem;}
    .finance-cont .finance-history-wrap .f-history-row:after{bottom:1.5rem;}

    .finance-cont .finance-history-wrap .f-history-row .f-plan:before {width:9rem; background-size:6rem;}
    .finance-cont .finance-history-wrap .f-history-row .f-plan-list dt {float:none;}
    .finance-cont .finance-history-wrap .f-history-row .f-plan-list dd {padding-left:1.5rem;}
    .finance-cont .finance-history-wrap .f-history-row .f-plan {margin-bottom:1rem;}
    .finance-cont .finance-history-wrap .f-history-row .f-plan p.plan_text02 {font-size:1.4rem;}

    .finance-cont .finance-history-wrap .f-history-row .f-history-list li ul.f-info-list {margin:0.5rem 0 2rem 1rem;}
    .finance-cont .finance-history-wrap .f-history-row .f-history-list li ul.f-info-list li {font-size:1.4rem; margin-bottom:0.2rem;}
    .finance-cont .finance-history-wrap .f-history-row .f-history-list li:nth-child(2):after {top:11.8rem;}

    .finance-cont .finance-value{display:block;}
    .finance-cont .finance-value:before{bottom:0; height:auto; border-radius:3rem;}
    .finance-cont .finance-value .forw-item{width:auto; margin:0 0 5rem 0;}
    .finance-cont .finance-value .forw-item:last-child{margin-bottom:0;}
    .finance-cont .finance-value .forw-item h5{margin-bottom:4rem; font-size:1.5rem;}
    .finance-cont .finance-value .forw-item ul {margin:0 2rem;}
    .finance-cont .finance-value .forw-item ul:before{top:-3.6rem;}
    .finance-cont .finance-value .forw-item:after{left:50%; bottom:-3.5rem; top:auto; margin:0 0 0 -1.3rem;}
    .finance-cont .finance-value .forw-item ul li {margin-bottom:0.3rem;}
    
    .finance-value{display:block;}
    .finance-value:before{bottom:0; height:auto; border-radius:3rem;}
    .finance-value .forw-item{width:auto; margin:0 0 5rem 0;}
    .finance-value .forw-item:last-child{margin-bottom:0;}
    .finance-value .forw-item h5{margin-bottom:4rem; font-size:1.5rem;}
    .finance-value .forw-item ul {margin:0 2rem;}
    .finance-value .forw-item ul:before{top:-3.6rem;}
    .finance-value .forw-item:after{left:50%; bottom:-3.5rem; top:auto; margin:0 0 0 -1.3rem;}
    .finance-value .forw-item ul li {margin-bottom:0.3rem;}
    
	.cal-committee-org dt .ctt-name{font-size:1.4rem;}
    .cal-committee-org p.committee4 {width:15rem; font-size:1.4rem;}
    .cal-committee-org p.mohw {font-size:1.4rem;}
    .cal-committee-org .sub-committee:before{left:25%; right:25%;}
    .cal-committee-org dt a{padding:1.3rem 0.5rem;}
    .cal-committee-org dd{padding:2rem 1.5rem;}
    
    .list_type_img .col4_type02  {flex-wrap:wrap;}
    .list_type_img .col4_type02 li {width:calc(45% - 1.8rem); margin-right:3rem; margin-bottom:2rem;}
    .list_type_img .col4_type02 li:after {margin-left:0.5rem;}
    
    .desc-wrap.greetings {flex-direction: column;align-items: flex-start;} 
	.desc-wrap.greetings .desc-img {margin: 0;}
}

@media screen and (max-width:600px){
	.organization-chart-list .chart-inner-list > li:first-child{margin-top:2rem;}
	.organization-chart-list .chart-inner-list > li:first-child:before{height:2rem; margin:0;top:-2.1rem}
	
	.tab-report .data-list-top .list-search {flex: none;}
	
	.tab-base.tab-serials.tab-world.type-1 .tabNav {display: none;}
	.tab-base.tab-serials.tab-world.type-1 .data-list-top {display: block;}
	.tab-base.tab-serials.tab-world.type-1 .tabNav {padding: .4rem;margin-bottom:1rem;flex-wrap: nowrap; overflow-y: auto;}
	.tab-base.tab-serials.tab-world.type-1 .tabNav li {width:calc(100% / 4 - .6rem);margin:.3rem;min-width:8rem}
	.tab-base.tab-serials.type-1 .tabNav li a {height: 4rem;font-size:1.4rem}
	.tab-world.type-1 .desc-wrap.world {display:none}
	.tab-base.tab-serials.tab-world.type-1 .con-table th, .tab-base.tab-serials.tab-world .con-table td {height: 5rem;}
	.tab-world.type-1 .tab-base2 .inner-tab a {height:4rem}
	
	.tab-base.tab-serials.tab-world.type-2 .tabNav {padding: 1rem 0;justify-content: space-evenly;}
	.tab-base.tab-serials.tab-world.type-2 .tabNav li {width:calc(100% / 5 - 1rem);margin:0;}
	.tab-base.tab-serials.tab-world.type-2 .con-table th, .tab-base.tab-serials.tab-world .con-table td {height: 5rem;}
	.tab-base.tab-serials.tab-world.type-2 .img-wrap img {width:100%;}
	.tab-base.tab-serials.type-2 .tabNav li a {font-size:1.4rem;height:4rem}
	.type-2 .desc-wrap.world {display:none}
	.type-2 .tab-base2 .inner-tab {justify-content: space-around;margin-bottom:2rem}
	.type-2 .tab-base2 .inner-tab li {max-width: calc(25% - .5rem);margin:0;}
	.type-2 .tab-base2 .inner-tab a {height:4rem;font-size:1.4rem}
	.type-2.world-map .text[class*=nation] .name {flex-wrap: wrap; height: 4rem; left: 8rem; top: -6rem; font-size: 1.4rem; width: 18rem; justify-content: flex-start; padding: 1rem 1rem;}
	.type-2.world-map .text[class*=nation] .name em {display:inline-block;padding-left: .4rem;}
	.type-2.world-map .text[class*=nation] .name span {display: block; font-size: 1rem; font-weight: 400;}
	.type-2.world-map .text.on .name:before {top: 6rem;left: calc(50% - 7.6rem);}
	.type-2.world-map .text.nation1 .name {height: 5rem;left: -1rem; top: -8rem;}
	.type-2.world-map .text.nation1.on .name:before {top: 7rem; left: calc(50% - -1.4rem);}
	.type-2.world-map .text.nation2 .name {width:19rem;left:0;}
	.type-2.world-map .text.nation2.on .name:before {left:calc(50% - -0.4rem)}
	
}