@charset "utf-8";

header{border-bottom:0.1rem solid var(--gray-40);}

.big-title{position:relative; font-size:2.4rem; font-weight:700; color:var(--gray-90); margin-bottom:1.5rem;}

.con-title{position:relative; font-size:2.2rem; font-weight:700; line-height:1.16; color:var(--gray-90); padding-left:2.8rem; margin:4rem 0 2rem;}
.con-title:before{display:block;content:''; width:2rem; height:2rem; box-sizing:border-box; position:absolute; left:0; top:0.2rem; background:url(/images/das/contents/ic_con_title.png) center no-repeat; background-size:2rem;}

.con-wrap .txt-list{padding-left:1.3rem;}

.txt-dot-wrap{margin-top:1.5rem;}
.txt-dot{position:relative; padding-left:2.5rem; margin:0.5rem 0;}
.txt-dot + .txt-dot{margin-top:1rem;}
.txt-dot:before{display:block; content:''; width: 0.3rem; height: 0.3rem; background-color: var(--gray-60); position:absolute; top:0.91rem; left:1.2rem;}

/* .con-tab-nav{display:flex; flex-wrap:wrap; border:0.1rem solid var(--line-gray); margin:4rem 0 5rem; border-radius:0.5rem;}
.con-tab-nav li{box-sizing:border-box; position:relative; flex:1 0 20%;} */

table + span.txt-gray{display:block; padding-top:1rem;}

