/* title */
.con-title { font-size:1.8rem; color:var(--primary); font-weight:700; position:relative; padding-left:2.6rem; margin:4rem 0 1.6rem; }
.con-title:before { display:block; content:''; width:1.8rem; height:1.2rem; position:absolute; left:0; top:50%; transform:translateY(-50%); box-sizing: border-box; background:url(../images/common/cont-title-ico.svg) center no-repeat;}
.con-title:first-child { margin-top:0;}

.md-title {position:relative; font-size:1.7rem; color:var(--gray-90); margin:4rem 0 1.6rem; padding-left:0.9rem; font-weight:700;}
.md-title:before{position:absolute; content:''; display:block; width:0.3rem; height:0.3rem; top:1.25rem; left:0; background:#1b1b1b;}
.md-title:first-child { margin-top:0;}

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

.tb-title {font-size:1.7rem; font-weight:700; color:var(--gray-80); margin:2.4rem 0 1.6rem;}

.con-title .sub-txt{font-size:1.7rem;}
.md-title .sub-txt{font-size:1.5rem;}
.sm-title .sub-txt{font-size:1.5rem;}

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

.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; }

.g-txt{margin:0.8rem 0;}
.g-txt:first-child{margin-top:0;}
.g-txt:last-child{margin-bottom:0;}

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

.guide-wrap{margin:0.8rem 0;}
.guide-wrap:first-child{margin-top:0;}
.guide-wrap:last-child{margin-bottom:0;}

.con-btns{margin:0.8rem 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:3.2rem; border-radius:1rem; margin:1.6rem 0;}
.line-box:first-child{ margin-top:0;}
.line-box:last-child{ margin-bottom:0;}
.line-box .ttl {font-weight: 700; font-size: 1.8rem; color: var(--gray-80); margin:1.6rem 0 0.8rem 0;}
.line-box .ttl:first-child{margin-top:0;}
.line-box dl {display: table; }
.line-box dl dt { width: 30%; display: table-cell; }
.line-box dl dd { display: table-cell; }

.gray-box {padding: 2.4rem; border-radius: 1rem; background-color: #F4F6FC; box-sizing: border-box; margin:1.6rem 0;}
.gray-box:first-child{ margin-top:0;}
.gray-box:last-child{ margin-bottom:0;}

.bgBox {margin:1.6rem 0;}
.bgBox:first-child{ margin-top:0;}
.bgBox:last-child{ margin-bottom:0;}

.gray-box02 {margin:2.4rem 0; min-height: 8rem; padding: 3rem; border-radius: 2rem; background-color: #F5F5F5; box-sizing: border-box;}

.line-box .txt-list.txt-xsmall > li + li{margin-top: 1rem;}

/* faq */
.faq-list { border-top:0.1rem solid var(--line); }
.faq-item .question { display:flex; padding: 2rem 6rem 2rem 6rem; line-height:2.4rem; font-size:1.8rem; position:relative; color:var(--gray-90); font-weight:700; border-bottom:0.1rem solid var(--line); }
.faq-item .question::after{content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/ico-list-arrow.svg) no-repeat center; position: absolute; right: 2rem; top: 50%; margin-top: -1.2rem;}
.faq-item.active .question::after{transform: rotate(180deg);}
.faq-item .question::before { content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/contents/ico-question.svg) no-repeat center; position: absolute; left: 2rem; top: 50%; margin-top: -1.2rem;}
.faq-item .answer { position:relative; padding: 3.2rem 4rem 3.2rem 6rem; background-color:var(--bg-blue); display:none; }
.faq-item .answer::before { content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/contents/ico-answer.svg) no-repeat center; position:absolute; left:2rem; top:3rem; }
.faq-item .answer-contents { flex:1; }
.faq-item.active .answer { display:flex; }
.faq-list .con-table { width: 100%; background-color: #FFF;}
.faq-list .con-table th,
.faq-list .con-table td { background-color: #FFF; border:0.1rem solid var(--line);}


.faq-list-wrap{border-top:0.1rem solid var(--primary);}
.faq-list-wrap .lb{width:2rem; border-radius:50%; display:inline-flex; align-items: center; justify-content: center; font-size:2.6rem; font-weight:700; line-height:1em;}
.faq-list-wrap .accItem{border-bottom:0.1rem solid var(--line);}
.faq-list-wrap .accItem .accSummary{display:flex; align-items: center; padding:2rem 5.2rem 2rem 1.6rem; font-size:1.8rem; font-weight:500; position:relative;}
.faq-list-wrap .accItem .accSummary:after{display:block;content:'';width:2.4rem;height:2.4rem; position:absolute;right:2.4rem;top:50%; margin-top:-1.2rem; background:url(../images/contents/arr_acc.svg) center no-repeat; transition:transform 0.3s;}
.faq-list-wrap .accItem .accSummary .lb{ color:var(--primary); flex-shrink:0; margin-right:1.6rem;}
.faq-list-wrap .accDetail{padding:2rem 5.2rem; background-color:#f9fafc; position:relative; display:none;}
.faq-list-wrap .accDetail > .lb{position:absolute; left:1.6rem; top:2rem; color:#e36d00; }
.faq-list-wrap .accItem.active .accSummary{font-weight:700;}
.faq-list-wrap .accItem.active .accSummary:after{transform:rotate(-180deg);}
.faq-list-wrap .accItem.active .accDetail{display:block;} 

.rule-list { margin: 1rem 0 2rem; }
.rule-list dl { width: 100%; min-height: 10rem; padding: 2rem 0; background: linear-gradient(90deg, #EBECFF 0%, #FFF 60.51%); border-radius: 2rem; display: table; }
.rule-list dl + dl { margin-top: 1rem; }
.rule-list dt, .rule-list dd { display: table-cell; vertical-align: middle; }
.rule-list dt { width: 20%; min-width: 10rem; text-align: center; color: #2233B8; font-weight: 700; border-right: 0.1rem solid var(--line); }
.rule-list dd { width: 80%; padding: 0 6%; }

/* 내연금조회 */
.inq-list { display: flex; flex-wrap: wrap; margin: -2rem 0 0 -2rem; padding-bottom: 12rem; }
.inq-list li{ flex-grow: 1; padding: 2rem 0 0 2rem; width: 33.3%; text-align:center; box-sizing: border-box; }
.inq-list a{ position: relative; width: 100%; height: 100%; min-height: 21.3rem; padding:2.8rem 2.4rem; display: block; background:var(--gray-5); border: 0.3rem solid var(--gray-5); border-radius: 2rem; box-sizing: border-box; }
.inq-list a::before{  content: ''; display: block; width: 5rem; height: 5rem; margin:0 auto; border-radius: 1rem; background-repeat: no-repeat; background-position: center; }
.inq-list li.inq-item01 a::before { background-image: url(../images/contents/ico-inq01.png); }
.inq-list li.inq-item02 a::before{ background-image: url(../images/contents/ico-inq02.png); }
.inq-list li.inq-item03 a::before{ background-image: url(../images/contents/ico-inq03.png); }
.inq-list li.inq-item04 a::before{ background-image: url(../images/contents/ico-inq04.png); }
.inq-list li.inq-item05 a::before{ background-image: url(../images/contents/ico-inq05.png); }
.inq-list li.inq-item06 a::before{ background-image: url(../images/contents/ico-inq06.png); }
.inq-list li.inq-item07 a::before{ background-image: url(../images/contents/ico-inq07.png); }
.inq-list li.inq-item08 a::before{ background-image: url(../images/contents/ico-inq08.png); }
.inq-list li.inq-item09 a::before{ background-image: url(../images/contents/ico-inq09.png); }
.inq-list .ttl {display:flex; justify-content: center; margin-top:1.2rem; font-size: 1.6rem; font-weight: 700; color: var(--gray-80); }
.inq-list .ttl::after {content: ''; width: 2rem; height: 2rem; margin-left: .5rem; background: url(/images/common/ic_blank.svg) center no-repeat;}
.inq-list .txt { margin-top: 0.8rem; font-size:1.4rem; word-break: keep-all; }
.inq-list a:hover{ border: 0.3rem solid var(--primary-60); box-shadow:0 0 1.5rem 0 rgb(38 51 177 / 20%);  box-sizing: border-box;}

/* 변동사항 신고 가이드 */
.guide-video video{width:100%; aspect-ratio:7/4;}

/* 연금소식 */
.d-layer { display: flex;}
.d-layer > div { width: 50%; box-sizing:border-box;}
.d-layer .cdBox { padding-right: 4rem; }
.cal_inner { position:relative; }
.cal_inner .dDay { position:relative; left:inherit; top:inherit; text-align: center; font-size:1.4rem; }
.notdDay { color: var(--line) !important; }
.m-calendar table { table-layout:fixed; width:100%; color: var(--gray-90); }
.m-calendar table thead th { height:6.3rem; vertical-align:middle; text-align: center; font-size: 1.6rem; background-color:#F4F6FC; border-top: 0.1rem solid var(--line); border-bottom: 0.1rem solid var(--line); }
.m-calendar table tbody td { height:6rem; vertical-align:top; text-align: center; background-color:#fff; padding:1.3rem 0;}
.m-calendar table th:first-child, 
.m-calendar table tbody tr td:first-child p { color:var(--red); }
.m-calendar table th:last-child ,
.m-calendar table tbody tr td:last-child p { color: #2233B8; }
.m-calendar table tbody tr:first-child td { padding-top: 2.4rem; }
.m-calendar table tbody tr:last-child td { padding-bottom: 2.4rem; }
.m-calendar table p { width: 3.2rem; height: 3.2rem; line-height: 3rem; border-radius: 50%; display: inline-block; }
.cal_inner .tDay { border:0.1rem solid #2233B8; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.15); }
.cal_inner .yDay { background-color: #FFF6D3; }
.cal_inner .pDay { background-color: #FFE9E9; }
.cdBox .month-ttl { position:relative; margin: 2rem auto 3rem; min-height:2.8rem; width:100%; text-align: center; padding:0 3rem; box-sizing: border-box; overflow: hidden; }
.cdBox .month-ttl p { font-size:1.8rem; font-weight: 700; color: var(--gray-90); z-index: 2; position: relative; }
.cdBox .month-ttl a { position:absolute; top:50%; margin-top:-1.4rem; width:2.8rem; height:2.8rem; display:block; text-indent:-99999rem; background:url(../images/contents/ico-cd-arrow.svg) no-repeat; }
.btn_mprev { left:0; }
.btn_mnext { right:0; transform: rotate(180deg); }

/* datepicker 달력*/
.schedule-cal .ui-datepicker-header {position:relative; margin:2rem 0 3rem; text-align:center;}
.schedule-cal .ui-datepicker-header .ui-datepicker-title{display:inline-flex; align-items: center; margin:0 auto; font-size:2rem; font-weight: 700; color: var(--gray-90);}
.schedule-cal .ui-datepicker-header .ui-datepicker-year:after{content:'년';}
.schedule-cal .ui-datepicker-header .ui-datepicker-month:after{content:'월';}
.schedule-cal .ui-datepicker-header .ui-datepicker-prev,
.schedule-cal .ui-datepicker-header .ui-datepicker-next{position:absolute; top:50%; margin-top:-1.4rem; width:2.8rem; height:2.8rem; display:block; text-indent:-9999rem; background:url(../images/contents/ico-cd-arrow.svg) no-repeat; cursor:pointer; overflow:hidden;}
.schedule-cal .ui-datepicker-header .ui-datepicker-prev{left:0;}
.schedule-cal .ui-datepicker-header .ui-datepicker-next{right:0; transform: rotate(180deg);}

.schedule-cal .ui-datepicker-calendar { table-layout:fixed; width:100%; color: var(--gray-90); }
.schedule-cal .ui-datepicker-calendar thead th { height:6.3rem; vertical-align:middle; text-align: center; font-size: 1.6rem; background-color:#F4F6FC; border-top: 0.1rem solid var(--line); border-bottom: 0.1rem solid var(--line); }
.schedule-cal .ui-datepicker-calendar tbody td { height:6rem; vertical-align:top; text-align: center; background-color:#fff; padding:1.3rem 0; }
.schedule-cal .ui-datepicker-calendar th:first-child a,
.schedule-cal .ui-datepicker-calendar tbody tr td:first-child a,
.schedule-cal .ui-datepicker-calendar td.date-holiday a{ color:var(--red);}
.schedule-cal .ui-datepicker-calendar th:last-child a,
.schedule-cal .ui-datepicker-calendar tbody tr td:last-child a{ color: #2233B8 }
.schedule-cal .ui-datepicker-calendar tbody tr:first-child td{ padding-top: 2.4rem; }
.schedule-cal .ui-datepicker-calendar tbody tr:last-child td{ padding-bottom: 2.4rem; }
.schedule-cal .ui-datepicker-calendar td a{width: 3.2rem; height: 3.2rem; line-height: 3rem; border-radius: 50%; display: inline-block; }
.schedule-cal .ui-datepicker-calendar td.ui-datepicker-today a{font-weight:700; font-size:1.6rem;}
.schedule-cal .ui-datepicker-calendar .ui-state-active{border: 0.1rem solid #2233B8; box-shadow: 0 0.2rem 0.8rem rgb(0 0 0 / 15%);}
.schedule-cal .ui-datepicker-calendar td.date-schedule a{background-color: #FFF6D3;}
.schedule-cal .ui-datepicker-calendar td.date-nps a{background-color: #F64E04;}

.scjBox > div { width: 100%; padding: 3rem;; border: 0.1rem solid var(--line-gray); border-radius: 2rem; box-sizing: border-box; min-height:22rem;}
.scjBox .scjBox-cont + .scjBox-cont { margin-top: 2rem; }
.scj-ttl { position: relative; padding:0 8rem 1.4rem 3rem; font-size: 2rem; border-bottom: 0.1rem solid var(--lina); font-weight: 700; }
.scjBox div:first-child .scj-ttl { background: url(../images/contents/ico-scj-today.svg) no-repeat top 0.3rem left / 2.4rem auto; color: #2233B8; }
.scjBox .scjBox-cont + .scjBox-cont .scj-ttl { background: url(../images/contents/ico-scj-month.svg) no-repeat top 0.3rem left / 2.4rem auto; }
.scj-ttl span { position: absolute; top:0.3rem; right: 0; font-weight: 400; font-size: 1.8rem; }
.scjBox .txt-list { margin: 2rem 0 0; box-sizing: border-box; }
.scjBox .txt-list > li + li { margin-top: 2rem; }
.scjBox .scrollBar { max-height: 16rem; overflow-y: auto; }

.box-pslist { display: flex; margin-left: -2rem; margin-top: 2rem;}
.box-pslist::after { content: ''; display: block; clear: both; }
.box-pslist li { position: relative; margin-left: 2rem; padding: 2rem 2rem 6rem; border-radius: 2rem; border: 0.1rem solid var(--line-gray); width: 100%; min-height: 14rem; box-sizing: border-box; color: var(--primary); font-weight: 700; }
.box-pslist li p { font-size: 1.2rem; }
.box-pslist li::after { content: ''; display: block; position: absolute; right:2rem; bottom:2rem; width: 3.8rem; height: 3.8rem; background-color: var(--bg-gray); border-radius: 1rem; background-repeat: no-repeat; background-position: center; }
.box-pslist li.pd-item01::after { background-image: url(../images/contents/pd-item01.svg); }
.box-pslist li.pd-item02::after { background-image: url(../images/contents/pd-item02.svg); }
.box-pslist li.pd-item03::after { background-image: url(../images/contents/pd-item03.svg); }
.box-pslist li.pd-item04::after { background-image: url(../images/contents/pd-item04.svg); }
.box-pslist li.pd-item05::after { background-image: url(../images/contents/pd-item05.svg); }
.box-pslist li.pd-item06::after { background-image: url(../images/contents/pd-item06.svg); }
.box-pslist li + li::before { content: ''; display: block; position: absolute; left: -2rem; top:50%; margin-top:-1rem; width: 2rem; height: 2rem; background: url(../images/contents/ico-arrowBlue-r.svg) no-repeat center; }

.btn-list{display:flex; flex-wrap:wrap;}
.btn-list li{margin:0 0.8rem 0.8rem 0;}

.line-sumBox { display: table; padding: 2rem 6rem;border: 0.1rem solid var(--line-gray); border-radius: 1rem;}
.line-sumBox > div { display: table-cell; vertical-align: middle; }
.line-sumBox > div:first-child { padding-right: 9rem; background: url(../images/contents/ico-arrowfull.svg) no-repeat center right; text-align: center; }
.line-sumBox > div:first-child p { padding: 1rem 4rem; display: inline-block; box-sizing: border-box; }
.line-sumBox > div:first-child p:first-child { border-bottom:0.1rem solid var(--line);}
.line-sumBox > div:first-child * + p { display: block; }
.line-sumBox > * + div { padding-left: 6rem; }
.line-sumBox > * + div p { text-align: center; }
.line-sumBox > * + div p:first-child { padding-top: 0.7rem; color: var(--primary); font-weight: 700; }
.line-sumBox > * + div p + p { margin-top: 1rem; }
.txt-call { padding-left: 2.4rem; margin-right: 1rem; background: url(../images/contents/ico-ring.svg) no-repeat center left; color: #2633B1; font-weight: 700; }

.box-rglist {max-width: 94rem;overflow: hidden; padding-bottom:4rem; }
.box-rglist ul{display: flex; margin-right: -2rem;}
.box-rglist li { position: relative; margin-right: 2rem; padding: 2.4rem 2rem; width: 100%; min-height: 10rem; border:0.1rem solid var(--line-gray); text-align: center; box-sizing: border-box; font-size: 1.6rem; font-weight: 700; border-radius: 2rem; }
.box-rglist li.on { border: 0.1rem solid #2233B8; background-color: #2233B8; color: #fff; box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.10); }
.box-rglist li::after { content: ''; display: block; position: absolute; top:50%; right: -1.2rem; margin-top:-1.2rem; width: 2.4rem; height: 2.4rem; background-image: url(../images/contents/ico-arrow-grayline.svg); background-repeat: no-repeat; }
.box-rglist li.on::after { content: ''; display: block; background-image: url(../images/contents/ico-arrow-blueline.svg); }
.box-rglist li:last-child::after { display: none; }
.box-rglist li p + p { margin-top: 0.8rem; }

.info-bgBox { position: relative; padding: 6rem; min-height: 34rem; box-sizing: border-box; background-image: url(../images/contents/bg-infobox.png); background-repeat: no-repeat; background-size: 70.3rem auto; border-radius: 2rem; border: 0.1rem solid var(--line-gray); background-position: right bottom; margin:1.6rem 0; }
.info-bgBox::after { content: ''; display: block; position: absolute; top:3rem; right: 3rem; width: 13.7rem; height: 2.8rem; background: url(../images/contents/bg-infobox-logo.png) no-repeat center; background-size: 100% auto; }
.info-bgBox .bgbox-ttl { margin-bottom: 3rem; font-size: 2.4rem; color: var(--gray-80); font-weight: 700; }
.info-bgBox .bgbox-ttl strong { color: var(--primary); font-weight: 700; }
.info-bgBox * + p { max-width: 37rem; }
.info-bgBox .bgbox-ttl + ul { padding-bottom: 4.8rem; }
.info-bgBox li { font-weight: 500; }
.info-bgBox li > ul li { font-weight: 400; }

.inq-notice { position: relative; padding:8rem 8rem 36vh; border-radius: 2rem; background-image: url(../images/contents/bg-inquiry05.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom; }
.inq-notice::after { content: ''; display: block; position: absolute; top:3rem; right: 3rem; width: 13.7rem; height: 2.8rem; background: url(../images/contents/bg-infobox-logo.png) no-repeat center; background-size: 100% auto; }
.inq-notice .ttl { margin-bottom: 5.6rem; font-size: 2.4rem; font-weight: 700; color: var(--gray-90); }
.inq-notice .ttl strong { color: var(--primary); }
.inq-notice ol { list-style: none; margin:0; padding:0; }
.inq-notice ol li{ list-style: none; margin:0; }
.inq-notice ol > li + li { margin-top: 4rem; padding-top: 4rem; position: relative; }
.inq-notice ol > li + li::after { content: ''; display: block; position: absolute; top:0; left: 0; right: 0; width: 100%; height: 0.1rem; background: url(../images/contents/bg-dotLine.png) center left; }
.inq-notice ol > li .inq-num { width: 4rem; height: 4rem; display: inline-block; border-radius: 1rem; background-color: var(--primary); font-size: 2rem; font-weight: 700; color: #fff; text-align: center; line-height: 3.8rem; margin-bottom:2.4rem; }
.inq-notice ol > li p {color: var(--gray-90); }
.inq-notice ol ul {margin-top: 1.6rem; }
.inq-notice li li {margin-top: 0.8rem; color: var(--gray-80); }

/* 모의 계산 */
.costBox { display: flex; }
.rdBox { position: relative; }
.rdBox:after { content:""; display:block; clear:both; }
.inp_area { position: relative; height: 4rem; }
.rdBox input[type=radio], 
.rdBox input[type=checkbox] { position: absolute; border: 0; clip: rect(0 0 0 0); width: 0.1rem; height: 0.1rem; margin: -0.1rem; overflow: hidden; padding: 0; }
.rdBox .ip-label { float:left; min-width: 6rem; padding: 1rem 0; height:4rem; padding: 1rem 0; font-size: 1.4rem; background-color: var(--bg-gray); color: var(--gray-70); cursor:pointer; text-align:center; box-sizing:border-box; border-radius: 1rem; }
.rdBox .inp_rd + .ip-label { margin-right:1rem; }
.rdBox .inp_rd + .ip-label:last-child { margin-right:0; }
.rdBox .inp_rd:checked + .ip-label { background:var(--primary); color:#fff; font-weight:700; }
.ver-black .ip-label { width: 10rem; background:var(--gray-70); color:#fff; font-weight:400; }
.ver-black .inp_rd:checked + .ip-label { background:var(--gray-70); color:#fff; font-weight:400; }
.line-table { border:0.1rem solid var(--line-gray); padding:1rem 4rem; border-radius:1rem; }
.inq-sumtb dl { display: flex; width: 100%; align-items:center; }
.inq-sumtb dl + dl { border-top: 0.1rem solid var(--line-gray); }
.inq-sumtb dt,.inq-sumtb dd { padding: 2rem 0; font-size: 1.6rem; }
.inq-sumtb dt { font-weight: 700; width: 9.8rem; color: var(--gray-80); }
.inq-sumtb dl:nth-child(2) dd:nth-child(2),
.inq-sumtb dl:nth-child(3) dd:nth-child(2) { width: 26.8rem; }
.inq-sumtb .txt-star { margin: 1rem 0 0 0; }
.inp-group-clear { align-items: flex-start; }
.rdBox { margin-top: -0.5rem; }
.rdBox .inp_rd + .ip-label { margin-top:0.5rem }
.inq-sumtb-btnBox { margin-top: 4rem; text-align: center; }

.btn.ic-calc:before{display:inline-block; content:''; width:2rem; height:2rem; margin-right:0.8rem; background:url(../images/common/ic_calc.svg) center no-repeat;}

.rdBox .inp_rd:focus + .ip-label{outline:0.3rem dotted #000;}

/* 국민연금증 카드 */
.inq-cardbox { padding: 6rem 6rem 6.6rem; border-radius: 2rem; border: 0.1rem solid var(--line-gray); position: relative; }
.inq-cardbox::after { content: ''; display: block; position: absolute; top:3rem; right: 3rem; width: 13.7rem; height: 2.8rem; background: url(../images/contents/bg-infobox-logo.png) no-repeat center; background-size: 100% auto; }
.inq-cardbox.inq-card { background: url(../images/contents/bg-inq-card.png) no-repeat bottom right; }
.inq-cardbox.phishing { padding: 6rem 6.7rem 13.2rem; background: url(../images/contents/bg-phishing.png) no-repeat bottom right; }
.inq-cardbox .ttl { font-size: 2.4rem; font-weight: 700; color: var(--primary); }
.inq-cardbox .ttl + .txt-refer { margin-top:1.2rem; }
.inq-cardbox .inq-tel { margin-top:4rem; padding:3rem; max-width: 40rem; background-color: #F4F6FB; border-radius: 2rem; box-sizing: border-box; }
.inq-cardbox .inq-tel .tel-ttl{ display:block; margin-bottom: 1.2rem; padding: 0 2.8rem 1rem; border-bottom: 0.1rem solid #51575B; font-weight: 700; color: var(--gray-90); background: url(../images/contents/ico-inq-card.svg) no-repeat top left; }
.inq-cardbox .inq-tel dl { margin-top:1rem; display: table; width: 100%; }
.inq-cardbox .inq-tel dt,
.inq-cardbox .inq-tel dd { display: table-cell; width: 50%; }
.inq-cardbox .inq-tel dd { text-align: right; }

/* 담당자정보 */
.page-part-info { min-height:10rem; background:url(../images/common/partInfo_bg.png) center top / cover no-repeat; border-radius:2rem; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:6rem; padding:2rem; box-sizing:border-box; }
.page-part-info .copy { margin-bottom:1rem; padding:0 2rem; }
.page-part-info .part { text-align:center; font-size:1.4rem; margin-bottom:1rem; }
.page-part-info .part:last-child { margin-bottom:0; }
.page-part-info .part h4 { display:inline; font-weight:400; }
.page-part-info .part p { display:inline; }


@media all and (max-width:1024px){
	
	.con-title + .con-wrap { margin-top: 1.6rem; }
	.md-title:first-child { margin-top:2.4rem; }
	
	/* faq */
	.faq-item .question { padding: 1.5rem 6rem 1.5rem 4.4rem; }
	.faq-item .question::before {left: 1rem; }
	.faq-item .answer { padding: 1.5rem 2rem 2rem 4.4rem; }
	.faq-item .answer::before { left: 1rem; }
	
	/* 라디오버튼 */
	.ip-label { min-width: 9.4rem; }
	
	/* 내연금조회 */
	.inq-list { display: block; margin: -1.5rem 0 0 0; padding-bottom: 0; }
	.inq-list li { padding: 1.5rem 0 0 0; width: 100%; }
	.inq-list li a { padding: 3rem 3rem 3rem 3rem; height: initial; }
	.inq-list li a:hover { background-color: #fff; border: 0.1rem solid var(--line-gray); }
	.inq-list li a:hover::after { background-color: var(--bg-gray); }
	.inq-list .txt { max-width: initial; }
	.inq-list li a:hover p { color: var(--gray-70); }
	
	/* 연금소식 */
	.d-layer { display: block; justify-content: space-between; }
	.d-layer > div { width: auto; max-width: initial; }
	.d-layer .cdBox, .d-layer .scjBox { padding: 0; }
	.d-layer > .scjBox-cont + .scjBox-cont { height: 20.3rem; padding-left: 0; }
	.scjBox > div { padding: 3rem 2rem; }
	.scjBox .scrollBar { max-height: 10rem; }
	.scjBox .txt-list { margin: 2rem 0 0; }
	.scjBox .txt-list > li + li { margin-top: 1rem; }
	
	.bgBox { margin-top:3rem; }
	.gray-box02 { margin-top:3rem; }
	.box-pslist { display: block; margin: 1.5rem 0 0 0; }
	.box-pslist li { width:initial; display: block; margin:2rem 0 0 0; padding: 1.8rem 8rem 1.8rem 2rem; min-height: 7.8rem; }
	.box-pslist li + li::before { left: 50%; top:-2rem; margin: 0 0 0 1rem; transform: rotate(90deg); }
	
	.btn-list { margin: 0 0 1rem 0; width: 100%; }
	.btn-list li { margin: 1rem 0 0 0; float: initial; }
	.line-sumBox > div:first-child { padding-right: 6rem; }
	.line-sumBox > * + div { padding-left: 4rem; }
	.box-rglist{padding-bottom:3rem; }
	.info-bgBox {padding: 5rem 3rem; background-image: url(../images/contents/bg-infobox-m.png); background-size: 31.2rem auto; }
	.info-bgBox::after { top:2rem; right: 2rem; width: 9.1rem; height: 1.8rem; }
	.info-bgBox .bgbox-ttl { margin-bottom: 1.5rem; font-size: 1.8rem; }
	.info-bgBox strong { margin-bottom: 1.5rem; }
	.info-bgBox p { max-width: 27rem; font-size: 1.2rem; }
	
	/* 모의 계산 */
	.line-table { padding: 2rem; }
	.inq-sumtb dl { display: block; }
	.inq-sumtb dl + dl { margin-top:2rem; padding-top: 2rem; }
	.inq-sumtb dt,.inq-sumtb dd { padding: 0; font-size: 1.4rem; }
	.inq-sumtb dd,.inq-sumtb dd + dt { margin-top: 1rem; }
	.inq-sumtb dt { font-weight: 700; width: 9.8rem; }
	.inq-sumtb dl:nth-child(2) dd:nth-child(2),
	.inq-sumtb dl:nth-child(3) dd:nth-child(2) { width: auto; }
	.inq-sumtb dl:nth-child(3)::after { content: ''; display: block; clear: both; }
	.inq-sumtb dl:nth-child(3) dt,
	.inq-sumtb dl:nth-child(3) dd { width: 50% !important; float: left; margin: 0; }
	.inq-sumtb dl:nth-child(3) dd { text-align: right; }
	.inq-sumtb dl:nth-child(3) dd+dt,.inq-sumtb dl:nth-child(3) dd:last-child { margin-top:1rem; }
	.inq-sumtb .costBox { display: block; }
	.inp-group-clear + .ver-black { margin-top: 1rem; }
	.inq-sumtb-btnBox { margin-top: 2rem;}
	
	/* 국민연금증 카드 */
	.inq-cardbox { padding: 5rem 2rem 20.8rem; background-position: bottom; background-size: contain; }
	.inq-cardbox::after { top:2rem; right: 2rem; width: 9.1rem; height: 1.8rem; background: url(../images/contents/bg-infobox-logo.png) no-repeat center; background-size: 100% auto; }
	.inq-cardbox.inq-card { background: url(../images/contents/bg-inq-card-m.png) no-repeat bottom; }
	.inq-cardbox.phishing { padding: 6.5rem 2rem 25.3rem; background: url(../images/contents/bg-phishing-m.png) no-repeat bottom; }
	.inq-cardbox .ttl { font-size: 1.8rem; }
	.inq-cardbox br { display: none }
	.inq-cardbox .ttl + .txt-refer { margin-top:1rem; }
	.inq-cardbox .inq-tel{ margin-top:3rem; padding:3rem 2rem;}
	.inq-cardbox .txt-list > li { padding-left: 1.5rem; text-indent: initial; }
 
}
 
@media all and (max-width:768px){
	
	/* 스크롤 박스 */
	.scl-wrap { overflow-y: auto; }
	.scl-box { min-width: 66rem; }
	
	.inq-notice { padding: 5rem 2rem 38vh; background-image: url(../images/contents/bg-inquiry05-m.png); }
	.inq-notice::after { top:2rem; right: 2rem; width: 9.1rem; height: 1.8rem; background: url(../images/contents/bg-infobox-logo.png) no-repeat center; background-size: 100% auto; }
	.inq-notice .ttl { margin-bottom: 3rem; font-size: 1.8rem; }
	.inq-notice ol > li + li { margin-top: 3rem; padding-top:3rem; }
	.inq-notice ol > li .inq-num { width: 3.4rem; height: 3.4rem; font-size: 1.8rem; }

	.con-title{margin-bottom: 1.5rem;}
	.md-title{margin-top: 3rem;}
	.md-title + .btn.pill.large{margin-top: 0;}
	.tb-title{font-size: 1.4rem ; margin: 3rem 0 1.5rem;}
	.tb-title + .con-table{margin-top:1.5rem !important}
	.line-box{padding: 1.8rem 2rem;}
	/* .line-box .ttl{font-size: 1.4rem;}
	.line-box p{font-size: 1.2rem;} */
	.line-box * + .ttl { margin-top: 1rem; }
	.con-table th, 
	.con-table td{height: 6rem;}
	.con-table thead th{font-size: 1.4rem;}
	.con-table tbody th, 
	.con-table tbody td{font-size: 1.4rem;}
	.txt-list.justTxt > li{padding-left: 0; text-indent: 0;}

	.line-sumBox { display: block; padding: 2rem;}
	.line-sumBox > div { display: block;}
	.line-sumBox > div:first-child {padding: 0 0 3rem 0; background: none; position: relative;}
	.line-sumBox > div:first-child::after{content: ''; display: block; position: absolute; bottom: 0.5rem; left: 50%; margin-left: -1rem; width: 2rem; height: 2rem; transform: rotate(90deg); background: url(../images/contents/ico-arrowfull.svg) no-repeat center right;}
	.line-sumBox > * + div { padding-left: 0; }
	
 }
 
 @media all and (max-width:640px) {
 .box-rglist ul {flex-direction: column;margin:0;}
 .box-rglist li + li {margin-top:1.5rem}
 .box-rglist li::after {bottom: -1rem;top: auto;left: 48%;right: auto;transform: rotate(90deg);}
 }