.elec-top-info{background-color:var(--bg-blue); border:0.1rem solid #C4CCEB; border-radius:2rem; padding:2.6rem 4.4rem; display:flex; align-items: center;}
.elec-top-info p.info-txt-p{font-size:1.8rem; font-weight:600;}
.elec-top-info .info-txt{padding-left:12.6rem; display:flex; align-items: center; position:relative; min-height:9.2rem;}
.elec-top-info .info-txt.type2-1-1:before{display:block; content:''; width:9.2rem; height:9.2rem; background:#fff url(/images/das/contents/type2-1-1.png) center no-repeat; border-radius:50%; position:absolute;left:0;top:0;}
.elec-top-info .info-txt.type2-1-3:before{display:block; content:''; width:9.2rem; height:9.2rem; background:#fff url(/images/das/contents/type2-1-3.png) center no-repeat; border-radius:50%; position:absolute;left:0;top:0;}
.elec-top-info .info-txt.type2-2:before{display:block; content:''; width:9.2rem; height:9.2rem; background:#fff url(/images/das/contents/type2-2.png) center no-repeat; border-radius:50%; position:absolute;left:0;top:0;}

.elec-top-info + .con-title{margin-top:4rem;}

.txt-list.type2-1-3{font-size:1.7rem; line-height:2.4rem;}
.txt-list.type2-1-3 > li + li{margin-top:1rem;}

.txt-wrap-blue{ margin-top:1.5rem; padding:1.6rem 2rem; border-radius:1rem; background:var(--bg-blue);}
.txt-wrap-blue p{font-weight:500;}

.spec-info{background-color:var(--gray-5); border-radius:2rem; padding:3.6rem 4.4rem; display:flex; align-items: center;}
.spec-info + .spec-info{margin-top:1.5rem;}
.spec-info .info-txt{padding-left:12.6rem; display:flex; align-items: center; position:relative; min-height:9.2rem;}
.spec-info .info-txt ul li{margin-top:0.6rem; font-size:1.7rem;}
.spec-info .info-txt:before{display:block; content:''; width:9.2rem; height:9.2rem;border-radius:50%; position:absolute;left:0;top:50%; transform: translateY(-50%);}
.spec-info .spec-tit{padding-bottom:1.2rem; font-size:2rem; color:var(--primary); font-weight:700;}
.spec-info p{font-size:1.7rem;}
.spec-info ul li span.txt-gray{display:block; margin-top:0.6rem;}

.spec-info.type1 .info-txt:before{background:#fff url(/images/das/contents/page2-3type1.png) center no-repeat; }
.spec-info.type2 .info-txt:before{background:#fff url(/images/das/contents/page2-3type2.png) center no-repeat; }
.spec-info.type3 .info-txt:before{background:#fff url(/images/das/contents/page2-3type3.png) center no-repeat; }
.spec-info.type4 .info-txt:before{background:#fff url(/images/das/contents/page2-3type4.png) center no-repeat; }
.spec-info.type5 .info-txt:before{background:#fff url(/images/das/contents/page2-3type5.png) center no-repeat; }
.spec-info.type6 .info-txt:before{background:#fff url(/images/das/contents/page2-3type6.png) center no-repeat; }
.spec-info.type7 .info-txt:before{background:#fff url(/images/das/contents/page2-3type7.png) center no-repeat; }
.spec-info.type8 .info-txt:before{background:#fff url(/images/das/contents/page2-3type8.png) center no-repeat; }
.spec-info.type9 .info-txt:before{background:#fff url(/images/das/contents/page2-3type9.png) center no-repeat; }
.spec-info.type10 .info-txt:before{background:#fff url(/images/das/contents/page2-3type10.png) center no-repeat; }
.spec-info.type11 .info-txt:before{background:#fff url(/images/das/contents/page2-3type11.png) center no-repeat; }
.spec-info.type12 .info-txt:before{background:#fff url(/images/das/contents/page2-3type12.png) center no-repeat; }
.spec-info.type13 .info-txt:before{background:#fff url(/images/das/contents/page2-3type13.png) center no-repeat; }
.spec-info.type14 .info-txt:before{background:#fff url(/images/das/contents/page2-3type14.png) center no-repeat; }
.spec-info.type15 .info-txt:before{background:#fff url(/images/das/contents/page2-3type15.png) center no-repeat; }

.viewer-down-links{display:flex; align-items:center; justify-content:center; border:0.1rem solid var(--line); padding:2rem; border-radius:2rem; margin-top:2rem;}
.viewer-down-links h4{font-size:1.6rem; margin-right:2rem;}
.viewer-down-links ul{display:flex; align-items:center; flex-wrap:wrap;}
.viewer-down-links li{padding:0.5rem 0; margin-right:2rem;}
.viewer-down-links li:last-child{margin-right:0;}



/*FAQ*/
.faq-list{border-top:0.1rem solid #1D1D1D;}
.faq-list a.question{display:flex; padding:2rem; font-size:1.7rem; color:#1D1D1D; font-weight:600; border-bottom:0.1rem solid #C6C6C6; background:url("/images/das/contents/faq-down.png") center right 2rem no-repeat;}
.faq-list .active a.question{background:url("/images/das/contents/faq-up.png") center right 2rem no-repeat;}

.faq-list a.question:before{content:''; display:block; min-width:2.6rem; height:2.6rem; margin-right:1.2rem; background:url("/images/das/contents/q.png") center no-repeat;}
.faq-list .answer{position:relative; padding:3rem 2rem 3rem 6rem; border-bottom:0.1rem solid #C6C6C6; background:#F9FAFC;}
.faq-list .answer:before{content:''; display:block; position:absolute; left:2rem; top:3rem; width:2.6rem; height:2.6rem; background:url("/images/das/contents/a.png") center no-repeat;}
.faq-list .answer ul{padding-left:0.5rem;}

.tabWrap2 .tabContents .tabPage{display:none; position:relative;}
.tabWrap2 .tabContents .tabPage.active{display:block;}
.tabWrap2 .tabContents .tabPage > .tabPage-title{position:absolute; left:0; top:-9999rem;}

.tabWrap2 .tabContent{display:none;}
.tabWrap2 .tabContent.active{display:block;}

.pension-intro-process{margin:3.2rem 0;}
.pension-intro-process ul{display:flex;}
.pension-intro-process li{width:20%; text-align:center; overflow:hidden; box-sizing:border-box; padding-right:2.6rem; color:var(--gray-90);}
.pension-intro-process .title{display:flex; align-items: center; justify-content: center; height:6.3rem; font-size:2.2rem; font-weight:600; position:relative; box-sizing:border-box; padding-left:1.6rem; line-height:1.16;}
.pension-intro-process .sub-txt{margin-top:1.6rem; color:var(--gray-80); font-size:2.5rem; font-weight:500;}
.pension-intro-process li + li .title:before{
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-left: 1.6rem solid #fff;
  border-top: 3.2rem solid transparent;
  border-bottom: 3.2rem solid transparent;
}
.pension-intro-process li .title:after{
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: -1.6rem;
  top: 0;
  border-left: 1.6rem solid #000;
  border-top: 3.2rem solid transparent;
  border-bottom: 3.2rem solid transparent;
}
.pension-intro-process li:nth-child(1) .title{background-color:#f8f8f8;}
.pension-intro-process li:nth-child(1) .title:after{border-left-color:#f8f8f8;}
.pension-intro-process li:nth-child(2) .title{/*background-color:var(--bg-blue);*/ background-color:#e8e9e9;}
.pension-intro-process li:nth-child(2) .title:after{/*border-left-color:var(--bg-blue);*/ border-left-color:#e8e9e9;}
.pension-intro-process li:nth-child(3) .title{background-color:#E3E6F5;}
.pension-intro-process li:nth-child(3) .title:after{border-left-color:#E3E6F5;}
.pension-intro-process li:nth-child(4) .title{background-color:#C4CCEB;}
.pension-intro-process li:nth-child(4) .title:after{border-left-color:#C4CCEB;}

.pension-intro-process li:nth-child(5) .title{background-color:var(--primary); color:#fff;}
.pension-intro-process li:nth-child(5) .title:after{border-left-color:var(--primary);}


/* 반응형 ************************************************************************************ */

@media all and (max-width:1320px){

	.section-container{padding:3.2rem 3%;}
	
}

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

	header.active{border-bottom:0.1rem solid var(--gray-40);}

	.elec-top-info{padding:2rem;}
	.elec-top-info .info-txt:before{display:none !important;}
	.elec-top-info .info-txt{padding-left:0;}
	.elec-top-info p.info-txt-p{font-size:1.6rem;}
	.elec-top-info p.info-txt-p br {display:none}

	.spec-info{padding:1.5rem 2rem;}
	.spec-info .info-txt{padding-left:0;}
	.spec-info .info-txt:before{display:none !important;}
	.spec-info .spec-tit{font-size:1.8rem;}
	.spec-info .info-txt ul li{font-size:1.6rem;}
	.spec-info p{font-size:1.6rem;}

	.faq-list a.question{align-items:center; padding:2rem 4.4rem 2rem 1.5rem; font-size:1.8rem; background:url("/images/das/contents/faq-down.png") top 2rem right 2rem no-repeat;}
	.faq-list .active a.question{background:url("/images/das/contents/faq-up.png") top 2rem right 2rem no-repeat;}
	.txt-list.dot > li{font-size:1.6rem;}

	.pension-intro-process .title{flex-wrap:Wrap; font-size:1.6rem;}
}

@media all and (max-width:768px){
	.elec-top-info + .con-title {margin-top:2rem}
	.con-title {font-size:1.8rem}
	.con-wrap p {font-size:1.6rem}
	.pension-intro-process .title{flex-wrap:Wrap; }
	.pension-intro-process .title .m-br{display:block;}
	.faq-list a.question {font-size:1.6rem}
}

@media all and (max-width:600px){
	.elec-top-info p.info-txt-p {font-weight:500}
	
	.pension-intro-process ul{display:block;}
	.pension-intro-process li{width:100%; padding-right:0; margin-bottom:2rem;}
	.pension-intro-process li + li .title:before,
	.pension-intro-process li + li .title:after{display:none;}
	.pension-intro-process .sub-txt{margin-top:0.5rem;}
	.spec-info .spec-tit {font-size: 1.6rem; padding-bottom: .8rem;}
	.spec-info p {font-size:1.5rem}
	.spec-info .txt-list li {font-size:1.5rem}

}

@media all and (max-width:430px){

	.con-table tbody th br{display:none;}
}