@charset "utf-8";


/*================================================== body 콘텐츠 ==================================================*/
.tempArea {padding: 70px 0; background-color: #aaa; font-size: 20px; font-weight: bold; text-align: center; color:#fff; letter-spacing: 0}
.tempArea > a {color:#fff;}

.scroll {overflow:auto;}
.scrollX {overflow-x:auto;}
.scrollY {overflow-y:auto;}
	
/* 테스트 */
hr.line {display:none;}

/*================================================== 공통 콘텐츠 ==================================================*/
/* conBox */
[class^=conBox] .block {display:table; width:100%; padding:27px 32px 32px 32px; color:#666;}
[class^=conBox] [class*=Cell] {display:table-cell; vertical-align:top;}
[class^=conBox] .midCell {vertical-align:middle;}
[class^=conBox] .btnCell {text-align:right; vertical-align:middle;}
[class^=conBox] .infoDiv + .infoDiv {margin-top:32px; padding-top:27px; border-top:1px solid #ddd;}
[class^=conBox] .tit,
[class^=conBox] .titL {display:block; margin-bottom:13px; color:#222; font-weight:500; font-size:18px;}
[class^=conBox] .tit {margin-bottom:8px; font-size:16px;}
[class^=conBox] .block > * + .txtList {margin-top:8px;}
[class^=conBox] .txtList {margin-bottom:0;}
[class^=conBox] .txtList:not(.dot) > li:not(:first-child) {margin-top:8px;}
[class^=conBox] [class^=btn_].s:not(button) {line-height:26px;}
[class^=conBox] .linkGroup:not(div) {display:block;}
[class^=conBox] .links {color:#445fe6; vertical-align:baseline;}

[class^=conBox] .block .btn_t.m {margin:25px 0 0;}

[class^=conBox] .titDiv {margin:-27px 0 32px 0; padding:18px 0 20px 0; border-bottom:1px solid #f2f2f2; text-align:center;}
[class^=conBox] .titDiv.full {width:auto !important; margin-left:-32px; margin-right:-32px; border-color:#ddd;}
[class^=conBox] .titDiv [class^=tit] {margin-bottom:0 !important;}

[class^=conBox] .col_1 {width:8.3333%;}
[class^=conBox] .col_2 {width:16.6666%;}
[class^=conBox] .col_3 {width:25%;}
[class^=conBox] .col_4 {width:33.3333%;}
[class^=conBox] .col_5 {width:41.6666%;}
[class^=conBox] .col_6 {width:50%;}
[class^=conBox] .col_7 {width:58.3333%;}
[class^=conBox] .col_8 {width:66.6666%;}
[class^=conBox] .col_9 {width:75%;}
[class^=conBox] .col_10 {width:83.3333%;}
[class^=conBox] .col_11 {width:91.6666%;}
[class^=conBox] .col_12 {width:100%;}

.conBox {border:1px solid #ddd;}
.conBox .block {table-layout:fixed;}
.conBox .block.remark {background-color:#f8f8f8; border-top:1px solid #eee;}
.digital .conBox .block.remark {background-color: #f2f2f2;}
.conBox .infoCell {position:relative; color:#222;}
.conBox .infoCell:not(:last-child) {padding-right:20px;}
.conBox .infoCell + .infoCell {padding-left:30px; border-left:1px solid #ddd;}
.conBox .conIcoR + .conIcoR {margin-top:40px;}

.conBox.min .block {padding:23px;}

.conBoxList {margin:0 -8px; font-size:0; word-spacing:0;}
.conBoxList > li {display:inline-block; width:100%; margin-bottom:16px; padding:0 8px; font-size:16px; vertical-align:top;}
.conBoxList > li .block {border:1px solid #ddd;}
.conBoxList > li .block > .midCell + .btnCell {padding-left:40px; white-space:nowrap;}

.conBox.noLine,
.conBoxList.noLine .block {border-color:transparent; background-color:#f8f8f8;}
.digital .conBoxList.noLine .block {background-color: #f2f2f2;} 
[class^=conBox].noLine .num {font-size:24px; font-weight:500;}
[class^=conBox].noLine .ico_newWin:after {background-color:#f8f8f8;}
.digital [class^=conBox].noLine .ico_newWin:after {background-color: #f2f2f2;} 
.accoItem .conBox.noLine,
.accoItem .conBoxList.noLine .block {background-color:#eee;}
.accoItem [class^=conBox].noLine .ico_newWin:after {background-color:#eee;}

[class^=conBox].noLine .txtList.step.sm:before {content:none;}
[class^=conBox].noLine .txtList.step.sm > li {margin-top:15px;}
[class^=conBox].noLine .txtList.step.sm > li:before {border:1px solid #dbe5fe; background-color:#fff; line-height:22px; box-sizing:border-box;}

.conBox.point,
.conBoxList.point .block {border-color:#d4cef9;}
[class^=conBox].point .titDiv {margin-left:-32px; margin-right:-32px; padding:14px 32px 16px 32px; border-bottom:none; background-color:#f8f7fe; text-align:center;}
[class^=conBox].point .titDiv [class^=tit] {color:#5642bf !important;}
[class^=conBox].point .infoDiv .tit + .txtList.dot {margin-top:24px !important;}
[class^=conBox].point .infoDiv .txtList.dot > li .txt {color:#666;}

.conBox.notify {border:8px solid #eee; border-radius:0;}
[class^=conBox].notify .block {padding:35px 40px 40px 40px;}
[class^=conBox].notify.min .block {padding:30px 35px;}
.conBox.notify .infoCell + .infoCell {padding-left:40px;}
.titArea + .conBox.notify {margin-top:27px;}

/* section */
.conBox.sec .tit ~ .tit {margin-top:45px;}

.conBoxList.div_2 > li {width:50%;}
.conBoxList.div_3 > li {width:33.3333%;}
.conBoxList.div_4 > li {width:25%;}
.conBoxList.div_5 > li {width:20%;}

.conBoxList > li.full {width:100% !important;}

[class^=conBox].prdInfo > li {margin-bottom:30px;}
[class^=conBox].prdInfo .titDiv {padding:24px 32px 24px 32px;}
[class^=conBox].prdInfo .titDiv .titXL {font-size:24px; font-weight:500;}
[class^=conBox].prdInfo .titDiv [class^=tit] img {width:40px; height:auto; margin-right:13px; vertical-align:top;}
[class^=conBox].prdInfo .txtList.div_2 {margin-bottom:0; font-size:0;}
[class^=conBox].prdInfo .txtList.div_2 > li:nth-child(2) {margin-top:0 !important;}
[class^=conBox].prdInfo .txtList.div_2 > li {display:inline-block; width:50%; padding-right:66px; vertical-align:top; font-size:16px;}

.conBoxList.directInfo .block {position:relative; padding-top:40px; padding-bottom:92px; text-align:center;}
.conBoxList.directInfo .linkGroup {position:absolute; left:0; bottom:0; width:100%; margin:0; padding:14px 0; background-color:#f8f8f8; border-radius:0 0 8px 8px; font-size:16px; text-align:center;}
.conBoxList.directInfo .date + .titL {margin:8px 0 0 0;}
.conBoxList.directInfo a.block .linkGroup .links {color:#222;}
.conBoxList.directInfo a.block .linkGroup .ico_down:before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj_x.cat) no-repeat center center;}
.conBoxList.directInfo a.block .linkGroup .ico_newWin:after {background:#f8f8f8 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj_x.cat) no-repeat center center;}
.conBoxList.directInfo a.block .linkGroup .ico_down:after,
.conBoxList.directInfo a.block .linkGroup .ico_newWin:before {border-color:#222;}
.conBoxList.directInfo a.block:hover,
.conBoxList.directInfo a.block:focus {border-color:#b7ddff;}
.conBoxList.directInfo a.block:hover > *,
.conBoxList.directInfo a.block:focus > * {color:#1a75e4;}
.conBoxList.directInfo a.block:hover .linkGroup,
.conBoxList.directInfo a.block:focus .linkGroup {background-color:#ecf6ff;}
.conBoxList.directInfo a.block:hover .linkGroup .links.addIco {color:#1a75e4;}
.conBoxList.directInfo a.block:hover .linkGroup .ico_down:before,
.conBoxList.directInfo a.block:focus .linkGroup .ico_down:before {top:3px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj.cat) no-repeat center center;}
.conBoxList.directInfo a.block:hover .linkGroup .ico_newWin:after,
.conBoxList.directInfo a.block:focus .linkGroup .ico_newWin:after {top:-3px; right:-3px; background:#ecf6ff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj.cat) no-repeat center center;}
.conBoxList.directInfo a.block:hover .linkGroup .ico_down:after,
.conBoxList.directInfo a.block:focus .linkGroup .ico_down:after,
.conBoxList.directInfo a.block:hover .linkGroup .ico_newWin:before,
.conBoxList.directInfo a.block:focus .linkGroup .ico_newWin:before {border-color:#715deb;}

.conBoxList.csInfo .block {text-align:center;}
.conBoxList.csInfo .block .tit {font-size:14px; line-height:1;}
.conBoxList.csInfo .block .numL:not(.txtList) {font-size:40px; font-weight:500; color:#5642bf; line-height:1.2;}

.conBoxList.terms {display:flex;}
.conBoxList.terms > li {width:calc((100% - 40px) / 3);}
.conBoxList.terms .block {position:relative; height:100%;}
.conBoxList.terms > li:nth-child(1) .block .titDiv {display:table; height:100%; margin:0 auto; background-color:#fff; font-size:18px; font-weight:500; text-align:center;}
.conBoxList.terms > li:nth-child(1) .block .titDiv .tit {display:table-cell; color:#222 !important; vertical-align:middle;}
.conBoxList.terms .block .markDiv {position:absolute; top:50%; right:-26px; color:#222; font-size:22px; font-weight:500; transform:translateY(-50%);}
.conBoxList.terms > li + li {margin-left:20px;}

.stepList > li .desc + .desc {margin-top:16px;}
.stepList > li .desc .tit {margin:0 0 12px 0; font-size:16px;}
.conInfoBox {display:flex; align-items:center; margin-top:32px;}
.conInfoBox:first-of-type {margin-top:0;}
.conInfoBox .txtCell {padding-left:30px;}
.conInfoBox .txtCell > p {padding-top:18px;}
.conInfoBox .txtCell > p:first-child {padding-top:0;}
.conInfoBox .txtCell .txtList li > .txtList {padding-left:14px;}

.conBoxList.noLine .icoCell {padding-right:17px; vertical-align:middle;}
.conBoxList.noLine .icoCell + .txtCell {vertical-align:middle;}

.conBoxList.noLine.fileDown a.block {position:relative; padding-bottom:86px;}
.conBoxList.noLine.fileDown a.block .linkGroup {position:absolute; left:32px; right:32px; bottom:29px;}
.conBoxList.noLine.fileDown a.block .linkGroup .links.addIco:after {content:'' !important; left:0 !important; right:20px !important; width:auto !important;}
.conBoxList.noLine.fileDown a.block:hover .linkGroup .ico_down:before,
.conBoxList.noLine.fileDown a.block:focus .linkGroup .ico_down:before {top:3px;}

.conBoxList.noLine.registLink {margin-bottom:-16px;}
.conBoxList.noLine.registLink a.block {position:relative; padding-bottom:90px;}
.conBoxList.noLine.registLink a.block .btnGroup {position:absolute; left:32px; right:32px; bottom:32px;}
.conBoxList.noLine.registLink a.block .desc {font-size:14px;}
.conBoxList.noLine.registLink a.block .btnGroup .btn_s.s {border-color:#ccc; color:#666;}

.conBoxList.sumInfo .block {padding:35px 23px 22px 23px; border-color:#dad5f9; border-radius:9px; box-shadow:0 2px 4px rgba(113,93,235,0.1);}
.conBoxList.sumInfo .titDiv {padding:0 0 20px 0; margin:0 0 19px; border-bottom:1px solid #eee; background:none;}
.conBoxList.sumInfo .titDiv [class^=tit] {color:#222 !important;}
.conBoxList.sumInfo .block .btn_t.m {width:100%;}

ol.conBoxList.stepInfo {counter-reset:count; overflow:hidden;}
ol.conBoxList.stepInfo > li {position:relative;}
ol.conBoxList.stepInfo > li:after {content:''; position:absolute; top:26px; left:-15px; width:12px; height:12px; border:1px solid #d4cef9; border-left:0; border-top:0; background-color:#f8f7fe; overflow:hidden; box-sizing:border-box; transform:rotate(-45deg); z-index:1;}
ol.conBoxList.stepInfo > li .titDiv {text-align:left;}
ol.conBoxList.stepInfo > li .titL:before {content:'0'counter(count)'. '; counter-increment:count;}

.cyber .conBoxList.point .block {padding:27px 25px 25px 25px; border-color:#d6e1fe;}
.cyber .conBoxList.point .block {padding:27px 25px 25px 25px; border-color:#d6e1fe;}
.cyber .conBoxList.point .titDiv {margin:-27px -25px 20px; padding:20px 25px 21px 25px; background-color:#f2f6ff;}
.cyber .conBoxList.point .titDiv [class^=tit] {font-size:16px; color:#445fe6 !important;}
.cyber ul.conBoxList.point .titDiv [class^=tit] {font-size:18px;}

.popBody [class^=conBox].notify {margin-bottom:30px;}
.popBody [class^=conBox].notify .block {padding:27px 32px 32px 32px;}
.accoBody .conBox,
.accoBody .conBoxList .block {background-color:#fff;}
.dotCon [class^=conBox] {margin-top:15px;}

.conBox.boxGrp {border:0; background-color:#f2f6ff;}
.digital .conBox.boxGrp {background-color: #edf1fe;}
.conBox.boxGrp .infoCell {padding-right:74px; vertical-align:middle;}
.conBox.boxGrp .infoCell .tit {margin-bottom:24px; font-size:20px;}
.conBox.boxGrp .infoCell p {color:#666;}
.conBox.boxGrp .boxCell {width:560px;}
.conBox.boxGrp .boxCell:after {content:''; display:block; clear:both;}
.conBox.boxGrp .boxCell .box {float:left; width:calc((100% / 2) - 8px); margin-left:16px; padding:25px 28px 32px 28px; border:1px solid #dad5f9; background-color:#fff; box-shadow:0 2px 4px rgba(113,93,235,0.1);}
.conBox.boxGrp .boxCell .box:first-child {margin-left:0;}
.conBox.boxGrp .boxCell .box .tit {margin-bottom:40px; color:#222; font-size:20px; font-weight:500;}

.conBox.vtcLine {border:1px solid #eee;}
.conBox.vtcLine .block + .block {border-top:1px solid #eee;}
.conBox.vtcLine .block {display:flex; padding:28px 110px 28px 30px;}
.conBox.vtcLine .block .titCell {min-width:256px;}
.conBox.vtcLine .block .infoCell [class^=tit] {display:inline-block; margin:0 0 10px 0;}
.conBox.vtcLine .block .infoCell p + [class^=tit] {margin-top:25px;}

/* 금융소비자보호헌장(CDHE0080) */
.conBoxList.consumer > li .block {position:relative; margin-top:23px; padding:20px 32px 40px; border-color:transparent; text-align:center;}
.conBoxList.consumer .block .badge {display:inline-block; position:relative; top:-44px; width:196px; height:46px; line-height:46px; color:#fff; font-weight:500;}
.conBoxList.consumer .block .txt {margin-top:0 !important; color:#222; font-size:18px;}
.conBoxList.consumer .block.purple {background-color:#f1eefd;}
.conBoxList.consumer .block.blue {background-color:#eef3ff;}
.conBoxList.consumer .block.brown {background-color:#f6f4f1;}
.conBoxList.consumer .block.purple .badge {background-color:#715deb; box-shadow:4px 7px 8px 0 rgba(113, 93, 235, 0.16);}
.conBoxList.consumer .block.blue .badge {background-color:#5d88fb; box-shadow:4px 7px 8px 0 rgba(93, 136, 251, 0.16);}
.conBoxList.consumer .block.brown .badge {background-color:#a88f77; box-shadow:4px 7px 8px 0 rgba(168, 143, 119, 0.16);}
.conBoxList.consumer .block.purple .tit {color:#5642bf; font-weight:300;}
.conBoxList.consumer .block.blue .tit {color:#445fe6; font-weight:300;}
.conBoxList.consumer .block.brown .tit {color:#937b64; font-weight:300;}


/* conIco */
[class^=conIco] {position:relative; padding-left:56px;}
[class^=conIco] .img {position:absolute; top:0; left:0; display:block;}
[class^=conIco] .img img {width:32px;}
[class^=conIco] [class^=titH] {display:block; margin-top:0;}
[class^=conIco] .linkGroup {margin-top:15px;}
[class^=conIco] .linkGroup .links {color:#445fe6;}
[class^=conIco] .titH3 + .titH4 {margin-top:0; margin-bottom:15px;}

/* round */
.conIcoR {display:table; padding-left:105px; min-height:60px;}
.conIcoR + .conIcoR {margin-top:64px;}
.conIcoR .img {width:80px; height:80px; padding:20px 0 0 20px; border-radius:100%; background-color:#f2f6ff; box-sizing:border-box;}
.digital .conIcoR .img {background-color:#edf1fe;} 
.conIcoR .img img {width:40px;}
.conIcoR .con {display:table-cell; vertical-align:middle;}

[class^=conBox] .block .conIcoR,
.accoBody .conIcoR {padding-left:88px; min-height:64px;}
[class^=conBox] .block .conIcoR .img,
.accoBody .conIcoR .img {width:64px; height:64px; padding:16px 0 0 16px;}
[class^=conBox] .block .conIcoR .img img,
.accoBody .conIcoR .img img {width:32px;}

.accoBody .conIcoR .img {background-color:#fff;}
.popBody div.conIcoR:not(:last-child) {margin:64px 0;}


/* conLineList */
.conLineList > li {position:relative; display:table; width:100%; padding:64px 0 62px 0;}
.conLineList > li + li {border-top:1px solid #ddd;}
.conLineList > li > [class*=Div] {display:table-cell; vertical-align:middle;}
.conLineList > li .stepDiv {width:152px; text-align:center;}
.conLineList > li .stepDiv .num {display:inline-block; width:72px; height:72px; line-height:72px; border-radius:100%; background-color:#ecf6ff; color:#1a75e4; font-size:20px; font-weight:500; text-align:center; box-sizing:border-box;}
.conLineList > li [class^=tit] {display:block; margin-top:0;}
.conLineList > li .txtList {margin-bottom:0;}
.conLineList > li .txtList.dot {margin-top:24px;}
.conLineList > li .conIcoR {padding-left:105px;}

.conLineList.line {border-bottom:1px solid #ddd;}
.conLineList.vt > li > [class*=Div] {vertical-align:top;}

.conLineList.min > li {padding:32px 0 30px 0;}
.conLineList.min > li .conIco {padding-left:75px;}
.conLineList.min > li .conIco .img img {width:40px;}

.conLineList.div_2 {font-size:0;}
.conLineList.div_2 > li {display:inline-block; width:50%; padding:5px 0; vertical-align:top; font-size:16px;}
.conLineList.div_2 > li [class^=tit] {margin-bottom:30px;}
.conLineList.div_2 > li + li {border-top:none;}
.conLineList.div_2 > li .conIcoR {padding-left:79px;}
.conLineList.div_2 > li .conIcoR .img {top:50%; width:64px; height:64px; padding:16px 0 0 16px; transform:translateY(-50%);}
.conLineList.div_2 > li .conIcoR .img img {width:32px;}
.conLineList.div_2 > li .conIcoR + .conIcoR {margin-top:30px;} 

div.conLineList .conDiv + .conDiv {margin-top:64px; padding-top:64px; border-top:1px solid #ddd;}
div.conLineList .conDiv {display:table; width:100%; table-layout:fixed;}
div.conLineList [class*=Cell] {display:table-cell; vertical-align:top;}

/* conImg */
.conImg .img {text-align:center;}
.conImg img {max-width:100%;}
.accoBody *:not(.titArea) + .conImg {margin:30px 0;}
.dotCon .conImg {margin:15px 0 0 0 !important;}
.txtList > li .conImg {margin:10px 0 10px -12px !important;}

/* conImgBox */
.conImgBox {padding:32px 32px 27px 32px; color:#666; background-color:#f8f8f8; text-align:center;}
.conImgBox img {max-width:100%; box-shadow:7px 3px 27px rgba(0,0,0,0.08); border-radius:8px; overflow:hidden;}
.conImgBox .tit {margin-bottom:15px; color:#222;}
.conImgBox .txtList.remark {margin-top:24px; text-align:center;}
.dotCon p + .conImgBox {margin-top:30px;}
.accoBody .conImgBox {background-color:#eee;}

.conImgBox.mb {text-align:left;}
.conImgBox.mb img {width:100%; box-shadow:none; border-radius:0;}

/* conMath */
.conMath {display:inline-block; margin-top:25px; white-space:nowrap;}
.conMath > * {display:inline-block; text-align:center; vertical-align:middle;}
.conMath .divide {position:relative;}
.conMath .divide i {position:relative; display:block; margin-bottom:10px; padding:0 6px;}
.conMath .divide i:last-child {margin:0; padding:7px 6px 0;}
.conMath .divide i:last-child:after {content:''; position:absolute; top:-1px; left:0; right:0; border-bottom:1px solid #666;}

.conMath.etc .marker {position:relative; display:block; margin-left:80px; text-align:right;}
.conMath.etc .marker:after {content:''; position:absolute; top:50%; left:0; right:54px; border-bottom:1px solid #aaa;}


/* boxLink */
.boxLink .block {position:relative; display:block; padding:27px 32px 32px 32px; border:1px solid #d6e1fe; background-color:#f2f6ff; color:#666; font-size:14px;}
.digital .boxLink .block {background-color: #edf1fe;} 
.boxLink .block .tit {display:block; color:#222; font-weight:500; font-size:16px;}
.boxLink .block .img {position:absolute; top:50%; left:32px; transform:translateY(-50%);}
.boxLink .block .img img {width:40px; height:40px;}
.boxLink .block .img ~ * {padding-left:56px;}
.boxLink .block .txtItem {display:block; margin-top:5px;}

.boxLink.noLine .block {background-color:#f8f8f8; border-color:transparent;}
.boxLink.noLine .block:after {border-color:#676767;}

.boxLink a.block:after,
.boxLink button.block:after {content:''; position:absolute; right:24px; top:50%; width:9px; height:9px; border:1px solid #445fe6; border-width:0 0 2px 2px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(-135deg);}

.boxLink:not(div) {margin:0 -8px -16px -8px; font-size:0; word-spacing:0;}
.boxLink > li {display:inline-block; width:33.3333%; margin-bottom:16px; padding:0 8px; font-size:16px; vertical-align:top;}
.boxLink.div_2 > li {width:50%;}

/* 230911 알기쉬운 개인정보처리방침 (s) */
.boxLink > li .pri_ico {text-align:right;}
.boxLink > li .pri_ico .ico {display:inline-block;width:100px;height:100px;border-radius:50%;text-align: center;font-size:0;text-indent:-999;}
.boxLink > li .pri_ico .ico.img_01 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cev_03_1.cat) #fff no-repeat center;}
.boxLink > li .pri_ico .ico.img_02 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cev_03_2.cat) #fff no-repeat center;}
.boxLink > li .pri_ico .ico.img_03 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cev_03_3.cat) #fff no-repeat center;}
.boxLink > li .pri_ico .ico.img_04 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cev_04_1.cat) #fff no-repeat center;}
.boxLink > li .pri_ico .ico.img_05 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cev_04_2.cat) #fff no-repeat center;}
.boxLink > li .pri_ico .ico.img_06 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cev_04_3.cat) #fff no-repeat center;}
/* 230911 알기쉬운 개인정보처리방침 (e) */

/* stepList */
.stepList {position:relative;}
.stepList:after {content:''; position:absolute; left:5px; top:20px; bottom:0; border-left:1px solid #d6e1fe;}
.stepList > li {position:relative; padding-left:60px; padding-bottom:26px;}
.stepList > li:before {content:''; display:block; position:absolute; left:0; top:9px; width:11px; height:11px; border:2px solid #5d88fb; border-radius:100%; background:#fff; box-sizing:border-box; z-index:2;}
.stepList > li:last-child {padding-bottom:0 !important;}
.stepList > li:last-child:after {content:''; position:absolute; left:5px; top:20px; bottom:0; border-left:1px solid #fff; z-index:1;}
.stepList > li .tit {position:relative; margin-left:-30px; display:block; margin-bottom:10px; font-size:18px; color:#222; font-weight:500;}
.stepList > li .desc {position:relative; margin-left:-30px; padding:28px 30px 30px; background:#f8f8f8;}
.stepList > li .desc .txtList {margin:0;}

.stepList.horizon {display:table; table-layout:fixed; width:100%;}
.stepList.horizon:after {content:none;}
.stepList.horizon > li {display:table-cell; padding:30px 0 0; text-align:center;}
.stepList.horizon > li:before {left:50%; top:0; margin-left:-6px;}
.stepList.horizon > li:after {content:''; position:absolute; top:5px; left:0; right:0; bottom:auto; border-bottom:1px solid #b7ddff;}
.stepList.horizon > li:first-child:after {left:50%;}
.stepList.horizon > li:last-child:after {right:50%;}
.stepList.horizon > li [class^=tit] {margin-left:0;}

.stepList.icon {display:table; table-layout:fixed; width:100%;}
.stepList.icon:after {content:none;}
.stepList.icon > li {display:table-cell; padding:90px 0 0; text-align:center;}
.stepList.icon > li:before {top:35.5px; left:50%; width:0; height:0; border:0; border-radius:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid #d6e1fe; background:none; transform:translate(-55px,0px);}
.stepList.icon > li:after {content:''; position:absolute; top:40px; left:-50%; width:calc(100% - 100px); border-bottom:1px solid #d6e1fe; transform:translate(50px,0);}
.stepList.icon > li:first-child:before,
.stepList.icon > li:first-child:after {content:none;}
.stepList.icon > li:last-child:after {bottom:auto;}
.stepList.icon > li + li {border-top:none;}
.stepList.icon .img {position:absolute; top:0; left:50%; width:80px; height:80px; margin-left:-40px; padding-top:24px; text-align:center; border-radius:0; background-color:#f8f7fe; box-sizing:border-box;}
.stepList.icon .img img {width:32px;}

.stepList.icon[class*=arrow] > li:before {left:0; width:14px; height:14px; border:1px solid #656565; border-width:0 2px 2px 0; transform:translate(-7px,-50%) rotate(-45deg);}
.stepList.icon[class*=arrow] > li:after {content:none;}

.stepList.icon.lg {padding:0 24px;}
.stepList.icon.lg > li {padding-top:186px;}
.stepList.icon.lg > li:before {top:64px; left:0; width:22px; height:22px; margin-left:-15px; border:1px solid #666; border-width:0 0 2px 2px; transform:translate(0, 0) rotate(-135deg);}
.stepList.icon.lg > li:after {display:none;}
.stepList.icon.lg .img {width:160px; height:160px; margin-left:-80px; padding-top:0; background:none;}
.stepList.icon.lg .img img {width:100%;}
.stepList.icon.lg .titH3 {margin-top:0;}

.stepList.flow {margin-top:64px;}
.stepList.flow > li {padding-right:286px; padding-bottom:30px;}
.stepList.flow > li > .tit {margin-bottom:0; padding-bottom:20px; height:50px;}
.stepList.flow .stepInfo {position:absolute; width:270px; top:50px; right:0; bottom:30px; padding-top:48px; text-align:center; background:#f2f6ff;}
.digital .stepList.flow .stepInfo {background-color: #edf1fe;}
.stepList.flow .stepInfo .step {display:inline-block; padding:5px 15px; border-radius:14px; background:#5d88fb; color:#fff; font-size:13px; font-weight:500;}
.stepList.flow .stepInfo .tit {margin-left:0; display:block; margin-top:5px; margin-bottom:0; color:#445fe6; font-size:18px; font-weight:500; text-indent:0;}
.stepList.flow .stepInfo.last {top:-179px; bottom:0; padding-top:140px; background:#5d88fb;}
.stepList.flow .stepInfo.last .step {color:#1a75e4; background:#fff;}
.stepList.flow .stepInfo.last .tit {color:#fff;}

.accoBody .stepList {margin:62px 0;}
.accoBody .stepList > li:last-child:after {border-color:#f8f8f8;}
.digital .accoBody .stepList > li:last-child:after {background-color: #f2f2f2;}

.stepBox {padding:60px; text-align:center; background-color:#f8f8f8;}
.digital .stepBox {background-color: #f2f2f2;}
.stepBox p,
.stepBox em {color:#222;}
.stepBox > .tit {color:#222; font-size:18px;}
.stepBox .stepList.icon[class*=arrow] {width:auto; margin:40px auto 0;}
.stepBox .stepList.icon[class*=arrow] > li {padding:90px 45px 0; min-width:152px;}
.stepBox .stepList.icon[class*=arrow] > li:before {border-color:#c5c5c5;}
.stepBox .stepList.icon[class*=arrow] .img {width:70px; height:70px; margin-left:-35px; padding-top:23px; background-color:#fff; border-radius:70px;}
.stepBox .stepList.icon[class*=arrow] .img img {width:24px;}
.stepBox .stepList.icon .gift1 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fgrc_ceqtvsg_1.cat) no-repeat 50% 50%;}
.stepBox .stepList.icon .gift2 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fgrc_ceqtvsg_2.cat) no-repeat 50% 50%;}
.stepBox .stepList.icon .gift3 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fgrc_ceqtvsg_3.cat) no-repeat 50% 50%;}
.stepBox .stepList.icon .gift4 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fgrc_ceqtvsg_4.cat) no-repeat 50% 50%;}

.stepBox.state {padding:70px 120px 53px; background:#fff; box-shadow:0 2px 4px 0 rgba(113, 93, 235, 0.1);}
.stepBox.state .stepList.horizon > li:after {border-color:#eae7fc;}
.stepBox.state .stepList > li:before {border-color:#715deb;}
.stepBox.state .stepList > li em {font-size:18px; color:#222; font-weight:300;}
.stepBox.state .stepList > li .date {position:absolute; bottom:-24px; left:50%;  font-size:14px; color:#959595; transform:translateX(-50%);}
.stepBox.state .stepList > li .state {display:inline-block; position:absolute; top:-46px; left:50%; height:28px; padding:0 12px; line-height:28px; font-size:13px; color:#fff; border-radius:14px; background:#47435d; transform:translateX(-50%);}
.stepBox.state .stepList > li .state:before {content:''; position:absolute; left:50%; bottom:-16px; margin-left:-5px; border-style:solid; border-width:8px 6px; border-color:#47435d transparent transparent transparent;}
.stepBox.state .stepList > li.on ~ li em {color:#959595; font-size:18px; font-weight:300;}
.stepBox.state .stepList > li.on em {font-size:20px; color:#5642bf; font-weight:500;}
.stepBox.state .stepList > li.on:before {top:-2px; width:16px; height:16px; border-width:4px;}

/* infoList */
.infoList {color:#666;}
.infoList > li {display:table; width:100%; padding:4px 0;}
.infoList > li > div {display:table-cell; vertical-align:top;}
.infoList .val {padding-left:24px; color:#222; text-align:right;}
.infoList .pointC6 {font-weight:500;}

.tblX tbody .infoList {font-size:14px;}
.tblX tbody .infoList .item {width:80px; text-align:left;}
.tblX tbody .infoList .val {padding-left:0; text-align:left; font-weight:500;}

.infoWrap {padding:20px; background-color:#f8f8f8;}
.infoWrap + .infoWrap {margin-top:10px;} 
.digital .infoWrap {background-color: #f2f2f2;}

/*================================================== 보험사전 ==================================================*/
.dictSrch {margin:10px 0 0; padding:0 32px; background-color:#f8f8f8;}
.dictSrch .dataSrchBox {margin-bottom:0;}
.dictSrch .dictBtnGroup {position:relative; padding:28px 0; border-top:1px solid #e9e9e9;}
.dictSrch .icoBtn_open {display:none;}
.dictSrch .txt {margin-bottom:7px; color:#222; font-size:14px; font-weight:500;}
.dictSrch .dictBtn {margin:0 -4px; font-size:0;}
.dict_btn {width:36px; height:36px; margin:4px; border:1px solid #ccc; border-radius:5px; background-color:#fff; color:#666; font-size:16px; font-weight:300; line-height:34px; text-align:center;}
.dict_btn.s {font-size:14px;}
.dict_btn.on {border-color:#5d88fb; background-color:#5d88fb; color:#fff; font-weight:500; box-shadow:4px 8px 16px rgba(93, 136, 251, 0.24);}
.dictList {border-top:1px solid #222; border-bottom:1px solid #aaa;}
.dictList > li {padding:19px 24px 20px; border-top:1px solid #ddd;}
.dictList > li:first-child {border-top:0;}
.dictList .tit {margin-bottom:8px; color:#222; font-size:18px; font-weight:500;}
.dictList .pick {color:#445fe6;}


/*====================================================== 안내/고지  ======================================================*/
/* tblInfo */
.tblInfo {display:table; width:100%; margin-bottom:10px; font-size:14px;}
.tblInfo > .fr {float:none; text-align:right;}
.tblInfo .info,
.tblInfo .fr {display:table-cell; vertical-align:bottom;}
.tblInfo .result em {color:#715deb;}
.tblInfo .txtList {display:inline-block; margin:0;}
.tblInfo .txtItem {display:inline-block; vertical-align:middle;}
.tblInfo [class^=btn_] {margin:0; padding:4px 10px; min-width:64px; min-height:36px; font-size:14px;}
.tblInfo select.ipt {height:36px; margin:0;}
.tblInfo .fr > * {display:inline-block; margin-left:4px; vertical-align:middle;} 
.tblInfo .toggleSwitch.rlb {margin-left:17px;}
.tblInfo.line {margin-bottom:40px; padding-bottom:15px; border-bottom:1px solid #222;}

.digital .tblInfo .result {color:#222; font-size:16px;}

.titArea [class^=btn_] {padding:4px 10px; min-width:64px; min-height:36px; font-size:14px;} 
.titArea select.ipt {height:36px; margin:0;}

/* deliber */
.deliber {margin-bottom:15px;}
.deliber .num {color:#222; font-weight:500;}
.deliber .num:before {content:'* ';}
.accoBody .deliber {margin-top:64px;}



/*====================================================== 페이지 상단 컨텐츠  ======================================================*/
/* 상단영역 공유 */
.cover .pageTit {padding-bottom:170px;}
.coverS .pageTit {padding-bottom:120px;}
.coverL .pageTit {padding-bottom:226px;}
[class*=cover] .formBox {margin-top:-80px;}
[class*=cover] .pageTabArea {margin-top:-64px;}
[class*=cover] .infoConArea.point,
[class*=cover] .smileArea,
[class*=cover] .coverArea {margin-top:-130px;}

/* 본인인증 */
.formBox {position:relative; width:560px; margin:0 auto 32px; padding:34px 50px; text-align:center; background-color:#fff; border:none; box-shadow:7px 3px 27px rgba(0,0,0,0.08); z-index:1;}
.formBox .titL {margin:16px 0; padding:8px 0; color:#222; font-size:18px; font-weight:500;}
.formBox .formList {margin:16px 0; border:0;}
.formBox .formList > li {padding:4px 0; border-top:0;}
.formBox .formList .itemTh {width:90px; min-width:90px; padding:0;}
.formBox .formList .dataTd {margin-right:-2px;}
.formBox .iptWrap.full {padding-right:4px;}
.formBox .iptWrap.full .icoBtn_del {right:6px; border-color:transparent;}
.formBox .btnArea {margin:40px 0 16px 0;}
.formBox .setPhone,
.formBox .setCount,
.formBox .ipt[type=email] {width:244px;}
.formBox [class^=btn_].m {width:115px; padding:5px;}

.formBox.wide {display:flex; width:100%; padding:37px 42px 45px; text-align:left; border:8px solid #eee; box-shadow:none; flex-wrap:wrap; justify-content:space-between;}
.formBox.wide .titL {width:100%; margin:0 0 42px; padding:0 0 30px; border-bottom:1px solid #eee;}
.formBox.wide > ul {margin:0;}
.formBox.wide .formList {width:460px;}
.formBox.wide .formList .itemTh {width:140px; min-width::inherit;}
.formBox.wide .formList .dataTd {width:calc(100% - 140px);}
.formBox.wide .keypad {width:136px; margin-right:-120px;}
.formBox.wide .iptBtn {margin:0 -8px; width:436px;}

/* 상단인포 */
.conInfoVisual {position:relative; margin:-32px -32px 0; background-color:#715deb;}
.conInfoVisual .inner {position:relative; min-height:120px; padding:29px 32px 27px; z-index:1;}
.conInfoVisual [class^=tit] {margin-top:0; color:#fff;}
.conInfoVisual .desc {margin-bottom:8px; color:rgba(255,255,255,0.8); font-size:14px;}
.conInfoVisual .linkGroup {margin-top:25px; margin-left:-10px; margin-right:-10px;}
.conInfoVisual .links {margin:3px 10px; color:#fff; font-size:14px;}
.conInfoVisual .links:before {content:none;}
.conInfoVisual .links:after {border-color:#fff;}
.conInfoVisual .links:focus,
.conInfoVisual .links:hover {color:#fff;}
.conInfoVisual .ico_arrow:before,
.conInfoVisual .ico_newWin:before {border-color:#fff;}
.conInfoVisual .ico_newWin:after {background:#715deb url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj_j.cat) no-repeat center center; transition: all 0.05s ease-out;}
.conInfoVisual .ico_arrow {top:0;}
.conInfoVisual .links.addIco:focus .ico_arrow:after,
.conInfoVisual .links.addIco:hover .ico_arrow:after {background-color:rgba(255,255,255,0.2);}
.conInfoVisual:not(.ac) .img {position:absolute; bottom:-30px; right:0;}
.conInfoVisual.ac .inner {min-height:0; padding-bottom:0;}
.conInfoVisual.ac .img {position:relative; bottom:-30px; right:auto; margin:0 auto;}

.cyber .popup .conInfoVisual {margin:-32px -32px 0;}
.cyber .conInfoVisual {display:flex; align-items:center; margin:0; background-color:#47435d; justify-content:space-between;}
.cyber .conInfoVisual .inner {padding-right:24px;}
.cyber .conInfoVisual [class^=tit] {margin-bottom:0; font-size:20px;}
.cyber .conInfoVisual .img {position:static;}
.cyber .conInfoVisual .desc {margin-top:10px; margin-bottom:0; font-size:16px;}
.cyber .conInfoVisual.lg {display:block;}
.cyber .conInfoVisual.lg + .accoList {margin-left:-32px; margin-right:-32px;}
.cyber .conInfoVisual.lg .img {text-align:center;}

.conInfoVisual.customer {display:block; background-color:#fff; text-align:center;}
.conInfoVisual.customer [class^=tit] {color:#222; font-size:32px;}
.conInfoVisual.customer .desc {color:#222;}
.conInfoVisual.customer .img {position:absolute; top:15px; left:20px; bottom:0;}

/* conImgBox */
.cyber .conImgBox {margin:24px 0;}
.cyber .conImgBox img {box-shadow:none; border-radius:0;}
.cyber .conImgBox .img + p {margin-top:20px;}
.cyber .conImgBox .txtList.star {display:inline-block; text-align:center;}

/*====================================================== 반응형 테이블  ======================================================*/
[class*=tblCon] {margin:10px 0 15px;}
[class*=tblCon]:after {content:none !important;}
.tblConWrap {border-top:none !important;}
.tblConWrap .titArea {margin-top:32px;}

[class*=tblCon] li > .thGroup {margin-bottom:20px; color:#222; font-size:18px;/*font-size:1.8rem;*/ font-weight:500;}

/* tblConBox */
.tblConBox {padding:0 32px; border:1px solid #ddd !important; border-radius:8px; background-color:#fff;}
.tblConBox > li {padding:27px 0 32px; }
.tblConBox > li:not(:first-child) {border-top:1px solid #ddd;}
.tblConBox > li .th {margin-bottom:10px; color:#222; font-size:14px;/*font-size:1.4rem;*/ font-weight:500;}
.tblConBox > li .titH4 {margin-top:12px;}
.tblConBox > li .txtList {margin-bottom:0;}

.tblConList:not(.box) {border-top:none !important;}
/*.tblConList:not(.box) {margin:0 -24px; padding:0 24px 30px; border-bottom:10px solid #f8f8f8;}*/
.tblConList > li {display:table; width:100%; padding:14px 0 11px 0; table-layout:fixed; color:#666;}
.tblConList > li:not(:first-child) {border-top:1px solid #ddd;}
.tblConList .th {display:table-cell; width:34%; color:#222; font-size:14px;/*font-size:1.4rem;*/ font-weight:500; vertical-align:middle;}
.tblConList .td {display:table-cell; text-align:right; vertical-align:middle;}
.tblConList .td .txtItem > * {margin:0 0 0 16px;}

.tblConList.client {margin-bottom:32px; padding:6px 20px; border-radius:8px; background-color:#f8f8f8; border-top:none !important;}

/* tblConBlock */
.tblConBlock {margin:0; border-top:none !important;}
.tblConBlock > li:not(:first-child) {margin-top:20px;}
.tblConBlock > li > .th {margin-bottom:10px; color:#222; font-size:14px;/*font-size:1.4rem;*/ font-weight:500;}
.tblConBlock > li > .td .txtList {margin-bottom:10px;}

.tblConAcco .accoBody .tblConBlock > li .th {font-size:16px;/*font-size:1.6rem;*/}

.branch .tblConBlock {margin-top:20px;}

/* tblConAcco */
.tblConAcco {margin:0 -24px;}
.tblConAcco .accoBtn {font-size:16px;/*font-size:1.6rem;*/}
.tblConAcco .accoBody [class^=btn_].full {margin-top:24px;}
.tblConAcco .accoBody .dotCon {padding-left:12px;}
.tblConAcco .accoBody .dotCon > p, 
.tblConAcco .accoBody .dotCon > [class^=btn_], 
.tblConAcco .accoBody .dotCon > .txtList {margin-bottom:0; margin-left:0;}
.tblConAcco .accoBody .titArea.clone {margin-bottom:20px;}
.tblConAcco .accoBody .titArea .fr {width:100%; text-align:left;}
.tblConAcco .accoBody .titArea .fr [class^=btn_] {margin-top:8px !important;}



/*================================================== common으로 옮길 CSS  ==================================================*/
/* table */
.accoBody .tblWrap:before {background-color:#f8f8f8;}
.digital .accoBody .tblWrap:before {background-color:#f2f2f2;}

.titH4.dot a,
.txtList > li a {font-weight:300; vertical-align:baseline;}
.txtList .tip {top:-2px;}
.txtList.remark .txtList > li {margin-top:8px;}
.txtList.remark.inB {text-align:center;}

/* dotCon */
.dotCon > p,
.dotCon > [class^=btn_],
.dotCon > .txtList {margin-top:8px; margin-left:12px;}
.dotCon > .stepList {margin-left:12px;}

/* starCon */
.star:not(.txtList):before {content:'*'; position:relative; top:-2px; color:#e91b10; font-size:14px; font-weight:500; margin-right:3px;}
.titH5.star:not(.txtList):before {top:2px;}
.starCon {padding-left:11px;}

/* txtItem */
.txtItem {overflow:hidden;}
.txtItem > * {position:relative; display:inline-block; margin-right:16px;}
.txtItem > *:last-child {margin-right:0;}
.txtItem > *:not(:first-child):before {content:''; position:absolute; left:-10px; top:5px; bottom:4px; /*top:50%; height:13px; margin-top:-6px;*/ border-right:1px solid #ddd;}

.txtItem.report {text-align:center; color:#222;}

.txtItem.slash > *:not(:first-child):before {left:-9px; transform:rotate(30deg);}

.txtItem.noLine > * {margin-right:17px;}
.txtItem.noLine > *:last-child {margin-right:0;}
.txtItem.noLine > *:not(:first-child):before {display:none;}

/* fileListArea */
.fileListArea {margin:8px 0; padding:20px; border-radius:8px; background-color:#f9f9f9;}
.fileListArea ul > li {position:relative; margin-top:5px; padding-left:12px; font-size:14px;}
.fileListArea ul > li:first-child {margin-top:0;}
.fileListArea ul > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#666;}
.fileListArea ul > li .btnFileDel {position:relative; top:-1px; display:inline-block; width:24px; height:24px; text-indent:-99999px; overflow:hidden; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_genfu.fit) no-repeat center center; vertical-align:middle;}

/* titArea+addIco */
.titArea.addIco [class^="titH"]{display:inline-block; vertical-align:middle;}
.titArea.addIco img + [class^="titH"]{margin-left:12px;}
.titArea.addIco .titH2{font-size:22px;}

/*================================================== 메뉴별 컨텐츠  ==================================================*/
/* 공시실 */
.notifyDesc {padding-bottom:36px; border-bottom:1px solid #ddd;}
.remarkInfo {margin:30px 0; text-align:center; font-size:14px;}

/* 어플리케이션 설치 (CDHF0140) */
.appSetup {position:relative; padding-left:144px; padding-right:180px;}
.appSetup .img {position:absolute; top:4px; left:0; width:100px; height:100px; border-radius:24px; box-shadow:0 8px 18px 0 rgba(0, 0, 0, 0.15); overflow:hidden;}
.appSetup .img img {width:100%; }
.appSetup .titH2 {margin-bottom:5px;}
.appSetup .titH2 + .desc {margin-bottom:10px; line-height:1.8; word-break:keep-all;}
.appSetup .appDown {position:absolute; top:4px; right:0; }
.appSetup .qrCode {width:140px; height:140px; padding:15px; border:1px solid #ddd; background:#f8f8f8;}
.appSetup .appDown [class^=btn_]{display:none;}

/* FC검색 */
.boxLink.branch > li {width:100%;}
.boxLink.branch > li .tit .num {margin-right:3px; color:#445fe6; font-size:18px;}

/* 상담 설계사 조회 */
.boxLink.cunsult {margin:0 -32px;}
.boxLink.cunsult > li {width:100%; margin-bottom:0; padding:0; border-bottom:1px solid #eee;}
.boxLink.cunsult > li .tit .num {margin-right:3px; color:#445fe6; font-size:18px;}
.boxLink.cunsult > li .tit span {font-weight:300;}
.boxLink.cunsult .block {padding:24px 32px; background:none;}
.boxLink.cunsult .block:after {content:none;}

/* 주소검색 가이드 */
.titGuide {margin-top:64px;}
.titGuide [class^=titH] {margin-top:0;}
.titGuide .txtList.dot {margin-top:24px;}
.noData + .titGuide {margin-top:0; padding-top:32px; border-top:1px solid #ddd;}

/* ARS 단축번호안내 (CDHF0040P) */
.arsNumInfo{margin:0 -32px;padding:32px;background:#1a75e4;}
.arsNumInfo .titH2{color:#fff;}
.arsNumInfo .links.addIco{float:right; color:#fff;}
.arsNumInfo .links.addIco:after{content:''; display:block; clear:both; border:none;}
.arsNumInfo .links.addIco .ico_newWin:before{border:2px solid #fff;}
.arsNumInfo .links.addIco .ico_newWin:after{background:#1a75e4 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj_j.cat) no-repeat center center;}
.arsNumInfo .titArea{margin-bottom:60px;}
.arsNumInfo .stepList > li .tit{margin-bottom:0; color:#fff;}
.arsNumInfo .stepList > li:before{border-color:#fff;background:#1a75e4;}
.arsNumInfo .stepList p{margin-top:10px; font-size:14px; color:rgba(255,255,255,0.7);}
.arsNumInfo .conBoxList{margin-top:50px;margin-bottom:0;}
.arsNumInfo .conBoxList > li{margin-bottom:0;}
.arsNumInfo .conBoxList > li .block{background:#fff;border-color:#fff;}

.arsNum {display:inline-block; width:28px; height:28px; font-size:13px; text-align:center; line-height:28px; font-weight:500; border-radius:50%;}
.arsNum.c1 {color:#445fe6;background:#f2f6ff;}
.arsNum.c2 {color:#445fe6;background:#fff;border:1px solid #d7e2fe;}
.arsNum.c3 {color:#3e9100;background:#f4f8f1;}
.titArea .arsNum {margin-bottom:5px;}
.titArea .arsNum.c1 {color:#fff;background:#5d88fb;}

.accoList.arsAcco .accoBtn {font-weight:500;}
.accoList.arsAcco .accoBtn:not(.icoBtn_acco):focus,
.accoList.arsAcco .accoBtn:not(.icoBtn_acco):hover {background-color:#fff;}
.accoList.arsAcco .accoItem.on > .accoHead .accoBtn {background-color:#fff; border-bottom:1px solid #ddd;}
.accoList.arsAcco .titFlex {display:flex; }
.accoList.arsAcco .titFlex:not(.accoBtn) {margin-bottom:16px;}
.accoList.arsAcco .titFlex:not(:first-child) {margin-top:24px;}
.accoList.arsAcco .titFlex .arsNum {margin-top:-1px; margin-right:6px;}
.accoList.arsAcco .arsNumR em {word-break:keep-all;}
.arsBox {padding:15px 24px; border:1px solid #ddd; background:#fff;}
.arsBox > .tit {display:flex;  align-items:center; justify-content:center; min-height:50px; padding-bottom:10px; text-align:center; border-bottom:1px solid #ddd; box-sizing:content-box;}
.arsBox .arsNumR {color:#222;}
.arsBox .arslist {padding-top:8px;}
.arsBox .arslist li {display:flex; padding:8px 0; justify-content:space-between; align-items:center;}
.arsBox .arslist li:not(:first-child) {border-top:1px solid #f2f2f2;}
.arsBox .arslist span:not(.arsNum) {width:calc(100% - 32px); font-size:14px; color:#666;}

.tbFlexWrap {display:flex; gap:0 16px;}
.tbFlexWrap .tblWrap {margin-top:0; margin-bottom:0;}
.tbFlexWrap [class^=tbl] th,
.tbFlexWrap [class^=tbl] td {border-left:none;}
.arsNumR {font-size:14px; color:#445fe6; font-weight:500; line-height:28px;}
.arsNumR em {color:#3e9100;}

.arsNumDesc {text-align:center;}
.arsArrow {position:relative; margin-right:12px; padding-right:34px;}
.arsArrow:before,
.arsArrow:after {content:""; position:absolute; top:50%; right:0;}
.arsArrow:before {right:6px; width:12px; height:12px; background-color:#e7e8ef; transform:translateY(-50%);}
.arsArrow:after {right:7px; width:0; height:0; border-bottom:14px solid #e7e8ef; border-top:14px solid transparent; border-left:14px solid transparent; transform:translateY(-66%) rotate(-45deg);}

/* 휴대폰인증 박스 */
.certiArea {display:table; width:100%;  margin-top:24px; padding:24px; background:#f8faff;}
.certiArea > [class*=Cell] {display:table-cell; vertical-align:middle;}
.certiArea > [class*=Cell]:last-child {text-align:right;}
.certiArea [class^=btn_].s {margin:0;}

/* 브릿지팝업 (CDHK0020P) */
.bridgeMsg {margin:-6px -32px 0; padding:0 62px 32px; text-align:center; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Sgrzc%2Sgrzc_vpba_oevqtr_zft.cat) no-repeat 100% 24px;}
.bridgeMsg .titArea {margin-top:0;}
.bridgeMsg .titH1 {margin-bottom:19px; padding:0; font-size:32px; color:#222; font-weight:500; line-height:1.4;}
.bridgeMsg .btnArea {margin:35px 0 40px; font-size:0; word-spacing:0;}
.bridgeMsg .btnArea [class^=b_] {display:inline-block; width:120px; min-height:172px; margin:0 20px; padding:20px 0 0; border-radius:12px;}
.bridgeMsg .btnArea [class^=b_] > span {display:block; margin:auto; text-align:center;}
.bridgeMsg .btnArea [class^=b_] > span:not(.img) {margin-top:14px; font-size:14px; color:#222; font-weight:500;}
.bridgeMsg .btnArea [class^=b_] .img {width:80px;height:80px;padding:0;border-radius:24px;box-shadow:0 8px 18px 0 rgba(0, 0, 0, 0.15);}
.bridgeMsg .btnArea [class^=b_] .img img{width:100%;}
.bridgeMsg .btnArea [class^=b_]:hover {background-color:#f7f5fe;}
.bridgeMsg .btnArea [class^=b_]:hover span {color:#5642bf; text-decoration:underline;}
.bridgeMsg .certiArea {display:block; min-height:100px; margin-top:0;padding:18px; text-align:center; }
.bridgeMsg .certiArea .txtS {padding-top:8px;}
.bridgeMsg .certiArea p:not(.txtS) {padding-top:18px;}
.bridgeMsg .certiArea .links {margin:0; vertical-align:top;}

/* 보험사기근절 웹툰 (CDHJ0160P) */
.webtoon>img {width:100%;}

/* 혜택/서비스 - WM서비스 */
.infoImgBox {display:table; width:100%; margin-top:90px;}
.infoImgBox .infoCell {display:table-cell; width:560px;}
.infoImgBox .infoCell .infoList > li {padding:30px 0px; table-layout:fixed;}
.infoImgBox .infoCell .infoList > li:not(:first-child) {border-top:1px solid #ddd;}
.infoImgBox .infoCell .infoList > li .item {width:34%; vertical-align:top;}
.infoImgBox .infoCell .infoList > li .val {padding-left:0; text-align:left;}
.infoImgBox .infoCell + .imgCell{text-align:right;}
.infoImgBox .imgCell {display:table-cell; text-align:center; vertical-align:middle;}

/* 스마일ON 서비스 */
.smileOnArea {width:1136px;}
.smileOnArea .swiperWrap {margin:0 0 0 -8px; padding-left:4px;}
.smileOnArea .swiper-container {padding:0 0 50px 0;}
.smileOnArea .smileOnList li{padding: 0 8px 0;}
.smileOnArea .smileOnList .img {border:1px solid #ddd; height:206px;}	
.smileOnArea .smileOnList .img img {width:100%; height:100%;}	
.smileOnArea .smileOnList .tit {margin-top:15px; font-size:16px; color:#222;}
.smileOnArea .swiperWrap .btnPrev,
.smileOnArea .swiperWrap .btnNext {top:80px; left:-52px;}
.smileOnArea .swiperWrap .btnNext {left:auto; right:-52px;}
.smileOnArea .swiperWrap .btnPrev:before,
.smileOnArea .swiperWrap .btnNext:before {border:1px solid #666; border-width:0 0 2px 2px;}
 
.mapWrap {margin-top:64px;}
.mapBox {display:table; width:100%;}
.mapBox .mapCell {display:table-cell; width:769px; background-color:#ccc; color:#fff;}
.mapBox .infoCell {display:table-cell; width:calc(100% - 769px); padding:68px 35px; background-color:#715deb;}
.mapBox .infoCell .txtList {margin-bottom:0; color:#fff;}
.mapBox .infoCell > .txtList > li {margin-top:25px;}
.mapBox .infoCell > .txtList > li > p,
.mapBox .infoCell .txtList.dash > li {font-size:14px;}
.mapBox .infoCell .txtList.dash > li:before {background-color:#fff;}

/* icoConList */
.icoConList {display:-webkit-flex; display:flex; width:100%; word-break:keep-all; justify-content:space-between; }
.icoConList > li {position:relative; width:100%; vertical-align:top; font-size:16px; color:#666;}
.icoConList > li.wide {width:100% !important;margin-left:0 !important;}
.icoConList .ico {display:inline-block; width:48px; height:48px; text-align:center;}
.icoConList .ico img {width:100%;}
.icoConList .tit {color:#222; font-size:18px; font-weight:500;}
.icoConList .desc {margin-top:10px; font-size:16px; color:#666;}
.icoConList .txtList {margin-bottom:0;}
.icoConList .txtList.dot > li {color:#666; letter-spacing:-0.03em;}
.icoConList .txtList.dot > li + li {margin-top:15px;}
.icoConList .txtList.dot > li:before {background-color:#665dcf;}

.icoConList[class*=box] {margin:20px 0 -16px; }
.icoConList[class*=box] > li {margin-bottom:16px; padding:40px 50px; color:#222; text-align:center; border:1px solid #ddd; background:#fff; vertical-align:top;}
.icoConList[class*=box] > li + li{margin-left:16px;}
.icoConList[class*=box] .txtList.dot {margin-top:54px;}
.icoConList.box .tit {margin-top:25px; }
.icoConList.boxL > li {padding:70px 30px 65px;}
.icoConList.boxL.H > li {padding:100px 20px;}
.icoConList.boxL .ico + .titL {margin-top:27px;}
.icoConList.boxL .tit {margin-top:44px; font-size:16px; }
.icoConList.boxL .titL {font-size:48px; font-weight:500; letter-spacing:-0.03em;}
.icoConList.boxL .titL + .desc {margin-top:20px;}
.icoConList.boxL .desc {margin-top:42px; font-size:18px;}
.icoConList.boxL .desc + .tit {margin-top:6px; font-size:18px;}
.icoConList.boxLt > li {padding:40px 30px; text-align:left;}
.icoConList.boxLt .ico {width:40px; height:40px;}
.icoConList.boxLt .ico + .desc {margin-top:18px;margin-bottom:5px;}
.icoConList.boxLt .ico + .tit {margin-top:26px;}
.icoConList.boxLt .desc {margin-top:8px;}
.icoConList.boxLt .txtList.dot {margin-top:40px;}

.icoConList.boxL.ac {margin-top:40px;}
.icoConList.boxL.ac > li {padding:47px 15px;}
.icoConList.boxL.ac .ico {width:auto; height:auto;}
.icoConList.boxL.ac .tit {margin-top:30px; font-size:18px;}
.icoConList.boxL.ac .desc {margin-top:5px; font-size:16px;}

.icoConList.col2 {flex-wrap:wrap;}
.icoConList.col2 > li {width:calc((100% - 16px) / 2);}
.icoConList.col2 > li + li {margin-left:0;}

.icoConList[class*=line] {flex-wrap:wrap;}
.icoConList[class*=line] > li {width:50%;border-top:1px solid #eee;}
.icoConList[class*=line] .tit {margin-top:0;}
.icoConList[class*=line] .ico {position:absolute; left:0;}
.icoConList[class*=line] .txtList.dot {margin-top:25px;}
.icoConList.line {margin-top:28px; border-bottom:1px solid #eee;}
.icoConList.line > li {padding:30px 100px 30px 0;}
.icoConList.line .ico {top:30px;}
.icoConList.line .tit {padding-left:70px;}
.icoConList.lineL{margin-top:84px;}
.icoConList.lineL > li{padding:64px 64px 69px 0;}
.icoConList.lineL > li:nth-child(-n+2){padding-top:0; border-top:none;}
.icoConList.lineL .ico{width:80px; height:80px; padding:20px; background:#f2f6ff;}
.icoConList.lineL .ico img{width:40px;}
.icoConList.lineL .tit {min-height:80px; padding:25px 0 0 95px;}

.icoConList.icoL {margin-bottom:120px;}
.icoConList.icoL > li {text-align:center;}
.icoConList.icoL > li + li {border-left:1px solid #eee;}
.icoConList.icoL .ico {width:128px; height:128px; margin-bottom:40px; padding:40px;}
.icoConList.icoL .ico img {width:48px; height:48px;}
.icoConList.icoL .keyword {margin-bottom:9px;}
.icoConList.icoL .desc{margin-top:24px;}
.icoConList.icoL > li:nth-child(1) .ico {background:#715deb; box-shadow:0 23px 37px rgba(113, 93, 235, 0.24);}
.icoConList.icoL > li:nth-child(1) .keyword {color:#715deb;}
.icoConList.icoL > li:nth-child(2) .ico {background:#5d88fb; box-shadow:0 23px 37px rgba(93, 136, 251, 0.24);}
.icoConList.icoL > li:nth-child(2) .keyword {color:#5d88fb;}
.icoConList.icoL > li:nth-child(3) .ico {background:#00a3bb; box-shadow:0 23px 37px rgba(0, 163, 187, 0.24);}
.icoConList.icoL > li:nth-child(3) .keyword {color:#00a3bb;}

/* .icoConList[class*=col] {}
.icoConList.col > li {width:inherit; margin-top:0;}
.icoConList.col > li + li{margin-left:16px;} */

.icoConList.sm{margin-top:20px; padding:0 48px; flex-wrap:inherit;}
.icoConList.sm .ico{width:64px; height:64px; padding:16px; background:#f2f6ff;}
.icoConList.sm .ico img{width:32px;}
.icoConList.sm .tit{margin-top:27px; font-weight:300;}
.icoConList.sm .desc{margin-top:6px;}

/* 21.09.16 s */
/* 종합건강검진 우대서비스 */
.tit_type1 {padding:32px 0; margin:0 38px; text-align:center; border-bottom:solid 1px #f2f2f2; }

.conBoxList.issue li .block {padding:0;}
.conBoxList.issue li .infoDiv {padding:25px;}
.conBoxList.issue li .infoDiv +  .infoDiv {margin-top:0;}
.ico_tit p {padding-left:25px; color:#222; font-weight:500;}
.ico_tit p:before {content:'!'; position:absolute; left:0; top:50%; width:18px; height:18px; border-radius:50%; background-color:transparent; color:#715deb; font-size:12px; line-height:16px; font-weight:700; text-align:center; border:1px solid #715deb; transform:translateY(-50%); box-sizing:border-box;}

.conBoxList .txt_type:after {content:""; display:block; clear:both;}
.conBoxList .txt_type dt {float:left; width:12%; font-size:18px; color:#222; font-weight:500;}
.conBoxList .txt_type dd {float:left; width:88%;}
.conBoxList .txt_type dd .txtList {float:left; width:50%;}
.conBoxList .txt_type dd .txtList strong {display:inline-block; font-size:24px; font-weight:500; color:#445fe6; margin-top:-10px;}
.conBoxList .txt_type dd .txtList.wdfull {width:100%;}
.conBoxList .txt_type dd .txtList .bl_pl {display:block; padding-left:75px;}

.m_box {display:none; width:100%; height:10px; background:#f8f8f8;}
.w_none {display:none;}
/* 21.21.09.16 e */

/* 서비스 소개페이지 */
.svcIntr #content section.bgColor {margin-bottom:-64px !important; padding-bottom:64px;}
.svcIntr #content section.bgColor .conIcoR .img {background-color:#fff;}
.svcIntr #content section.bgColor + section {margin-top:128px;}
/* wcms */
.svcIntr #content section.full {margin-bottom:-64px !important;}

/* 닐리리만보 (CDHG0220) */
.introNill {position:relative; padding-left:560px; z-index:1;}
.introNill .visualArea {position:absolute; top:0; left:0; bottom:0; width:560px; padding:70px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_ncc_avyy.cat) no-repeat center center; background-size:cover;}
.introNill .visualArea .titH1 {color:#fff; font-weight:400;}
.introNill .visualArea .titH3 {margin:0 0 15px; color:#fff; font-weight:300;}
.introNill .visualArea .icoApp {display:inline-block; width:96px; margin-top:60px;}
.introNill .visualArea .icoApp img {width:100%; box-shadow:0 8px 16px 0 rgba(0,0,0,0.4); border-radius:8px;}
.introNill .conArea {position:relative; padding:70px 0 330px 70px;}
.introNill .qrArea {position:absolute; left:70px; right:0; bottom:0; font-size:0; word-spacing:0;}
.introNill .qrArea [class^=btn_] {width:calc(50% - 8px); margin:0; padding:70px 0 62px; border:1px solid #ddd; background-color:#fff; font-size:14px; color:#222; font-weight:500; line-height:0;}
.introNill .qrArea [class^=btn_] .qrCode {display:block; margin-bottom:35px;}
.introNill .qrArea .btn_google {margin-right:16px;}
.introNill .qrArea .btn_google span:not(.qrCode) {padding:0 0 0 30px; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_tbbtyrcynl.cat) no-repeat 0 center; background-size:20px auto; vertical-align:top;}
.introNill .qrArea .btn_apple span:not(.qrCode) {padding:0 0 0 30px; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_nccfgber.cat) no-repeat 0 center; background-size:20px auto; vertical-align:top;}

section.bgColor.nillili {position:relative; padding-top:80px !important;}
section.bgColor.nillili:before {content:''; position:absolute; left:0; right:0; top:0; height:625px; background-color:#fff; z-index:0;}
section.bgColor.nillili .conIcoR {display:table; min-height:104px; margin-top:40px; padding-left:136px;}
section.bgColor.nillili .conIcoR .img {width:104px; height:104px; padding:30px 0 0 30px;}
section.bgColor.nillili .conBox {margin-top:64px; background-color:#fff;}

/* 신한플러스 안내 (CDHG0230) */
.shPlusVisual {position:relative; width:1136px; height:280px; margin:0 auto; padding:40px 70px 20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_fucyhf_ivfhny.wct) no-repeat center 0; box-shadow:16px 16px 32px rgba(70,50,171,0.16); z-index:1;}
.shPlusVisual .tit {font-size:24px; color:#fff; letter-spacing:8px; font-weight:500;}
.shPlusVisual .desc {margin-top:10px; color:rgba(255,255,255,0.7);}

.shPlusCopy {margin-bottom:22px; font-size:18px; text-align:center; letter-spacing:-0.05em;}
.shPlusCopy em {display:block; color:#222; font-size:40px;}
.shPlusCopy em > span {display:inline-block; position:relative; color:#5642bf; z-index:0;}
.shPlusCopy em > span::after {content:''; position:absolute; left:0; right:0; top:45px; height:14px; background-color:#f2f6ff; z-index:-1;}
.digital .shPlusCopy em > span::after {background-color: #edf1fe;}

.shPlusInfo {position:relative;}
.shPlusInfo .swiperWrap {padding-bottom:30px; text-align:center; overflow:hidden;}
.shPlusInfo .swiper-container {width:822px; overflow:visible; z-index:0;}
.shPlusInfo .swiperWrap .swiper-counter {display:none;}
.shPlusInfo .swiperWrap .btnPrev,
.shPlusInfo .swiperWrap .btnNext {top:50%; left:0; z-index:3;}
.shPlusInfo .swiperWrap .btnNext {left:auto; right:0;}
.shPlusInfo .swiperWrap .btnPrev:before, 
.shPlusInfo .swiperWrap .btnNext:before {left:12px; width:8px; height:8px; margin:0; border-color:#000; transform:translateY(-50%) rotate(45deg);}
.shPlusInfo .swiperWrap .btnNext:before {left:auto; right:12px; transform:translateY(-50%) rotate(-135deg);}
.shPlusInfo .swiperWrap .btnPrev:after, 
.shPlusInfo .swiperWrap .btnNext:after {content:''; position:absolute; top:50%; left:12px; width:26px; margin-top:-1px; border:1px solid #222; box-sizing:border-box;}
.shPlusInfo .swiperWrap .btnNext:after {left:auto; right:12px;}

.shPlusList li {padding:0 22px;}
.shPlusList .block {position:relative; height:570px; color:#666; font-size:14px; word-break:keep-all;}
.shPlusList .block [class*=shPlus] {display:inline-block; height:36px; margin:10px 0 11px; padding:0 15px; border-radius:18px; background-color:#715deb; color:#fff; font-size:16px; font-weight:500; line-height:36px; vertical-align:top;}
.shPlusList .block .shPlus2 {background-color:#5d88fb;}
.shPlusList .block .shPlus3 {background-color:#00b2bc;}
.shPlusList .block .img {position:absolute; left:0; bottom:0; width:100%; height:425px; padding:12px; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sfucyhf_cubar_ot.cat) no-repeat center 0; background-size:cover;}
.shPlusList .block .img > img {position:relative; width:100%; z-index:-1;}
.shPlusInfo [class*=character] {display:inline-block; position:absolute; z-index:2;}
.shPlusInfo .character01 {left:55px; bottom:0;}
.shPlusInfo .character02 {right:55px; bottom:-20px;}
.shPlusInfo .character02 .qr {position:absolute; left:45px; top:85px;}
.shPlusInfo .character02 span {display:block; font-size:14px; text-align:right;}

.shplusCont.colWrap {position:relative; margin-bottom:-120px; justify-content:space-between; z-index:1;} 
.shplusCont.colWrap .col {position:relative;} 
.shplusCont.colWrap .cont {width:600px;} 
.shplusCont.colWrap .cont [class^=titH] {margin-top:27px;} 
.shplusCont.colWrap .img {width:auto;} 
.shplusCont.colWrap .img .tit {position:absolute; top:64px; left:46px; right:46px; font-size:32px; color:#fff; font-weight:700; text-align:left; letter-spacing:0.8rem;} 

.shplusBox {display:flex; align-items:center; position:absolute; bottom:0; left:0; right:0; padding:32px 32px 32px 128px; font-size:16px; color:#666; border:1px solid #ddd; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Sgrzc%2Svpb_fucyhf_orarsvg.cat) no-repeat 32px 50%;}

.shplusIcoGroup {padding:30px 0;}
.shplusIcoGroup .conIcoR {padding:24px 30px 24px 136px;}
.shplusIcoGroup .conIcoR + .conIcoR {margin-top:40px;} 
.shplusIcoGroup .conIcoR .img {top:50%; width:104px; height:104px; padding:32px 0 0 32px; transform:translateY(-50%);}

.colWrap.shplus {justify-content:center;}
.colWrap.shplus .img {width:auto; margin-right:24px;}
.colWrap.shplus .img img {width:auto; margin-top:-26px;}
.colWrap.shplus .cont {width:600px;}
.colWrap.shplus .cont [class^=titH] {margin:20px 0 4px;}
.colWrap.shplus .shPlusCopy {text-align:left;}
.colWrap.shplus .shPlusCopy em {font-size:32px;}
.colWrap.shplus .shPlusCopy em > span::after {top:38px;}


/* ARS콜센터안내 */
.callCenterInfo {position:relative; margin-top:24px; padding:24px 30px 27px; font-size:0; word-spacing:0; border:1px solid #eee;}
.callCenterInfo .tArea {display:inline-block; width:258px; vertical-align:top;}
.callCenterInfo .tit {font-size:20px; color:#222; font-weight:500;}
.callCenterInfo .links {margin:5px 0 0; font-size:14px; color:#445fe6;}
.callCenterInfo .ico_newWin:before { border:2px solid #715deb; border-radius: 0;}
.callCenterInfo .ico_newWin:after {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj.cat) no-repeat right top;}
.callCenterInfo .telInfo {position:absolute; top:30px; right:30px; text-align:right;}
.callCenterInfo .telInfo .tel {display:block; font-size:28px; color:#5642bf; font-weight:500; line-height:1.1;}
.callCenterInfo .telInfo span {display:block; font-size:14px; color:#666;}
.callCenterInfo ul.txtList {display:inline-block; margin-bottom:0; vertical-align:top;}
.callCenterInfo ul.txtList > li {font-size:16px; color:#666;}
.callCenterInfo ul.txtList em {font-size:14px; color:#222; font-weight:500;}
.callCenterInfo .txtList.remark{display:inline-block; margin:0 !important; padding:0;}
.callCenterInfo .txtList.remark:before{content:none;}

/* 담당 설계사 정보 */
.plannerInfo {display:table; width:100%; padding:30px; border:1px solid #dad5f9; box-shadow:1px 2px 6px 2px rgba(113,93,235,0.08);}
.plannerInfo [class*=Cell] {position:relative; display:table-cell; vertical-align:middle;}
.plannerInfo .titCell {width:445px; height:80px; padding-left:104px;}
.plannerInfo .titCell .img {position:absolute; top:50%; left:0; width:80px; height:80px; margin-top:-40px; padding:20px; background-color:#f8fafe; border-radius:50%;}
.plannerInfo .desc {font-size:14px;}
.plannerInfo .tit {display:inline-block; margin:4px 0; color:#222; font-weight:500; vertical-align:middle;}
.plannerInfo .links {font-size:14px;}
.plannerInfo .txtList {margin:0;}
.plannerInfo .txtList > li {display:inline-block; margin:3px -5px 3px 0 !important; vertical-align:top;}
.plannerInfo .txtList > li:nth-child(2n-1) {width:55%; padding-right:15px;}
.plannerInfo .txtList em {color:#222; font-size:14px;}

/* 고객스마일 프로그램 */
.smileArea {margin:-160px auto 64px; position: relative; width:750px; z-index: 2;}
.smileArea .swiperWrap {margin:0; padding-left:0;}
.smileArea .slideList .block {display:block; height:420px; overflow:hidden;}
.smileArea .slideList .block:focus {outline-offset:-1px;} /*웹 접근성 수정_2차 심사_메인_PC_220822*/
.smileArea .slideList .block img {width:100%;}
.smileArea .swiper-container {padding:0 0 55px 0;}
.smileArea .swiperWrap .btnPrev:before,
.smileArea .swiperWrap .btnNext:before {border:1px solid #222; border-width:0 0 2px 2px;}
.smileArea .swiperWrap .btnPrev,
.smileArea .swiperWrap .btnNext {top:184px;}
.smileArea .swiperWrap .btnPrev {left:-66px;}
.smileArea .swiperWrap .btnNext {left:auto; right:-66px;}

.imgConList {display:flex; width:100%; word-break:keep-all; justify-content:space-between; margin:30px 0 0;}
.imgConList.line {border-bottom:1px solid #eee; padding-bottom:64px;}
.imgConList > li{position:relative; width:100%; text-align:center;}
.imgConList > li + li {margin-left:14px;}
.imgConList .imgBox{width:366px; height:206px; text-align:center; border:1px solid #ddd;}
.imgConList .imgBox img{width:100%; height:100%;}
.imgConList .tit{color:#222; font-size:18px; font-weight:500; margin:20px 0 5px;}
.imgConList .desc{font-size:16px; color:#666;}

/* 고객 리뷰 */
.blockList.review > li {width:33.3%;}
.blockList.review .desc {margin-bottom:25px; height:76px; -webkit-line-clamp:3; font-size:16px;}
.blockList.review .info {overflow:hidden; padding-right:25px;}
.blockList.review .info > span {position:relative; display:inline-block; margin-right:16px; color:#666; font-size:14px;}
.blockList.review .info > span:last-child {margin-right:0;}
.blockList.review .info > span:not(:first-child):before {content:''; position:absolute; left:-10px; top:50%; height:13px; margin-top:-6px; border-right:1px solid #ddd;}
.blockList.review .info .name {margin-right:8px; color:#222; font-size:18px; font-weight:500;}
.blockList.review .info .name + span:before {content:none;}
.blockList.review .info + .info {padding-top:7px;}
.blockList.review .down {position:absolute; bottom:40px; right:38px;}

.blockList.review.scroll {max-height:674px; overflow-y:auto;}
.blockList.review.scroll .block {padding-top:100px; border-radius:0; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvfg_erivrj.cat); background-repeat:no-repeat; background-position:center 30px;}
.blockList.review.scroll .desc {height:100px; -webkit-line-clamp:4;}
.blockList.review.scroll .block:focus,
.blockList.review.scroll .block:hover {background-color:#5d88fb; border-color:transparent;}
.blockList.review.scroll .block:focus .desc,
.blockList.review.scroll .block:hover .desc,
.blockList.review.scroll .block:focus .info > span,
.blockList.review.scroll .block:hover .info > span {color:#fff;}

/* 투자정보 */
.investWrap > .block {padding:40px;}
.investWrap > .block + .block {margin-top:32px;}

.investWrap > .block.bg1 {background-color:#f1eefd;}
.investWrap > .block.bg2 {background-color:#eef3ff;}
.investWrap > .block.bg3 {background-color:#e5f7f8;}
.investWrap > .block.bg1 .txtList.prog.invest:before {background-color:#d7d1f9;}
.investWrap > .block.bg1 .txtList.prog.invest > li:before {border-color:#d7d1f9;}
.investWrap > .block.bg2 .txtList.prog.invest:before {background-color:#d1defe;}
.investWrap > .block.bg2 .txtList.prog.invest > li:before {border-color:#d1defe;}
.investWrap > .block.bg3 .txtList.prog.invest:before {background-color:#b7e9ec;}
.investWrap > .block.bg3 .txtList.prog.invest > li:before {border-color:#b7e9ec;}

.investWrap .investHead {display:flex; justify-content:space-between; padding-bottom:24px;}
.investWrap .investHead .cell:first-child {display:flex; align-items:center;}
.investWrap .investHead .icon {margin-right:12px;}
.investWrap .investHead .icon img {width:40px;}
.investWrap .investHead .tit {color:#222; font-size:24px; font-weight:500;}
.investWrap .investHead .txtList.prog.invest {margin-right:-16px; padding-top:10px;}
.investWrap .investHead .txtList.prog.invest:before {top:14px; left:16px; width:calc(100% - 32px); height:4px; border-radius:3px;}
.investWrap .investHead .txtList.prog.invest > li {display:inline-block; padding:0 13px;}
.investWrap .investHead .txtList.prog.invest > li:before {top:-14px; left:50%; border-width:3px; transform:translateX(-50%);}
.investWrap .investHead .txtList.prog.invest > li.on:before {top:-23px; width:24px; height:24px; border:0;}
.investWrap .investHead .txtList.prog.invest > li.on:after {content:''; position:absolute; top:-15px; left:50%; width:13px; height:9px; border:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_purpx_f.cat) no-repeat; transform:translateX(-50%); z-index:2;}
.investWrap .investHead .txtList.prog.invest > li:last-child:after {content:none;}
.investWrap .investHead .txtList.prog.invest > li .txt {color:#666; font-size:14px;}
.investWrap .investHead .txtList.prog.invest > li.on .txt {color:#222; font-weight:500;}

.investWrap .investHead .txtList.prog.invest > li:nth-child(1).on:before {background-color:#e91b10;}
.investWrap .investHead .txtList.prog.invest > li:nth-child(2).on:before {background-color:#ec750d;}
.investWrap .investHead .txtList.prog.invest > li:nth-child(3).on:before {background-color:#3e9100;}
.investWrap .investHead .txtList.prog.invest > li:nth-child(4).on:before {background-color:#00b2bc;}
.investWrap .investHead .txtList.prog.invest > li:nth-child(5).on:before {background-color:#5d88fb;}

.investWrap .blockList {display:flex; flex-wrap:wrap;}
.investWrap .blockList > li {display:inline-block;}
.investWrap .blockList > li .block {height:100%; padding:32px; border:0; background-color:#fff; box-shadow:0 16px 32px rgba(70,50,171,0.08);}
.investWrap .blockList > li .desc {height:auto; font-size:16px; overflow:visible; -webkit-line-clamp:unset;}
.investWrap .blockList > li .tblInfo {margin-bottom:17px;}
.investWrap .blockList > li .tblInfo .tit {margin:0; font-size:20px; font-weight:500;}
.investWrap .blockList > li .tblInfo [class^=flag_prd] {width:66px; height:28px;}

.titTalk {padding:0 50px; text-align:center;}
.titTalk:before,
.titTalk:after {content:''; display:block; width:44px; height:44px; margin-top:30px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sgvgyr_vpb_gnyx.cat) no-repeat; background-size:44px auto;}
.titTalk:after {transform:rotate(180deg); margin:0 0 60px auto;}
.titTalk [class^=titH] {margin-top:0;}





/*************************************************** 페이지 하단 컨텐츠 ***************************************************/
/* Acrobat Reader(한글판) 다운로드 */
.pdfLink {padding:20px 32px 24px 32px; background:#f8f8f8; border-radius:8px;}
.pdfLink:after {content:''; display:block; clear:both;}
.pdfLink .txtList.remark {margin:4px 0 0; color:#222;}
.pdfLink .links.pdf {margin:0; padding-left:32px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_cqs.fit); background-repeat:no-repeat; background-position:0 0; color:#222; font-size:14px; line-height:24px;}
.pdfLink .links:after {content:none;}

/* recommendLink */
.boxLink a.block:after, 
.boxLink button.block:after {border-color:#445fe6;}
.recommendLink .ico_plus:before, 
.recommendLink .ico_plus:after {background:#445fe6;}

.pdfLink,
.helpWrap {margin-top:64px;}

/*************************************************** 서브메인 컨텐츠 ***************************************************/
/* linkBoxList */
.linkBoxList {margin:0 -8px; font-size:0; line-height:1.7; text-align:left;}
.linkBoxList:after {display:block; content:''; clear:both;}
.linkBoxList > li {position:relative; float:left; width:50%; padding:8px;}
.linkBoxList .block {display:block; position:relative; height:161px; padding:31px 160px 0 40px; border:1px solid #ddd; background-color:#fff; color:#666; font-size:18px; transition:all 0.2s ease-in-out;}
.linkBoxList .tit {margin-bottom:5px; color:#222; font-size:16px; font-weight:500; letter-spacing:-0.03em;}
.linkBoxList p {word-break:keep-all;}
.linkBoxList .shortLink {position:absolute; right:31px; bottom:36px;}
.linkBoxList .shortLinkArea > .shortLink {position:relative; right:auto; bottom:auto;}
.linkBoxList a.block:focus,
.linkBoxList a.block:hover {border-color:#715deb; outline:none;}
.linkBoxList a.block:focus .ico_link,
.linkBoxList a.block:hover .ico_link {background-color:#715deb;}

.linkBoxList.help > li {width:33.3333%;}
.linkBoxList.help .block {height:240px; padding:34px 39px 0; font-size:16px;}
.linkBoxList.help .tit {margin-bottom:5px; font-size:18px;}
.linkBoxList.help p {padding-right:75px;}
.linkBoxList.help .shortLinkArea {position:absolute; left:39px; bottom:30px; width:50%;}
.linkBoxList.help .shortLink + .shortLink {margin-top:7px;}

.linkBoxList.wide {margin:0;}
.linkBoxList.wide > li {width:100%; padding:8px 0;}
.linkBoxList.wide .block {display:table; width:100%; height:auto; padding:30px 36px; font-size:16px;}
.linkBoxList.wide .tit {display:table-cell; width:215px; margin-bottom:0; font-size:18px;}
.linkBoxList.wide p {display:table-cell;}
.linkBoxList.wide .shortLinkArea {display:table-cell; text-align:right; vertical-align:middle;}
.linkBoxList.wide a.block:focus,
.linkBoxList.wide a.block:hover {border-color:#715deb; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Sot_cnggrea.cat) repeat 0 0; outline:none;}

/* icoLinkList */
.icoLinkListArea {position:relative; margin:0 -8px;}
.icoLinkListArea > .btnMore {position:absolute; right:55px; top:-55px;}
.icoLinkListArea > .btnMore span {position:relative;}
.icoLinkListArea > .btnMore span:before {content:''; position:absolute; top:50%; right:-45px; width:30px; height:2px; background-color:#222; transform:translateY(-50%)}
.icoLinkListArea > .btnMore span:after {content:''; position:absolute; top:50%; right:-45px; width:7px; height:7px; border:1px solid #222; border-width:2px 2px 0 0; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
.btnMore {color:#222; font-weight:500;}

.icoLinkList {display:table; width:100%;}
.icoLinkList > li {display:table-cell; padding:0 8px; font-size:18px; text-align:center;}
.icoLinkList .block {display:block; position:relative; width:175px; height:200px; padding:107px 2px 0;}
.icoLinkList .desc {display:block; margin-bottom:7px; color:#666; font-size:16px; word-break:keep-all;}
.icoLinkList .tit {display:block; color:#222; font-size:18px;}
.icoLinkList [class*=ico_] {background-repeat:no-repeat; background-position:center 39px;}

.icoLinkList .block:before,
.icoLinkList .block:after {content:''; position:absolute; background-color:#715deb; box-sizing:border-box; z-index:2; transition:all 0.3s;}
.icoLinkList .block:before {right:-1px; top:-1px; width:0; height:12px;}
.icoLinkList .block:after {right:-1px; top:-1px; width:12px; height:0;}
.icoLinkList .block:focus,
.icoLinkList .block:hover {box-shadow:16px 12px 32px rgba(70,50,171,0.08);}
.icoLinkList .block:focus:before,
.icoLinkList .block:hover:before {width:48px;}
.icoLinkList .block:focus:after,
.icoLinkList .block:hover:after {height:48px;}

/* 보험상품*/
.icoLinkList .ico_life {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr_yt.cat);}
.icoLinkList .ico_annu {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_yt.cat);}
.icoLinkList .ico_vari {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2_yt.cat);}
.icoLinkList .ico_heal {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_yt.cat);}
.icoLinkList .ico_kids {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_yt.cat);}
.icoLinkList .ico_easy {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rnfl_yt.cat);}
.icoLinkList .ico_digi {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv_yt.cat);}
/* 소비자포털 */
.icoLinkList .ico_fine {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cbegny_yt.cat);}
.icoLinkList .ico_fina {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvfp2_yt.cat);}
.icoLinkList .ico_video {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ivqrb_yt.cat);}
.icoLinkList .ico_srch {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urneg2_yt.cat);}
.icoLinkList .ico_tip {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znahny_yt.cat);}
.icoLinkList .ico_alarm {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fvera_yt.cat);}

.consul_apply {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy.cat); background-repeat:no-repeat; background-position:31px 40px;}
.consul_tel {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pnyy.cat); background-repeat:no-repeat; background-position:31px 40px;}

/* 유용한 정보 링크 */
.infoLinkList {margin:0 -8px; font-size:0; line-height:1.7; text-align:left;}
.infoLinkList:after {display:block; content:''; clear:both;}
.infoLinkList > li {position:relative; float:left; width:33.3333%; padding:8px;}
.infoLinkList .block {display:block; position:relative; height:400px; padding:0 31px; background-color:#fff; color:#666; font-size:18px; box-shadow:0 2px 2px rgba(70,50,171,0.12); transition:all 0.2s ease-in-out;}
.infoLinkList p {padding-right:100px; word-break:keep-all;}
.infoLinkList .shortLink {position:absolute; right:31px; bottom:38px;}
.infoLinkList .tit {height:160px; margin:0 -31px 33px; padding:95px 31px 0; background-color:#eee; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.03em;}
.infoLinkList .block:focus,
.infoLinkList .block:hover {height:425px; margin-top:-25px;}

.infoLinkList .block.info .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j.cat) #715deb; background-repeat:no-repeat; background-position:40px 31px;}
.infoLinkList .block.cases .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ireqvpg_j.cat) #5d88fb; background-repeat:no-repeat; background-position:40px 31px;}
.infoLinkList .block.notice .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pnhgvba_j.cat) #1ea5a1; background-repeat:no-repeat; background-position:40px 31px;}

.infoLinkList.help > li {width:50%;}
.infoLinkList.help .block {height:285px; padding:0 45px; color:#fff; font-size:20px;}
.infoLinkList.help .tit {height:auto; margin:0 0 12px; padding:135px 0 0; background-color:transparent !important;}
.infoLinkList.help p {padding-right:150px;}
.infoLinkList.help .shortLink {right:45px; bottom:45px; color:#fff;}
.infoLinkList.help .ico_link {background-color:#fff;}
.infoLinkList.help .ico_link:before {border-color:#715deb;}
.infoLinkList.help .ico_link:after {background-color:#715deb;}
.infoLinkList.help .block:focus .ico_link,
.infoLinkList.help .block:hover .ico_link {background-color:transparent !important;}
.infoLinkList.help .block:focus .ico_link:before,
.infoLinkList.help .block:hover .ico_link:before {border-color:#fff !important;}
.infoLinkList.help .block:focus .ico_link:after,
.infoLinkList.help .block:hover .ico_link:after {background-color:#fff !important;}
.infoLinkList.help .block.manual .ico_link:before {border-color:#5d88fb;}
.infoLinkList.help .block.manual .ico_link:after {background-color:#5d88fb;}
.infoLinkList.help .block:focus,
.infoLinkList.help .block:hover {height:310px;}

.infoLinkList.help .block.info {background-color:#715deb;}
.infoLinkList.help .block.manual {background-color:#5d88fb;}
.infoLinkList.help .block .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j_yt.cat); background-repeat:no-repeat; background-position:left 50px;}
.infoLinkList.help .block.manual .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znahny_j_yt.cat); background-repeat:no-repeat; background-position:left 50px;}

/* 기본 링크 */
.linkList {margin:0 -8px;}
.linkList:after {display:block; content:''; clear:both;}
.linkList > li {float:left; width:33.3333%; padding:8px;}
.linkList .block {display:block; position:relative; height:80px; padding:27px 50px 0 40px; background-color:#f7f9ff; color:#445fe6;}
.linkList .block:after {content:''; position:absolute; left:auto; right:38px; top:50%; bottom:auto; width:8px; height:8px; border:1px solid #4560e6; border-width:2px 2px 0 0; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
.linkList .block > span {position:relative;}
.linkList .block > span:after {content:''; position:absolute; left:0; right:auto; bottom:0; width:0; border-bottom:1px solid #445fe6; transition:all 0.15s ease-in-out;}
.linkList .block:focus > span:after,
.linkList .block:hover > span:after {left:0; right:0; width:100%;}

/* 링크 묶음 */
.linkListBund {margin:0 -16px; padding-right:16px;}
.linkListBund:after {display:block; content:''; clear:both;}
.linkListBund .linkList {float:left; width:402px; margin:0; padding:0 16px;}
.linkListBund .linkList > li {width:100%; padding:1px 0;}
.linkListBund .linkList .block {height:90px; padding:24px 50px 0 31px;}
.linkListBund .linkList .block:after {right:34px;}

.linkListBund .linkBoxList {float:left; width:750px; margin:1px 0; padding:13px 32px; border:1px solid #ddd;}
.linkListBund .linkBoxList > li {width:100%; padding:0; border-top:1px solid #eee;}
.linkListBund .linkBoxList > li:first-child {border-top:0}
.linkListBund .linkBoxList .block {height:auto; padding:20px 160px 20px 0; border:0;}
.linkListBund .linkBoxList .shortLink {right:0; bottom:20px}

/* 공시실 서브메인 */
.disclosure.subMain .crumbs {display:none;}
.disclosure.subMain .pageTit {padding-bottom:0;}
.disclosure.subMain .pageTit .titH1 {text-align:left;}

.discMenuArea {position:relative;}
.discMenuArea:after {display:block; content:''; clear:both;}
.discMenuArea .icoBtn_open {width:auto; height:auto; margin:20px 0 34px; padding-right:29px; font-size:0;}
.discMenuArea .icoBtn_open > span {position:relative; width:auto; height:auto; margin:0; color:#fff; font-size:16px; line-height:24px; clip:unset; clip-path:none;}
.discMenuArea .icoBtn_open:after {left:auto; right:3px; margin-top:-1px; border-color:#fff; transform:translateY(-50%) rotate(-45deg);}
.discMenuArea.on .icoBtn_open:after {transform:translateY(-50%) rotate(-225deg);}
.discMenuArea > .titArea {position:absolute; top:28px; left:0; width:272px; height:340px; margin:0; padding:33px 39px 35px; background-color:#fff; color:#666; text-align:left; z-index:2;}
.discMenuArea .titH2 {display:block; margin-bottom:27px; padding:0; color:#222; font-size:28px;}
.discMenuArea p {word-break:keep-all;}
.discMenuArea > .inner {position:relative; padding-top:20px;}
.discMenuArea .linkBoxList > li {width:25%;}
.discMenuArea .linkBoxList .block {height:340px; padding:35px 32px 39px; border:1px solid rgba(255, 255, 255, 0.3); background-color:transparent; color:#fff; font-size:16px; transition:all 0.2s ease-in-out;}
.discMenuArea .linkBoxList .tit {margin:0 -10px 29px 0; color:#fff; font-size:18px;}
.discMenuArea .linkBoxList .shortLinkArea {position:absolute; left:39px; bottom:35px; width:170px; word-break:keep-all;}
.discMenuArea .linkBoxList .shortLink {margin-top:20px; color:#fff;}
.discMenuArea .linkBoxList .shortLink [class*=ico_] {background-color:#fff;}
.discMenuArea .linkBoxList .shortLink [class*=ico_]:before {border-color:#715deb;}
.discMenuArea .linkBoxList .shortLink [class*=ico_]:after {background-color:#715deb;}

.discMenuArea .linkBoxList .block:hover {background-color:#fff; color:#666;}
.discMenuArea .linkBoxList .block:hover .tit {color:#222;}
.discMenuArea .linkBoxList .block:hover .shortLink {color:#222;}
.discMenuArea .linkBoxList .block:hover .shortLink [class*=ico_] {background-color:#5d88fb;}
.discMenuArea .linkBoxList .block:hover .shortLink [class*=ico_]:before {border-color:#fff;}
.discMenuArea .linkBoxList .block:hover .shortLink [class*=ico_]:after {background-color:#fff;}

.discMenuArea .linkBoxList .block:not(:hover) .shortLink:focus [class*=ico_] {background-color:#fff !important;}

.discMenuArea .linkBoxList .block:before,
.discMenuArea .linkBoxList .block:after {content:''; position:absolute; background-color:#5455da; box-sizing:border-box; z-index:2; transition:all 0.3s;}
.discMenuArea .linkBoxList .block:before {right:-7px; top:-7px; width:0; height:12px;}
.discMenuArea .linkBoxList .block:after {right:-7px; top:-7px; width:12px; height:0;}
.discMenuArea .linkBoxList .block:hover:before {width:90px;}
.discMenuArea .linkBoxList .block:hover:after {height:90px;}

.discMenuArea:not(.on) {margin-right:-8px;}
.discMenuArea:not(.on) > .inner {padding-left:272px;}
.discMenuArea:not(.on) .swiper-container {padding-left:8px;}
.discMenuArea:not(.on) .linkBoxList {margin:0;}

.discMenuArea .swiper-controls {left:auto; right:0; top:-43px; bottom:auto; transform:none;}
.discMenuArea .swiperWrap .btnPrev,
.discMenuArea .swiperWrap .btnNext {position:absolute; bottom:40px; left:-130px; width:40px; height:40px; /*background-color:#ccc;*/ background-color:#777; z-index:2;} /* 250625 웹접근성 명도대비 background-color 수정 */
.discMenuArea .swiperWrap .btnNext {left:-80px;}
.discMenuArea .swiperWrap .btnPrev:before,
.discMenuArea .swiperWrap .btnNext:before {width:13px; height:13px; border-width:0 0 2px 2px;}
.discMenuArea .swiperWrap .btnPrev:before {margin-left:3px;}
.discMenuArea .swiperWrap .btnNext:before {margin-left:-3px;}
.discMenuArea .swiperWrap .btnPrev:focus,
.discMenuArea .swiperWrap .btnPrev:hover,
.discMenuArea .swiperWrap .btnNext:focus,
.discMenuArea .swiperWrap .btnNext:hover {background-color:#715deb;}

.discMenuArea.on .linkBoxList > li:first-child {width:50%; padding-left:296px;}

.discMenuArea:not(.on) .cloneList {display: none;}
.discMenuArea.on .swiperWrap {display: none;}

/* 공시실 서브메인 - 연락처 */
.disclosure.subMain .titExtra {margin-top:0;}

.contactList {margin:0; padding:10px 0; background-color:#fff; font-size:0; overflow:hidden;}
.contactList > li {display:inline-block; width:33.3333%; padding:26px 40px 28px; border-top:1px solid #eee; font-size:16px; vertical-align:top;}
.contactList > li:nth-child(-n+3) {border-top:none;}
.contactList > li:last-child:nth-child(3n-2) {width:100%;}
.contactList > li:last-child:nth-child(3n-1) {width:66.6666%;}
.contactList .tit {margin-bottom:10px; color:#222; font-weight:500;}
.contactList .txtList {margin:0;}

/* 운세/사주 */
.fortVtBoxWrap .linkBoxList {overflow:visible;}
.fortVtBoxWrap .linkBoxList:after{content:''; display:block; clear:both;}
.fortVtBoxWrap .linkBoxList li{width:calc(100% / 4);}
.fortVtBoxWrap .linkBoxList .block {height:320px;padding:0;border:none;background-color:#5d88fb;box-shadow:0px 16px 32px rgba(70, 50, 171, 0.16);transition:all 0.15s ease-in-out;}
.fortVtBoxWrap .linkBoxList li:hover .block,
.fortVtBoxWrap .linkBoxList .block:focus {background-color:#715deb;transform:translate(0, -20px);}
.fortVtBoxWrap .linkBoxList .block:focus {outline: auto;}
.fortVtBoxWrap .linkBoxList .box{height:100%;padding:35px 30px 0;}
.fortVtBoxWrap .linkBoxList .box .ico{position:absolute;bottom:40px;right:30px;width:64px;height:64px;}
.fortVtBoxWrap .linkBoxList .box .ico img{width:100%;}
.fortVtBoxWrap .linkBoxList .box .tit{font-size:18px;color:#fff;}
.fortVtBoxWrap .linkBoxList .box p {margin-top:20px;font-size:16px;color:#fff;}

.fortHzBoxWrap:after {content:''; display:block; clear:both;}
.fortHzBoxWrap > .block{float:left;width:50%;}
.fortHzBoxWrap .linkBoxList > li {width:calc(50% - 8px);}
.fortHzBoxWrap .linkBoxList .block{height:auto; padding:41.5px 32px 41.5px 32px;}
.fortHzBoxWrap .linkBoxList .block:hover .tit{color:#445fe6;}
.fortHzBoxWrap .linkBoxList .block:hover .tit:after{left:0; right:0; width:100%;}
.fortHzBoxWrap .linkBoxList .tit {position:relative; font-weight:300;}
.fortHzBoxWrap .linkBoxList .tit:after{content:''; position:absolute; left:50%; right:50%; bottom:0; width:0; border-bottom:1px solid #445fe6; transition:all 0.15s ease-in-out;}
.fortHzBoxWrap .linkBoxList .block .ico{display:inline-block;position:absolute;top:50%;right:32px;width:32px;height:32px; margin-top:-16px;}
.fortHzBoxWrap .linkBoxList .block .ico img{width:100%;}

/* 금융상품 - 대출계산기 */
.moneyBox {margin-bottom:32px; padding:24px 24px 0 24px; border:1px solid #dad5f9; border-radius:10px; box-shadow:1px 2px 6px 2px rgba(113,93,235,0.08); text-align:center;}
.moneyBox .tit {color:#222; font-weight:500;}
.moneyBox .money {margin:15px 0 10px; color:#5642bf; font-size:28px; font-weight:500;}
.moneyBox .infoList {display:none; padding:15px 0 0 0; border-top:1px solid #eee; font-size:14px;}
.moneyBox .infoList .item {text-align:left;}
.moneyBox .icoBtn_open {width:100%; height:36px;} 
.moneyBox .icoBtn_open.on:after {margin-top:2px; transform:translate(-50%,-50%) rotate(-225deg);}

.accoList.calcResult {margin:20px 0 0;}
.accoList.calcResult .accoHead .infoList {display:flex; width:100%; flex-direction:row; flex-wrap:wrap; align-items:flex-end; color:#222;}
.accoList.calcResult .accoHead .infoList .item {min-width:30%;}
.accoList.calcResult .accoHead .infoList .val {min-width:40%;}
.accoList.calcResult .accoBtn {padding: 12px 40px 12px 15px;}
.accoList.calcResult .accoBtn:after {width:7px; height:7px;}
.accoList.calcResult .infoList {font-size:14px;}
.accoList.calcResult .infoList > div {flex-grow: 1;}
.accoList.calcResult .accoBody {padding:10px 20px 10px 15px;}

.totalBox {padding:15px; border:1px solid #ddd; background-color:#f8f8f8;}
.totalBox .infoList {font-size:14px;}
.totalBox .infoList .total {margin-top:15px; padding-top:15px; border-top:1px solid #ddd; color:#222; font-weight:500;}


/* 혜택 - vip서비스 */
.icoConList.line  li:last-child:nth-child(odd) {width:100%;}
.icoConList.line  li:last-child:nth-child(odd) .info {width:calc(50% - 48px);}
.icoConList.line .ico + .info{padding-left:96px}
.icoConList.line .ico + .info .tit{margin-bottom:16px; padding:0;}

.icoConList.vip {margin-top:0;}
.icoConList.vip > li {width:100%; padding-right:0;}
.icoConList.vip .ico {width:40px; height:40px;}
.icoConList.vip .ico + .info {padding-left:83px;}

/*************************************************** 상품 상세 ***************************************************/
/* 모션애니 */
.loanAni {height:470px; text-align:center;}
.loanAni [class^=ani] {display:inline-block; position:relative; margin-top:58px;}
.loanAni img {width:100%; height:auto;}

.loanAni .swiper-container-fade .swiper-slide {opacity:0 !important;}
.loanAni .swiper-container-fade .swiper-slide-active {opacity:1 !important;}

.loanAni .swiper-controls {left:0; bottom:35px; width:157px; padding:0; text-align:left !important; white-space:normal; transform:none;}
.loanAni .swiper-pagination {padding-left:7px;}
.loanAni .swiper-pagination:before {content:''; position:absolute; left:11px; top:18px; bottom:10px; border-left:1px dotted rgba(255, 255, 255, 0.4);}
.loanAni button.swiper-pagination-bullet {width:100%; height:25px; margin:5px 0 0 !important; padding-left:16px; text-align:left; white-space:nowrap;}
.loanAni button.swiper-pagination-bullet:before {left:0; width:9px; height:9px; border:2px solid #fff; border-radius:50%; background-color:#5d88fb; transform:translateY(-50%);}
.loanAni button.swiper-pagination-bullet .item {color:#fff; font-size:14px;}
.loanAni button.swiper-pagination-bullet-active:before {background-color:#fff;}
.loanAni button.swiper-pagination-bullet-active .item {font-weight:500;}

.loanAni .swiper-button-stop,
.loanAni .swiper-button-play {width:23px; height:23px; margin:20px 0 0 0; border:2px solid #fff; border-radius:50%;}
.loanAni .swiper-button-stop:before,
.loanAni .swiper-button-stop:after {left:6px; top:6px; bottom:6px; width:2px; background-color:#fff;}
.loanAni .swiper-button-stop:after {left:auto; right:6px;}
.loanAni .swiper-button-play:after {left:7px; top:5px; border-left:5px solid #fff;}

/* 모션애니 - 나침반 */
.aniCompass {width:260px; height:260px;}
.aniCompass .needle {position:absolute; left:50%; top:50%; width:65%; transition:all 0.2s ease-in-out; transform:translate(-50%, -50%) rotate(-45deg);}

/* 모션애니 - 그래프 */
.aniGraph {width:590px; text-align:left;}
.aniGraph .graphArea {position:relative; padding-top:175px;}
.aniGraph .motion {display:inline-block; position:absolute; left:0%; bottom:0; margin-left:-12px; z-index:2;}
.aniGraph .marker {display:inline-block; position:absolute; left:50%; bottom:95px; width:128px; height:72px; background-color:#fff; color:#0a1f56; font-size:24px; font-weight:500; line-height:72px; text-align:center; transform-origin:50% 97px; transform:translateX(-50%) rotate(0deg);}
.aniGraph .marker:after {content:''; position:absolute; left:50%; bottom:-8px; width:20px; height:20px; background-color:#fff; transform:translateX(-50%) rotate(45deg) skew(15deg, 15deg); z-index:-1;}
.aniGraph .marker em {font-size:26px;}
.aniGraph .point {display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#fff; box-shadow:4px 4px 8px rgba(68,95,230,0.24);} 
.aniGraph .point:before,
.aniGraph .point:after {content:''; position:absolute; left:50%; top:50%; width:20px; height:20px; border-radius:50%; background-color:#fff; opacity:0.2; transform:translate(-50%, -50%); z-index:1; transition: all 1.0s; }
.aniGraph .graph {display:inline-block; width:100%; height:10px; margin-bottom:7px; background-color:#fff; font-size:0; box-shadow:0 2px 0 0 rgba(0, 0, 0, .2) inset; z-index:1;}
.aniGraph .graph .bar {display:inline-block; width:0; height:10px; background-color:#3771f4; box-shadow:0 2px 0 0 rgba(0, 0, 0, .1) inset;}
.aniGraph .txtArea {position:relative; margin:25px 0 0;}
.aniGraph .txt {color:#fff; font-size:18px; font-weight:500;}
.aniGraph .txt.lg {position:absolute; left:62.5%; top:50%; font-size:24px; transform:translate(-50%, -50%);}
.aniGraph .txtArea .txt:last-child {position:absolute; right:0;}

.aniGraph .motion.first {left:0%;}
.aniGraph .txt.first {left:22%;}
.aniGraph .motion.last {left:0%;}

/* 모션애니 - 서류박스 */
.aniFile {width:240px; height:256px; margin-top:2px;}
.aniFile:before {content:''; position:absolute; left:0; right:0; bottom:26px; height:75px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Snav_svyr_funqbj.cat) no-repeat 0 100%; background-size:cover; z-index:2;}
.aniFile .fileBox {position:absolute; left:0; right:0; bottom:0; height:auto; z-index:3;}
.aniFile .fileGroup {position:relative; height:100%; margin:0 12px; overflow:hidden; z-index:1;}
.aniFile .fileGroup .paper {display:inline-block; position:absolute; left:3px; right:3px; top:0; height:100%; background-color:#dfe3ee; transition:all 0.4s ease-out; transform: translate(0,140px);}
.aniFile .fileGroup .paper.last {left:0; right:0; top:4px; padding:32px 24px 0; background-color:#f7f9ff;}
.aniFile .checkArea {margin-bottom:20px;}
.aniFile .checkArea:after {display:block; content:''; clear:both;}
.aniFile .txt {position:relative; float:left; color:#0a1f56; font-size:18px; font-weight:500; line-height:36px; z-index:1;}
.aniFile .txt:before {content:''; position:absolute; left:25%; top:4px; bottom:100%; width:2px; height:0; background-color:#69769a; z-index:1; opacity:0.5; transition:all 0.40s ease-in-out; transform-origin:top left; transform:rotate(-45deg);}
.aniFile .check {display:inline-block; position:relative; float:right; width:54px; height:12px; margin-top:12px; border-radius:6px; background-color:#cfdeff;}
.aniFile .check .point {display:inline-block; position:absolute; left:0; right:auto; top:-6px; width:24px; height:24px; border-radius:50%; background-color:#fff; box-shadow:3px 0 0 rgba(0,0,0,0.08); transition:all 0.35s ease-in-out;}

/* 모션애니 - 계량기 */
.aniGauge {width:310px; height:220px; margin-top:20px; overflow:hidden;}
.aniGauge .img {position:relative; z-index:1;}
.aniGauge > div {display:inline-block; position:absolute; left:50%; top:50%; width:200px; height:120px;}
.aniGauge .bg_basic {background-color:#cfdeff; z-index:-1; transform:translate(-50%, -50%);}
.aniGauge .bg_active {left:50; top:157px; width:300px; height:200px; background-color:#5d88fb; z-index:0; transform-origin:top center; transition:all 2s 0.5s; transform:translateX(-50%) rotate(0deg);}
.aniGauge .needle {position:absolute; left:50%; bottom:55px; width:40%; transition:all 2s 0.5s; transform-origin:center right; transform:translateX(-100%) rotate(0deg); z-index:2;}

/* 모션애니 - 계산기 */
.aniCalcu {width:260px; height:264px; margin-left:40px; overflow:hidden;}
.aniCalcu [class^=calcuInter_] {position:absolute; left:0; top:0; width:100%; height:100%; text-align:left; z-index:1; opacity: 0}
.aniCalcu .calcuInter_1 {opacity: 1}
.aniCalcu [class^=ico_] {display:block; position:absolute; width:60px; height:60px; background-color:#fff; text-align:center; line-height:60px;}
.aniCalcu [class^=ico_] > img {width:32px; height:32px;}
.aniCalcu .ico_1 {left:12px; bottom:92px;}
.aniCalcu .ico_2 {left:80px; bottom:24px;}
.aniCalcu .ico_3 {left:148px; bottom:92px;}
.aniCalcu .screen {width:220px; padding-top:23px; text-align:center; font-weight:500;}
.aniCalcu .screen .tit {display:block; color:rgba(255, 255, 255, .6); font-size:18px;}
.aniCalcu .screen .interRate {display:inline-block; padding-right:21px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Snav_pnyph_neebj.fit) no-repeat right center; background-size:14px auto; color:#fff; font-size:24px;}
.aniCalcu .bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.aniCalcu .bg > img {width:auto; height:100%;}

/* 모션애니 - 달력 */
.aniCalendar {width:216px; height:255px; overflow:hidden;}
.aniCalendar .term {position:absolute; left:0; top:50%; width:100%; padding-top:15px; text-align:center; transform:translateY(-50%);}
.aniCalendar .tit {display:block; color:#0a1f56; font-size:18px; font-weight:500;}
.aniCalendar .yearAni {color:#0a1f56; font-size:32px; font-weight:500;}
.aniCalendar .yearAni > span {display:inline-block; vertical-align:auto; overflow:hidden;}
.aniCalendar .yearAni .num {font-size:56px; font-weight:700; vertical-align:text-bottom;}


/* prdDetail */
.prdDetail .conIcoR {padding-left:271px;padding-top:9px; min-height:112px;}
.prdDetail .conIcoR .img {left:80px; width:112px; height:112px; padding:32px 0 0 32px; background-color:#fff; border:1px solid rgba(113, 93, 235, .2)}
.prdDetail .conIcoR .img img {width:50px; height:50px;}
.prdDetail .conIcoR .txtList.star {margin-top:15px;}
.prdDetail .conIcoR + .conIcoR {margin-top:73px;}
.prdDetail [class^=conIco] [class^=titH] {margin-bottom:13px;line-height:1.5;}
.prdDetail .conIcoR.insuCalc {display:block; margin-bottom:30px; padding-left:144px;padding-top:21px;}
.prdDetail .conIcoR.insuCalc [class^=titH]{margin-bottom:4px;}
.prdDetail .conIcoR.insuCalc .btn_p {position:absolute;top:30px;right:0;margin:0;border-radius:0;border-color:#5d88fb;background-color:#5d88fb;}
.prdDetail .conIcoR.insuCalc .img {left:0;}

.prdDetail .titArea {margin-top:42px;}

.prdDetail [class^=conBox] .titDiv .tit_tel {position:relative; top:3px; font-size:24px; color:#445fe6; line-height:1;}
.prdDetail [class^=conBox] .titDiv.frBtn .titL {padding:13px 0; text-align:left;}
.prdDetail [class^=conBox] .btn_t.m.abs {position:absolute; top:24px; right:32px; margin:0;}
.prdDetail .conBoxList > li .block {position:relative; background:#fff;}

.txtGuiBox{display:block; margin-top:64px; padding:20px 25px 25px; background-color:#f2f6ff; border:1px solid #d6e1fe;}
.txtGuiBox:after{content:"";display:block;clear:both;}
.txtGuiBox .fl{margin-top:11px;}
.txtGuiBox .btn_p{margin:0;border-color:#5d88fb; background-color:#5d88fb;}
.txtGuiBox .ico_down:before{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj_j.cat) no-repeat center center;}
.txtGuiBox .ico_down:after {border-color:#fff;}
/* 앱다운로드 */
.txtGuiBox.AppDown{text-align:center;}
.txtGuiBox.AppDown .inr{display:inline-block; position:relative; min-height:64px; padding:4px 0 0 88px; text-align:left; }
.txtGuiBox.AppDown .inr:after{content:''; position:absolute; top:0; left:0; width:64px; height:64px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_ncc_fy2.cat) no-repeat 0 0; background-size:64px 64px; border-radius:15px; box-shadow:4px 8px 16px rgba(86,66,191,0.16);}
.txtGuiBox.AppDown .tit{display:inline-block; font-size:18px; color:#5642bf; font-weight:500; word-break:keep-all;}
.txtGuiBox.AppDown .tit:after{content:''; display:inline-block; width:11px; height:11px; margin-top:-4px; margin-left:5px; border:1px solid #715deb; border-width:0 2px 2px 0; transform:rotate(-45deg);}
.txtGuiBox.AppDown .txtS{margin-top:10px; color:#666; word-break:keep-all;}
/* 콜센터서비스 */
.callCenterSvc:after{content:"";display:block;clear:both;}
.callCenterSvc .box{float:left;width:50%;}
.callCenterSvc [class^=tit]{margin-top:0;}
/* numList */
.numList {margin-top:15px; counter-reset:count;}
.numList > li {position:relative; margin-top:8px; min-height:36px; padding:5px 0 0 50px;}
.numList > li + li{margin-top:24px;}
.numList > li:after {content:""; position:absolute; bottom:-24px; left:18px; width:1px; height:100%; min-height:24px; background:#eee;}
.numList > li:last-child:after {display:none;}
.numList > li:before {content:counter(count); counter-increment:count; display:inline-block; position:absolute; top:0; left:0; width:36px; height:36px; background:#5d88fb; border-radius:50%; font-size:16px; color:#fff; text-align:center; letter-spacing:-0.075rem; line-height:36px; text-align:center; z-index:1;}
.numList > li > ul {margin-top:10px;}
.numList.l > li {padding:3px 0 0 60px;}
.numList.l > li + li{margin-top:34px;}
.numList.l > li:after{bottom:-34px;}
.numList.l > li .titH3{margin:0 0 13px;}
.numList.l > li p{line-height:1.7;}
.numList.l .btn_s{margin-top:10px;}
/* prdLinkList */
.prdLinkList{display:table;width:calc(100% + 16px); margin:64px -8px 0; table-layout:fixed;}
.prdLinkList > li{display:table-cell;}
.prdLinkList .block{display:block; margin:0 8px; padding:12px 0 14px; color:#666; text-align:center; border:1px solid #ddd; background:#fff; border-radius:5px; vertical-align:middle;}
.prdLinkList [class^=ico_]{vertical-align:top;}

/* 상담하기 */
.consultArea {position:relative; margin:0 -20px 32px; padding-top:32px; font-size:0; word-spacing:0; border-top:1px solid #ccc;}
.consultArea .box {position:relative;display:inline-block; width:50%; min-height:210px; padding:9px 0 52px; text-align:center; vertical-align:top;}
.consultArea .box:before{content:""; display:inline-block; width:40px; height:40px; margin-bottom:25px;}
.consultArea .box.tel:before{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pbhafry.cat) no-repeat 0 0;}
.consultArea .box.apply:before{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy.cat) no-repeat 0 0;}
.consultArea .txtS {letter-spacing:-0.1rem;}
.consultArea:after {content:""; position:absolute; top:32px; left:50%; width:1px; height:calc(100% - 32px); background:#f2f2f2;}
.consultArea .titH3{margin-top:0;}
.consultArea [class^=btn_]{position:absolute; left:50%; bottom:10px; width:calc(100% - 50px); margin:0; padding:5px 5px; color:#1a75e4; transform:translate(-50%, 0);}


/* 동영상 팝업 */
.videoWrap {display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; overflow:hidden; z-index:999; outline:rgba(0,0,0,0.5); opacity:1; transform:translate(0,0); transition: transform 0.6s, -webkit-mask-size 0.5s; -webkit-mask: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Svzntrf%2Spqu%2Spbzzba%2Sot_ybtb_funcr.fit) no-repeat center center; -webkit-mask-size: 5vw;}
.videoWrap .ccOpen {display: block; position: absolute; top: auto; left: 0; right: 0; height: 0; background-color: #3e318e; color: #fff; font-size: 14px; line-height: 1; text-align: center; overflow: hidden; z-index: 2000;}
.videoWrap .ccOpen:focus,
.videoWrap .ccOpen:active {height:auto; margin-top:0; padding:10px 0px;}
.videoWrap.off {transform: translate(0,100%);}
.videoWrap.open {-webkit-mask-size: 400vw;}
.videoWrap.finish {-webkit-mask: unset;}
.videoPopup {display:block; position:relative; width:100%; height:100vh; text-align:center; overflow:hidden;}
.videoCont {display:inline-block; position:relative; top:50%; width:100%; max-height:100vh; font-size:0; transform:translateY(-50%);}
.videoCont video {width:100%; height:auto;}
.videoCont .btn_p.more {position:absolute; right:110px; top:40px; width:180px; min-height:40px; margin:0; padding-right:35px; border-color:#715deb; border-radius:0; background:#715deb url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sivqrb_zber.cat) no-repeat right 10px center; line-height:30px; box-shadow:none;}
.videoCont .icoBtn_close {position:absolute; right:40px; top:40px; width:40px; height:40px; border-radius:50%; background-color:rgba(0, 0, 0, .3);}
.videoCont .icoBtn_close:before,
.videoCont .icoBtn_close:after {background-color:#fff;}
.videoCont .subtitle {display: none; position:absolute; right:8px; bottom:80px; width:300px; height:130px; padding:20px 8px 20px 25px; border-radius:9px; background-color:rgba(0, 0, 0, .7); color:#fff; font-size:16px; line-height:1.5; text-align:left; z-index: 1000;}
.videoCont .subtitle > .inner {height:90px; padding-right:15px; overflow-y:auto;}
.videoCont .subtitle > .inner::-webkit-scrollbar {-webkit-appearance:none;} 
.videoCont .subtitle > .inner::-webkit-scrollbar:vertical {width:4px;} 
.videoCont .subtitle > .inner::-webkit-scrollbar:horizontal {height:0;} 
.videoCont .subtitle > .inner::-webkit-scrollbar-thumb {border:0; border-radius:2px; background-color:#000;} 
.videoCont .subtitle > .inner::-webkit-scrollbar-track {border-radius:0; background-color:transparent;}

.videoOpen .wrapper,
.videoOpen #skipNavi {display: none;} 

.fullMb {width: 100vw !important; margin:0 !important;}

/*************************************************** media ***************************************************/
/* only mobile */
@media all and (orientation: landscape){
	.videoCont video {height: 100vh;}
}

@media all and (max-width:768px) {
	img.visibleMb {display:inline !important;}
	section.fullMb {padding:0 !important;}
	
	/* 테스트 */
	hr.line {display:block; margin:32px 0 28px; border-bottom:10px solid #f8f8f8;}
	hr.line + .titArea {margin-top:0;}
	section:not(#content) hr.line,
	.popCont hr.line {margin-left:-24px; margin-right:-24px;}
	
	/*================================================== 공통 컨텐츠  =================================================*/
	.snap_num {position:absolute; right:0; bottom:0; margin-bottom:-7px; display:block; font-size:1.2rem; color:#959595;}
	.snap_num em {color:#445fe6;}
	
	/* conBox */
	[class^=conBox] [class*=Cell] {display:block;}
	[class^=conBox] [class*=Cell]:not(:last-child) {padding-right:0;}
	[class^=conBox] .titCell[class*=col_] {width:100% !important;}
	[class^=conBox] .tit {font-size:1.6rem;} 
	[class^=conBox] .titL {font-size:1.8rem;}
	
	[class^=conBox] .titDiv.mb {margin-left:-32px; margin-right:-32px; padding-left:24px; padding-right:24px; text-align:left;}
	[class^=conBox] .titDiv.mb .titL {font-size:1.6rem;}
	
	.conBox .infoCell + .infoCell {margin-top:32px; padding-top:27px; padding-left:0; border-top:1px solid #ddd; border-left:none;}
	.conBox .infoCell + .infoCell:after {content:none;}
	.conBoxList[class*=div_] > li {width:100%;}
	.conBoxList[class*=div_] > li .block {display:block; height:auto !important; table-layout:unset;}
	
	.conBoxList.mbWide {margin:-29px -24px 0;}
	.conBoxList.mbWide > li {display:block; margin-bottom:0; padding:0;}
	.conBoxList.mbWide > li > a {border-width:0 0 1px 0;}
	.conBoxList.mbWide .titL {margin-bottom:7px; font-size:1.6rem; font-weight:300;}
	.conBoxList.mbWide .date {font-size:1.4rem;}
	
	.conBox.notify {margin:-32px -24px 32px -24px; border-width:0 0 10px 0; border-color:#f8f8f8;}
	.conBox.notify .block {padding:31px 24px;}
	.conBox.notify .infoCell + .infoCell {margin-top:24px; padding:0; border-top:none;}
	.conBox.notify.mb60 {margin-bottom:0 !important;}/* 230912 모집인/임직원 신원확인 추가 - 모바일 */
	
	/* separate */
	.conBox.sep {border:none; border-radius:0;}
	.conBox.sep .block {margin-top:16px; border-color:transparent;}
	.conBox.sep .block:not(.remark) {border:1px solid #ddd;}
	
	/* section */
	.conBox.sec {margin-top:32px; border:none; border-radius:0;}
	.conBox.sec .infoCell + .infoCell {margin:64px 0 0 0; padding:0; border:none;}
	.conBox.sec .block:not(.remark) {padding:0;}
	.conBox.sec .block.remark {margin-top:64px; border-color:transparent;}
	.conBox.sec .block .conIcoR + .conIcoR {margin-top:64px;}
	
	[class^=conBox].point.prdInfo .titDiv {padding:24px;}
	[class^=conBox].point.prdInfo .titDiv .titXL {font-size:1.8rem;}
	[class^=conBox].point.prdInfo .titDiv .titXL em {display:block;}
	[class^=conBox].point.prdInfo .titDiv [class^=tit] img {display:block; margin:0 auto 15px;}
	[class^=conBox].point.prdInfo .txtList.div_2 > li:nth-child(2) {margin-top:24px !important;}
	[class^=conBox].point.prdInfo .txtList.div_2 > li {display:block; width:100%; padding-right:0; word-break:break-all;}
	
	/* 금융소비자보호헌장(CDHE0080) */
	.titArea + .conBoxList.consumer {margin-top:30px;}
	
	/* 소비자포털 */
	.consul_apply {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_fz_z.cat); background-position:right 30px top 38px; background-size:32px;}
	.consul_tel {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pnyy_fz_z.cat); background-position:right 30px top 38px; background-size:32px;}
	
	/* conIco */
	[class^=conIco] {padding-left:0;}
	[class^=conIco] .img {position:static; margin-bottom:15px;}
	
	/* round */
	[class^=conBox] .block .conIcoR, 
	.accoBody .conIcoR {padding-left:0;}
	.conIcoR .img {display:inline-block; margin-right:5px; vertical-align:middle;}
	.conIcoR .img + [class^=titH],
	.conIcoR .img + .tit {position:relative; display:inline-block !important; width:calc(100% - 90px); padding-left:10px; vertical-align:middle;}
	.conIcoR .img + .titH3,
	.conIcoR .img + .tit {top:-5px;}
	
	[class^=conBox] .block .conIcoR {padding-left:0;}
	
	/* conLineList */
	.conLineList {margin:0 -24px;}
	.conLineList > li {padding:32px 24px;}
	.conLineList > li > [class*=Div] {display:block;}
	.conLineList > li .stepDiv {margin-bottom:13px; text-align:left;}
	.conLineList > li .stepDiv .num {width:40px; height:40px; line-height:40px; font-size:1.3rem;}
	.conLineList > li .conIcoR {padding-left:0;}
	.conLineList > li .conIcoR .img {}
	.conLineList > li .conIcoR .img img {}
	.titArea.mb + .conLineList {margin-top:-32px;}
	
	.conLineList.min > li {padding:32px 24px;}
	.conLineList.min > li .conIco {padding-left:0;}
	
	.conLineList.div_2 {margin:0;}
	.conLineList.div_2 > li {width:100%;}
	.conLineList.div_2 > li + li {margin-top:32px; padding-top:32px; border-top:1px solid #ddd;}
	.conLineList.div_2 > li .conIcoR .img {position:absolute;}
	
	/* 전자금융거래 10계명 ***해당부분 삭제예정 */
	ol.conIcoR.step > li {display:block; padding:23px 25px 26px;}
	ol.conIcoR.step .num {display:block; position:relative; width:40px; height:40px; line-height:40px; font-size:1.3rem;}
	ol.conIcoR.step .num:after {top:50%; left:0; width:40px; height:40px; margin-top:-20px;}
	ol.conIcoR.step .cont {display:block; padding-left:0;}
	ol.conIcoR.step .cont [class^=tit] {margin-top:10px;}
	ol.conIcoR.step .cont .titH3 {font-size:1.6rem;}
	
	/* conImg */
	.conImg {position:relative;}
	.conImg img {/*max-width:327px;*/ vertical-align:top;}
	
	.conImg .mb_snap {margin:20px -24px 30px; padding:0 0 30px 16px; scroll-padding:24px;}
	.conImg .mb_snap > li {width:auto; padding:0 8px;}
	.conImg .mb_snap > li:last-child {padding-right:24px;}
	.conImg .mb_snap > li img {width:312px;}
	.conImg .mb_snap::-webkit-scrollbar {-webkit-appearance:none;}
	.conImg .mb_snap::-webkit-scrollbar:vertical {width:0;} 
	.conImg .mb_snap::-webkit-scrollbar:horizontal {height:4px;}
	.conImg .mb_snap::-webkit-scrollbar-thumb {border:0; border-radius:2px; background-color:#5d88fb;} 
	.conImg .mb_snap::-webkit-scrollbar-track {margin:0 84px 0 40px; border-radius:2px; background-color:#ddd;}
	.conImg .snap_num {right:20px;}
	
	/* conImgBox */
	.conImgBox:not(.mb) {padding:0; background-color:transparent !important;}
	.conImgBox .txtList.remark {text-align:left;}
	
	/* conMath */
	.conMath {letter-spacing:-0.05rem;}
	.conMath .result {display:block; text-align:left;}
	.conMath .divide {max-width:100%;}
	
	.conMath.midUp .divide {top:-12px;}
	.conMath.midUp .result {padding-bottom:12px;}
	.conMath.midDw {padding-bottom:12px;}
	.conMath.midDw .divide {top:12px;}
	
	.conMath.etc .marker {margin-left:0;}
	.conMath.etc .marker[class*=width] {width:auto;}
	.conMath.etc .marker.width250 {margin-right:30px;}
	
	/* stepList */
	.stepList > li {padding-bottom:30px;}
	
	.stepList.horizon {display:block;}
	.stepList.horizon:after {content:'';}
	.stepList.horizon > li {display:block; padding:0 0 30px 65px; text-align:left;}
	.stepList.horizon > li:last-child {padding-bottom:0;}
	.stepList.horizon > li:before {left:0; top:9px; margin-left:0;}
	.stepList.horizon > li:not(:last-child):after {content:none;}
	.stepList.horizon > li:last-child:after {top:20px; left:5px; right:auto; bottom:0; border-bottom:none;}
	.stepList.horizon > li .tit {margin-left:-30px;}
	
	.stepList.icon {display:block;}
	.stepList.icon > li {display:table; min-height:72px; margin-top:18px; padding:0 0 0 85px; text-align:left;}
	.stepList.icon > li:before {top:-12px; left:30px; border-top:7px solid #d6e1fe; border-right:5px solid transparent; border-left:5px solid transparent; transform:translate(0px,0px);}
	.stepList.icon > li:after {content:none;}
	.stepList.icon > li p {display:table-cell; vertical-align:middle; font-size:1.6rem;}
	.stepList.icon .img {left:0; width:72px; height:72px; margin:0; padding-top:20px;}
	.stepList.icon .img img.visibleMb {display:inline !important;}
	
	.stepList.flow > li {padding-right:0;}
	.stepList.flow .stepInfo {position:static; margin:10px 0 0 -30px; width:auto; padding:30px 0;}
	.stepList.flow .stepInfo.last {top:0; padding:100px 0;}
	

	/*================================================== 보험사전 ==================================================*/
	.dictSrch {margin:10px 0 0; padding:0; background-color:#fff;}
	.dictSrch .dataSrchBox {margin-bottom:28px;}
	.dictSrch .dictBtnGroup {margin:0 -24px; padding:0 40px 0 0; border-top:0; background-color:#f8f8f8;}
	.dictSrch .dictBtnGroup:after {content:''; position:absolute; right:0; top:0; bottom:0px; width:55px; background: linear-gradient(90deg, rgba(255,255,255,0), #f8f8f8 50%); z-index:0;}
	.dictSrch .txt {display:none; padding:0 0 12px 4px;}
	.dictSrch .dictBtn {display:inline-block; margin:0; padding:0 0 0 20px;}
	.dictSrch .dictBtn + .dictBtn {padding:0 10px 0 0;}
	.dictSrch:not(.on) .inner {display:-webkit-flex; display:flex; padding:12px 0; white-space:nowrap; overflow:auto; scroll-snap-type:x mandatory; scroll-padding:24px; -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory;}
	.dictSrch:not(.on) .inner .dict_btn {-webkit-flex:none; flex:none; align-items:start; justify-content:start; scroll-snap-align:start;}
	.dictSrch .icoBtn_open {display:block; position:absolute; top:0; right:0; width:41px; height:68px; background-color:#f8f8f8; z-index:2;}
	.dictSrch .icoBtn_open:before {content:''; position:absolute; left:0; top:16px; bottom:16px; width:1px; background-color:#eee;}
	.dictSrch.on .dictBtnGroup {padding:0;}
	.dictSrch.on .inner {padding:23px 20px; white-space:normal;}
	.dictSrch.on .txt {display:block;}
	.dictSrch.on .dictBtn {display:block; padding:0 !important;}
	.dictList .tit {font-size:16px;}

	.dictList {margin:0 -24px;}
	
	/*================================================== 안내/고지  =================================================*/
	.tblInfo:after {content:''; display:block; clear:both;}
	.tblInfo .info {display:inline-block;}
	.tblInfo .fr {float:right;}
	.tblInfo .fr [class^=btn_] {margin-bottom:5px;}
	.tblInfo .fr .toggleBtnArea {margin-top:30px;}
	
	/*================================================== 페이지 상단 컨텐츠  =================================================*/
	/* 상단영역 공유 */
	[class*=cover] .formBox,
	[class*=cover] .pageTabArea,
	[class*=cover] .smileArea,
	[class*=cover] .infoConArea.point,
	[class*=cover] .coverArea {margin-top:0;}
	
	/* 본인인증 */
	.formBox {width:100% !important; padding:0 24px !important; box-shadow:none;}
	.formBox .titL {margin-top:0; padding-top:0; font-size:1.8rem; text-align:left;}
	.formBox .formList {margin:0;}
	.formBox .iptBtn > li {padding:0 8px;}
	.formBox .btnArea {margin:64px 0 32px;}
	.formBox .setPhone,
	.formBox .ipt[type=email] {width:100%;}
	.formBox .formList + .iptBtn {margin-top:30px;}
	
	/* 상단인포 */
	.conInfoVisual {margin:-32px -24px 0;}
	.conInfoVisual .inner {padding-bottom:190px;}
	.conInfoVisual .img img.visibleMb {display:inline !important;}
	
	/*================================================== 반응형 컨텐츠  ==================================================*/
	/* 스크롤 테이블 */
	.tblWrap.scroll {margin-left:-24px; margin-right:-24px; padding-left:24px; background-color:transparent;}
	.tblWrap.scroll:before {content:none;}
	.tblWrap.scroll > .inner {position:relative; display:inline-block; margin-right:24px; vertical-align:top; background-color:#fff;}
	.tblWrap.scroll > .inner:before {content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:#fff; z-index:1;}
	.tblWrap.scroll .tblX {min-width:1136px;}
	
	/* 입력폼_ 반응형박스 */
	.formList .valueMb {margin:4px 0 30px; padding:14px; border:1px solid #d6e1fe; background-color:#f2f6ff; color:#445fe6; text-align:center;}
	
	/*================================================== common으로 옮길 CSS  ==================================================*/
	.txtItem.report {font-size:1.4rem; text-align:left;}
	
	
	
	/*================================================== 메뉴별 컨텐츠  ==================================================*/
	/*공시실*/
	.remarkInfo {margin-top:0; font-size:1.4rem; text-align:left;}
	
	/* 채용게시판 */
	.recruit .bbsHead .date {text-align:left;}
	
	/* 어플리케이션 설치 (CDHF0140) */
	.appSetup {position:relative; padding-left:0; padding-right:0;}
	.appSetup .img {position:static; width:80px; height:80px; margin-bottom:24px; border-radius:16px; }
	.appSetup .titH2 {margin-bottom:5px;}
	.appSetup .titH2 + .desc {margin-bottom:5px; line-height:1.6;}
	.appSetup .appDown {position:static; margin-top:35px;}
	.appSetup .qrCode {display:none;}
	.appSetup .appDown [class^=btn_]{display:block;}
	

	/* ARS 단축번호안내 (CDHF0040P) */
	.arsNumInfo {margin:0 -24px; padding:32px 24px;}
	.arsNumInfo .titArea {margin-bottom:0;}
	.arsNumInfo .titArea .titH2{display:none;}
	.arsNumInfo .titArea .links.addIco{margin-bottom:30px; float:none;}
	.arsNumInfo .stepList.horizon > li:last-child:after{border-color:#1a75e4;}
	.arsNumInfo .conBoxList > li + li{margin-top:16px;}
	.arsNumList .infoDiv:before{display:none;}
	.arsNumList .txtList{float:none;width:100%;}
	.arsNumList .txtList:nth-child(1){padding-right:0;}
	.arsNumList .txtList:nth-child(2){padding-left:0;margin-top:20px;}
	
	/* 휴대폰인증 박스 */
	.certiArea {display:block;}
	.certiArea > [class*=Cell] {display:block; vertical-align:middle;}
	.certiArea > [class*=Cell]:last-child {margin-top:8px;}
	
	/* 브릿지팝업 (CDHK0020P) */
	.bridgeMsg {margin:0 -24px; padding:0 24px; background:none;}
	.bridgeMsg:before,
	.bridgeMsg:after {content:""; display:block; position:absolute; left:0;   } 
	.bridgeMsg:before {top:0; left:-50%; width:50%; height:0; border-width:70vh 140vh 0 0; border-style:solid; border-color:#fff #f7f5fe #fff #fff; transform:translateX(-25%); z-index:-2;}
	.bridgeMsg:after {top:50vh; width:100%; height:50vh; background:#f7f5fe; box-sizing:border-box; z-index:-1;}
	.bridgeMsg .titH1 {font-size:22px;}
	.bridgeMsg p {font-size:16px; word-break:keep-all;}
	.bridgeMsg .btnArea {margin:40px 0;}
	.bridgeMsg .btnArea [class^=b_] {width:106px; min-height:inherit; margin:0 15px; padding:0; border-radius:0;}
	.bridgeMsg .btnArea [class^=b_] .img {width:56px; height:56px;}
	.bridgeMsg .btnArea [class^=b_] > span:not(.img) {}
	.bridgeMsg .btnArea [class^=b_]:hover {background:transparent;}
	.bridgeMsg .certiArea {position:relative; background:#fff;}
	.bridgeMsg .certiArea .txtS {padding:0 0 50px;}
	.bridgeMsg .certiArea p:not(.txtS) {padding:12px 0;}
	.bridgeMsg .certiArea [class^=btn_].s {position:absolute; left:50%; bottom:24px; transform:translateX(-50%);}
		
	.svcIntr #content {margin-bottom:0;}
	.svcIntr #content section.bgColor {padding-bottom:128px;}
	.svcIntr #content section.bgColor .conLineList.div_2 {margin-top:-32px; margin-bottom:-32px;}
	.svcIntr #content section.bgColor .titArea:first-child {margin-top:0;}

	/* 혜택/서비스 - WM서비스 */
	.infoImgBox {display:block; width:100%; margin-top:0;}
	.infoImgBox .infoCell {display:block; width:100%;}
	.infoImgBox .infoCell .infoList > li {display:block; padding:30px 0 0; border:none;}
	.infoImgBox .infoCell .infoList > li .item {display:block; width:100%; margin-bottom:10px; font-size:16px;}
	.infoImgBox .infoCell .infoList > li .val {display:block;}
	.infoImgBox .imgCell {display:block; width:100%; text-align:left;}
	.infoImgBox .imgCell img{width:100%;}
	.mapWrap {margin:32px -24px 0; padding:24px;border-top:10px solid #f8f8f8;}
	.mapWrap .titArea{margin:0;}
	.mapBox {display:flex; width:100%; flex-direction:column-reverse;}
	.mapBox .mapCell {display:block; margin:0 -24px; width:calc(100% + 48px);}
	.mapBox .infoCell {display:block; width:100%; padding:21px 0 24px; background-color:#fff;}
	.mapBox .infoCell li{color:#666;}
	.mapBox .infoCell em{display:block; margin-bottom:8px; color:#222;}
	.mapBox .infoCell .txtList.dash > li:before{background-color:#666;}
		
		
	/* icoConList */
	.icoConList .txtList {margin-bottom:0;}
	.icoConList {width:100%;}
	.icoConList > li {width:100% !important;}
	.icoConList > li:last-child .txtList.dot {border-bottom:none;}
	
	.icoConList[class*=box] {display:block; width:100%; margin-left:0; margin-right:0;}
	.icoConList[class*=box] > li {display:block;}
	.icoConList[class*=box] > li + li{margin-left:0;}
	.icoConList[class*=box] .ico {width:40px; height:40px;}
	.icoConList[class*=box] .txtList.dot {margin-top:25px; padding-bottom:60px; border-bottom:1px solid #eee;}
	.icoConList.box {margin-bottom:40px;}
	.icoConList.box > li {display:block; height:auto; padding:35px 0; border:none;}
	.icoConList.box > li + li {margin-top:0;}
	.icoConList.boxL > li {padding:25px 0; border:none;}
	.icoConList.boxL.H > li {padding:35px 0; }
	.icoConList.boxL .ico.hiddenMb + .tit {margin-top:0; }
	.icoConList.boxL .desc {margin-top:10px;}
	.icoConList.boxL .titL {margin-top:2px; line-height:1.1;}
	.icoConList.boxL .titL + .desc {margin-top:10px;}
	.icoConList.boxLt > li {border:none;}
	.icoConList.boxLt:not(.bdM) > li {margin:0; padding:30px 0;}
	.icoConList.boxLt.bdM > li {border:1px solid #ddd;}
	.icoConList.boxLt .txtList.dot {padding-bottom:0; border-bottom:none;}
	
	.icoConList.boxL.ac > li {margin:0; padding:40px 15px; border:1px solid #ddd; border-width:1px 1px 0 1px;}
	.icoConList.boxL.ac > li:last-child {border-bottom:1px solid #ddd;}
	
	.icoConList.line {border-bottom:none;}
	.icoConList.line > li:first-child {border:none;}
	.icoConList.line > li {padding-right:0;}
	.icoConList.lineL > li {padding:48px 0;}
	.icoConList.lineL > li:first-child + li {padding-top:48px; border-top:1px solid #eee;}
	.icoConList.lineL .tit {padding-left:104px;}
	
	.icoConList.icoL {margin-bottom:0; padding:17px 0;}
	.icoConList.icoL {display:block;}
	.icoConList.icoL .ico{margin-bottom:25px;}
	.icoConList.icoL li + li {margin-top:59px; padding-top:64px; border-left:none; border-top:1px solid #eee;}
	
	.icoConList.sm {width:calc(100% + 48px); margin:0 -24px; padding:0 24px; overflow:auto; scroll-snap-type:x mandatory; -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory; scroll-padding:24px;}
	.icoConList.sm > li {-webkit-flex:none; flex:none; width:135px !important; align-items:start; justify-content:start; scroll-snap-align:start;}
	.icoConList.sm .tit {margin-top:13px; font-size:16px;}
	.icoConList.sm .desc {font-size:14px;}
	
	.icoConList.col > li + li{margin-left:0;}
		
	/* 21.09.16 s */
	/* 종합건강검진 우대서비스 */
	.tit_type1 {padding:0 0; margin:0 0; text-align:left; border-bottom:0; color:#fff;}

	.conBoxList .txt_type dt {float:none; margin-bottom:10px; width:100%; font-size:16px;}
	.conBoxList .txt_type dd {float:none; width:100%;}
	.conBoxList .txt_type dd .txtList {float:none; width:100%; margin-bottom:20px;}
	.conBoxList .txt_type dd .txtList + .txtList {margin-bottom:0;}
	.conBoxList .txt_type dd .txtList > li {padding-left:0;}
	.conBoxList .txt_type dd .txtList > li:before {display:none;}
	.conBoxList .txt_type dd .txtList strong {font-size:24px; margin-top:-10px;}
	.conBoxList .txt_type dd .txtList.wdfull {width:100%;}
	.conBoxList .txt_type dd .txtList .bl_pl {padding-left:0;}
	.w_none {display:block;}
	.m_box {display:block;}
	/* 21.09.16 e */	
	
	/* 닐리리만보 (CDHG0220) */
	.introNill {padding-left:0;}
	.introNill .visualArea {position:relative; top:auto; left:auto; bottom:auto; width:100%; min-height:340px; padding:30px;}
	.introNill .visualArea .icoApp {position:absolute; right:30px; bottom:-20px; width:80px;}
	.introNill .visualArea .icoApp img {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2); border-radius:8px;}
	.introNill .conArea {padding:40px 0 0 0;}
	.introNill .qrArea {position:static; margin-top:32px;}
	.introNill .qrArea [class^=btn_] {display:block; width:100%; min-height:0; margin-top:8px; padding:9px 0; background:#f2f6ff; border-color:#d6e1fe; color:#445fe6;}
	.introNill .qrArea [class^=btn_] span.qrCode {display:none;}
	.introNill .qrArea [class^=btn_] span:not(.qrCode) {display:inline; padding:0; background:none !important;}
	
	section.bgColor.nillili {margin-top:0 !important; padding:0 !important;}
	section.bgColor.nillili:before {content:none;}
	section.bgColor.nillili .conIcoR {min-height:80px; padding-left:104px;}
	section.bgColor.nillili .conIcoR .img {position:absolute; width:80px; height:80px; margin:0; padding:20px 0 0 20px;}
	
	/* 신한플러스 안내 (CDHG0230) */
	.shPlusVisual {width:100%; height:auto; padding:40px 100px 20vh 24px; word-break:keep-all; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_fucyhf_ivfhny_z.wct) no-repeat 100% 80%; background-size:cover; box-shadow:none;}
	.shPlusVisual .tit {font-size:20px;}
	.shPlusVisual .desc {margin-top:16px; font-size:14px;}
	
	.shPlusCopy {position:relative; margin:0 -24px 40px; padding:35px 24px 40px; background-color:#f2f6ff; font-size:14px; word-break:keep-all;}
	.shPlusCopy > .inner {position:relative; z-index:1;}
	.shPlusCopy:before,
	.shPlusCopy:after {content:''; position:absolute; background-position:0 0; background-repeat:no-repeat; background-size:cover; z-index:0;}
	.shPlusCopy:before {left:10px; top:60px; width:82px; height:104px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sfucyhf_punenpgre_1_z.cat);}
	.shPlusCopy:after {right:3px; top:46px; width:92px; height:117px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sfucyhf_punenpgre_2_z.cat);}
	.shPlusCopy em {padding-top:7px; font-size:20px; line-height:1.3;}
	.shPlusCopy em > span {display:block; margin-top:7px;}
	.shPlusCopy em > span::after {content:none;}
	.shPlusCopy .btn_p {width:100%; margin:17px 0 0;}

	.shPlusInfo {margin:0 -24px;}
	.shPlusInfo .swiperWrap:before,
	.shPlusInfo .swiperWrap:after {content:none;}
	.shPlusInfo .swiper-container {width:100%; overflow:hidden;}
	.shPlusInfo .swiperWrap .swiper-counter {display:inline-block;}
	.shPlusInfo .swiperWrap .btnPrev,
	.shPlusInfo .swiperWrap .btnNext {top:35%;}
	
	.shPlusMbship {margin-left:-24px; margin-right:-24px;}
	.shPlusMbship .swiper-slide {padding:0 24px;}
	.shPlusMbship img {width:100%; box-shadow:4px 8px 14px rgba(70,50,171,0.10);}
	.shPlusMbship .btnPrev,
	.shPlusMbship .btnNext {display:none;}
	section.bgColor.shPlusBg {padding-top:0 !important; background:none;}
	
	.shplusCont.colWrap {margin-bottom:0;}
	.shplusCont.colWrap .img {margin:0;}
	.shplusCont.colWrap .img .tit {top:40px; left:30px; font-size:2.8rem; font-weight:500; letter-spacing:0.2rem;} 
	.shplusCont.colWrap .cont {width:100%;}
	.shplusCont.colWrap .cont .titH3 {font-size:1.6rem;}
	
	.shplusBox {position:relative; margin:64px 0; padding:20px 20px 20px 95px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Sgrzc%2Svpb_fucyhf_orarsvg_z.cat) no-repeat 24px 50%; background-size:56px; font-size:1.4rem;}
	
	.shplusIcoGroup {padding:20px 0 0;}
	.shplusIcoGroup .conIcoR {min-height:108px; padding:10px 0 15px 104px;}
	.shplusIcoGroup .conIcoR .titH3 {margin-bottom:3px; padding-left:0;}
	.shplusIcoGroup .conIcoR + .conIcoR {margin-top:20px;} 
	.shplusIcoGroup .conIcoR .img {position:absolute; top:0; width:80px; height:80px; padding:20px 0 0 20px; transform:none;}
	
	/* ARS콜센터안내 */
	.callCenterInfo {margin-top:32px; padding:24px 30px 27px;}
	.callCenterInfo .tArea {display:block; width:100%; margin-bottom:20px; padding-bottom:13px; border-bottom:1px solid #eee;}
	.callCenterInfo .links {margin:8px 0 0;}
	.callCenterInfo .telInfo {position:static; text-align:left;}
	.callCenterInfo .telInfo span {margin-top:5px;}
	.callCenterInfo .telInfo ul.txtList {margin:0; padding:0; border:0;}
	.callCenterInfo .telInfo ul.txtList li{margin-top:15px;}
	.callCenterInfo .telInfo ul.txtList li:after {content:''; display:block; clear:both;}
	.callCenterInfo .telInfo ul.txtList em {display:inline-block;}
	.callCenterInfo .telInfo ul.txtList a.pointC5 {float:right; font-weight:500;}
	.callCenterInfo ul.txtList {display:block; margin-bottom:20px; padding-bottom:22px; border-bottom:1px solid #eee;}
	.callCenterInfo ul.txtList em {display:block;}
	.callCenterInfo .txtList.remark {display:block; margin-top:5px !important; padding-left:18px;}
	.callCenterInfo .txtList.remark:before {content:'※';}
	
	
	
	/*================================================== 페이지 하단 컨텐츠 ==================================================*/
	/* boxLink */
	.boxLink .block {font-size:1.4rem;}
	.boxLink > li {width:100% !important;}
	
	/* recommendLink */
	.recommendLink {position:relative; display:block; width:auto !important; margin-left:24px !important; margin-right:24px !important; padding:27px 32px 86px 32px !important; border:1px solid #d6e1fe; background-color:#f2f6ff; color:#666; font-size:1.4rem;}
	.recommendLink .titArea {margin-top:0;}
	.recommendLink .titArea .links.addIco {position:absolute; left:32px; right:32px; bottom:32px; margin:0; font-size:1.6rem !important; line-height:44px; text-align:center; background-color:#d6e1fe; border-radius:6px;}
	.recommendLink .titArea .links.txtS .ico_plus {top:11px;}
	.recommendLink .boxLink:not(div) {margin:0;}
	.recommendLink .boxLink > li {margin:0; padding:0;}
	.recommendLink .boxLink > li:not(:first-child) {border-top:1px solid #d6e1fe;}
	.recommendLink .boxLink > li .block {padding:20px 0 20px 0; border:none;}
	.recommendLink .boxLink > li .block:after {content:none;}
	.recommendLink .boxLink > li .block .img {left:0;}
	
	/* Acrobat Reader(한글판) 다운로드 */
	.pdfLink .fr {width:100%; margin-top:15px;}
	
	
	/*************************************************** 서브메인 컨텐츠 ***************************************************/
	/* linkBoxList */
	.linkBoxList {margin:0;}
	.linkBoxList > li {width:100%; padding:0;}
	.linkBoxList .block {height:auto; padding:24px 40px 25px 0; border:0 !important; border-top:1px solid #eee !important; box-shadow:none !important;}
	.linkBoxList > li:first-child .block {border:0 !important;}
	.linkBoxList .tit {margin-bottom:5px; color:#222; font-size:16px; font-weight:500; letter-spacing:-0.03em;}
	.linkBoxList p br {display:none;}
	.linkBoxList .shortLink {right:0; top:50%; bottom:auto; width:24px; height:24px; padding:0 0 0 24px; overflow:hidden; transform:translateY(-50%);}
	.linkBoxList .shortLink .ico_link {top:0;}

	.linkBoxList.help > li {width:100%;}
	.linkBoxList.help .block {height:auto; padding:33px 0 34px;}
	.linkBoxList.help .tit {margin-bottom:5px; font-size:18px;}
	.linkBoxList.help p {padding-right:100px;}
	.linkBoxList.help .shortLinkArea {position:static;}
	.linkBoxList.help .shortLink {position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; padding:0; transform:none;}
	.linkBoxList.help .shortLink > span {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
	.linkBoxList.help .shortLink > em {display:none;}
	
	.linkBoxList.help .block {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_fz_z.cat); background-repeat: no-repeat; background-position:right bottom 34px; background-size: 32px 32px;}
	.linkBoxList.help .block.doc_2 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cncre_fz_z.cat);}
	.linkBoxList.help .block.doc_3 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_fz_z.cat);}
		
	/* icoLinkList */
	.icoLinkListArea {margin:0 -4px;}
	.icoLinkList {display:block;}
	.icoLinkList:after {display:block; content:''; clear:both;}
	.icoLinkList > li {display:inline-block; float:left; width:33.3333%; padding:0 4px;}
	.icoLinkList .block {width:100%; height:100px; padding-top:69px;}
	.icoLinkList .desc {display:none;}
	.icoLinkList .tit {font-size:14px;}
	.icoLinkList [class*=ico_] {background-position:center 10px; background-size:45px 45px;}
	.icoLinkList .block:before,
	.icoLinkList .block:after {content:none;}
	
	.icoLinkListArea > .btnMore {position:static; margin-left:4px; margin-right:4px;}
	.icoLinkListArea > .btnMore span {padding-right:45px;}
	.icoLinkListArea > .btnMore span:before,
	.icoLinkListArea > .btnMore span:after {right:10px;}
	.btnMore {display:block; margin-top:30px; padding:9px 0 10px; border:1px solid #ddd; border-radius:6px; text-align:center;}

	/* 유용한 정보 링크 */
	.infoLinkList {display:-webkit-flex; display:flex; margin:0 -24px; padding:0 20px; overflow:auto; scroll-snap-type:x mandatory; scroll-padding:20px; -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory;}
	.infoLinkList > li {display:block; position:relative; float:none; -webkit-flex:none; flex:none; width:100% !important; padding:0 4px; align-items:start; justify-content:start; scroll-snap-align:start;}
	.infoLinkList > li:last-child {width:calc(100% + 20px) !important; padding-right:24px;}
	.infoLinkList .block {height:370px !important; padding:0 31px !important;}
	.infoLinkList p {padding-right:0 !important;}
	.infoLinkList .block:focus,
	.infoLinkList .block:hover {height:370px; margin-top:0;}
	
	.infoLinkList .block.info .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j_z.cat) #715deb; background-repeat:no-repeat; background-position:31px 38px; background-size:40px 40px;}
	.infoLinkList .block.cases .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ireqvpg_j_z.cat) #5d88fb; background-repeat:no-repeat; background-position:31px 38px; background-size:40px 40px;}
	.infoLinkList .block.notice .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pnhgvba_j_z.cat) #1ea5a1; background-repeat:no-repeat; background-position:31px 38px; background-size:40px 40px;}

	.infoLinkList.help .tit {padding-top:130px;}
	.infoLinkList.help .shortLink {right:31px;}
	
	.infoLinkList.help .block .tit {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j_z.cat); background-size:40px 40px; background-position:left 50px;}
	.infoLinkList.help .block.manual .tit {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znahny_j_z.cat); background-size:40px 40px;}
	
	/* 기본 링크 */
	.linkList {margin:0;}
	.linkList > li {width:100%; padding:4px 0;}
	.linkList .block {padding:27px 50px 0 31px;}
	.linkList .block:after {content:''; position:absolute; left:auto; right:38px; top:50%; bottom:auto; width:8px; height:8px; border:1px solid #4560e6; border-width:2px 2px 0 0; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
	.linkList .block > span:after {content:none;;}

	/* 링크 묶음 */
	.linkListBund {margin:0; padding-right:0;}
	.linkListBund .linkList {display:-webkit-flex; display:flex; float:none; width:auto; margin:0 -24px; padding:0 20px; overflow:auto; scroll-snap-type:x mandatory; scroll-padding:20px; -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory;}
	.linkListBund .linkList > li {display:block; position:relative; float:none; -webkit-flex:none; flex:none; width:auto; padding:0 4px; align-items:start; justify-content:start; scroll-snap-align:start;}
	.linkListBund .linkList > li:last-child {width:172px !important; padding-right:24px;}
	.linkListBund .linkList .block {width:144px; height:120px; padding:33px 34px 0;}
	.linkListBund .linkList .block:after {content:none;}

	.linkListBund .linkBoxList {float:none; width:100%; margin:24px 0 0; padding:0; border:0;}
	.linkListBund .linkBoxList .block {height:auto; padding-right:40px; border:0;}


	.conRowList>li,
	.conRowList>li:last-child{width:100%;}
	
	/* 보험상품*/
	.icoLinkList [class*=ico_] {background-size:40px 40px; background-position:center 15px;}
	/* 보험상품*/
	.icoLinkList .ico_life {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr_z.cat);}
	.icoLinkList .ico_annu {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_z.cat);}
	.icoLinkList .ico_vari {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2_z.cat);}
	.icoLinkList .ico_heal {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_z.cat);}
	.icoLinkList .ico_kids {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_z.cat);}
	.icoLinkList .ico_easy {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rnfl_z.cat);}
	.icoLinkList .ico_digi {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv_z.cat);}
	/* 소비자포털 */
	.icoLinkList .ico_fine {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cbegny_z.cat);}
	.icoLinkList .ico_fina {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvfp2_z.cat);}
	.icoLinkList .ico_video {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ivqrb_z.cat);}
	.icoLinkList .ico_srch {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urneg2_z.cat);}
	.icoLinkList .ico_tip {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znahny_z.cat);}
	.icoLinkList .ico_alarm {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fvera_z.cat);}
	
	/*************************************************** 상품 상세 ***************************************************/
	/* 모션애니 */
	.loanAni {height:328px; margin:0 -24px;}
	.loanAni [class^=ani] {margin-top:15px;}

	.loanAni .swiper-controls {left:50%; bottom:12px; width:auto; padding:0; white-space:normal; transform:translateX(-50%);}
	.loanAni .swiper-pagination {padding-left:0;}
	.loanAni .swiper-pagination:before {content:none;}
	.loanAni button.swiper-pagination-bullet {width:17px; height:17px; margin:0 2px !important;}
	.loanAni button.swiper-pagination-bullet:before {left:50%; transform:translate(-50%, -50%);}
	.loanAni button.swiper-pagination-bullet:after {content:none !important;}
	.loanAni button.swiper-pagination-bullet .item {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}

	.loanAni .swiper-button-stop,
	.loanAni .swiper-button-play {margin:0 0 0 10px;}
	
	/* 모션애니 - 나침반 */
	.aniCompass {width:200px; height:200px;}

	/* 모션애니 - 그래프 */
	.aniGraph {width:100%; padding:0 24px 0;}
	.aniGraph .graphArea {padding-top:140px;}
	.aniGraph .txt {font-size:16px !important; font-weight:300;}
	.aniGraph .marker {bottom:70px; width:100px; height:56px; line-height:56px;}
	.aniGraph .txtArea {margin-top:18px;}

	/* 모션애니 - 서류박스 */
	.aniFile {width:196px; height:210px;}
	.aniFile:before {bottom:20px;}
	.aniFile .fileGroup .paper.last {padding:24px 18px 0;}
	.aniFile .checkArea {margin-bottom:16px;}
	.aniFile .check {width:46px;}

	/* 모션애니 - 계량기 */
	.aniGauge {width:248px; height:176px; margin-top:32px !important;}
	.aniGauge .needle {bottom:43px;}

	/* 모션애니 - 계산기 */
	.aniCalcu {width:207px; height:210px; margin-left:32px;}
	.aniCalcu [class^=ico_] {width:48px; height:48px; line-height:48px;}
	.aniCalcu [class^=ico_] > img {width:30px; height:30px;}
	.aniCalcu .ico_1 {left:10px; bottom:73px;}
	.aniCalcu .ico_2 {left:64px; bottom:19px;}
	.aniCalcu .ico_3 {left:118px; bottom:73px;}
	.aniCalcu .screen {width:175px; padding-top:17px;}
	.aniCalcu .screen .tit {margin-bottom:2px; font-size:16px;}
	.aniCalcu .screen .interRate {font-size:20px;}

	/* 모션애니 - 달력 */
	.aniCalendar {width:174px; height:206px;}
	.aniCalendar .term {padding-top:10px;}
	.aniCalendar .yearAni {font-size:28px;}
	.aniCalendar .yearAni .num {font-size:50px;}


	.prdDetail .conIcoR {padding:140px 0 0;}
	.prdDetail .conIcoR .img {position:absolute;left:50%; transform:translate(-50%, 0);}
	.prdDetail .conIcoR .img + [class^=titH] {width:100%; padding-left:0;}
	.prdDetail .conIcoR + .conIcoR {margin-top:60px;}
	.prdDetail .conIcoR.insuCalc {margin-bottom:60px; padding:140px 0 0;}
	.prdDetail .conIcoR.insuCalc :not(.img) {text-align:center;}
	.prdDetail .conIcoR.insuCalc .btn_p {position:static;width:100%;margin-top:20px;min-height:44px;line-height:34px;border-radius:6px;}
	.prdDetail .conIcoR.insuCalc .btn_p span{font-size:16px;font-weight:300;}
	.prdDetail .conIcoR.insuCalc .img {left:50%; transform:translate(-50%, 0);}
	
	.prdDetail [class^=conBox] .titDiv.frBtn .titL {padding-top:0; padding-bottom:0;}
	.prdDetail [class^=conBox] .btn_t.m {width:100%;}
	.prdDetail [class^=conBox] .btn_t.m.abs {position:static;}
	.prdDetail .conBoxList img {width:100%;}
	
	/* txtGuiBox */
	.txtGuiBox > .fl,
	.txtGuiBox > .fr{float:none;}
	.txtGuiBox > .fl{margin-top:0;}
	.txtGuiBox .btn_p{margin-top:20px;width:100%;}	
	.txtGuiBox.AppDown .inr{padding-left:88px;}
	.callCenterSvc .box{float:none;width:100%;margin-bottom:25px;}
	/* prdLinkList */
	.prdLinkList{display:block;width:100%;margin:48px 0 -8px;}
	.prdLinkList > li{display:block;width:100% !important;margin-bottom:8px;}
	.prdLinkList .block{position:relative;margin:0;padding:12px 22px 15px;text-align:left;}
	.prdLinkList [class^=ico_]{position:absolute;top:50%;right:22px;transform:translate(0, -12px);}

	/* 동영상 팝업 */
	.videoCont {top:auto; height:100vh; transform:none;}
	.videoCont video {position:relative; top:50%; width:100%; transform:translateY(-50%);}
	.videoCont .btn_p.more {left:50%; right:auto; top:74%; transform:translateX(-50%); background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sivqrb_zber_z.cat) !important; background-size:16px 14px;}
	.videoCont .icoBtn_close {top:20px; right:20px; background-color:transparent;}
	
	.videoWrap.open {-webkit-mask-size: 1000vh;}
	.videoCont .subtitle {left:50%; right:auto; bottom:10px; background-color:rgba(255, 255, 255, .2); transform:translateX(-50%);}
}

@media all and (max-width:414px) {
	/* 동영상 팝업 */
	.videoCont .btn_p.more {top:70%;}
}

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

@media all and (max-width:360px) {
	/* conImg */
	section .conImg img {max-width:100%;}
}

@media all and (max-width:320px) {
	/* 동영상 팝업 */
	.videoCont .btn_p.more {top:67%;}
	
	/* 반응형 테이블 */
	.tblConList .td .txtItem > * {display:block; margin:0 0 5px 0; word-break:keep-all;}
	.tblConList .td .txtItem > *:not(:first-child):before {content:none;}
}





















/*================================================== 회사소개 ==================================================*/
/* 공통 텍스트 컬러 */
.company .pointC1 {color:#5642bf !important;}

/* 공통 section */
.company #content section.full {margin-top:0; }
.company #content section.full:not(:last-child) {margin-bottom:0;}
.company #content section:not(.bgPhoto) {z-index:1;}

/* 공통 Text List */
.company .txtList.dot > li:before {background-color:#665dcf;}

/* 공통 Button */
.company .btn_p {border-color:#715deb; background-color:#715deb;box-shadow:4px 8px 16px rgba(113, 93, 235, 0.24);}

/* 공통 Tooltip */
.company .tipWrap .icoBtn_tip{width:22px; height:22px; margin-top:-2px; border-color:#eef3ff; background:#eef3ff;}
.company .tipWrap .icoBtn_tip:before,
.company .tipWrap .icoBtn_tip:after{content:""; position:absolute; display:inline-block; top:50%; left:50%; width:10px; height:2px; padding:0; font-size:0; line-height:22px; background:#5d88fb; transform:translate(-50%, -50%);}
.company .tipWrap .icoBtn_tip:after{transform:translate(-50%, -50%) rotate(90deg);}
.company .tooltip{border-radius:0;}
	
/* 컨텐츠 타이틀 - 번외 */
.company .titExtra {margin:105px 0; padding:0; text-align:left; word-break:keep-all;}
.company .titExtra.mb {margin-bottom:64px;}
.company .titExtra .desc{font-size:18px;}
.company .titExtra:after {display:none;}
.company .titHL{margin-bottom:23px; font-size:32px; word-break:keep-all; color:#222;}
.company .titHL:last-child{margin-bottom:0;}
.company .mark{border-bottom:1px solid transparent; border-image-source:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_gvg_znex.cat); border-image-outset:0; border-image-repeat:repeat; border-image-width:auto; border-image-slice:0 0 15 0;}

/* bgPhoto */
.company section.bgPhoto {margin-top:-200px !important; margin-bottom:0; padding-top:240px; padding-bottom:110px !important; text-align:left; z-index:0;}
.company section.bgPhoto + section.bgPhoto{margin-top:0 !important;} 
.company section.bgPhoto:before {content:""; position:absolute; top:0; left:-240px; width:calc(100% - 240px); border-width:240px; border-style:solid; border-color:#fff transparent transparent transparent; border-bottom:none;}
.company section.bgPhoto:after {content:""; position:absolute; top:0; right:0; width:240px; height:240px; box-shadow:inset -60px 60px 0 0px #715deb;}
.company section.bgPhoto > .inner {padding-top:110px;}
.company section.bgPhoto .copyArea:after{content:"";display:block;clear:both;}
.company section.bgPhoto .copyArea > .tit {font-size:32px;}
.company section.bgPhoto .copyArea > .tit.quote {font-size:24px; text-align:center;}
.company section.bgPhoto .copyArea > .tit.quote:before {content:''; display:block; width:52px; height:40px; margin:-66px auto 23px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_dhbgr.cat) no-repeat 0 0 / cover;}
.company section.bgPhoto .copyArea > .tit:first-child {margin-top:0;}
.company section.bgPhoto .info {padding:65px 0 0; font-size:0; word-spacing:0; }
.company section.bgPhoto .info > li {display:inline-block; position:relative; width:33.3333%; text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.5); vertical-align:top;}
.company section.bgPhoto .info > li:nth-child(-n+2) .lb {padding-top:0;}
.company section.bgPhoto .info p:not(.lb) {padding-bottom:20px; font-size:16px; font-weight:500;}
.company section.bgPhoto .info .lb {padding-top:20px; font-size:16px;font-weight:300;}
.company section.bgPhoto .info .num {position:absolute; top:-8px; left:0; font-size:48px; font-weight:700;}
.company section.bgPhoto .info .num ~ p {padding-left:80px;}
.company section.bgPhoto .info .num ~ p:not(.lb) {margin-top:0; padding-bottom:30px; font-size:24px; }
.company section.bgPhoto .info .num + .lb {padding-top:0; font-size:14px;}
.company section.bgPhoto .slg {font-size:18px;color:#715deb;font-weight:500;}
.company section.bgPhoto .desc {margin-top:70px; text-align:center;}
.company section.bgPhoto .btn_s {border-color:rgba(255, 255, 255, 0.35);}
.company section.bgPhoto .titWrap {float:left;display:inline-block;}
.company section.bgPhoto .titWrap .lg {font-size:18px;}
.company section.bgPhoto .titWrap .tit {margin-top:0;font-size:72px;}
.company section.bgPhoto .titWrap + .info {float:right; width:750px; padding-top:0;}
.company section.bgPhoto .titWrap + .info li {width:50%;border-bottom-color:rgba(255, 255, 255, 0.1);}
.company section.bgPhoto .titWrap + .info li:last-child {border-bottom:none;}
.company section.bgPhoto.aboutus {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_nobhghf.wct);}
.company section.bgPhoto.ci {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_pv.wct);}
.company section.bgPhoto.recruit {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_erpehvg.wct);}
.company section.bgPhoto.eco {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_rpb.wct);}
.company section.bgPhoto.talent {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_gnyrag.wct);}
.company section.bgPhoto.fc {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_sp.wct);}
	
	
/* 상단검색 */
.company .pageTit .dataSrchBox {margin:26px 0 -38px;}
.company .pageTit .ipt {padding-left:25px; border:1px solid #ccc; border-radius:3px; color:#222;}
.company .pageTit select.ipt {padding-right:70px; border-radius:3px 0 0 3px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja.fit) no-repeat right 20px center; background-size:32px;}
.company .pageTit select.ipt + .iptWrap {margin-left:-9px;}
.company .pageTit select.ipt + .iptWrap .ipt {border-radius:0 3px 3px 0;}
.company .pageTit .btnIco_srch {background-color:#5d88fb; border-radius:3px; border-color:transparent;}
.company .pageTit .ipt::placeholder {color:#909090; font-size:18px; opacity:0.5;}
.company .pageTit .ipt::-webkit-input-placeholder {color:#909090; font-size:18px; opacity:0.5;}
.company .pageTit .ipt::-moz-placeholder {color:#909090; font-size:18px; opacity:0.5;}
.company .pageTit .ipt:-ms-input-placeholder {color:#909090; font-size:18px; opacity:0.5;}
.company .pageTit .iptWrap .icoBtn_del {box-shadow:inset 0px 0px 0px 12px #715deb;}
.company .pageTit .iptWrap .icoBtn_del:before,
.company .pageTit .iptWrap .icoBtn_del:after {background-color:#fff;}
.company .pageTit .ipt:focus {border-color:#5d88fb; background-color:transparent;}

/* 게시판 */
.company .bbsView {margin-top:-64px;}
.company .bbsView .bbsHead {padding-bottom:50px; border-color:#222;}
.company .bbsView .bbsHead .titArea{margin-top:0;}
.company .bbsView .bbsHead .titArea,
.company .bbsView .bbsHead .date {display:block; width:100%; text-align:center;}
.company .bbsView .bbsHead .titArea .tit {font-size:32px;}
.company .bbsView .bbsHead .date {margin-top:18px; color:#666; font-size:14px;}
.company .bbsView .bbsBody {padding-top:50px;}
.company .bbsView .bbsBody > .img {margin-top:-51px; margin-bottom:64px; border-radius:0;}

/* 동영상 게시판 - 상세 */
.company .videoDetail {margin-top:50px; padding-bottom:0;}
.company .videoDetail:before {display:none;}
.company .videoDetail .videoArea video,
.company .videoInfo .infoBody,
.company .videoBbsList.sm .thum {border-radius:0;}

/* stepList */
.stepWrap:after{content:""; display:block; clear:both;}
.stepWrap .titArea{float:left; display:block; width:inherit; margin:0;}
.stepWrap .stepList{margin-left:205px;margin-top:5px;}
.stepWrap .stepList:after{left:4px; border-left:2px solid #f8f7fe;}
.stepWrap .stepList > li:last-child:after{left:4px; border-left:2px solid #fff;}
.stepWrap .stepList > li:before{top:5px; left:-5px; width:20px; height:20px; border:6px solid #f8f7fe; background:#715deb;}
.stepWrap .stepList > li .tit{margin-left:-10px; margin-bottom:10px; font-weight:300;}
.stepWrap .stepList > li .desc{margin-left:-10px; border-radius:0;}
.stepWrap .stepList > li.last .tit{color:#715deb; font-weight:500;}
.stepWrap .stepList > li.last .desc{color:#715deb; background:#fff; border:1px solid #d4cef9; box-shadow:16px 16px 32px 0 rgba(113,93,235,0.08);}

/* linkBox */
.linkBox {display:table; width:100%; margin-top:64px; padding:24px; background:#f8f8f8; word-break:keep-all;} 
.linkBox > [class*=f] {float:none; display:table-cell; vertical-align:middle;}
.linkBox > .fr {text-align:right;}
.linkBox [class*=titH] {margin-top:0; margin-bottom:0;}
.linkBox [class*=titH] + .desc {margin-top:3px; margin-bottom:0;}
.linkBox [class^=btn_].m {margin:9px 1px;}

/* colWrap */
div.colWrap,
.colWrap > li {display:flex; width:100%;}
.colWrap > li {border-bottom:1px solid #eee;}
.colWrap > li + li {margin-top:48px;}
.colWrap .col{position:relative; width:50%; font-size:18px; line-height:1.8; word-break:keep-all;}
.colWrap .cont:first-child {padding-right:75px;}
.colWrap .titExtra:first-child{margin:0;}
.colWrap .img{text-align:right;}
.colWrap .img img{width:100%;}
.colWrap.imgList > li {align-items:center;}
.colWrap.imgList .col{font-size:16px; color:#666;}
.colWrap.imgList .img{margin-bottom:-1px;}
.colWrap.imgList .tit{margin-bottom:10px; font-size:24px; color:#222;}
.colWrap.imgList .info {overflow:hidden;}
.colWrap.imgList .info > * {position:relative; display:inline-block; margin-right:16px;}
.colWrap.imgList .info > *:last-child {margin-right:0;}
.colWrap.imgList .info > *:not(:first-child):before {content:''; position:absolute; left:-10px; top:50%; height:13px; margin-top:-6px; border-right:1px solid #ddd;}

.txtL + .colWrap.imgList {margin-top:43px;}


/*================================================== 페이지별 컨텐츠  ==================================================*/

/* 연수원 소개 */
/* .videoWrap{padding:110px 0;}
.videoWrap:after {content:""; display:block; clear:both;}
.videoWrap .titArea {margin:0 0 20px;}
.videoWrap .videoArea {float:left; width:560px; height:316px; z-index:0;}
.videoWrap .videoArea video {width:100%; height:100%; overflow:hidden;background:#000;}
.videoWrap .subscript {float:right; width:560px; height:316px; padding:24px 30px 6px; border:1px solid #f2f2f2; overflow-y:auto; background:#fff;}
.videoWrap .subscript pre {white-space:break-spaces;} */
.mapInfo {display:table; margin-top:65px; table-layout:fixed; background:#614ce0;}
.mapInfo > .box {display:table-cell; padding:26px 30px 28px; color:#fff; }
.mapInfo > .box:first-child {background:#715deb;}
.mapInfo .inquiry {width:770px;}
.mapInfo .inquiry .tit {margin-bottom:12px; font-size:18px; font-weight:500;}
.mapInfo .inquiry ul {font-size:0; word-spacing:0;}
.mapInfo .inquiry li {display:inline-block; margin-right:7px; padding-right:8px; line-height:13px; border-right:1px solid #7f6eed;}
.mapInfo .inquiry li:last-child{margin-right:0; padding-right:0; border:none;}
.mapInfo .inquiry li span{display:inline-block; margin-right:7px; font-size:14px; color:rgba(255,255,255,0.7); font-weight:300; vertical-align:bottom;}
.mapInfo .inquiry li :not(span){display:inline-block; color:#fff; font-size:16px; font-weight:500; vertical-align:bottom;}
.mapInfo .map {width:366px; text-align:center;}
.mapInfo .map .tit{margin-bottom:6px; font-size:16px; color:#fff; }
.mapInfo .map .tit:before{content:""; display:inline-block; width:12px; height:15px; margin-right:6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gvg_fcbg_j.cat) no-repeat 0 0; vertical-align:baseline;}
.mapInfo .map a {font-size:18px; color:#fff; font-weight:500; border-bottom:1px solid #dfdcf8;}

/* 찾아오시는길 */
.centerMap {display:table; height:580px; margin:0 -32px -32px;}
.centerMap > div {display:table-cell; vertical-align:top;}
.centerMap .mapInfo {width:360px; margin-top:0; color:#fff;}
.centerMap .mapInfo > .box {display:block; position:relative; width:100%;}
.centerMap .mapInfo .sl {position:absolute; top:32px; right:30px; width:84px; height:14px; font-size:0; color:transparent; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_znc_fy_ybtb.cat) no-repeat 0 0;}
.centerMap .mapInfo .addr {font-size:14px;}
.centerMap .mapInfo [class*=titH] {margin-top:0; color:#fff;}
.centerMap .mapInfo .info {height:410px; padding:158px 30px 30px;}
.centerMap .mapInfo .inquiry {padding-top:42px;}
.centerMap .mapInfo .inquiry ul {margin-top:12px;}
.centerMap .mapInfo .inquiry li {margin-right:0; padding-right:0; border-right:none;}
.centerMap .mapInfo .inquiry li + li {margin-top:16px;}
.centerMap .mapInfo .inquiry strong {font-size:14px;}
.centerMap .txtList.disc {margin:40px 0 0;}
.centerMap .txtList.disc > li {color:#dbd7f9; font-size:14px;}
.centerMap .txtList.disc > li:before {background-color:#fff;}

/* 사회책임보고서 */
.reportArea {margin-top:17px;}
.reportArea:after {content:"";display:block;clear:both;}
.reportArea .repThum {float:left;width:464px;height:612px;box-shadow:48px 48px 24px 0 rgba(0,0,0,0.08);}
.reportArea .repList {float:right;width:560px;border-top:1px solid #222;border-bottom:1px solid #222;}
.reportArea .repList > li {border-top:1px solid #eee;}
.reportArea .repList > li:first-child {border-top:none;}
.reportArea .repList a {display:block; position:relative; padding:26px 60px 26px 0;}
.reportArea .repList .ico_file {position:absolute; top:50%; right:8px; transform:translateY(-50%);}
.reportArea .repList span {font-size:18px; color:#222;}

/* 연혁 */
.hisList {position:relative;}
.hisList:after {content:''; position:absolute; left:12px; top:24px; bottom:0; border-left:1px solid #f8f7fe;}
.hisList > li {position:relative; padding-left:64px; padding-bottom:68px;}
.hisList > li:before {content:''; display:block; position:absolute; left:0; top:5px; width:24px; height:24px; border:8px solid #f8f7fe; border-radius:100%; background:#715deb; box-sizing:border-box; z-index:2;}
.hisList > li:last-child {padding-bottom:0 !important;}
.hisList > li:last-child:after {content:''; position:absolute; left:12px; top:29px; bottom:0px; border-left:1px solid #fff; z-index:1;}
.hisList > li p + p{margin-top:20px;}
.hisList > li .tit {position:relative;  display:block; margin-bottom:14px; font-size:24px; color:#222; font-weight:500;}
.hisList > li .date {display:inline-block; min-width:40px; font-size:18px; color:#666; text-align:center; vertical-align:top;}
.hisList > li .desc {display:inline-block; width:calc(100% - 50px); padding-left:18px; color:#222; font-size:18px;}
.hisList > li .img{margin-top:57px; white-space: nowrap; font-size: 0;}

/* 사업영역 */
.bizList {display:flex; width:100%; margin-top:43px; flex-wrap: wrap; justify-content:space-between;}
.bizList > li {width:528px; margin-top:75px;}
.bizList:not(.wide) > li:nth-child(-n+2) {margin-top:0;}
.bizList a {display:block;}
.bizList .thum {overflow:hidden;}
.bizList .thum img{transition:all 0.15s ease-in-out;}
.bizList .txt {margin-top:7px; font-size:16px;  color:#666;}
.bizList .tit {font-size:18px; color:#222; font-weight:500;}
.bizList .tit {display:inline-block; position:relative; margin-top:25px; padding-right:27px; }
.bizList a .tit:before,
.bizList a .tit:after {content:''; position:absolute; right:0; top:50%; box-sizing:border-box; transition:all 0.15s ease-in-out; z-index:1;}
.bizList a .tit:before {width:8px; height:8px; border:1px solid #222; border-width:2px 2px 0 0; transform:translateY(-50%) rotate(45deg);}
.bizList a .tit:after {width:22px; height:2px; background-color:#222; transform:translateY(-50%);}
.bizList a:hover .thum img,
.bizList a:focus .thum img{transform:scale(1.2);}

/* 윤리경영 */
.noticeWrap{display:flex; margin-top:30px; justify-content:space-between;}
.noticeWrap > .box {width:100%; margin-left:16px; padding:34px 20px 34px 40px; background:#f8f8f8;}
.noticeWrap > .box:after{content:""; display:block; clear:both;}
.noticeWrap > .box:first-child {margin-left:0; background:#f8f7fe;}
.noticeWrap > .box:first-child .titH3,
.noticeWrap > .box:first-child li {color:#5642bf;}
.noticeWrap .titH3{float:left; margin-top:0;}
.noticeWrap .txtList{margin-left:150px; margin-bottom:0;}
.noticeWrap .txtList > li + li{margin-top:6px;}

/* 230317 산업안전보건 (s) */
.goalWrap .icoConList.boxLt li {text-align: center;padding-top: 120px;background-size: 49px !important;}
.goalWrap .icoConList.boxLt li:nth-child(1) {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tbny_01.cat') 50% 50px no-repeat;}
.goalWrap .icoConList.boxLt li:nth-child(2) {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tbny_02.cat') 50% 50px no-repeat;}
.goalWrap .icoConList.boxLt li:nth-child(3) {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tbny_03.cat') 50% 50px no-repeat;}
.goalWrap .icoConList.boxLt li .desc {font-size: 18px;}
.goalWrap .icoConList.boxLt li .tit {margin-top: 10px;}
.company .goalWrap .titExtra {margin-top:0;}
.company .goalWrap .titExtra h2.titH2 {margin-top:50px;}
.company .goalWrap .titExtra h3.titH3 {font-size:20px;margin-top:40px;}
.company .goalWrap .titExtra p.desc {word-break: normal;}
.goalWrap .goalBox {display:flex;flex-wrap:wrap;border-top:1px solid #222;}
.goalWrap .goalBox li {width:47%;padding:30px 0;border-bottom: 1px solid #ddd;}
.goalWrap .goalBox li:nth-child(odd) {margin-right:6%;}
.goalWrap .imgBox {text-align: center;border: 1px solid #ddd;margin-top: 20px;padding: 50px 0;}
.goalWrap .imgBox .mo {display:none;}
.goalWrap .goalTabel {margin-top:50px;border-top: 1px solid #222;text-align: center;}
.goalWrap .goalTabel ul {border-bottom: 1px solid #aaa;}
.goalWrap .goalTabel li {font-weight:500;color: #222;font-size: 14px;}
.goalWrap .goalTabel li,
.goalWrap .goalTabel dt,
.goalWrap .goalTabel dd {padding: 15px;}
.goalWrap .goalTabel ul,
.goalWrap .goalTabel dl {display:flex;}
.goalWrap .goalTabel li,
.goalWrap .goalTabel dt,
.goalWrap .goalTabel dd {width: 230px;}
.goalWrap .goalTabel li:last-child,
.goalWrap .goalTabel dd:last-child {width: 674px;}
.goalWrap .goalTabel dl {border-bottom: 1px solid #ddd;}
.goalWrap .goalTabel dt {font-weight: 500;}
.goalWrap .goalTabel dd:nth-child(2) {border-left:1px solid #ddd;border-right:1px solid #ddd;}
.goalWrap .goalTabel dd:last-child {text-align: left;}


@media all and (max-width:768px) {
	.goalWrap .goalBox {display:flex;}
	.goalWrap .goalBox li {width:100%;padding:20px 0;}
	.goalWrap .goalBox li:nth-child(odd) {margin-right:0;}
	.goalWrap .imgBox {border:none;padding:0;margin-top:40px;}
	.goalWrap .imgBox .pc {display:none;}
	.goalWrap .imgBox .mo {display:inline-block;width:100%;max-width: 355px;}
	.company .goalWrap .titExtra h3.titH3 {font-size:1.8rem;}
	.company .titExtra .desc {font-size:1.7rem;line-height:2.7rem;}
	.goalWrap .goalTabel {text-align: left;}
	.goalWrap .goalTabel ul {display:none;}
	.goalWrap .goalTabel dl {display:block;padding:12px;}
	.goalWrap .goalTabel dt,
	.goalWrap .goalTabel dd {width: 100%;}
	.goalWrap .goalTabel dd:last-child {width: 100%;}
	.goalWrap .goalTabel dd:nth-child(2) {border: none;}
	.goalWrap .goalTabel dt,
	.goalWrap .goalTabel dd {padding: 8px;}
}

/* 230317 산업안전보건 (e) */

/* ceo인사말 */
.ceo .cont:first-child {padding-right:20px;}
.ceo .cont > p {font-size:16px;}
.ceo .cont > p + p {padding-top:20px;}
.ceo .txtXL {line-height:1.6;}
.ceo .img {margin-top:10px;}
.ceo .img:after,
.ceo .img:before{content:""; position:absolute; right:0; bottom:0; width:160px; height:160px; box-sizing:border-box;}
.ceo .img:before{box-shadow:inset -40px 40px 0 0px #715deb; z-index:1;}
.ceo .img:after{width:0; height:0; border-style:solid; border-width:80px; border-color:transparent #fff #fff transparent;}
.signBox{display:flex; margin-top:20px; width:calc(100% - 75px); height:83px; padding:17px 30px; justify-content:space-between; border:1px solid #d4cef9; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_fvtaObk.cat) no-repeat 0 0; box-shadow:0 16px 32px rgba(113,93,235,0.08);}
.signBox > p{font-size:16px; color:#5642bf; font-weight:500; line-height:1.4;}
.signBox .name{margin-top:10px; text-align:right; font-size:14px; color:#5642bf; font-weight:500; line-height:1.4;}
.career {padding:30px 23px; margin-top:25px; border-top:1px solid #222; border-bottom:1px solid #eee;}
.career li {display:table; width:100%; vertical-align:top; table-layout:fixed;}
.career li + li {margin-top:15px;}
.career li > div {display:table-cell; font-size:16px; color:#222;}
.career li .year {width:60px; color:#666; letter-spacing:-0.03em;}
.career:not(.edu) li .year {width:160px;}

/* 일하는방식 */
.slWorkList li + li {margin-top:80px;}
.slWorkList .cont:first-child {padding-right:20px;}
.slWorkList .num {display:inline-block; color:#715deb; font-size:40px; font-weight:700; line-height:1;}
.slWorkList .tit {display:block; color:#222; font-size:24px; font-weight:500;}
.slWorkList .subTit {margin:25px 0 3px 0; color:#222; font-size:16px; font-weight:500;}
.slWorkList .desc {font-size:16px;}

/* 설계사행동기준 */
.standardRule {margin-top:50px;}
.standardRule > li {padding:53px 0;}
.standardRule > li + li {margin-top:0;}
.standardRule > li:first-child {border-top:1px solid #222;}
.standardRule > li:last-child {border-bottom:none;}
.standardRule .col {width:66%;}
.standardRule .col:first-child {width:34%;}
.standardRule .cont > .basicC1 {margin-bottom:10px;}
.standardRule .txtList.numL > li {margin-top:8px;}

/* 친환경경영 */
.envList{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;border-top:1px solid #222;margin-top:30px;}
.envList > li{width:calc(50% - 32px);padding:38px 0;box-sizing:border-box;border-bottom:1px solid #eee;word-break:keep-all;}
.envList > li:last-child{border:none;}
.envList .signArea{font-size:0;}
.envList .signArea .date{display:inline-block;width:190px;vertical-align:top;color:#222;font-size:16px;font-weight:500;}
.envList .signArea .nameBox{position:relative;display:inline-block;vertical-align:top;}
.envList .signArea .nameBox:after{content:'';position:absolute;bottom:-43px;display:block;width:100%;border:2px solid #222;}
.envList .signArea .name{display:inline-block;font-size:14px;text-align:center;}
.envList .signArea .sign{width:auto;margin:0 0 0 20px;vertical-align:top;}
.envBottom{position:relative;height:560px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Spquu0140_obggbz.cat) no-repeat center center;background-size:cover;}
.company section.bgPhoto.env {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_rai.wct);}

/* FC */
.company section.fc .txtL {margin-top:50px;}
.company section.fc .txtL + .txtList {margin-top:15px;}
.company section.fc .img {margin-top:55px; text-align:center;}
.company section.fc .tabWrap + .conBox {margin-top:80px; background-color:#fff;}
.company section.fc .tabWrap + .conBox .links{transform:translateY(50%);}

/* GA */
.company .colWrap.ga .cont:first-child {padding-right:0;}
.company .colWrap.ga .col.img {width:416px; margin:64px 0 0 auto;}
.company .conBoxList > li .block {border-radius:0; border-color:#d4cef9;}
.company [class^=conBox].point .titDiv {background-color:#f8f7fe; border-radius:0;}
.company [class^=conBox].point .titDiv [class^=tit] {color:#5642bf !important; }
.company [class^=conBox].point .infoDiv .desc {color:#222;}
.company .systemConList {position:relative; text-align:center; margin-top:30px;}
.company .systemConList:after {content:''; position:absolute; width:1136px; height:116px; left:0; right:0; bottom:-50px; z-index:-1; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_pquu0430_fl_obggbz.cat) no-repeat center bottom;}
.company .systemConList .icoBox {display:inline-block; width:208px; height:208px; text-align:center; padding:35px 0; margin:0 12px; background-color:#00a3bb; vertical-align:top;}
.company .systemConList .icoBox.systemico02 {background-color:#5d88fb;}
.company .systemConList .icoBox.systemico03 {background-color:#715deb;}
.company .systemConList .icoBox.systemico04 {background-color:#5642bf;}
.company .systemConList .icoBox .ico {display:inline-block; width:40px; height:40px;}
.company .systemConList .icoBox .ico img {width:100%;}
.company .systemConList .icoBox .tit {margin-top:30px; font-size:16px; color:#fff;}
.company .gaStepImg {margin-bottom:110px;}
.company .gaStepImg img {max-width:100%;}

/* 21.09.16 s */
.company .systemConList .icoBox.examination {padding:45px 0;}
.company .systemConList .icoBox.examination .tit {margin-top:40px;}
.company .systemConList .icoBox.examination .ico {width:48px; height:48px;}
/* 21.09.16 e */

/* UN 지속가능보험원칙  */
.titExtra.psi{overflow:hidden;display:table;width:100%;margin:0 0 50px;}
.titExtra.psi .titHL{display:table-cell;vertical-align:middle;text-align:left;}
.titExtra.psi .btnArea{display:table-cell;vertical-align:middle;text-align:right;}
[class*=psi].btn_t > span{margin:0 8px 0 0;}
[class*=psi].btn_t > [class*=ico_]{vertical-align:inherit;}
.psiBtn{margin:0;color:#445fe6;border:1px solid #d6e1fe;background:#f2f6ff;}
.psiInfo{margin-top:50px;}
.psiInfo .img{display:inline-block;margin-right:20px;padding:48px 37px;vertical-align:middle;background:#f8f7fe;}
.psiInfo img + img{margin-left:30px;}
.psiInfo .txtList{display:inline-block;vertical-align:middle;}
.tabContents.un .titArea{margin-top:25px;}
.esgList.li_2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;width:100%;}
.esgList.li_2 > li{width:50%;box-sizing:border-box;margin-top:37px;padding-right:80px;vertical-align:top;}
.esgList.li_2 > li:nth-child(2){margin-top:0;}
.esgList .tit{display:inline-block;margin:0 0 5px;color:#222;font-size:18px;}
.esgList .psiBtn.s{margin:0;}
.icoEsgList .block{float:left;width:50%;margin-top:10px;}
.icoEsgList .block:after{content:'';display:block;clear:both;}
.icoEsgList .block:nth-child(even){padding-left:30px;}
.icoEsgList .titL{margin-top:25px;color:#5642bf;font-size:18px;font-weight:500;}
.icoEsgList .titL + .tit{margin-top:10px;}
.icoEsgList .txtS{margin-top:10px;color:#666;}

/* ci */
.company .imgList.lineL > li {padding-bottom:64px;}
.company .imgList.lineL .img {text-align:center}
.company .imgList.lineL .img img {width:auto;}
.company .imgList.lineL .imgCont li:first-child {position:relative; min-height:100px; margin-top:0;}
.company .imgList.lineL .imgCont li {position:relative; min-height:100px; margin-top:32px; padding-left:120px;}
.company .imgList.lineL .imgCont .img {position:absolute; top:0; left:0; display:inline-block; width:100px; background-color:#f8f8f8;}
.company .imgList.lineL .imgCont .tit {font-size:18px;}

.company .colWrap.typeList {margin-top:24px;}
.company .colWrap.typeList li {padding-bottom:64px;}
.company .colWrap.typeList.noLine li {margin-top:0; border-bottom:0;}
.company .colWrap.typeList li .col {text-align:center;}
.company .colWrap.typeList li .col .img {text-align:center;}
.company .colWrap.typeList li .col .img img {width:auto;}
.company .colWrap.typeList li .col .txt {display:block; padding-top:20px; font-size:16px;}

/* BI - 그래픽모티브 */
.colWrap.biG{margin-top:80px;}
.colWrap.biG .cont{padding-left:40px;}
.colWrap.biG .img{padding-right:8px;}
.colWrap.biG .img img{width:auto;height:644px;}
.colWrap.biG .img:before {content:"";position:absolute;bottom:0;right:8px;width:320px;border-width:320px;border-style:solid;border-color:transparent #fff transparent #fff ;border-bottom:none;}
.colWrap.biG .img:after {content:"";position:absolute;bottom:160px;right:8px;width:162px;height:162px;box-shadow:inset -40px 40px 0 0px #715deb;}
.colWrap.biG .titArea{margin-top:25px;}
.colWrap.biG .titArea .desc{margin:0;padding:0;color:#222;font-size:18px;font-weight:500;}
.colWrap.biG .titArea .titH1{margin:10px 0 10px;color:#5642bf;font-size:64px;line-height:80px;}
.colWrap.biG .titExtra{margin:0 0 50px;}
.colWrap.biG .titExtra .titHL{line-height:51px;}
.colWrap.biG .txt{margin-top:30px;}

/* BI - 브랜드 컬러 */
.brandColor{position:relative;}
.brandColor + .brandColor{margin-top:24px;}
.brandColor .color{position:absolute;bottom:15px;left:15px;color:#222;font-size:14px;font-weight:500;}
.brandColor .mainColor{color:#fff;}
.brandColor .colorGraph{width:100%;font-size:0;}
.brandColor .colorGraph > li{display:inline-block;width:96px;height:136px;}
.brandColor .colorGraph > li:first-child{width:calc(100% - 288px);}
.brandColor .colorGraph > li.c665dcf{background-color:#665dcf;}
.brandColor .colorGraph > li.c8c86db{background-color:#8c86db;}
.brandColor .colorGraph > li.cb2aee7{background-color:#b2aee7;}
.brandColor .colorGraph > li.cd9d6f3{background-color:#d9d6f3;}
.brandColor .colorGraph > li.c92b3ff{background-color:#92b3ff;}
.brandColor .colorGraph > li.cadc6ff{background-color:#adc6ff;}
.brandColor .colorGraph > li.cc8d9ff{background-color:#c8d9ff;}
.brandColor .colorGraph > li.ce4ecff{background-color:#e4ecff;}
.brandColor .colorGraph > li.cbbbdbf{background-color:#bbbdbf;}
.brandColor .colorGraph > li.ccccecf{background-color:#cccecf;}
.brandColor .colorGraph > li.cdddedf{background-color:#dddedf;}
.brandColor .colorGraph > li.ceeeeef{background-color:#eeeeef;}
.brandColor .colorGraph > li.cc8b4ff{background-color:#c8b4ff;}
.brandColor .colorGraph > li.cd6c7ff{background-color:#d6c7ff;}
.brandColor .colorGraph > li.ce3d9ff{background-color:#e3d9ff;}
.brandColor .colorGraph > li.cf1ecff{background-color:#f1ecff;}
.brandColor .colorGraph > li.cffbcc3{background-color:#ffbcc3;}
.brandColor .colorGraph > li.cffcdd2{background-color:#ffcdd2;}
.brandColor .colorGraph > li.cffdde1{background-color:#ffdde1;}
.brandColor .colorGraph > li.cffeef0{background-color:#ffeef0;}
.brandColor .colorGraph > li.c6ecdb2{background-color:#6ecdb2;}
.brandColor .colorGraph > li.c92dac5{background-color:#92dac5;}
.brandColor .colorGraph > li.cb6e6d8{background-color:#b6e6d8;}
.brandColor .colorGraph > li.cdbf2ec{background-color:#dbf2ec;}
.brandColor .colorGraph > li.cffcb88{background-color:#ffcb88;}
.brandColor .colorGraph > li.cffd8a6{background-color:#ffd8a6;}
.brandColor .colorGraph > li.cffe5c3{background-color:#ffe5c3;}
.brandColor .colorGraph > li.cfff2e1{background-color:#fff2e1;}

/* 보험료 계산 */
.dataWrap.calc .tblX select.ipt {width:100%; min-width:auto;}
.dataWrap.calc .dataList {margin:0; border:none;}
.dataWrap.calc .dataList > li {margin-top:-1px; border:none;}
.dataWrap.calc .dataList .block {position:relative; min-height:92px; border:1px solid #eee; border-width:1px 1px 0 1px;}
.dataWrap.calc .dataList > li:last-child .block {border-width:1px;}
.dataWrap.calc .dataList > li:last-child.on .block {border-bottom:none;}
.dataWrap.calc .dataList .on .block {border-color:#5642bf;}
.dataWrap.calc .dataList .on + li {margin-top:0;}
.dataWrap.calc .dataList .on .basicCell {color:#5642bf;}
.dataWrap.calc .dataList .detail {padding-bottom:32px; border-top:1px solid #eee;}
.dataWrap.calc .dataList .on .detail {border-color:#5642bf;}
.dataWrap.calc .dataList .basicCell {width:200px; padding:11px 0 9px 24px; font-size:20px; font-weight:500; text-align:left;}
.dataWrap.calc .dataList .infoCell .txtItem {margin:8px 0; font-size:14px;}
.dataWrap.calc .dataList .infoCell .txtItem .break {min-width:300px}
.dataWrap.calc .dataList .infoCell .txtItem em {color:#666; font-weight:300;}
.dataWrap.calc .dataList .btnArea {position:relative; margin:28px 0 0;}
.dataWrap.calc .dataList .totalVal {position:absolute; top:50%; right:0; font-size:18px; font-weight:500; color:#222; transform:translateY(-50%);}
.dataWrap.calc .infoRowArea {position:relative; padding-left:160px;}
.dataWrap.calc .infoRowArea:not(:first-child) {margin-top:24px;}
.dataWrap.calc .infoRowArea > .tit {position:absolute; top:3px; left:0; font-size:16px; font-weight:300 !important; color:#222;}
.dataWrap.calc .infoRowArea .infoRowList > li {width:243px;}
.dataWrap.calc .infoRowList {display:flex; gap:0 16px; flex-wrap:wrap; margin-bottom:-30px;}
.dataWrap.calc .infoRowList > li {width:calc((100% - 48px) / 4); margin-bottom:30px; text-align:left;}
.dataWrap.calc .infoRowList > li:before {display:none;}
.dataWrap.calc .infoRowList > li.break {width:calc((100% - 48px) / 3);}
.dataWrap.calc .infoRowList .item {font-size:14px; font-weight:500; color:#222;}
.dataWrap.calc .infoRowList .val {position:relative;}
.dataWrap.calc .infoRowList .iptWrap,
.dataWrap.calc .infoRowList .dateWrap,
.dataWrap.calc .infoRowList select.ipt {width:100%; max-width:235px;}
.dataWrap.calc .infoRowList .iptFilt {margin-top:9px;}
.dataWrap.calc .infoRowList .iptFilt + button,
.dataWrap.calc .infoRowList .iptWrap + button {position:absolute; top:50%; left:100%; margin:0; margin-left:6px; z-index:1; transform:translateY(-50%);}
.dataWrap.calc .infoRowList .iptWrap + button {margin-left:2px;}
.dataWrap.calc .infoRowList .iptFilt + .icoBtn_del {width:44px; height:44px; background:#fff; border:1px solid #ccc; border-radius:2px;}
.dataWrap.calc .infoRowList .iptFilt + .icoBtn_del:before,
.dataWrap.calc .infoRowList .iptFilt + .icoBtn_del:after {height:15px; background-color:#767676;}
.dataWrap.calc .infoRowList + .infoRowList {margin-top:30px;} 
.dataWrap.calc ~ .resulSum.total .infoCell {min-width:35%;} 

/* IE gap 미지원 */
.isIE .dataWrap.calc .dataList .block {min-height:72px;}
.isIE .dataWrap.calc .dataList .block .infoCell {min-height:55px;}
.isIE .dataWrap.calc .infoRowList {gap:unset; margin:0 -8px;}
.isIE .dataWrap.calc .infoRowList > li {width:25%; padding:0 8px;}
.isIE .dataWrap.calc .iptFilt {display:flex;}
.isIE .dataWrap.calc .infoRowArea .infoRowList > li {width:260px;}

/* 영문 - 공통 */
.company.en * {word-break:keep-all;}

/* 영문 - About Shinhan Life (Location) */
.locMap {width:100%; height:300px; margin:0 0 64px;}


/* only mobile */
@media all and (max-width:768px) {
	
	/* 공통탭 */
	.company .mainTab.def {border:none !important;}
	.company .tabWrap.mainTab.def:before,
	.company .tabWrap.mainTab.def:after {content:none !important;}
	.company .tabList.mainTab.def {border:none;}
	.company .tabList.mainTab.def > li {border-width:0 1px 0 0; border-color:#fff !important; background-color:#f8f8f8;}
	.company .tabList.mainTab.def > li.on {z-index:2;}
	.company .tabList.mainTab.def > li.on:after {bottom:0; background-color:#fff !important; border:1px solid #715deb; box-shadow:2px 8px 16px rgba(0,0,0,0.05);}
	.company .tabList.mainTab.def > li.on a,
	.company .tabList.mainTab.def > li.on button {color:#715deb !important;}
	.company .tabWrap.mainTab.def .tabContents {margin-bottom:0 !important; border-top:none !important;}
	.company .tabWrap.mainTab.def .tabContents:before {content:none !important;}
	.company .tabContents{padding:0 24px;}
	.company .tabContents .tabPanel{padding:0;}
	
	/* 컨텐츠 타이틀 - 번외 */
	.company .titExtra {margin:32px 0;}
	.company .titExtra.mb {margin-bottom:32px; border-bottom:none;}
	.company .titHL {font-size:22px; line-height:1.4;}
	
	/* bgPhoto */
	.company section.bgPhoto {width:100%; margin-top:0 !important; padding:120px 24px 110px !important;}
	.company section.bgPhoto:before {left:-120px; width:calc(100% - 120px); border-width:120px;}
	.company section.bgPhoto:after {width:120px; height:120px; box-shadow:inset -30px 30px 0 0px #715deb;}
	.company section.bgPhoto > .inner {padding-top:110px;}
	.company section.bgPhoto .copyArea > .tit{font-size:24px;}
	.company section.bgPhoto .copyArea > .tit.quote{font-size:20px;}
	.company section.bgPhoto .copyArea > .tit.quote:before{margin:-46px auto 26px;}
	.company section.bgPhoto .info{float:none !important; width:100% !important; text-align:left;}
	.company section.bgPhoto .info > li{width:100% !important;}
	.company section.bgPhoto .info > li + li{margin-top:15px;}
	.company section.bgPhoto .info .num{top:-5px;}
	.company section.bgPhoto .info .lb{padding-top:0; font-size:14px;}
	.company section.bgPhoto .desc{text-align:left;}
	.company section.bgPhoto .titWrap{float:none; margin-bottom:20px;}
	.company section.bgPhoto .titWrap .tit{font-size:56px;}
	.company section.bgPhoto.env {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cubgb_rai_z.wct);}
	
	/* 상단검색 */
	.company .pageTit .dataSrchBox {margin:26px 0 0;}
	.company .pageTit .ipt {padding-left:0; border:none; border-bottom:2px solid #222; border-radius:0 !important;}
	.company .pageTit .iptWrap {margin-left:0 !important;}
	.company .pageTit .btnIco_srch {background-color:transparent;}
	
	/* 게시판 */
	.company .bbsView {margin-top:0;}
	.company .bbsView .bbsHead {padding-bottom:40px; border-bottom:1px solid #ddd;}
	.company .bbsView .bbsHead .titArea,
	.company .bbsView .bbsHead .date {text-align:left;}
	.company .bbsView .bbsHead .titArea .tit {font-size:20px;}
	.company .bbsView .bbsHead .date {margin-top:16px;}
	.company .bbsView .bbsBody {padding-top:32px;}
	.company .bbsView .bbsBody > .img {margin-top:-41px; margin-bottom:40px; margin-right:-24px;}
	.company .bbsView + .btnArea {margin-top:32px;}

	/* 동영상 게시판 - 상세 */
	.company .videoDetail {margin-top:0;}

	/* stepList */
	.stepWrap .titArea{float:none; display:block; width:inherit; margin:0;}
	.stepWrap .stepList{margin-left:0;margin-top:39px;}
	.stepWrap .stepList > li .tit{margin-left:-20px; font-size:16px;}
	.stepWrap .stepList > li .desc{margin-left:-20px;}
	
	/* linkBox */
	.linkBox {margin-top:80px; display:block;}
	.linkBox > [class*=f] {display:block;}
	.linkBox .fr {margin-top:8px;}
	
	/* colWrap */
	div.colWrap {margin-bottom:24px;}
	div.colWrap,
	.colWrap > li{display:block;}
	.colWrap .col {width:100%;}
	.colWrap .cont:first-child {padding-right:0;}
	.colWrap .img {width:calc(100% + 24px); margin:55px -24px 0 0;}
	.colWrap .img.right {width:calc(100% + 100px); margin-right:-100px;padding-left:28px;}
	.colWrap.imgList .tit{margin-bottom:2px; font-size:18px; font-weight:500;}
	.colWrap.imgList .cont + .img{margin-top:26px;}
	.txtL + .colWrap.imgList {margin-top:60px;}
	
	
	/*================================================== 페이지별 컨텐츠  ==================================================*/
	/* 연수원 소개 */
	/* .videoWrap{padding:60px 0;}
	.videoWrap .videoArea {float:none; width:100%; height:auto; z-index:0;}
	.videoWrap .videoArea video {width:100%; height:100%; overflow:hidden;background:#000;}
	.videoWrap .subscript {float:none; width:100%; height:150px; padding:0; border:none; background:transparent;} */
	.mapInfo {display:block; margin:65px -24px 0;}
	.mapInfo > .box {display:block; padding:26px 25px 28px;}
	.mapInfo .inquiry {width:100%; padding-bottom:33px;}
	.mapInfo .inquiry .tit {margin-bottom:12px; font-size:18px; font-weight:500;}
	.mapInfo .inquiry ul {position:relative; padding-top:35px;}
	.mapInfo .inquiry ul:after {content:""; display:block; clear:both;}
	.mapInfo .inquiry li {margin-right:0; padding-right:0; border-right:none;}
	.mapInfo .inquiry li.tel + .tel {margin-left:8px;}
	.mapInfo .inquiry li:not(.tel){float:none; position:absolute; top:0; left:0; width:100%; margin-right:0;}
	.mapInfo .inquiry li:not(.tel) span,
	.mapInfo .inquiry li:not(.tel) strong{font-size:14px; color:rgba(255,255,255,0.7); font-weight:300;}
	.mapInfo .inquiry li.tel {float:left; display:inline-block; width:calc((100% - 8px) / 2); height:44px; line-height:42px; text-align:center; border:1px solid #9c8ef1; border-radius:2px;}
	.mapInfo .inquiry li a{display:block; width:100%:}
	.mapInfo .inquiry li span{display:inline-block !important; font-size:16px; color:#fff;}
	.mapInfo .map {width:100%; padding:30px 25px 31px; text-align:left;}

	/* 찾아오시는길 */
	.centerMap {display:block; height:inherit; margin:0 -24px -32px;}
	.centerMap > div {display:block;}
	.centerMap .map img{width:100%;}
	.centerMap .mapInfo {width:100%; margin:0; padding:43px 24px 64px; background:#fff;}
	.centerMap .mapInfo > .box {display:block; width:100%;}
	.centerMap .mapInfo > .box:first-child {background:#fff;}
	.centerMap .mapInfo .sl {display:none;}
	.centerMap .mapInfo .addr {color:#222;}
	.centerMap .mapInfo .titH3 {padding-left:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gvg_fcbg.cat) no-repeat 0 50% / 16px 20px;}
	.centerMap .mapInfo [class*=titH] {color:#222;}
	.centerMap .mapInfo .info {height:inherit; padding:0;}
	.centerMap .mapInfo .inquiry {padding:42px 0 0;}
	.centerMap .mapInfo .inquiry ul {margin-top:20px; padding-top:0;}
	.centerMap .mapInfo .inquiry li.tel {border:1px solid #ccc;}
	.centerMap .mapInfo .inquiry li + li {margin-top:0; margin-left:8px;}
	.centerMap .mapInfo .inquiry span {color:#b87900;}
	.centerMap .txtList.disc {margin:27px 0 0;}
	.centerMap .txtList.disc > li {color:#666;}
	.centerMap .txtList.disc > li:before {background-color:#666;}

	/* 사회책임보고서 */
	.reportArea {margin-top:17px;}
	.reportArea .repThum {display:none;}
	.reportArea .repList {float:none;width:100%;}
	.reportArea .repList a {padding:19px 60px 21px 0;}
	.reportArea .repList span {font-size:16px;}
	
	/* 연혁 */
	.hisList:after {content:none;}
	.hisList > li {padding-left:0px; padding-bottom:30px;}
	.hisList > li:before {content:none;}
	.hisList > li:last-child:after {content:none;}
	.hisList > li p + p{margin-top:10px;}
	.hisList > li .tit {font-size:2rem;}
	.hisList > li .date {font-size:1.6rem;}
	.hisList > li .desc {padding-left:6px; font-size:1.6rem;}
	.hisList > li .img{margin-top:30px; margin-right:-24px; overflow-x:scroll;}
	
	/* 사업영역 */
	.bizList {display:block; width:inherit; margin:60px -24px 0 0;}
	.bizList > li {width:100%; margin-top:60px;}
	.bizList > li:first-child {margin-top:0;}
	.bizList:not(.wide) > li:nth-child(-n+2) {margin-top:60px;}
	.bizList .thum img{width:100%;}
	.bizList .txt {margin-top:7px; padding-right:24px; font-size:16px;  color:#666;}
	
	/* 윤리경영 */
	.noticeWrap{display:block; margin-top:50px; }
	.noticeWrap > .box {margin-left:0; padding:25px 20px 25px 30px;}
	.noticeWrap > .box:first-child {margin-bottom:16px;}
	.noticeWrap .titH3{float:none; margin-bottom:14px;}
	.noticeWrap .txtList{margin-left:0;}
	.noticeWrap .txtList > li + li{margin-top:6px;}

	/* ceo인사말 */
	.ceo .cont > p + p {padding-top:30px;}
	.ceo .img:after,
	.ceo .img:before{display:none;}
	.signBox{position:static; width:100%; height:inherit; margin-top:40px; padding:30px 0 0; border:none; border-top:2px solid #715deb; background:none; box-shadow:none;}
	.career {padding:0; margin-top:16px; border:none;}
	.cont:not(:last-child) .career {padding-bottom:64px; border-bottom:1px solid #eee;}
	.career li {display:block;}
	.career li > div {display:block;}
	.career li .year {margin-bottom:3px;}
	.career li .year,
	.career:not(.edu) li .year {width:100%;}
	
	/* 일하는방식 */
	.slWorkList li {border:none;}
	.slWorkList .cont:first-child {padding-right:0;}
	.slWorkList .num {font-size:32px;}
	.slWorkList .tit {font-size:20px;}
	.slWorkList .cont + .img {margin-top:30px;}
	
	/* 친환경경영 */
	.envList > li{width:auto;}
	.envList > li:last-child{margin:0 auto;}
	.envList .signArea .date{display:block;width:auto;text-align:center;}
	.envList .signArea .nameBox{margin:40px 0 0;padding:30px 0 0;text-align:center;}
	.envList .signArea .nameBox:after{top:0;bottom:auto;}
	.envList .signArea .name{text-align:right;}
	.envList .signArea .sign img{width:143px;height:auto;}
	.envBottom{height:443px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Spquu0140_obggbz_z.cat) no-repeat center center;}
	.envBottom .desc{padding-top:200px;font-size:1.6rem;line-height:3.2rem;}

	/* 설계사행동기준 */
	.standardRule {margin-top:27px;}
	.standardRule .cont {width:100% !important;}
	.standardRule .cont > .basicC1 {margin-bottom:2px;}
	.standardRule > li {padding:22px 0;}
	
	/* un지속가능보험원칙 */
	.company .titExtra.psi{display:block;margin:64px 0 50px;}
	.titExtra.psi .titHL{display:block;}
	.titExtra.psi .btnArea{display:block;margin:30px 0 0;text-align:left;}
	.titExtra.psi .btnArea > span{float:none;min-width:192px;}
	.titExtra.psi .btnArea > span + span{margin-top:6px;}
	.psiInfo .img{width:100%;margin:0 0 24px;padding:20ppx 0;text-align:center;}
	.esgList li .desc{margin:0 0 0 -24px;}
	.esgList li .desc + [class^=btn_]{margin-left:-24px;}
	.esgList.li_2 > li{width:100%;padding:0;}
	.esgList.li_2 > li + li{margin:35px 0 0;}
	.esgList.li_2 > li:nth-child(2){margin:35px 0 0;}
	.un .thum{margin-right:-24px;}
	.un .thum img,
	.un .img img{width:100%;}
	.icoEsgList .block{float:none;width:100%;}
	.icoEsgList .block + .block{margin-top:30px;}
	.icoEsgList .block:nth-child(even){padding-left:0;}
	
	/* ci */
	.company .imgList.lineL .img {width:100%; margin:34px 0 40px 0;}
	.company .imgList.lineL .img img {width:100%;}
	.company .imgList.lineL .imgCont .img {margin:0;}
	.company .colWrap.typeList li .col:first-child {padding-top:0;}
	.company .colWrap.typeList li .col {padding-top:64px;}
	.company .colWrap.typeList li .col .img {width:100%; margin:0;}
	.company .colWrap.typeList li .col .img img {width:100%;}
	.company .colWrap.typeList li .col .txt {padding-top:10px;}
	
	/* BI - 그래픽모티브 */
	.company .colWrap.biG .titExtra{margin:34px 0 0;}
	.colWrap.biG{margin-top:60px;}
	.colWrap.biG .cont{padding-left:0px;}
	.colWrap.biG .titArea{margin-top:0px;}
	.colWrap.biG .img{position:relative;width: calc(100% + 48px);margin:40px -24px 0;padding-right:0;}
	.colWrap.biG .img img{width:100%;height:auto;}
	.colWrap.biG .img:before {content:"";position:absolute;bottom:0;right:0;width:240px;border-width:240px;border-style:solid;border-color:transparent #fff transparent #fff ;border-bottom:none;}
	.colWrap.biG .img:after {content:"";position:absolute;bottom:120px;right:0;width:120px;height:120px;box-shadow:inset -30px 30px 0 0px #715deb;}
	.colWrap.biG .titArea .desc{margin:0;padding:0;color:#222;font-size:1.6rem;font-weight:500;}
	.colWrap.biG .titArea .titH1{margin:0;color:#5642bf;font-size:4.0rem;}
	.colWrap.biG .titExtra .titHL{line-height:38px;}
	.colWrap.biG .txt{margin-top:40px;}
	
	/* BI - 브랜드 컬러 */
	.brandColor .color{top:48px;bottom:0;}
	.brandColor .colorGraph li{display:block;width:100%;height:48px;}
	.brandColor .colorGraph li:first-child{display:block;width:100%;height:80px;}
	
	/* FC*/
	.company section.fc .tabWrap + .conBox  .fr{float:none;}
	.company section.fc .tabWrap + .conBox  .links{margin:27px 0 0; transform:inherit;}
	
	/* GA */
	.company .colWrap.ga .col.img {width:100%;}
	.company .systemConList {margin-top:0;}
	.company .systemConList:after {content:none;}
	.company .systemConList .icoBox {display:table; width:100%; height:136px; margin:0 0 15px 0; padding:0;}
	.company .systemConList .icoBox .ico {display:table-cell; width:30%; vertical-align:middle;}
	.company .systemConList .icoBox .ico img {width:40px; height:40px;}
	.company .systemConList .icoBox .tit {display:table-cell; vertical-align:middle; text-align:left;}
	
	/* 21.09.16 s */
	.company .systemConList .icoBox.examination {padding:15px 0; height:auto;}
	.company .systemConList .icoBox.examination .tit {margin-top:0;}
	.company .systemConList .icoBox.examination .ico {width:30%; height:48px;}
	.company .systemConList .icoBox.examination .ico img {width:48px; height:48px;}
	/* 21.09.16 e */

	/* 고객스마일 프로그램 */
	.smileArea {width:100%; margin:0 auto 32px; padding-bottom:32px; border-bottom:10px solid #f8f8f8;}
	.smileArea .slideList .block {height:auto;}
	.smileArea .slideList .block iframe {height:auto;}
	.smileArea + section {border-bottom:10px solid #f8f8f8;}
	.smileArea .swiperWrap .btnPrev,
	.smileArea .swiperWrap .btnNext {display:none;}
	
	.imgConList {display:block;}
	.imgConList.line {padding-bottom:7px; border-bottom:none;}
	.imgConList > li{display:block;}
	.imgConList > li + li {margin-left:0;}
	.imgConList .imgBox{width:100%; height:100%;}
	.imgConList .imgBox img{width:100%; height:100%;}
	.imgConList .desc{margin-bottom:25px;}
	
	/* 고객 리뷰 */
	.blockList.review > li {width:100%;}
	.blockList.review .down {position:absolute; bottom:24px; right:24px;}
	
	.blockList.review.scroll {max-height:100%; margin:16px 0 0; border-bottom:0; overflow:hidden;}
	.blockList.review.scroll > li {margin-top:10px;}
	.blockList.review.scroll > li .block {border-width:1px;}
	.blockList.review.scroll > li:first-child .block {border:1px solid #ddd;}
	
	/* 스마일ON 서비스 */
	.smileOnArea {width:100%; padding-bottom:32px;}
	.smileOnArea .swiperWrap .btnPrev,
	.smileOnArea .swiperWrap .btnNext {display:none;}
	
	/* 운세/사주 */
	.fortVtBoxWrap .linkBoxList {margin:0 -24px; padding:10px 0 0 24px; scroll-padding:24px;overflow:auto;}
	.fortVtBoxWrap .linkBoxList li{width:272px;padding:0px 8px 8px;}
	.fortVtBoxWrap .linkBoxList li:first-child {padding-left:0;}
	.fortVtBoxWrap .linkBoxList li:last-child {padding-right:24px;}
	
	.fortHzBoxWrap > .block{width:100%;}
	.fortHzBoxWrap > .block:first-child .titArea {margin-top:20px;}
	.fortHzBoxWrap .linkBoxList {margin-top:20px;}
	.fortHzBoxWrap .linkBoxList > li {width:100%;}
	.fortHzBoxWrap .linkBoxList > li + li {margin-top:10px;}
	.fortHzBoxWrap .linkBoxList > li .block{width:100%; padding:30px; border:1px solid #eee !important;}
	.fortHzBoxWrap .linkBoxList > li:first-child .block {border:1px solid #eee !important;}
	
	/* 모바일 - 공시실 테이블 스크롤 */
	.disclosure .tblWrap {width:100%; overflow-x:auto;}
	.disclosure .tblWrap:not(.half) table {min-width:1136px;}
	
	
	.btnContWrap {display:block;}
	.btnContWrap > div {display:block; width:100%;}
	.btnContWrap .cont.tel > p {font-size:14px;}
	.btnContWrap .cont.tel > p > span em {font-size:20px;}
	.btnContWrap .btn {margin-top:20px;}
	.btnContWrap .btn button {width:100%;}
	
	/* 영문 - About Shinhan Life (Location) */
	.locMap {width:100vw; margin:0 0 64px -24px;}
	
	/* 혜택 - vip서비스 */
	.icoConList.vip {border-top:1px solid #eee;}
	.icoConList.vip li:last-child {padding-bottom:0;}
	
	.icoConList.line  li:last-child:nth-child(odd) {width:auto;}
	.icoConList.line  li:last-child:nth-child(odd) .info {width:auto;}
	.icoConList.line .ico + .info{padding-left:0}
	.icoConList.line .ico + .info .tit{margin:10px 0 20px; padding-left:62px; font-size:16px;}
	
	/* 보험상품 - 대출계산기 */
	.formList .dataTd .btnGroup {display:flex; margin:10px 0 1px 0;}
	.formList .dataTd .btnGroup [class^=btn_] {flex-grow:1; width:auto; margin-left:5px; border:none; background-color:#f7f8f8; color:#666;}
	.formList .dataTd .btnGroup [class^=btn_]:first-child {margin-left:0;}
	.formList .dataTd .btnGroup [class^=btn_] > span:after {border-color:#444;}
	
	/* 보험료 계산 */
	.dataWrap.calc .infoRowArea {padding-left:0;}
	.dataWrap.calc .infoRowArea > .tit {position:static; margin-bottom:10px;}
	.dataWrap.calc .dataList .block {flex-direction:column;}
	.dataWrap.calc .dataList .accoBtnCell {position:absolute; top:10px; right:0;}
	.dataWrap.calc .dataList [class*=Cell]:not(.accoBtnCell),
	.dataWrap.calc .infoRowList > li,
	.dataWrap.calc .infoRowArea .infoRowList > li {width:100%;}
	.dataWrap.calc .infoRowList .iptWrap,
	.dataWrap.calc .infoRowList .dateWrap,
	.dataWrap.calc .infoRowList select.ipt {max-width:100%;}
	.dataWrap.calc .infoRowList .iptFilt {margin-top:4px;}
	.dataWrap.calc .infoRowList .iptFilt + button, 
	.dataWrap.calc .infoRowList .iptWrap + button {position:sticky; right:inherit; top:inherit; height:44px; margin-left:0; transform:none;}
	.dataWrap.calc .infoRowList .val {display:flex; gap:0 8px; align-items:center;}
	.dataWrap.calc .dataList .btnArea .totalVal {position:static;}
	
	/* 투자정보 */
	.investWrap > .block {padding:32px 24px;}
	
	.investWrap .investHead {display:block; padding-bottom:24px;}
	.investWrap .investHead .cell:first-child {margin-bottom:24px;}
	.investWrap .investHead .icon {margin-right:24px;}
	.investWrap .investHead .txtList.prog.invest {display:flex; justify-content:space-between; align-items:flex-end; margin:0px -7px;}
	.investWrap .investHead .txtList.prog.invest:before {left:7px; width:calc(100% - 14px);}
	.investWrap .investHead .txtList.prog.invest > li.on:after {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_purpx_f_zo.cat) no-repeat; background-size:13px auto;}
	.investWrap .investHead .txtList.prog.invest > li {padding:0 8px;}
	.investWrap .investHead .txtList.prog.invest > li:before {top:-14px;}
	.investWrap .blockList {margin:0;}
	.investWrap .blockList > li .block {min-height:160px; padding:32px 24px;}
	.investWrap .blockList > li + li {margin-top:16px;}
	
	.titTalk {padding-left:0; padding-right: 0}
	.titTalk:before,
	.titTalk:after {margin:30px auto 35px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sgvgyr_vpb_gnyx_z.cat) no-repeat; background-size:44px auto;}

}






















/*================================================== 디지털보험 ==================================================*/
/* bgColor */
.digital section.bgColor {padding:64px 0;}
.digital.coverL section.bgColor,
.specialBnf section.bgColor,
.digital section.bgColor2 {background-color:#edf1fe;}
.digital section.bgColor1 {background-color:#fcfaf5;}

/* 상단영역 버튼 */
.pageTit .btnGroup {margin:30px 0 0;}
.pageTit .btnGroup .btn_p {background:#445fe6;}

/* pageTit 내 progress */
.digital .pageTit .progress {margin:35px 0 -8px; padding:8px 0; text-align:center; background:#edf1fe; border-radius:24px;}
.digital .pageTit .progress li {width:auto; height:32px; font-size:16px; line-height:31px; color:#5642bf; letter-spacing:-0.03em; background:none; border-radius:0;}
.digital .pageTit .progress li:before {display:inline-block; width:32px; height:32px; margin-right:10px; padding-right:0; font-size:14px; color:#5642bf; text-align:center; line-height:24px; z-index:1; background:#5642bf; border:4px solid #edf1fe; border-radius:50%; box-sizing:border-box; vertical-align:top;}
.digital .pageTit .progress li:not(:first-child):after {content:''; position:absolute; top:50%; left:-41px; width:24px; height:1px; background:#5f4ec5;}
.digital .pageTit .progress li:not(:first-child) {margin-left:56px;}
.digital .pageTit .progress li span {display:inline-block;}
.digital .pageTit .progress li span:before {content:""; display:inline-block; position:absolute; top:9px; left:13px; width:7px; height:10px; border:1px solid #fff; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.digital .pageTit .progress li.on {padding:0; font-weight:500;}
.digital .pageTit .progress li.on:before {color:#fff; font-weight:500; border-color:#d8d7fb; background-color:#5642bf;}
.digital .pageTit .progress li.on ~ li {border:none; background:none;}
.digital .pageTit .progress li.on ~ li:before {border:4px solid #edf1fe; background:#e2e4f8; }
.digital .pageTit .progress li.on span:before,
.digital .pageTit .progress li.on ~ li span:before {display:none;}

/* pageTab */
.digital ul.pageTab {border:1px solid #ddd;  border-width:1px 1px 0 1px; background-color:#fff; box-shadow:0 4px 0 #f8f8f8;}
.digital ul.pageTab > li {bottom:auto; height:63px; font-size:16px; color:#666; border:1px solid #ddd; border-width:0 1px 1px 0; background-color:#fff;}
.digital ul.pageTab:not([class*=div_]) > li:last-child {border-right:0;}
.digital ul.pageTab > li a {padding:0;}
.digital ul.pageTab > li.on {color:#fff; }
.digital ul.pageTab > li.on:after {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; height:auto; background-color:#5d88fb; z-index:0;}
.digital .isIE ul.pageTab > li.on:after {right:0; bottom:0; min-height:64px;}
.digital .pageTabArea + .tabWrap.subTab {margin-top:40px !important;}
	
/* 게시판 */
.digital .bbsHead,
.digital .bbsHead .titArea,
.digital .bbsHead .date {display:block;}
.digital .bbsHead .date {width:100%; margin-top:15px; color:#666; font-size:14px; text-align:left;}
.digital .bbsHead .date > span + span{padding-left:23px; position:relative;}
.digital .bbsHead .date > span + span:before{content:'|'; position:absolute; left:6px; top:50%; font-size:14px; font-family:'Dotum', '돋움'; transform:translateY(-50%); opacity: 0.2;}

/* 타이틀 */
.digital .titExtra {margin:0 0 64px; padding:0; text-align:center;}
.digital .titExtra:after {content:none;}
.digital .titExtra .titH2 {display:block; margin:0; padding:0; font-size:32px;}
.digital .titExtra .desc {margin:0; padding-top:20px; color:#222; font-size:18px;}

.shPlusApp {padding:31px 95px 56px 95px;}
.shPlusApp .titExtra {margin-top:0;}
.shPlusApp .titExtra .titH2 {color:#2d71c4; font-size:32px;}
.shPlusApp .titExtra .desc {color:#222; font-size:18px;}

.pageCopy {margin-bottom:64px; color:#222; font-size:24px; letter-spacing:-0.05rem;}

/* 디지털보험_내보험 특약 보기 */
.insuDetailList {margin-top:40px;}
.insuDetailList > li {display:flex; display:-webkit-flex; align-items:center; width:100%; padding:20px 20px 20px 24px; background:#f8f8f8; justify-content: flex-end;}
.insuDetailList > li + li{margin-top:8px;}
.insuDetailList > li .tit {display:block; display:-webkit-box; width:42%; padding-right:10px; color:#222; max-height:48px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; flex-grow:1;}
.insuDetailList > li .date {width:20%; padding-right:12px; color:#959595; font-size:14px; text-align:right;}
.insuDetailList > li .money{max-width:38%; box-sizing:border-box; color:#222; text-align:right;}
.insuDetailList > li .money span {font-size:14px; color:#666; line-height:24px;}

/* 디지털보험_보험금 지급현황 */
.payGraphSum {display:table; position:relative; width:100%; margin:70px 0 0; padding:40px 40px 40px 136px; color:#fff; font-size:22px; font-weight:500; background:#715deb; box-shadow:8px 8px 35px rgba(0,66,142,0.2);}
.payGraphSum:before {content:''; display:block; position:absolute; top:-12px; left:40px; width:96px; height:80px; box-sizing:border-box; padding-top:25px; text-align:center; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_puneg.cat) center top 20px no-repeat #445fe6;}
.payGraphSum:after {content:''; display:block; position:absolute; top:68px; left:40px; border-top:14px solid #445fe6; border-left:48px solid transparent; border-right:48px solid transparent;}
.payGraphSum .infoCell {display:table-cell; padding-left:40px; vertical-align:middle;}
.payGraphSum .infoCell:after {content:''; display:block; clear:both;}
.payGraphSum .infoCell + .infoCell {width:55%; border-left:1px solid #7da0fc;}
.payGraphSum .item {display:inline-block;}
.payGraphSum .val {color:#fff222; font-size:24px;}
.payGraphSum .date {color:#d6e1fe; font-size:16px; font-weight:300;}

.payGraphList {margin-top:46px; font-size:0;}
.payGraphList > li {display:inline-block; width:50%; padding:35px 60px 45px 34px; font-size:16px; border-bottom:1px solid #eee;}
.payGraphList .tit {color:#222; font-size:24px; font-weight:500;}
.payGraphList .info {margin-top:30px;}
.payGraphList .info:after {content:''; display:block; claer:both;}
.payGraphList .info + .info {margin-top:17px;}
.payGraphList .info span {vertical-align:middle;}
.payGraphList .info .item{display:inline-block; width:77px;}
.payGraphList .info .graph {display:inline-block; width:240px; height:20px; overflow:hidden; background:#fff;}
.payGraphList .info .graph span {display:inline-block; height:20px; vertical-align:top;}
.payGraphList .info .cases span {background:#5d88fb;}
.payGraphList .info .amount span {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_cnl_tencu.cat) no-repeat;}
.payGraphList .info .data {float:right; max-width:142px; text-align:right;}
.payGraphList .info .data em {padding-right:3px; font-size:18px; letter-spacing:-0.03rem;}
.payGraphList .info .cases + .data em {color:#5d88fb;}
.payGraphList .info .amount + .data em {color:#e55876;}

.btnContWrap {display:table; width:100%; margin-top:15px}
.btnContWrap > div {display:table-cell;}
.btnContWrap .cont.tel {padding-left:47px; color:#222; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pnyy_fz.cat) no-repeat 0 50%;}
.btnContWrap .cont.tel > p {color:#222;}
.btnContWrap .cont.tel > p > span {display:block; color:#959595;}
.btnContWrap .cont.tel > p > span em {color:#5642bf; font-size:24px; font-weight:500;}
.btnContWrap .btn {text-align:right; vertical-align:middle;}

/* 신한플러스 안내 */
.shPlusAppList {font-size:0; text-align:center;}
.shPlusAppList li {display:inline-block; padding:0 20px;}
.shPlusAppList li .img {width:72px; height:72px; margin:0 auto 20px auto; padding-top:15px; border-radius:10px; background-color:#fff; box-shadow:12px 17px 21px rgba(45,113,196,0.16);}
.shPlusAppList li > p {color:#222;}
.shPlusAppList li > p span {display:block;}
.shPlusAppList li .btnGroup {margin:20px auto 0; max-width:146px;}
.shPlusAppList li .btnGroup [class^=btn_].s {width:100%; border-color:#ccc; color:#666; border-radius:0;}
.shPlusAppList li .btnGroup [class^=btn_].s + [class^=btn_].s {border-top:none;}
.shPlusAppList li .btnGroup [class^=btn_].s > span:after {border-bottom-color:#666;}


/* 제휴처 소개 */
.alliListBox {padding:46px 95px; background-color:#fff;}
.alliListBox .inner > li {padding:40px 0; border-bottom:1px solid #eee;}
.alliListBox .inner > li:first-child {padding-top:0;}
.alliListBox .inner > li:last-child {border-bottom:0;}
.alliListBox .inner > li > div {display:inline-block; max-width:749px;}
.alliListBox .inner > li > div .conBox + .txtList.remark {margin-top:20px;}
.alliListBox .inner > li:before {content:''; display:inline-block; width:102px; height:30px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Sybtb_fu_cyhf.cat) no-repeat left top; background-size:102px auto; padding-right:90px; vertical-align:top;}
.alliListBox .inner > li.shCard:before {height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Sybtb_fu_pneq.cat) no-repeat left top; background-size:102px auto;}
.alliListBox .inner > li .tit {display:block; margin-bottom:10px; font-size:18px; color:#222; font-weight:500;}
.alliListBox .inner > li .desc {margin-bottom:15px;}
.alliListBox .inner > li.shCard .txtList.div_2 {font-size:0;}
.alliListBox .inner > li.shCard .txtList.div_2 > li {display:inline-block; margin-top:5px; width:50%; font-size:16px;}
.alliListBox .inner > li.shCard .txtList.blueStar > li {font-size:14px;}
.alliListBox .btnGroup button.btn_p {border-color:#5d88fb; background-color:#5d88fb;}
.alliListBox.single {padding:46px 95px 46px 63px; border:1px solid #ddd; border-radius:4px;}
.alliListBox.single .inner > li {padding-bottom:0;}
.bgColor .systemBanner.alliResul {margin-top:20px;}
.bgColor .systemBanner.alliResul a {min-height:116px; padding:0; background-color:#715deb; color:#fff; border:none;}
.bgColor .systemBanner.alliResul .imgCell {width:250px; vertical-align:bottom;}
.bgColor .systemBanner.alliResul .infoCell {padding:30px 30px 30px 0;}
.bgColor .systemBanner.alliResul .desc {color:rgba(255,255,255,1);}/* 240708 웹접근성 수정 */
.bgColor .systemBanner.alliResul [class^=btn_].m {background-color:#fff; border-color:transparent; color:#5642bf; box-shadow:4px 4px 8px rgba(0, 66, 142, 0.24);}

/* 혜택/서비스 - 보험료할인혜택  */
.specialBnf #content section {margin-top:0; margin-bottom:0;}
.specialBnf #content > section {padding:84px 0 94px;}
.specialBnf #content > section:last-child {padding-top:0;}
.specialBnf .conImg .conBox.noLine {width:944px; margin:64px auto 0; text-align:center;}
.specialBnf .conImg .conBox.noLine .txtList.remark {display:inline-block; max-width:100%; vertical-align:top;}
.specialBnf .btnGroup {text-align:center; margin-top:64px;}
.specialBnf .alliListBox .btnGroup {margin-top:0;}

.specialBnf .recommInfo {margin-top:-18px; font-size:0; text-align:center;}
.specialBnf .recommInfo > li {display:inline-block; width:25%; margin-top:18px; padding:0 8px; font-size:16px;}
.specialBnf .recommInfo > li .block {display:inline-block; position:relative; width:100%; min-height:272px; text-align:center; padding:35px 25px; border-color:transparent !important; background-color:#fff; box-shadow:9px 9px 20px rgba(45,113,196,0.12); vertical-align:top; word-break:break-word;}
.specialBnf .recommInfo > li .tit {max-height:57px; font-size:18px; font-weight:500; color:#222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.specialBnf .recommInfo > li .desc {max-height:42px; margin-top:5px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.specialBnf .recommInfo > li .coverage {color:#5d88fb;}
.specialBnf .recommInfo > li img {position:absolute; bottom:32px; left:50%; width:140px; transform:translateX(-50%);}

.specialBnf .stepInfo .conLineList > li {margin-top:20px; padding:0; border-top:0;}
.specialBnf .stepInfo .conLineList > li .stepDiv {width:96px; text-align:left;}
.specialBnf .stepInfo .conLineList > li .infoDiv {color:#222;}

.specialBnf ul.stepInfo {display:table; width:100%;}
.specialBnf ul.stepInfo > li {display:table-cell; width:50%;}
.specialBnf ul.stepInfo > li .tit {margin-bottom:35px; text-align: center; color: #5d88fb; font-size: 18px; font-weight: 500;}
.specialBnf ul.stepInfo > li .tit:before,
.specialBnf ul.stepInfo > li .tit:after {content:''; display:inline-block; width:145px; height:1px; margin-right:24px; padding-left:20px; background-color:#5d88fb; opacity:0.5; vertical-align:middle;}
.specialBnf ul.stepInfo > li .tit:after {margin-left:24px;}
.specialBnf div.stepInfo {width:756px; margin:-24px auto 0;} 

.specialBnf .titExtra.line:before {content:''; position:absolute; top:-96px; left:50%; width:1px; height:64px; background:#e5e5e5;}

/* [탭]5,000원 청구할인 혜택 */
.specialBnf .methodInfo {text-align:center; margin-bottom:24px;}
.specialBnf .methodInfo .block {padding:40px 60px 40px 80px;}
.specialBnf .methodInfo .infoCell:not(:last-child) {padding-right:80px;}
.specialBnf .methodInfo .infoCell + .infoCell {padding-left:60px;}
.specialBnf .methodInfo .tit {display:block; margin-bottom:35px; color:#222; font-size:20px;}
.specialBnf .methodInfo .btn_s.s {margin-top:24px;}
.specialBnf .methodInfo.plus {position:relative;}
.specialBnf .methodInfo.plus:after {content:""; position:absolute; top:50%; left:50%; width:74px; height:74px; border-radius:50%; background-color:#fff; border:1px solid #eee; transform:translate(-27px, -50%);}
.specialBnf .methodInfo.plus .infoCell {position:static;}
.specialBnf .methodInfo.plus .infoCell:first-child:before,
.specialBnf .methodInfo.plus .infoCell:first-child:after {content:""; position:absolute; top:50%; left:50%; width:26px; height:4px; background-color:#5d88fb; transform:translate(-2px, -50%); z-index:1;}
.specialBnf .methodInfo.plus .infoCell:first-child:after {transform:translate(-2px, -50%) rotate(90deg);}

/* [탭]마이신한포인트 자동결제 혜택  */
.pointBnfList {width:864px; margin:0 auto;}
.pointBnfList > li {position:relative; margin-top:15px; padding:32px 96px; border:1px solid #d6e1fe; border-radius:77px; box-shadow:0 17px 21px rgba(86,66,191,0.05);}
.pointBnfList > li .conIco {padding-left:96px;} 
.pointBnfList > li .conIco .img {position:absolute; top:50%; left:0; display:block; transform:translateY(-50%);}
.pointBnfList > li .conIco .img img {width:40px; height:40px;}
.pointBnfList > li .conIco > span {display:block; margin-bottom:10px; color:#222; font-size:18px; font-weight:500;}
.pointBnfList + .btnGroup button.btn_p {border-color: #5d88fb; background-color: #5d88fb;}

.infoBoxGrp.shPlus {width:864px; margin:0 auto;}
.infoBoxGrp.shPlus .infoBox {padding:64px; border:0; text-align:left; box-shadow:none;}
.infoBoxGrp.shPlus .infoBox:first-child {width:368px; margin-right:15px;}
.infoBoxGrp.shPlus .infoBox:last-child {width:calc(100% - 383px);}
.infoBoxGrp.shPlus .infoBox .tit {color:#445fe6; font-size:18px; font-weight:500;}
.infoBoxGrp.shPlus .infoBox .val {display:block;}
.infoBoxGrp.shPlus .infoBox .val .txtList {color:#666;}
.infoBoxGrp.shPlus .infoBox .val .txtList:last-child {margin-bottom:0;}
.infoBoxGrp.shPlus .infoBox .val .txtList li {margin-top:8px;}

.specialBnf .conImg .txtList.star.red {display:inline-block; width:752px; margin-top:64px;}

.csBanner {margin-top:0;}
.csBanner .block {display:table; width:100%; min-height:96px; padding:22px 55px; border-radius:4px; color:#fff; font-size:18px; background-color:#1a75e4;}
.csBanner .block .infoCell {display:table-cell; vertical-align:middle; text-align:left;}
.csBanner .block .infoCell a {display:inline; color:#fff;}
.csBanner .block .btnCell {display:table-cell; vertical-align:middle; text-align:right;}
.csBanner .block .btnCell .btn_s.m {width:auto; min-width:140px; border-color:transparent;}
.csBanner .block .btnCell .btn_s.m > span {color:#1a75e4; font-weight:500;}
.csBanner .block .btnCell .btn_s.m > span:after {border-color:#1a75e4;}

/* dataInfo */
.dataInfo {display:inline-block; font-size:0; word-spacing:0; vertical-align:middle;}
.dataInfo > li {display:inline-block; position:relative; text-align:left;}
.dataInfo > li + li {padding-left:23px; margin-left:23px;}
.dataInfo > li + li:before {content:''; position:absolute; left:0; top:4px; bottom:4px; width:1px; background-color:#eee;}
.dataInfo .item {margin-bottom:3px; font-size:14px; color:#666;}
.dataInfo .val {font-size:18px; color:#222;}
.dataInfo .val strong {font-weight:500; color:#5642bf;}

/* 디지털보험 - 보험보장분석 */
.digital .infoConArea .prdList {margin:0 -8px 0;}
.digital .infoConArea .prdList > li {width:33.3333%; padding:0 8px !important;}
.digital .infoConArea .prdList .block {min-height:280px; padding:38px 40px; word-break:keep-all; box-shadow:16px 8px 16px rgba(70,50,171,0.08);}
.digital .infoConArea .prdList .dataInfo {position:absolute; left:40px; bottom:35px;}
.digital .infoConArea .prdList .block:focus .dataInfo .item,
.digital .infoConArea .prdList .block:hover .dataInfo .item,
.digital .infoConArea .prdList .block:focus .dataInfo .val,
.digital .infoConArea .prdList .block:hover .dataInfo .val,
.digital .infoConArea .prdList .block:focus .dataInfo .val strong,
.digital .infoConArea .prdList .block:hover .dataInfo .val strong {color:#fff;}
.digital .infoConArea .prdList.addBtn .block {min-height:340px;}
.digital .infoConArea .prdList.addBtn .dataInfo {bottom:96px;}
.digital .infoConArea.slider {margin-top:0;}
.digital .infoConArea .swiperWrap .btnPrev:before,
.digital .infoConArea .swiperWrap .btnNext:before {border-color:#666; z-index:1;}
.digital .bgColor .infoConArea.slider .swiperWrap .btnPrev, 
.digital .bgColor .infoConArea.slider .swiperWrap .btnNext {top:146px;}
.digital .bgColor .infoConArea.slider {margin:0 auto;}
.digital .infoConArea.slider .msgArea.noInsu {margin-top:60px;}

.insuSumBox {position:relative; margin:-12px 0 40px; padding:28px 240px 28px 62px; text-align:left; font-size:18px; color:#666; background-color:transparent; border:1px solid #ddd; border-radius:0; box-shadow: 16px 16px 32px rgba(70,50,171,0.08);}
.insuSumBox > span {vertical-align:middle;}
.insuSumBox select.ipt {width:160px; height:44px; padding-left:14px; font-size:18px; color:#222; border:none; border-bottom:1px solid #222; border-radius:0; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja.fit);}
.insuSumBox select.ipt:focus {box-shadow:none;}
.insuSumBox .btn_p.m {position:absolute; top:50%; right:62px; margin:0; transform:translateY(-50%); box-shadow:none;}


.titResult {margin-bottom:25px; font-size:18px; color:#222; line-height:1.8;}
.titResult strong {font-size:18px;}
.titResult .name {font-size:32px; color:#5642bf; font-weight:500;}

.insuGraph {height:350px; padding-top:25px; box-sizing:content-box;}
.insuGraph:after {content:""; display:block; clear:both;}
.insuGraph .graph {float:left; position:relative; width:721px; padding-right:321px;}
.insuGraph .graph .legend {position:absolute; top:50%; left:446px; transform:translateY(-50%);}
.insuGraph .graph .legend span {display:block; position:relative; padding-left:30px; font-size:16px; color:#222;}
.insuGraph .graph .legend span:before {content:""; position:absolute; top:50%; left:0; display:inline-block; width:18px; height:6px; transform:translateY(-50%);}
.insuGraph .graph .legend span + span {margin-top:8px;}
.insuGraph .graph .legend .lg1:before {background:#666;}
.insuGraph .graph .legend .lg2:before {background:#3e9100;}
.insuGraph .graph .legend .lg3:before {background:#5642bf;}
.insuGraph .myData {float:left; width:415px; padding-top:55px;}
.insuGraph .myData > .state {display:flex; position:relative; width:325px; margin:40px 19px 0; text-align:center; justify-content:space-between; }
.insuGraph .myData > .state:after {content:""; position:absolute; top:2px; bottom:2px; left:50%; width:142px; height:100%; border-left:1px solid #eee; border-right:1px solid #eee; transform:translateX(-50%); z-index:0;}
.insuGraph .myData > .state li {position:relative; z-index:1;}
.insuGraph .myData > .state .img {display:inline-block; width:42px; height:42px; border-radius:50%; overflow:hidden;}
.insuGraph .myData > .state .tit {font-size:18px;}
.insuGraph .myData > .state .tit.enough {color:#445fe6;}
.insuGraph .myData > .state .tit.narmal {color:#3e9100;}
.insuGraph .myData > .state .tit.insuff {color:#e91b10;}
.insuGraph .myData > .state .count {margin-top:10px; font-size:18px; color:#222; font-weight:500;}

.graphList {border-top:1px solid #222; border-bottom:1px solid #aaa;}
.graphList > li {display:flex; position:relative; width:100%; padding:24px 270px 20px 24px; align-items:center;}
.graphList > li + li {border-top:1px solid #ddd;}
.graphList .tit {width:330px; padding-right:30px; }
.graphList .tit .sort {display:block; font-size:14px; color:#666;}
.graphList .tit em {display:block; display:-webkit-box; font-size:18px; color:#222; font-weight:300; max-height:57px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.graphList .grpArea {display:flex; flex-direction:column-reverse; position:relative; padding-top:69px; padding-right:130px;}
.graphList .grpArea .graph {position:relative; width:386px; height:6px; background:#d5d5ef;}
.graphList .grpArea .bar {position:absolute; top:0; left:0; height:6px;}
.graphList .grpArea .bar:after {content:""; position:absolute; top:-2px; right:0; width:1px; height:10px;}
.graphList .grpArea .myData {position:absolute; bottom:19px; right:-69px; width:138px; height:56px; padding-top:6px; text-align:center; color:#fff; box-shadow:10px 10px 18px rgba(0,0,0,0.12);}
.graphList .grpArea .myData:after {content:""; position:absolute; bottom:-16px; left:50%; margin-left:-8px; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; }
.graphList .grpArea .myData span {display:block; font-size:14px;}
.graphList .grpArea .myData .price {font-size:16px; line-height:1.2;}
.graphList .grpArea .recomm {margin-top:8px; text-align:right; font-size:14px; color:#666;}
.graphList .grpArea .recomm .price {font-size:16px; color:#222;}
.graphList .state {position:absolute; top:50%; right:30px; text-align:right; transform:translateY(-50%);}
.graphList .state em {display:inline-block; font-size:18px; font-weight:300;}
.graphList .state em:before {content:""; display:inline-block; width:16px; height:16px; margin:6px 5px 0 0; vertical-align:top; border-radius:50%;}
.graphList [class^=btn_].s {position:absolute; top:50%; right:42px; transform:translateY(-50%);}
.graphList .enough .bar,
.graphList .enough .myData,
.graphList .enough .state em:before {background:#5455d9;}
.graphList .enough .state em {color:#5455d9;}
.graphList .enough .myData:after {border-top-color:#5455d9;}
.graphList .enough .bar:after {background:#5051d0;}
.graphList .narmal .bar,
.graphList .narmal .myData,
.graphList .narmal .state em:before {background:#3e9100;}
.graphList .narmal .state em {color:#3e9100;}
.graphList .narmal .myData:after {border-top-color:#3e9100;}
.graphList .narmal .bar:after {background:#3e9100;}
.graphList .insuff .bar,
.graphList .insuff .myData,
.graphList .insuff .state em:before {background:#e91b10;}
.graphList .insuff .state em {color:#e91b10;}
.graphList .insuff .myData:after {border-top-color:#e91b10;}
.graphList .insuff .bar:after {background:#c22536;}

/* 디지털보험 - 보험 선물하기 */
.payArea {position:relative; margin-top:20px; padding-right:328px;}
.payArea .accoBody > .inner {padding:32px; background:#fff;}
.payArea .termsAll .accoBody {padding:0; }
.payArea .termsWrap .accoHead {padding-left:23px; margin-left:-23px; background:#fff;}
.payArea .cascadeWrap:not(ul) .itemTh {width:20%;}
.payArea .cascadeWrap:not(ul) .dataTd {width:80%;}
.payArea .sumArea {position:absolute; top:0; right:0; width:272px; min-height:320px; padding:20px 20px 90px; border:4px solid #715deb;}
.payArea .sumArea.fixed {position: fixed; top: 150px; left: 50%; margin-left: 296px;}
.payArea .sumArea .infoList > li {padding:14px 0 11px 0;}
.payArea .sumArea .infoList > li:not(:first-child) {border-top:1px solid #ddd;}
.payArea .sumArea .infoList > li .item {width:40%; font-size:14px;}
.payArea .sumArea .infoList > li .val {font-size:14px; font-weight:500;}
.payArea .sumArea .infoList > li[class^=item] .val {padding-left:0; font-size:16px;}
.payArea .sumArea .infoList .itemName,
.payArea .sumArea .infoList .itemName > div {display:block; width:100%; text-align:left;}
.payArea .sumArea .infoList .itemName {padding:14px 0 40px;}
.payArea .sumArea .infoList .itemName + li {border-top:none;}
.payArea .sumArea .infoList .itemName .val {margin-top:5px; letter-spacing:-0.02em;}
.payArea .sumArea .infoList .itemPrice {position:absolute; bottom:0; left:0; width:100%; padding:20px; background:#f8f8f8; border-top:none !important;}
.payArea .sumArea .infoList .itemPrice div {color:#715deb; font-weight:500;}
.payArea .formList {padding:32px; background:#fff; border-radius:8px; border:none;}
.payArea .formList > li {padding:4px 150px 4px 0; border-top:none; align-items:start;} 
.payArea .formList .itemTh {width:160px; min-width:160px; padding:15px 15px 15px 0;}
.payArea .formList .line {padding-top:20px; margin-top:16px; border-top:1px solid #eee;} 
.payArea .setCard {width:calc(100% - 1px);}
.payArea .txtVal,
.payArea .setPhone,
.payArea .formList .iptWrap,
.payArea .formList .txtList.star,
.payArea .formList .dataTd > select.ipt {width:100%;}
.payArea .formList .setHalf .iptWrap  {width:174px !important;}
.payArea .formList .setHalf select.ipt {width:179px !important;}
.payArea .formList .setHalf .iptWrap + .iptWrap {margin-left:7px;} 
.payArea .formList .setHalf + [class^=btn_].m {display:block; width:100%; margin-top:12px;}
.payArea .iptFilt {display: flex; justify-content: space-between; margin-bottom:25px;}
.payArea .iptFilt > li {width:100%;}
.payArea .iptFilt .ipt + label {min-width:100%;}
.payArea .iptFilt .ipt:checked + label {box-shadow:0px 3px 8px 0 #e5ecfe;}
.payArea .iptWrap .ipt.unit:not(.front) {padding-right:32px !important;}
.payArea .setCard .ipt:not(:last-of-type) {width:73px;}
.payArea .setCard .ipt:last-of-type {padding-left:295px;}

.payArea .setCard .ipt[type=password] {padding-left:0 !important; letter-spacing:0.1em;}
body:not(.isIE):not(.isFF) .payArea .setCard .ipt[type=password] {font-size:36px !important; letter-spacing:-0.05em;}
.payArea .setCard .ipt[type=password]:last-of-type {padding-left:286px !important;}

.setCard.security .ipt:last-of-type {position:inherit; height:34px; padding:0; border:none; border-radius:0; box-shadow:none !important; text-align:center;}
.setCard.security .ipt:last-of-type:focus,
.setCard.security .ipt:last-of-type:hover {background-color:#ebf4fc !important; box-shadow:none !important;}

.payArea .setCard.security {padding-left:5px;}
.setCard.security .ipt,
.payArea .setCard.security .ipt {width:60px;}

.payArea .formList.point > li {align-items:flex-end;}
.payArea .formList.point .itemTh {padding:0 15px 0 0;}
.payArea .formList.point .dataTd {text-align:right;}
.payArea .formList.point .links {margin:0;}
.payArea .formList.point .tPoint {display:inline-block; margin-bottom:5px; color:#445fe6; line-height:1.4; border-bottom:1px solid #445fe6;}

.giftCard {margin-top:30px; margin-bottom:24px;}
.giftCard:after {content:""; display:block; clear:both;}
.giftCard .cardMsg {float:left; position:relative; width:368px; height:336px; text-align:center;}
.giftCard .cardMsg .card {height:220px; border-radius:18px; background-repeat:no-repeat; background-position:0 0;}
.giftCard .cardMsg .tit {position:absolute; top:28px; left:0; width:100%; text-align:center; font-size:22px; font-weight:500; color:#222;}
.giftCard .cardMsg .iptWrap {height:92px; margin:16px 0 0; border-radius:4px; overflow:hidden; background:#fff;}
.giftCard .cardMsg .iptWrap textarea.ipt {min-height:100%; font-size:14px; resize:none; overflow:hidden;}
.giftCard .cardMsg .iptWrap textarea.ipt:hover,
.giftCard .cardMsg .iptWrap textarea.ipt:focus {box-shadow:none;}
.giftCard .cardMsg .iptWrap textarea::placeholder {font-size:14px;}
.giftCard .cardMsg .iptWrap textarea::-webkit-input-placeholder {font-size:14px;}
.giftCard .cardMsg .iptWrap textarea::-moz-placeholder {font-size:14px;}
.giftCard .cardMsg .iptWrap textarea:-ms-input-placeholder {font-size:14px;}
.giftCard .cardList {float:right; display:flex; width:344px; flex-wrap:wrap; justify-content:space-between;}
.giftCard .cardList > li {width:168px; margin-bottom:8px;}
.giftCard .cardList .ipt[type=radio] + label {position:relative; width:168px; height:104px; padding:0; font-size:16px; color:#222; text-align:center; border-radius:10px; background-color:#fff; background-repeat:no-repeat; background-position:0 0;}
.giftCard .cardList li .ipt[type=radio] + label:before {background-color:transparent; border:0;}
.giftCard .cardList li .ipt[type=radio]:checked + label:before {top:-8px; left:auto; right:-8px; background-color:#222; border:0; box-shadow:none;}
.giftCard .cardList li .ipt[type=radio]:checked + label:after {content: ''; position:absolute; top:-4px; right:0; width:6px; height:12px; border:1px solid #fff; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.giftCard .cardList li .ipt[type=radio]:checked + label:hover:before {border:0; box-shadow:none;}
.giftCard .cardList li .ipt[type=radio]+ label span {display:block; padding-top:15px; font-size:14px; font-weight:500; color:#222;}
.giftCard .cardList li .ipt[type=radio]+ label .img {position:relative; width:168px; height:104px; overflow:hidden; border-radius:10px;}
.giftCard .cardList li .ipt[type=radio]+ label .img img {position:absolute; top:0; left:50%; margin-left:-110px; width:220px; height:auto; z-index:-1;}
.giftCard .cardMsg .card img[src*=card01] + .tit,
.giftCard .cardList li .ipt[type=radio]+ label .img img[src*=card01] + span {color:#563409;}
.giftCard .cardMsg .card img[src*=card02] + .tit,
.giftCard .cardList li .ipt[type=radio]+ label .img img[src*=card02] + span {color:#6a3339;}
.giftCard .cardMsg .card img[src*=card03] + .tit,
.giftCard .cardList li .ipt[type=radio]+ label .img img[src*=card03] + span {color:#001a49;}
.giftCard .cardMsg .card img[src*=card04] + .tit,
.giftCard .cardList li .ipt[type=radio]+ label .img img[src*=card04] + span {color:#38024c;}
.giftCard .cardMsg .card img[src*=card05] + .tit,
.giftCard .cardList li .ipt[type=radio]+ label .img img[src*=card05] + span {color:#422000;}
.giftCard .cardMsg .card img[src*=card06] + .tit,
.giftCard .cardList li .ipt[type=radio]+ label .img img[src*=card06] + span {color:#002b0a;}

.conBox.gift {width:560px; margin:42px auto 0; border-radius:6px;}
.conBox.gift .titDiv {margin-bottom:22px; padding:28px 0 15px 0;}
.conBox.gift .titDiv .tit{font-size:18px; font-weight:300;}
.conBox.gift .infoList > li {padding:4px 0; border-top:none;}
.conBox.gift .txtList {margin:15px -32px -32px; padding:18px 32px; background:#f8f8f8; border-top:1px solid #eee; border-radius:0 0 6px 6px;}
.conBox.gift .txtList:not(.dot) > li:not(:first-child) {margin-top:3px;}

/* 디지털보험 - 통합보장분석 상세 */
.insuGuarWrap .titArea {margin:16px 0 24px; padding-bottom:16px; border-bottom:1px solid #222;}
.insuGuarList {margin-bottom:20px;}
.insuGuarList > li {position:relative; margin-bottom:12px; padding:19px 22px 20px; border:1px solid #ddd; background:#fff; box-shadow:8px 8px 14px rgba(0,0,0,0.08);}
.insuGuarList .desc {margin-bottom:3px; font-size:14px; color:#666;}
.insuGuarList .tit {margin-bottom:8px; font-size:18px; color:#222; font-weight:500;}
.insuGuarList .info > * {display:inline-block; font-size:14px; margin-right:16px;}
.insuGuarList .info em {color:#445fe6; font-weight:300;}

/* 직업찾기 */
.resulBtnList .btn_s {width:100%; height:44px; font-size:16px;}
.resulBtnList .ipt + label {width:100%; min-height:44px; margin:4px 0; padding:4px 15px; border:1px solid #5d88fb; border-radius:0; background-color:#fff; color: #445fe6; text-align:center; line-height:34px;}
.resulBtnList .ipt + label:before {content:none;}
.resulBtnList .ipt:checked + label {color:#fff; background-color:#5d88fb;}

.formList + .resulBtnList {margin-top:15px;}

/* 디지털보험 - [레]이벤트참여 */
.eventEntry{margin:25px 0 0; padding:30px; background-color: #f8f8f8;}
.eventEntry .infoWrap{padding:0; background-color:transparent;}
.eventEntry .infoWrap .infoList{margin-top:20px;}
.eventEntry .infoWrap .infoList li{margin-top:0;}
.eventEntry .infoWrap .infoList li .val{text-align:left;}
.eventEntry .tit{color:#222; font-size:16px; font-weight:500;}
.eventEntry [class*=List]{margin-top:0; border:none;}
.eventEntry [class*=List] li{padding:8px 0; color:#222; border:none;}
.eventEntry [class*=List] li .item{width:134px; color:#222; font-size:14px; font-weight:500; vertical-align:middle;}
.eventEntry .formList .data{width:calc(100% - 134px);}
.eventEntry .formList .iptWrap{width:100%; margin:0;}
.eventEntry .formList .setPhone{width:100%; margin:0;}
.eventEntry .formList + .urlBtn{width:calc(100% - 134px); margin:0 0 0 134px;}
.eventEntry .formList.line {margin-top:24px; padding-top:20px; border-top:1px solid #eee;}
.eventEntry .formList .ipt[disabled] {border-color:#ccc;}
.eventEntry .urlBtn{width:100%; margin-top:20px;}
.eventEntry .urlLink{margin-top:24px; padding-top:20px; border-top:1px solid #eee;}
.eventEntry .urlLink .setBtnAdd{margin-top:11px; width:100%;}
.eventEntry .urlLink .setBtnAdd .iptWrap{width:100%;}

/* 질병명 검색 */
.srchArea.insu {padding:30px 50px; background-color:#3e3e6b; text-align:center; border-radius:10px;}
.srchArea.insu .srchBox,
.srchArea.insu .keyword {width:660px; margin:0 auto; text-align:left;}
.srchArea.insu .srchBox {margin-bottom:5px; padding-right:140px;}
.srchArea.insu .btnIco_srch {position:absolute; right:0; top:0; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_fepu_yt_x.fit) no-repeat 16px 11px; box-shadow:none; color:#222;}
.srchArea.insu .ipt {border-color:#fff; color:#fff;}
.srchArea.insu .ipt::placeholder {color:#8d8db0; font-size:18px;}
.srchArea.insu .ipt::-webkit-input-placeholder {color:#8d8db0; font-size:18px;}
.srchArea.insu .ipt::-moz-placeholder {color:#8d8db0; font-size:18px;}
.srchArea.insu .ipt:-ms-input-placeholder {color:#8d8db0; font-size:18px;}
.srchArea.insu .iptWrap .icoBtn_del {right:0; border-color:#3e3e6b;}
.srchArea.insu .keyword {margin-top:25px;}
.srchArea.insu .keyword .flag_srch {height:36px; margin:2px 3px 5px 0; line-height:36px; color:#fff; background-color:#484881;}

/* 질병분류 검색 */
.multiSelArea.insu {padding:0; background-color:#3e3e6b; border-radius:10px; overflow:hidden;}
.multiSelArea.insu:after {content:''; display:block; clear:both;}
.multiSelArea.insu > * {display:block; float:left; width:33.3333%; padding:0 0 0 24px; border-right:1px solid #505078;}
.multiSelArea.insu > *:nth-of-type(3) {float:right; border-right:none;}
.multiSelArea.insu .multiSel {height:292px; padding:24px 0; border:none; border-radius:0; background-color:transparent;}
.multiSelArea.insu .multiSel > li {padding-right:40px;}
.multiSelArea.insu .multiSel > li input + label {padding:11px 20px 11px 30px; color:#bac2ea; border-radius:48px;}
.multiSelArea.insu .multiSel > li input:focus + label, 
.multiSelArea.insu .multiSel > li input:checked + label {color:#445fe6; background-color:#fff; font-weight:500;}
.multiSelArea.insu .multiSel > li input:checked + label:after {content:''; position:absolute; right:20px; top:50%; width:10px; height:10px; border:1px solid #3e3e6b; border-width:2px 2px 0 0; box-sizing:border-box; transform:translateY(-50%) rotate(45deg); z-index:1;}

/* 예상보험금 재정의 */
.digital.insuExpect #content {background-color:#f3f1fe;}
.digital.insuExpect .pageTit {margin-bottom:0; padding-bottom:210px; background-color:#fff;}

.digital.insuExpect .insuSumBox {display:table; width:1136px; margin:-170px auto 0; padding:40px 80px; font-size:20px; color:#222; table-layout:fixed; background-color:#fff; border-color:transparent; border-radius:10px; z-index:1;}
.digital.insuExpect .insuSumBox > div {display:table-cell; vertical-align:top;}
.digital.insuExpect .insuSumBox .info > .ipt {margin:10px 0; font-size:20px; font-weight:500;}
.digital.insuExpect .insuSumBox .info > span {position:relative; top:2px; display:inline-block; margin:10px 0;}
.digital.insuExpect .insuSumBox .info select.ipt {width:auto; padding-left:4px; background-position:right center;}
.digital.insuExpect .insuSumBox .btn_p.m {position:static; margin-top:30px; font-weight:500; background-color:#715deb; border-color:#715deb; transform:none;}

.digital.insuExpect .tabList.roundTab > li {border-color:transparent;}
.digital.insuExpect .tabList.roundTab > li.on {background-color:#3e3e6b;}

.digital.insuExpect .dataList.insu {border:none;}
.digital.insuExpect .dataList.insu > li {margin-bottom:15px; border:none; border-radius:10px; background-color:#fff; box-shadow:16px 16px 32px rgb(70 50 171 / 8%);}
.digital.insuExpect .dataList.insu .block {padding:25px 50px;}
.digital.insuExpect .dataList.insu .infoCell {padding:0;}
.digital.insuExpect .dataList.insu .infoCell .tit {color:#5642bf;}
.digital.insuExpect .dataList.insu > li .icoBtn_acco {width:32px; height:32px; margin:0; background-color:#715deb; border-radius:50%;}
.digital.insuExpect .dataList.insu > li .icoBtn_acco:after {width:7px; height:7px; margin-top:-2px; border-color:#fff;}
.digital.insuExpect .dataList.insu > li.on .icoBtn_acco {background-color:#e8e4ff;}
.digital.insuExpect .dataList.insu > li.on .icoBtn_acco:after {margin-top:1px; border-color:#5f4cc3;}
.digital.insuExpect .dataList.insu .detail {padding:0 50px 25px 50px; background-color:transparent;}
.digital.insuExpect .dataList.insu .detail .infoDetail {padding:24px 32px; background-color:#f8f8fc; border:1px solid #e8e8e8; border-width:1px 0 1px 0;}
.digital.insuExpect .dataList.insu .detail .btnGroup {margin:25px 0 0 0; text-align:right;}
.digital.insuExpect .dataList.insu .detail .btnGroup .btn_t.s {padding-left:20px; padding-right:20px;}

/* 보험선물 리스트 */
.prdGiftList .block {position:relative; display:inline-block; width:100%; padding:30px; border:1px solid #ddd; background-color:#fff; color:#666; font-size:16px;}
.prdGiftList .state {margin-bottom:17px;}
.prdGiftList .tit {margin-bottom:17px; padding-bottom:19px; border-bottom:1px solid #ddd; color:#222; font-size:20px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prdGiftList .txtBox {margin:30px -30px -30px -30px; padding:23px 30px; font-size:14px !important; background-color:#f2f2f2;}
.prdGiftList .infoList > li {padding:6px 0 0 0; border-top:none;}
.prdGiftList .infoList > li.full > div {display:block; width:100%;}
.prdGiftList .txtList {margin-bottom:0;}
.prdGiftList .info {overflow:hidden;}
.prdGiftList .info > span {position:relative; display:inline-block; margin-right:16px; font-size:14px;}
.prdGiftList .info > span:last-child {margin-right:0;}
.prdGiftList .info > span:not(:first-child):before {content:''; position:absolute; left:-10px; top:50%; height:13px; margin-top:-6px; border-right:1px solid #ddd;}
.prdGiftList .linkGroup {margin-top:10px; margin-bottom:15px;}
.prdGiftList .linkGroup .links {font-size:14px; color:#445fe6;}
.prdGiftList .linkGroup .links:after {left:0; right:0; width:100%;}
.prdGiftList .btnGroup {position:relative; display:table; width:calc(100% + 7px); margin:20px 0 0 -4px; table-layout:fixed;}
.prdGiftList .btnGroup > span {display:table-cell; padding:0 3px;}
.prdGiftList .btnGroup [class^=btn_].m {width:100%;}

.msgArea .prdGiftList {width:560px; margin:45px auto 0; text-align:left;}
.msgArea .prdGiftList .txtBox {background-color:#f2f2f2;}

ul.prdGiftList {margin:-40px -20px 64px;}
ul.prdGiftList:after {content:''; display:block; clear:both;}
ul.prdGiftList > li {float:left; width:33.3%; margin-top:40px; padding:0 20px;}
ul.prdGiftList > li .block {min-height:374px; padding-bottom:74px;}
ul.prdGiftList > li .btnGroup {position:absolute; bottom:30px; left:0; right:0; padding:0 30px;}

/* 별점등록 */
.iptStar {position:relative; width:250px; margin-top:20px; font-size:0; z-index:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_erivrj_fgne2.cat) no-repeat 0 0;}
.iptStar .ipt + label {position:static; width:35px; height:35px; margin-right:15px; padding-left:0; box-sizing:border-box;}
.iptStar .ipt + label:before {content:none;}
.iptStar .ipt + label:after {content:''; position:absolute; top:0; left:0; bottom:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_erivrj_fgne2.cat) no-repeat 0 -35px; z-index:-1;}
.iptStar .ipt:checked + label {opacity:1;}
.iptStar .ipt:nth-of-type(1):checked + label:after {width:20%;}
.iptStar .ipt:nth-of-type(2):checked + label:after {width:40%;}
.iptStar .ipt:nth-of-type(3):checked + label:after {width:60%;}
.iptStar .ipt:nth-of-type(4):checked + label:after {width:80%;}
.iptStar .ipt:nth-of-type(5):checked + label:after {width:100%;}

/* slPointList */
.slPointList > li {margin-top:10px; padding:25px; background-color:#f8f8f8;}
.digital .slPointList > li {background-color:#f2f2f2;}
.slPointList .item {font-size:14px; color:#222; font-weight:500;}
.slPointList .val {display:block; margin-top:10px; text-align:right; color:#445fe6; font-size:16px;}

/* 디지털보험 - 전체상품 팝업 */
.popCont.digiPrdAll {width:100% !important; min-width:1136px; height:100vh; padding-top:96px;}
.popCont.digiPrdAll > .icoBtn_close {left:50%; right:auto; top:30px; margin-left:530px;}
.popCont.digiPrdAll > .icoBtn_close:before,
.popCont.digiPrdAll > .icoBtn_close:after {height:34px; background-color:#fff;}
.popCont.digiPrdAll .popHead {height:96px; border-bottom:0; background-color:#715deb;}
.popCont.digiPrdAll .popHead h1 {display:block; width:1136px; height:96px; margin:0 auto; padding:0; color:#fff; font-size:24px; line-height:96px;}
.popCont.digiPrdAll .popBody {max-height:calc(100vh - 96px);}
.digiPrdAll .digiPrdList {width:1136px; margin:0 auto; padding:56px 0;}
.digiPrdList > ul {margin:0 -8px;}
.digiPrdList > ul:after {display:block; content:''; clear:both;}
.digiPrdList > ul > li {float:left; width:50%; padding:8px;}
.digiPrdList .block {display:block; position:relative; height:240px; padding:44px 40px; border:1px solid transparent; background-color:#f2f2f2;}
.digiPrdList .img {position:absolute; right:0; bottom:0; width:100%; height:auto; z-index:0;}
.digiPrdList .tit {position:relative; color:#222; font-size:20px; font-weight:500; z-index:1;}
.digiPrdList .tit > .type {font-size:18px;}
.digiPrdList .desc {position:relative; max-width:60%; margin-top:14px; color:#666; z-index:1; word-break:keep-all;}

.digiPrdList a.block::before,
.digiPrdList a.block::after {content:''; position:absolute; background-color:#715deb; box-sizing:border-box; z-index:2; transition:all 0.3s;}
.digiPrdList a.block::before {right:-1px; top:-1px; width:0; height:15px;}
.digiPrdList a.block::after {right:-1px; top:-1px; width:15px; height:0;}
.digiPrdList a.block:focus,
.digiPrdList a.block:hover {border-color:#715deb; background-color:#fff;}
.digiPrdList a.block:focus:before,
.digiPrdList a.block:hover:before {width:60px;}
.digiPrdList a.block:focus:after,
.digiPrdList a.block:hover:after {height:60px;}

/* 디지털보험 - 약관 */
ul.termsWrap .accoHead [class^=flag_prd] {margin:-2px 0 -2px 7px;}
.termsState {display:inline-block; margin-right:5px; padding:6px 15px 8px; border-radius:20px; background-color:#f8f8f8;}
.termsState [class^=flag_prd] {position:relative; min-width:auto; height:24px; margin:0 0 0 3px; padding:0 0 0 38px; background-color:transparent; line-height:24px;}
.termsState [class^=flag_prd]::before,
.termsState [class^=flag_prd]::after {content:''; position:absolute; top:50%; transform:translateY(-50%); box-sizing:border-box;}
.termsState [class^=flag_prd]::before {left:22px; width:8px; height:8px; border-radius:50%;}
.termsState [class^=flag_prd]::after {left:0; width:16px; height:1px;}
.termsState [class^=flag_prd]:first-child {margin:0; padding-left:16px;}
.termsState [class^=flag_prd]:first-child::before {left:0;}
.termsState [class^=flag_prd]:first-child::after {content:none;}
.termsState [class^=flag_prd].on {padding-left:53px;}
.termsState [class^=flag_prd].on::before {width:24px; height:24px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_grezf_fgngr_pux.cat); background-repeat:no-repeat; background-position:center center; background-size:13px auto;}
.termsState [class^=flag_prd]:first-child.on {padding-left:31px;}

.termsState .flag_prd1::before {background-color:#4a78c4;}
.termsState .flag_prd1::after {background-color:#4a78c4;}
.termsState .flag_prd8::before {background-color:#3e9100;}
.termsState .flag_prd8::after {background-color:#ccebf3;}
.termsState .flag_prd9::before {background-color:#ec750d;}
.termsState .flag_prd9::after {background-color:#f6dec9;}
.termsState .flag_prd4::before {background-color:#e11409;}
.termsState .flag_prd4::after {background-color:#f3cac8;}
.termsState .flag_prd12 {color:#A38B29;}
.termsState .flag_prd12::before {background-color:#A38B29;}
.termsState .flag_prd12::after {background-color:#d3e3c6;}

.termsState + .qrDiv img {width:48px; height:auto;}

.dataList.insu .infoCell .tit {font-size:18px;}
.dataList.insu .dataCell .money {margin-left:10px; font-size:18px; font-weight:500; color:#5642bf;}
.dataList.insu .infoDetail .infoList > li {width:50%;}
.dataList.insu .infoDetail .infoList > li:first-child:not(:only-child)::before {width:auto; border-right:none;}


/* 디지털보험 - 병명검색 */
.digital .popCont .resulBtnList .ipt + label {background-color:#f8f8f8; border:0; border-radius:50px; color:#222;}
.digital .popCont .resulBtnList li .ipt:checked + label {border:1px solid #445fe6; color:#445fe6; background-color:#fff; font-weight:500;}

/* 디지털보험 - 직업찾기*/
.popCont .dataList.job {margin-left:0; margin-right:0; border-bottom:0;}
.dataList.job .infoCell {position:relative; width:90px; padding-left:0;}
.dataList.job .infoCell[class*=Depth] {padding-left:16px;}
.dataList.job .infoCell.threeDepth {padding-left:32px;}
.dataList.job .infoCell[class*=Depth]:before {content:''; position:absolute; left: 0px; top:16px; width:8px; height:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
.dataList.job .infoCell.threeDepth:before {margin-left:16px;}
.dataList.job .dataCell {color:#445fe6;}
.dataList.job .accoBtnCell .accoBtn:after {border-color:#445fe6;}
.dataList.job .detail {padding:0 32px 24px; background:none !important;}
.dataList.job .resulBtnList {font-size:0; margin:0 -36px;}
.dataList.job > li + li .resulBtnList {margin:0 -20px;}
.dataList.job > li + li +li .resulBtnList {margin:0 -4px;}
.dataList.job .resulBtnList > li {display:inline-block; width:100%; padding:0 3px;}
.dataList.job .resulBtnList .btn_s {background-color:#f2f2f2; border:0; border-radius:50px; color:#222;}
.dataList.job .resulBtnList li.on .btn_s {border:1px solid #445fe6; color:#445fe6; background-color:#fff; font-weight:500;}

.resulBtnList.job {font-size:0;}
.resulBtnList.job > li {display:inline-block; width:100%; padding:0 3px;}
.resulBtnList.job .ipt + label {background-color:#f2f2f2; border:0; border-radius:50px; color:#222;}
.resulBtnList.job .ipt:checked + label {border:1px solid #445fe6; color:#445fe6; background-color:#fff; font-weight:500;}

.dataList.job .acco_disabled {border-bottom:0;}
.dataList.job .acco_disabled.on .accoBody {display:block !important;}
.dataList.job .acco_disabled .icoBtn_acco:after {content:none;}

/* 디지털보험 - 필수 및 선택동의 (CDIPBB0116) */
[class^=tbl].insuTerms td {color:#222; font-size:14px;}
[class^=tbl].insuTerms td.th {font-weight:300;}
[class^=tbl].insuTerms .txtList {color:#222;}
.termsInfo {display:flex; justify-content:space-between; align-items:center; color:#222;}
.termsInfo .iptGroup.agree {margin-right:0; margin-top:4px}
.termsInfo .iptGroup.agree.insurance {margin-right:0; margin-top:0;}
.termsInfo .iptGroup.agree > li {margin-left:5px;}
.termsInfo .iptGroup.agree .ipt + label {width:85px; border:1px solid #ccc; padding:5px 0px; border-radius:2px; font-size:14px; vertical-align:middle; text-align:center;}
.termsInfo .iptGroup.agree .ipt:checked + label {color:#fff; border-color:#445fe6; background-color:#445fe6;}
.termsInfo .iptGroup.agree .ipt[type=radio] + label:before {content:none;}

.popCont .btnArea.termsAll {margin-bottom:30px;}
.popCont .btnArea.termsAll [class^=btn_]:not(.s):not(.m) {min-width:176px; min-height:56px; padding:5px 30px; font-size:18px; font-weight:500; border-radius:0;}

.termsAll.extra > .accoHead {margin-top:30px; margin-bottom:30px; text-align:center;}
.termsAll.extra > .accoHead .single {margin:0; overflow:visible;}
.termsAll.extra .ipt + label.allChk {height:56px; margin-right:0; padding:5px 30px 5px 68px; font-size:18px; font-weight:500; line-height:42px; color:#5642bf; border-color:#5642bf;}
.termsAll.extra .ipt + label.allChk:after {top:17px !important; left:36px !important; border-color:#715deb;}
.termsAll.extra .ipt:checked + label.allChk {color:#fff; background-color:#715deb; border-color:#715deb; box-shadow:8px 8px 16px rgba(113, 93, 235, .16);}
.termsAll.extra .ipt:checked + label.allChk:after {border-color:#fff !important;}

.termsAll.extra .cascadeWrap {margin-bottom:30px;}
.termsAll.extra .cascadeWrap .itemTh {width:80%;}
.termsAll.extra .accoList .accoBtn {font-size:18px; font-weight:500;}
.termsAll.extra .accoList .accoBody {padding:24px; border-top:1px solid #ddd;; background-color:#fff;}

.insuTerms .cascadeWrap > [class^=tit] {display:inline-block; margin:0 0 15px;}
.insuTerms .cascadeWrap .ipt[type=checkbox] + label:before {border:0; background-color:transparent;}
.insuTerms .cascadeWrap .ipt[type=checkbox] + label:after {border-color:#ccc;}

/*
접근성 싸우기 싫다.
.insuTerms .cascadeWrap .ipt[type=checkbox]:checked + label:after {border-color:#1a75e4;}
.insuTerms .cascadeWrap .ipt[type=checkbox]:checked + label:hover:before,
.insuTerms .cascadeWrap .ipt[type=checkbox]:checked:focus + label:before {background-color:#1a75e4;}
.insuTerms .cascadeWrap .ipt[type=checkbox]:checked + label:hover:after,
.insuTerms .cascadeWrap .ipt[type=checkbox]:checked:focus + label:after {border-color:#fff;}
*/
.insuTerms .cascadeWrap .ipt[type=checkbox]:checked + label:before {background-color:#1a75e4;}
.insuTerms .cascadeWrap .ipt[type=checkbox]:checked + label:after {border-color:#fff;}

/* 디지털보험 - 보험보장분석 입력 동의 (CDIPED0010) */
.termsAll.extra .termsAll .ipt + label.allChk {height:64px; padding:0 65px 0 55px; border:1px solid #ddd; color:#222; font-size:16px; font-weight:300; line-height:62px;}
.termsAll.extra .termsAll .ipt + label.allChk:after {left:28px !important; top:22px !important; border-color:#eee;}
.termsAll.extra .termsAll .ipt:checked + label.allChk {border-color:#5642bf; background-color:#fff; color:#5642bf; font-weight:500;} 
.termsAll.extra .termsAll .ipt:checked + label.allChk:after {border-color:#715deb !important;} 
.termsAll.extra .termsAll .ipt:focus + label.allChk,
.termsAll.extra .termsAll .ipt + label.allChk:hover {border-color:#5642bf;}
.termsAll.extra .termsAll .accoBody > .inner {background-color:#fff;}
.termsAll.extra .termsAll .termsWrap .cascadeWrap {width:100%; margin:15px 0;}
.termsAll.extra .termsAll .termsWrap .ipt:checked + label.allChk {background-color:#fff; color:#fff;}
.termsAll.extra .termsAll .termsWrap .ipt:checked + label.allChk:after {border-color:#715deb;}

/* 디지털보험 - 질병상세설명 */
.digital .imgArea {margin:-5px -5px 0; text-align:left;}
.digital .imgArea .img{display:inline-block; width:272px; height:204px; margin:15px 5px 0; box-sizing:border-box; vertical-align:top;}
.digital .imgArea .img img{width:100%; height:100%;}
.digital .imgArea .img .imgTemp{width:100%; height:100%; background:#fde8e7; text-align:center;}

.digital.main .termsWrap:not(ul) > .inner {width:100%; margin:28px 0 0 0;}

/* only mobile */
@media all and (max-width:768px) {
	
	/* 디지털보험 - [레]이벤트참여 */
	.eventEntry{background:none; padding:0;}
	.eventEntry .infoWrap{padding:30px 30px 22px;}
	.eventEntry [class*=List] li .item{width:78px;}
	.eventEntry .formList li + li{margin-top:25px;}
	.eventEntry .formList .data{width:100%; margin-top:8px;}
	.eventEntry .formList + .urlBtn{width:100%; margin:16px 0 0;}
	.eventEntry .urlLink{margin:36px 0 0; padding:0; border:none;}

	/* 디지털보험 - 전체상품 팝업 */
	.popCont.digiPrdAll {min-width:auto; padding-top:0;}
	.popCont.digiPrdAll > .icoBtn_close {left:auto; right:15px; top:10px; margin-left:0;}
	.popCont.digiPrdAll > .icoBtn_close:before,
	.popCont.digiPrdAll > .icoBtn_close:after {height:23px;}
	.popCont.digiPrdAll .popHead {height:55px;}
	.popCont.digiPrdAll .popHead h1 {width:auto; height:55px; padding:0 60px 0 24px; font-size:18px; line-height:55px;}
	.digiPrdAll .digiPrdList {width:100%; padding:28px 0;}

	.digiPrdList > ul {margin:0;}
	.digiPrdList > ul > li {width:100%; padding:4px 0;}
	.digiPrdList .block {height:auto; min-height:128px; padding:20px 23px 34px; font-size:14px;}
	.digiPrdList .img {width:auto; height:100%;}
	.digiPrdList .tit {font-size:16px;}
	.digiPrdList .tit > .type {font-size:14px;}
	.digiPrdList .desc {margin-top:6px;}

	.digiPrdList a.block:focus,
	.digiPrdList a.block:hover {border-color:#f2f2f2; background-color:#f2f2f2;}
	.digiPrdList a.block:focus:before,
	.digiPrdList a.block:hover:before,
	.digiPrdList a.block:focus:after,
	.digiPrdList a.block:hover:after {content:none;}

	.digiPrdList a.block.on {border-color:#715deb; background-color:#fff;}
	.digiPrdList a.block.on:before {content:''; width:32px; height:8px;}
	.digiPrdList a.block.on:after {content:''; width:8px; height:32px;}
}


/*================================================== 사이버 창구 ==================================================*/
/* 마이페이지 */
.cyber.myPage.scrollFix {overflow: hidden;}
.cyber.myPage .wrapper {background-color:#fcfcfc;}
.cyber.myPage .header::before {content:''; position:absolute; left:0; right:0; top:115px; height:1px; background-color:#e5e5e5; z-index:1;}
.cyber.myPage .gnbWrap {border-bottom:1px solid #e5e5e5;}
.cyber.myPage .crumbs {display:none;}
.cyber.myPage #content {padding-top:113px !important;}

.myPageLayout {margin-bottom:24px;}
.myPageLayout::after {display:block; content:''; clear:both;}
.myPageLayout .infoRowList .val {font-size:20px; font-weight:500;}

.contractInfo {float:left; width:760px;}
.contractInfo .swiper-container {margin:-20px -20px 0; padding:20px 0 40px;}
.contractInfo .slideList > li {padding:0 20px;}
.contractInfo .block {position:relative; height:240px; padding:30px 40px 0; border-radius:8px; background-color:#fff; font-size:16px; box-shadow:0 25px 15px rgba(0, 0, 0, 0.07);}
.contractInfo .block.loadingWrap {z-index: 1}
.contractInfo .state {margin-bottom:15px;}
.contractInfo .tit {color:#222; font-size:18px; font-weight:500; line-height:1.6; word-break:keep-all;}
.contractInfo .copy {margin-top:40px; color:#222; text-align:center;}
.contractInfo .btn_t.m {position:absolute; left:40px; right:40px; bottom:24px; margin:0; border:0; border-radius:6px;}
.contractInfo .links.arrow {position:absolute; right:40px; top:35px; margin:0; color:#222;}
.contractInfo .links.arrow::before {border-color:#222;}
.contractInfo .infoRowList {margin-top:20px;}
.contractInfo .infoRowList > li {width:50%; text-align:left;}
.contractInfo .infoRowList > li:nth-child(2) {padding-left:24px;}
.contractInfo .infoRowList > li:only-child {width:100%; text-align:center;}
.contractInfo .infoRowList > li:only-child .val {margin-top:23px;}
.contractInfo .infoRowList > li:only-child .item + .val {margin-top:2px;}
.contractInfo .infoRowList .val {margin-top:2px;}

.contractInfo .block.ingInsu {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Szlcntr_vafh_ot.cat) no-repeat right bottom;}
.contractInfo .block.ingInsu .links.arrow {left:40px; right:auto; top:auto; bottom:30px;}

.contractInfo .block.point {background-color:#7d68ee; color:#fff;}
.contractInfo .block.point .flag_prd1 {background-color:#8a77f0; color:#fff !important;}
.contractInfo .block.point .tit {height:55px; margin-bottom:25px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.contractInfo .block.point .infoRowList > li:only-child {text-align:left;}
.contractInfo .block.point .infoRowList .item {color:#fff; opacity:.75;}
.contractInfo .block.point .infoRowList .val {color:#fff;}
.contractInfo .block.point a {color:#fff !important;}
.contractInfo .block.point .links.arrow {top:auto; bottom:30px; color:#fff !important;}
.contractInfo .block.point .links.arrow::before {border-color:#fff;}

/* 230612-웹접근성 사이버창구 (s) */
.tabFocus .contractInfo .block.point .tit a {position:relative; display:block;}
.tabFocus .contractInfo .block.point .tit a:focus::after {content: ''; position:absolute; top:0; left:0; right:0; bottom:1px; border:2px dashed #222;}
.tabFocus .contractInfo .block.point .tit a:focus {outline:none;} 
/* 230612-웹접근성 사이버창구 (e) */

.contractInfo > ul {display:flex; flex-wrap:nowrap; margin:-20px -20px 0; padding:20px 0 40px; justify-content:space-between;}
.contractInfo > ul > li {width:50%; flex-grow:1; padding:0 20px;}
.contractInfo .block.digital {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Szlcntr_qvtvgny_ot.fit) no-repeat right bottom;}
.contractInfo .block.digital .links.arrow {left:40px; right:auto; top:auto; bottom:30px;}
.contractInfo > ul > li:only-child .block.digital {background-size:240px 240px;}

.contractInfo.snapScroll > ul {overflow: auto;}
.contractInfo.snapScroll:not(.animate) > ul {scroll-snap-type: x mandatory;}
.contractInfo.snapScroll > ul > li {min-width: 400px; scroll-snap-align: start;}

.contractInfo.snapScroll > ul::-webkit-scrollbar {-webkit-appearance:none;}
.contractInfo.snapScroll > ul::-webkit-scrollbar:horizontal {height:5px;}
.contractInfo.snapScroll > ul::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.5);}
.contractInfo.snapScroll > ul::-webkit-scrollbar-track {background-color:rgba(0,0,0,.1); border:none;}

.contractInfo .loadingWrap .ico {display:flex; width:448px; animation: bgIcoTrans infinite; animation-duration:5.0s; animation-fill-mode:forwards;}
.contractInfo .loadingWrap .ico span {width:64px; height:64px; background-repeat:no-repeat; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_zlcntr_ybnqvat_01.fit); background-position:50% 50%; animation:icoTrans infinite linear; animation-duration:0.8333s; }
.contractInfo .loadingWrap .ico span:nth-child(2) {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_zlcntr_ybnqvat_02.fit);}
.contractInfo .loadingWrap .ico span:nth-child(3) {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_zlcntr_ybnqvat_03.fit);}
.contractInfo .loadingWrap .ico span:nth-child(4) {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_zlcntr_ybnqvat_04.fit);}
.contractInfo .loadingWrap .ico span:nth-child(5) {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_zlcntr_ybnqvat_05.fit);}
.contractInfo .loadingWrap .ico span:nth-child(6) {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_zlcntr_ybnqvat_06.fit);}
.contractInfo .loadingWrap .loading {width:64px; height:64px; margin-left:-32px; box-shadow:none; background:#ccc; animation:none;}
.contractInfo .loadingWrap .txt {margin-top:30px; font-size:14px; color:rgba(102,102,102,0.6);}
.contractInfo .loadingWrap.point .loading {background:#705ceb;}
.contractInfo .loadingWrap.point .txt {color:rgba(255,255,255,0.6);}

@keyframes bgIcoTrans {
	0% {transform:translateX(0);}
	16.6% {transform:translateX(-64px);}
	33.3% {transform:translateX(-128px);}
	50.0% {transform:translateX(-192px);}
	66.6% {transform:translateX(-256px);}
	83.3% {transform:translateX(-320px);}
	99.8% {transform:translateX(-384px);}
	99.81% {transform:translateX(0px);}
}
@keyframes icoTrans {
	30% {transform: scale(0.7); opacity:0.5;}
	70% {transform: scale(1); opacity:1;}
}


.menuLink {display:flex; flex-wrap:nowrap; margin:24px -10px 0; align-items:flex-start; justify-content:space-between;}
.menuLink > li {width:100%; flex-grow:1; padding:0 10px; border-left:1px solid #eee;}
.menuLink > li:first-child {border-left:0;}
.menuLink .block {display:block; color:#222; font-size:14px; text-align:center;}
.menuLink .block span {display:block; margin-top:20px;}

.userArea {float:right; position:relative; width:320px; height:240px;}
.userArea .copy {margin-bottom:10px; color:#222; font-size:20px; font-weight:500;}
.userArea .addInfo {margin-bottom:4px; color:#777; font-size:13px;}
.userArea .addInfo .val {display:inline-block; margin-left:3px; color:#222;}
.userArea .addInfo .val.pointC5 {font-weight:500;}
.userArea .links.setup {position:absolute; right:0; top:93px; padding-right:22px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_oga_frghc.cat) no-repeat right center; color:#222; font-size:13px;}
.userArea .links.setup:after {content:none;}

.userInsu {position:absolute; left:0; bottom:0; width:100%; padding:22px 30px; border-radius:8px; background-color:#fff; font-size:16px; box-shadow:0 25px 15px rgba(0, 0, 0, 0.07);}
.userInsu .infoRowList > li {width:auto;}
.userInsu .infoRowList > li:nth-child(2) {float:right; width:180px; text-align:right;}
.userInsu .infoRowList .item {color:#222;}
.userInsu .infoRowList .val {margin-top:0; color:#5642bf;}

.bodyCon {float:left; width:760px;}
.sideCon {float:right; width:320px;}

.myPageLayout .imgBanner  {width:760px; height:130px; border-radius:9px; overflow:hidden;}

.diseaseArea {display:flex; width:100%; padding-top:17px; flex-wrap:nowrap; justify-content:space-between;}
.diseaseArea .srchBlock {width:325px;}
.diseaseArea .tit {margin-bottom:13px; color:#222; font-size:30px; font-weight:500; letter-spacing:-0.05em;}
.diseaseArea .copy {position:relative; margin-top:10px; padding-left:20px; font-size:12px;}
.diseaseArea .copy:before {content:'!'; position:absolute; left:0; top:1px; width:14px; height:14px; border:1px solid #6b92fb; border-radius:50%; background-color:#fff; color:#6b92fb; font-family:'Dotum', '돋움'; font-size:12px; font-weight:700; line-height:14px; text-align:center; box-sizing:border-box;}
.diseaseArea .srchBar {position:relative; width:100%; border-bottom:2px solid #222;}
.diseaseArea .srchBar .ipt {padding:0 44px 0 0; border:0; box-shadow:none !important;}
.diseaseArea .icoBtn_srch {position:static; width:100%; height:44px; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Soga_fepu.cat) no-repeat right center;}
.diseaseArea .icoBtn_srch span {position:static; width:100%; height:44px; line-height:44px; text-align:left; clip:inherit; clip-path:none;}
.diseaseArea .diseaseBlock {width:380px; padding-top:11px; text-align:right;}
.diseaseArea .diseaseBlock .links {height:40px; margin:4px 0 4px 2px; padding:10px 23px 0; border-radius:19px; background-color:#f6f6f6; color:#666; font-size:14px;}
.diseaseArea .diseaseBlock .links::after {content:none;}
.diseaseArea .diseaseBlock .links.point {background-color:#edeefc; color:#5455da; font-weight:500;}

.compenHistory > li {margin-bottom:16px;}
.compenHistory .block {display:flex; flex-wrap:nowrap; width:100%; padding:24px 38px; border-radius:8px; background-color:#fff; box-shadow:0 2px 4px rgba(0, 0, 0, 0.06); align-items:center; justify-content:space-between;}
.compenHistory time {width:110px; color:#959595; font-size:13px;}
.compenHistory .tit {flex-grow:1; color:#222; font-weight:500;}
.compenHistory .tit .item {display:block; margin-bottom:5px; color:#666; font-size:14px; font-weight:300;}
.compenHistory .addInfo {width:180px; color:#959595; font-size:13px; text-align:right;}
.compenHistory .addInfo .money {color:#666; font-size:20px; font-weight:500;}

.noticeFilt {display:block; margin-bottom:10px; color:#222; font-size:14px; text-align:right;}
.noticeFilt:after {display:block; content:''; clear:both;}
.noticeFilt > li {display:inline-block; padding:0 5px;}
.noticeFilt .ipt + label {padding:1px 0 0 0; color:#666; font-size:13px; line-height:24px;}
.noticeFilt .ipt + label:before,
.noticeFilt .ipt + label:after {content:none !important;}
.noticeFilt .ipt:checked + label {margin-left:-3px; padding-left:19px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_oga_nynez.cat) no-repeat left center; color:#5455da; font-weight:500;}

.noticeList {max-height:400px; overflow-y:auto; margin-top: 35px;}
.noticeFilt + .noticeList {margin-top:0;}
.noticeList > li {margin-bottom:16px;}
.noticeList .block {position:relative; padding:17px 30px 22px 46px; border:1px solid #f3f3f3; border-radius:8px; background-color:#fff; color:#222; font-size:14px;}
.noticeList .block::before {content:''; position:absolute; left:30px; top:25px; width:5px; height:5px; border-radius:50%; background-color:#e658b2;}
.noticeList time {margin-bottom:16px; color:#717592; font-size:12px;}
.noticeList p {margin:0 0 12px;}
.noticeList p img {margin-top:-3px;}
.noticeList .links {margin:0;}

.noticeList .block.blank {padding-top: 34px; text-align: center;}
.noticeList .block.blank::before {content: none;}

/* 230628-웹접근성 사이버창구 (s) */
.tabFocus .noticeList > li a {position:relative; display:block;}
.tabFocus .noticeList > li a:focus::after {content: ''; position:absolute; top:0; left:0; right:0; bottom:1px; border:2px dashed #222;}
.tabFocus .noticeList > li a:focus {outline:none;}
/* 230628-웹접근성 사이버창구 (e) */

/* 인증 영역 */
/* .certiWrap > .titH3 {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);} */
.certiWrap > .titH3 {margin-top:0;}
.certiWrap > .inner {display:flex; flex-direction:row; flex-wrap:nowrap; padding:35px 40px 30px; border:8px solid #eee; background-color:#fff; align-items:flex-start;}
.certiWrap > .inner > .img {flex-grow:0; padding:5px 0 10px;}
.certiWrap > .inner > .con {flex-grow:1; width:100%; padding-left:45px;}
.certiWrap .form {margin-bottom:16px;}
.certiWrap .form.app {display:inline-flex; flex-flow:row-reverse; align-items:flex-end;}
.certiWrap .label {display:block; margin-bottom:4px; color:#222; font-size:14px; font-weight:500;}
.certiWrap .label em {color:#445fe6;}
.certiWrap .keypad .ipt[type=password] {padding-right:15px;}
.certiWrap .keypad.letter2:after {content:none;}
.certiWrap .keypad.letter2 .ipt {width:64px; padding-left:0 !important; padding-right:0 !important; text-align:center;}
.certiWrap .keypad.letter2 span {display:inline-block; margin-left:5px; color:#717592; font-size:15px; letter-spacing:0.2em; vertical-align:middle;}
.certiWrap .keypad.letter6 {width:280px; margin-right:7px;}
.certiWrap .keypad.letter6 .ipt[type=password] {border-color:#ccc; background-color:#fff;}
.certiWrap div.single {display:block; margin-bottom:13px; padding-bottom:16px; border-bottom:1px solid #ddd;}
.certiWrap .card {display:inline-block; width:185px;}
.certiWrap [class^=btn_].m {min-width:130px;}
.certiWrap .txtList {margin:0 0 10px;}
.certiWrap .keypad.letter2 span:first-child {margin:0 5px 0 0;}
.certiWrap .hasKeypad .keypad.letter2 .ipt {width:90px; text-align:left; padding-left:14px !important;}
.certiWrap .hasKeypad .keypad.letter2 span:first-child ~ .icoBtn_keypad {margin-right:-45px;}

/* 공동인증서 */
.certiPort {display:table; width:100%; table-layout:fixed;}
.certiPort > div {display:table-cell; vertical-align:top;}
.certiPort .certiInfo {position:relative; width:465px; padding:64px; background-color:#5d88fb; color:#fff; text-align:center;}
.certiInfo .addInfo {margin-top:40px;}
.certiInfo .btn_p {width:100%; margin:0; border-color:#fff; background-color:#fff; color:#445fe6; box-shadow:4px 4px 8px rgba(113, 93, 235, 0.24);}
.certiInfo .copy {padding:27px 0 10px; border-top:1px solid #6e94fb; color:#fff; font-size:14px; text-align:center;}
.certiInfo .btn_p + .copy {border-top:0;}
.certiInfo .btnIco_down {padding-right:27px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_qbjaybnq_j.fit) no-repeat right center; color:#fff; font-weight:500;}
.certiPort .certiGuide {padding:35px 50px 46px; border:1px solid #eee; border-left:0; background-color:#fff;}
.certiGuide .titH3 {margin:0 0 16px;}
.certiTxtList {position:relative; margin:12px 0 0; padding-left:26px;}
.certiTxtList::before {content:''; position:absolute; left:5px; top:8px; bottom:0; width:1px; background-color:#e8ecff;}
.certiTxtList > li {display:flex; position:relative; flex-wrap:nowrap; margin-bottom:22px; align-items:baseline;}
.certiTxtList > li:last-child::before {content:''; position:absolute; left:-21px; top:15px; bottom:0; width:1px; background-color:#fff;}
.certiTxtList [class^=flag_] {flex-grow:0; min-width:68px; margin:0 0 7px; padding:0; background-color:#f2fafc; color:#00a3bb;}
.certiTxtList [class^=flag_]::before {content:''; position:absolute; left:-26px; top:9px; width:11px; height:11px; border:2px solid #06a5bd; border-radius:50%; background-color:#fff; box-shadow:3px 3px 5px rgba(0,163,187,.1); box-sizing:border-box;}
.certiTxtList .flag_pc {background-color:#f2f6ff; color:#445fe6;}
.digital .certiTxtList .flag_pc {background-color: #edf1fe;}
.certiTxtList .flag_pc::before {border-color:#5d88fb; box-shadow:3px 3px 5px rgba(93,136,251,.1);}
.certiTxtList p {flex-grow:1; margin-left:10px;}
.certiNum {display:flex; position:relative; flex-wrap:wrap; margin-top:45px; border-top:1px solid #eee; align-items:center;}
.certiNum .titH5 {width:100%; margin:30px 0 7px;}
.certiNum .copy {position:absolute; right:0; top:20px; height:28px; padding:0 11px; border-radius:14px; background-color:#ffdf60; color:#6d4700; font-size:14px; line-height:28px;}
.certiNum .copy::after {content:''; position:absolute; right:14px; bottom:-5px; width:10px; height:10px; background-color:#ffdf60; transform:rotate(45deg) skew(10deg, 10deg); z-index:0;}
.certiNum .iptWrap {width:140px; margin:0;}
.certiNum .ipt {text-align:center;}
.certiNum .sign {margin:0 4px;}
.certiNum [class^=btn_].m {min-width:93px; margin:0 0 0 9px;}

/* QR 안내 */
.qrGuideArea {display:flex; margin:-32px -32px 0; padding:27px 32px; background-color:#47435d; color:#fff; align-items:center; justify-content:space-between;}
.qrGuideArea .infoTxt {flex-grow:1; margin-right:100px;}
.qrGuideArea .tit {margin-bottom:16px; font-size:20px; font-weight:500;}
.qrGuideArea .copy,
.qrGuideArea .txtList {color:#fff; word-break:keep-all; opacity:.7;}
.qrGuideArea .qrImg {flex-grow:0; width:112px; min-width:112px; height:112px;}
.qrStepList {margin:0 -16px; display:flex;}
.qrStepList::after {content:'';display:block;clear:both;}
.qrStepList > li {position:relative; float:left; width:calc(33.3333% - 32px); margin:8px 16px; padding:19px; background-color:#f8f8f8; font-size:14px;}
.qrStepList > li:not(:last-child)::before,
.qrStepList > li:not(:last-child)::after {content:''; position:absolute; top:50%; transform:translateY(-50%); box-sizing:border-box;}
.qrStepList > li:not(:last-child)::before {right:-15px; width:8px; height:12px; background-color:#e7e8ef;}
.qrStepList > li:not(:last-child)::after {right:-35px; width:10px; height:10px; border:1px solid #e7e8ef; border-width:10px; border-color:#e7e8ef transparent transparent transparent; transform:translateY(-50%) rotate(-90deg);}
.qrStepList > li:first-child:nth-last-child(4),
.qrStepList > li:first-child:nth-last-child(4) ~ li {width:calc(50% - 32px);}
.qrStepList > li:nth-child(2):nth-last-child(3)::before,
.qrStepList > li:nth-child(2):nth-last-child(3)::after {content:none;}

/* 오늘 하루 보지 않기 */
.noLookBtn {display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; width:auto; margin:32px -32px -32px; border-top:1px solid #eee; background-color:#fff; align-items:center; justify-content:space-between;}
.noLookBtn .btn_day {width:auto; height:44px; min-height:auto; flex-grow:0; margin:0; padding:0 32px; color:#222; font-size:14px; font-weight:500; line-height:56px; overflow:hidden;}
.noLookBtn .btn_day:nth-last-child(2) {color:#666; font-weight:300;}


[class^=flag_prd] {font-size:13px !important; font-weight:500 !important;}
.flag_prd1 {color:#009cc3 !important; background-color:#f1fafd;}
.flag_prd2 {color:#445fe6 !important; background-color:#f2f6ff;}
.flag_prd3 {color:#666 !important; background-color:#f8f8f8;}
.digital .flag_prd2 {background-color: #edf1fe;}
.digital .flag_prd3 {background-color:#f2f2f2;}
.flag_prd4 {color:#e9473f !important; background-color:#fdf3f3;}
.flag_prd5 {color:#e658b2 !important; background-color:#fef6fb;}
.flag_prd6 {color:#5642bf !important; background-color:#f6f5fd;}
.flag_prd7 {color:#0097ad !important; background-color:#f0f6eb;}
.flag_prd8 {color:#3e9100 !important; background-color:#f5f9f2;}
.flag_prd9 {color:#e46a00 !important; background-color:#fff7f1;}
.flag_prd10 {color:#445fe6 !important; background-color:#fff;}
.flag_prd11 {color:#fff !important; background-color:rgba(255, 255, 255, .2);}

/*디지털보험 단계이미지 배경 폰트컬러 변경*/
.digital .termsInfo .flag_prd1 {color:#f1fafd !important; background-color: #4a78c4;}
.digital .termsInfo .flag_prd2 {color:#f2f6ff !important; background-color:#445fe6;}
.digital .termsInfo .flag_prd3 {color:#f8f8f8 !important; background-color:#666;}
.digital .termsInfo .flag_prd4 {color:#fdf3f3 !important; background-color:#e9473f;}
.digital .termsInfo .flag_prd5 {color:#fef6fb !important; background-color:#e658b2;}
.digital .termsInfo .flag_prd6 {color:#f6f5fd !important; background-color:#5642bf;}
.digital .termsInfo .flag_prd7 {color:#f0f6eb !important; background-color:#00a3bb;}
.digital .termsInfo .flag_prd8 {color:#f5f9f2 !important; background-color:#3e9100;}
.digital .termsInfo .flag_prd9 {color:#fff7f1 !important; background-color:#ec750d;}
/* 사이버 창구 상단 */
body.cyber .header {background-color:#fff;}
body.cyber .pageTit {padding:170px 0 25px; background-color:#fff;}
body.cyber .pageTit > .inner {text-align:left;}
body.cyber .pageTit .titH1 {display:inline-block; color:#222;}
body.cyber .pageTit .titH1 + .desc {display:inline-block; margin-left:10px; font-size:16px; color:#666;}
body.cyber .pageTit [class^=deco] {display:none;}
body.cyber .pageTit .progress {position:absolute; top:57px; right:0;}
body.cyber .pageTit + section {margin-top:20px !important;}

.summary {padding:20px 0 50px; background-color:#f8fafe !important;}
.summary > .inner {width:1136px; margin:0 auto;}
.summary [class*=BrifSum] {box-shadow:1px 1px 3px rgba(113,93,235,0.1);}
.summary .prdInfoSum .linkArea .links.arrow {padding-right:13px; font-size:16px;}
.summary .tblInfo {margin-bottom:15px;}

.prdInfoSum {display:block; position:relative; padding-left:39px; padding-right:39px; border:1px solid #eee; background-color:#fff; color:#666; font-size:14px; transition: border 0.25s ease-in;}
.prdInfoSum > .inner {display:flex; flex-direction:row; flex-wrap:nowrap; padding:39px 0 30px; align-items:flex-end;}
.prdInfoSum .state {margin-bottom:10px;}
.prdInfoSum [class^=flag_prd] {margin:0 1px 0 0;}
.prdInfoSum .state [class^=info] {display:inline-block; vertical-align:middle;}
.prdInfoSum .state [class^=info] em {padding-left:2px; font-weight:500;}
.prdInfoSum .state [class^=info] em.point {color:#e658b2;}
.prdInfoSum .state * + [class^=info] {margin-left:10px;}
.prdInfoSum .state .infoNum {margin-right:10px; color:#959595;}
.prdInfoSum .infoCell {flex-grow:0; min-width:55%; max-width:62%;}
.prdInfoSum .infoCell.lg {min-width:75%; max-width:80%;}
.prdInfoSum .infoCell.lg .infoList {max-width:100%;}
.prdInfoSum .tit {margin-bottom:2px; color:#222; font-size:24px; font-weight:500; word-break:keep-all;}
.prdInfoSum .tit > a {display:inline-block; position:relative; padding-right:15px; color:#222;}
.prdInfoSum .tit > a:after {content:''; position:absolute; right:0; top:50%; width:9px; height:9px; margin-top:1px; border:1px solid #222; border-width:2px 2px 0 0; box-sizing:border-box; transform:translateY(-50%) rotate(45deg); z-index:1;}
.prdInfoSum .tit .icoBtn_sel {width:30px; height:30px; vertical-align:text-bottom;}
.prdInfoSum .tit .icoBtn_sel:after {content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin-top:-4px; border:1px solid #222; border-width:0 0 2px 2px; box-sizing:border-box; transform:translate(-50%, -50%) rotate(-45deg);}
.prdInfoSum .desc {font-size:16px; font-weight:300;}
.prdInfoSum .date {color:#959595;}
.prdInfoSum .txtList.caution {font-weight:300; color:#445fe6;}
.prdInfoSum .txtList.caution em {font-size:14px !important;}
.prdInfoSum .infoCell .txtList.caution {position:absolute; right:40px; top:39px;}
.prdInfoSum > .linkArea {position:absolute; right:40px; top:31px; text-align:right; transition:transform 0.25s ease-out; color:#222;}
.prdInfoSum > .linkArea .links + .links {margin-left:15px;}

.prdInfoSum .dataCell {flex-grow:1; width:100%; color:#666; text-align:right;}
.prdInfoSum .dataCell .val {display:inline-block;}
.prdInfoSum .data:not(table) {display:inline-block; }
.prdInfoSum .data .info {display:inline-block; vertical-align:middle;}
.prdInfoSum .data .info + [class^=btn_].s {margin-left:15px;}
.prdInfoSum .data .val {padding-left:8px; color:#e658b2; font-size:20px; font-weight:500; vertical-align:sub;}
.prdInfoSum .data em {display:inline-block; font-size:24px; letter-spacing: -0.03rem;}
.prdInfoSum .data .unit {display:inline-block; padding:3px 0 0 2px; vertical-align:top;}
.prdInfoSum .data.sm em {font-size:18px; vertical-align:text-top;}
.prdInfoSum .data .date {color:#666; font-size:14px; font-weight:300;}
.prdInfoSum .data + .data {margin-left:18px;}
.prdInfoSum .data .val > div {display:inline-block;}
.prdInfoSum .data .val .del,
.prdInfoSum .data .val .del em {color:#222; font-size:18px !important;}
.prdInfoSum .data .val .del {position:relative; padding-right:25px;}
.prdInfoSum .data .val .del::before,
.prdInfoSum .data .val .del::after {content:''; position:absolute; top:50%; box-sizing:border-box; z-index:1;}
.prdInfoSum .data .val .del::before {right:1px; width:4px; height:4px; border:1px solid #222; border-width:1px 1px 0 0; transform:translateY(-50%) rotate(45deg);}
.prdInfoSum .data .val .del::after {right:2px; width:15px; height:2px; background-color:#222; transform:translateY(-50%);}
.prdInfoSum .data .val.del {position:relative; color:#959595;}
.prdInfoSum .data .val.del::before {content:''; position:absolute; left:6px; right:0; top:50%; height:1px; background-color:#222; box-sizing:border-box; z-index:1;}
.prdInfoSum .addInfo {display:block; margin-bottom:3px;}
.prdInfoSum .addInfo .val {padding-left:5px; color:#222;}

.prdInfoSum .chanCell {flex-grow:1; width:100%; color:#666; text-align:right;}
.prdInfoSum .chanCell .now {display:inline-block; position:relative; margin-right:12px; padding-right:15px; vertical-align:middle;}
.prdInfoSum .chanCell .now:after {content:''; position:absolute; right:0; top:1px; bottom:1px; width:1px; background-color:#f2f2f2;}
.prdInfoSum .chanCell .now em {color:#222;}
.prdInfoSum .chanCell .now + .iptArea {margin:0; vertical-align:middle;}
.prdInfoSum .iptArea {display:inline-block; margin-bottom:3px; vertical-align:top;}
.prdInfoSum .iptArea + .iptArea {margin-left:30px;}
.prdSumList .prdInfoSum .iptArea .tit {padding-right:3px; font-size:14px; color:#222; vertical-align:middle;}
.prdSumList .prdInfoSum .iptArea .iptFilt {display:inline-block;}
.prdInfoSum div.inner + .txtBox {padding-left:80px;}
.prdInfoSum .iptArea label {padding-right:5px; color:#222; font-weight:500; vertical-align:middle;}
.prdInfoSum .chanCell .iptWrap {width:85px; margin:4px 0;}
.prdInfoSum .chanCell .iptWrap .ipt {height:36px; line-height:36px;}
.prdInfoSum .chanCell .iptWrap span.unit {line-height:34px;}
.prdInfoSum .single.rvt {display:block; margin:10px 0;}
.prdInfoSum .single.rvt label {padding-top:2px; color:#666 !important; font-size:14px; font-weight:300;}
/* 231207 (s) */
.prdSumList .prdInfoSum .target {position:absolute;top: 25px;right: 31px;z-index: 2;}
.prdSumList .prdInfoSum .target .tip {margin-top:-3px;}
.prdSumList .prdInfoSum .target .tipWrap {margin-left:3px;}
/* 231207 (e) */

.prdInfoSum.chanIdx {padding-right:185px;}
.prdInfoSum.chanIdx > .icoBtn_del {right:160px;}
.prdInfoSum .chanIdxCell {position:absolute; right:0; top:0; bottom:0; width:145px; background-color:#f8f8f8; text-align:center;}
.prdInfoSum .chanIdxCell::before {content:''; position:absolute; left:-8px; bottom:53px; width:16px; height:16px; background-color:#f8f8f8; box-sizing:border-box; transform:rotate(45deg);}
.prdInfoSum .chanIdxCell .num {display:inline-block; position:relative; top:50%; transform:translateY(-50%);}
.prdInfoSum .chanIdxCell .num em {display:block; color:#222; font-size:24px;}

.prdInfoSum.reject:not(.loan) * {color:#959595 !important;}
.prdInfoSum.reject [class^=flag_prd] {background-color::#f8f8f8;}
.digital .prdInfoSum.reject [class^=flag_prd] {background-color::#f2f2f2;}

.prdInfoSum > .icoBtn_del {position:absolute; right:15px; top:15px; width:24px; height:24px;}
.prdInfoSum > .icoBtn_del:before,
.prdInfoSum > .icoBtn_del:after {height:14px; background-color:#959595;}

.chartCell {flex-grow:1; width:100%; text-align:right;}
.chartCell .graph {display:table; width:100%; table-layout:fixed;}
.chartCell .graph > span {display:table-cell; height:6px; border:1px solid #fff; background-color:#eee;}
.chartCell .txtArea {margin-top:8px;}
.chartCell .txtArea::after {display:block; content:''; clear:both;}
.chartCell .txtArea em {color:#222;}

.prdInfoSum .upperCell {flex-grow:0; margin:0 0 auto auto;}

.prdInfoArea {display:flex; margin:-32px -32px 0; padding:27px 32px; background-color:#715deb; color:#fff;}
.prdInfoArea .infoCell .state {margin-bottom:10px;}
.prdInfoArea .infoCell .state .infoNum {margin-left:16px; font-size:14px; color:rgba(255,255,255, 0.7);}
.prdInfoArea .infoCell .tit {font-size:18px;}
.prdInfoArea .dateCell {margin-left:auto; font-size:14px; color:rgba(255,255,255, 0.7);}
.prdInfoArea .dateCell .val {font-weight:300; color:rgba(255,255,255, 1);}

/* 펀드 */
.prdInfoSum.fund > [class*=fund_] {padding:50px 39px 50px 110px !important;}
.prdInfoSum.fund > [class*=fund_] .tit {margin-bottom:4px;}
.prdInfoSum.fund > [class*=fund_] .chartCell {max-width:426px;}
.prdInfoSum.fund > [class*=fund_] {background-repeat:no-repeat; background-position:40px center;}
.prdInfoSum > .fund_1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb1.cat);}
.prdInfoSum > .fund_1 span.on {background-color:#715deb;}
.prdInfoSum > .fund_2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb2.cat);}
.prdInfoSum > .fund_2 span.on {background-color:#5d88fb;}
.prdInfoSum > .fund_3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb3.cat);}
.prdInfoSum > .fund_3 span.on {background-color:#00a3bb;}
.prdInfoSum > .fund_4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb4.cat);}
.prdInfoSum > .fund_4 span.on {background-color:#e658b2;}

/* 투자전망 : 220107 운영팀 추가 건 */
.prdInfoSum.invest > [class*=invest_] {padding:50px 39px 50px 110px !important;}
.prdInfoSum.invest > [class*=invest_] .tit {margin-bottom:4px;}
.prdInfoSum.invest > [class*=invest_] .chartCell {max-width:426px;}
.prdInfoSum.invest > [class*=invest_] {background-repeat:no-repeat; background-position:30px center;}
.prdInfoSum > .invest_1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb1.cat);}
.prdInfoSum > .invest_1 span.on {background-color:#715deb;}
.prdInfoSum > .invest_2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb2.cat);}
.prdInfoSum > .invest_2 span.on {background-color:#5d88fb;}
.prdInfoSum > .invest_3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb3.cat);}
.prdInfoSum > .invest_3 span.on {background-color:#00a3bb;}
.prdInfoSum > .invest_4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb4.cat);}
.prdInfoSum > .invest_4 span.on {background-color:#e658b2;}

/* 대출 */
.prdInfoSum.loan,
.prdInfoSum.total {padding-left:40px !important; background-repeat:no-repeat; background-position:40px center;} /* 230919_보험계약대출개선 : 수정 */
.prdInfoSum.loan > .inner,
.prdInfoSum.total > .inner {padding:45px 0;}
.prdInfoSum.loan .dataCell,
.prdInfoSum.total .dataCell {width:50%; text-align:left;}
.prdInfoSum.loan .data .val,
.prdInfoSum.total .data .val {display:block; padding-left:0;}
.prdInfoSum.loan .addInfoCell {flex-grow:0; width:550px; text-align:right; margin-right:-20px;} /* 230919_보험계약대출개선 : 수정 */
.prdInfoSum .infoRowList > li {width:auto; min-width:155px; padding: 0 20px; text-align:right;} /* 230919_보험계약대출개선 : 수정 */
/* .prdInfoSum .infoRowList > li:last-child {padding-right:0;} 230919_보험계약대출개선 : 삭제 */
.prdInfoSum .infoRowList .val {margin-top:2px; font-weight:500;}
.prdInfoSum.reject .infoRowList .val {color:#959595; text-decoration:line-through;}
.prdInfoSum .infoRowList > li + li:before {left: 5px;} /* 230919_보험계약대출개선 : 추가 */

/* .prdInfoSum.loan {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_ybna_vpb1.cat);} 230919_보험계약대출개선 : 삭제 원표시이미지 */
.prdInfoSum.loan .tit {font-size:20px;}
/* .prdInfoSum.loan.reject {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_ybna_vpb2.cat);} 230919_보험계약대출개선 : 삭제 원표시이미지 */

.prdInfoSum.total {border-color:#715deb; background-color:#715deb; color:#fff;} /* 230919_보험계약대출개선 : 삭제 원표시이미지 background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_ybna_vpb3.cat);*/
.prdInfoSum.total > .inner {padding:35px 0; align-items:center;}
.prdInfoSum.total .data {display:block; color:#fff; font-size:18px; font-weight:300;}
.prdInfoSum.total .data .date {color:#dbd7f9;}
.prdInfoSum.total .data .val {margin-top:2px; color:#fff;}
.prdInfoSum.total .loanCell {flex-grow:1; width:100%; padding:2px 0; text-align:right;}
.prdInfoSum.total .loanCell .data {margin-top:8px; color:#dbd7f9; font-size:14px;}
.prdInfoSum.total .loanCell .data .val {display:inline-block; font-size:18px; vertical-align:baseline;}
.prdInfoSum.total .loanCell .data em {font-size:18px;}
.prdInfoSum.total .loanCell .data .unit {vertical-align:baseline;}
.prdInfoSum.total .loanCell .btn_p {margin-left:4px; border-color:#8675ee; background-color:#8675ee; box-shadow:8px 8px 16px rgba(113, 93, 235, 0.24);}

.prdInfoSum .infoCell .infoList {max-width:700px; margin-top:20px;}
.prdInfoSum .infoList {margin-left:-27px; font-size:14px;}
.prdInfoSum .infoList > li {display:inline-block; width:auto; margin-left:27px; vertical-align:middle;}
.prdInfoSum .infoList > li > div {vertical-align:middle;}
.prdInfoSum .infoList .val {padding-left:7px;}
.prdInfoSum .infoList .links.arrow {vertical-align:baseline;}

.prdInfoSum .chart .infoCell .infoList .val[class*=pointC] {font-size:18px;}
.prdInfoSum .chart .infoCell .infoList > li:nth-child(2) {margin-right:180px;}

.prdInfoSum .infoDetail {position:relative; padding-top:25px; padding-bottom:34px; border-top:1px solid #eeecf8;}
.prdInfoSum .infoDetail .infoList {width:680px; margin-top:0;}
.prdInfoSum .infoDetail .item {white-space:nowrap;}

.prdInfoSum > .icoBtn_open {position:absolute; left:50%; bottom:-16px; width:32px; height:32px; border-radius:50%; background-color:#fff; box-shadow:2px 2px 6px rgba(113,93,235,0.2); z-index:1;}
.prdInfoSum > .icoBtn_open:after {border-color:#777;}
.prdInfoSum .icoBtn_open + .infoDetail::before,
.prdInfoSum .icoBtn_open + .infoDetail::after {content:''; position:absolute; top:37px; bottom:44px; width:1px; border-left:1px dashed #ddd;}
.prdInfoSum .icoBtn_open + .infoDetail::before {left:33.3333%; margin-left:-11px;}
.prdInfoSum .icoBtn_open + .infoDetail::after {right:33.3333%; margin-right:-11px;}

.prdInfoSum .icoBtn_open + .infoDetail .infoList {width:auto; margin-left:-32px; margin-right:-32px;}
.prdInfoSum .icoBtn_open + .infoDetail .infoList::after {display:block; content:''; clear:both;}
.prdInfoSum .icoBtn_open + .infoDetail .infoList > li {display:table; float:left; width:33.3333%; margin-left:0; padding:4px 32px;}
.prdInfoSum .icoBtn_open + .infoDetail .infoList > li > div {display:table-cell; vertical-align:top;}

.prdInfoSum .chanCell ul.iptFilt{display:inline-block;}
.prdInfoSum .account{position:relative; padding:15px 24px 15px 53px; font-size:18px; color:#222;}
.prdInfoSum .account .img{display:inline-block; position:absolute; top:50%; left:0; width:40px; height:40px; border-radius:50%; transform:translateY(-50%);}
	
.prdInfoSum.investType {padding-right:407px;}
.investArea {position:absolute; right:0; top:0; bottom:0; width:368px; padding:35px 32px 0; color:#fff;}
.investArea .typeHead {position:relative; padding:0 80px 20px 0;}
.investArea .type > span {color: #fff;/*rgba(255, 255, 255, .7);*/ font-size:14px;}
.investArea .type > em {display:block; margin-top:3px; font-size:24px;}

.investArea .typeAni {position:absolute; right:0; top:0; width:120px; height:120px; z-index:0; overflow:hidden;}
.investArea .typeAni::before,
.investArea .typeAni::after {content:''; position:absolute; left:0; width:120px; box-sizing:border-box;}
.investArea .typeAni::before {top:0; height:120px; border:6px solid rgba(255, 255, 255, .2); border-radius:50%; z-index:0;}
.investArea .typeAni::after {bottom:0; height:60px; border:25px solid #e9473f; border-top:0; background-color:transparent; z-index:3;}
.investArea .typeAni .bar {position:absolute; left:0; top:0; width:120px; height:120px; border:6px solid #fff; border-top:6px solid transparent; border-right:6px solid transparent; border-radius:50%; transform:rotate(-45deg); z-index:1; transition: transform 0.5s; transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940) !important;}
.investArea .typeAni .bar:not(.uiAct) {transform:rotate(-45deg) !important;}
.investArea .needle {position:absolute; left:50%; top:50%; width:4px; height:32px; border-radius:0 0 2px 2px; background-color:#46425c; transform:translate(-14px, -28px) rotate(-45deg); transform-origin:center; z-index:4;}
.investArea .needle::before,
.investArea .needle::after {content:''; position:absolute; top:-1px; width:4px; height:26px; transform-origin:top; box-sizing:border-box;}
.investArea .needle::before {left:-2px; transform:rotate(4deg);}
.investArea .needle::after {left:2px; transform:rotate(-4deg);}

.investArea .infoList {position:relative; margin:0;}
.investArea .infoList > li {display:table; width:100%; margin-left:0;}
.investArea .infoList .item {color: #fff;/*rgba(255, 255, 255, .7);*/}
.investArea .infoList .val {color:#fff; font-size:16px;}
.investArea.type1 {background-color:#5d88fb;}
.investArea.type1 .typeAni::after {border-color:#5d88fb !important;}
.investArea.type1 .typeAni .bar {transform:rotate(-20deg);}
.investArea.type1 .needle::before,
.investArea.type1 .needle::after {background-color:#5d88fb;}
.investArea.type2 {background-color:#00a3bb;}
.investArea.type2 .typeAni::after {border-color:#00a3bb !important;}
.investArea.type2 .typeAni .bar {transform:rotate(13deg);}
.investArea.type2 .needle::before,
.investArea.type2 .needle::after {background-color:#00a3bb;}
.investArea.type3 {background-color:#3e9100;}
.investArea.type3 .typeAni::after {border-color:#3e9100 !important;}
.investArea.type3 .typeAni .bar {transform:rotate(45deg);}
.investArea.type3 .needle::before,
.investArea.type3 .needle::after {background-color:#3e9100;}
.investArea.type4 {/*background-color:#ed7d1b;*/ background-color:#db3b00}/* 240705 웹접근성 수정 */
.investArea.type4 .typeAni::after {/*border-color:#ed7d1b !important;*/ border-color:#db3b00 !important;}/* 240705 웹접근성 수정 */
.investArea.type4 .typeAni .bar {transform:rotate(90deg);}
.investArea.type4 .needle::before,
.investArea.type4 .needle::after {/*background-color:#ed7d1b;*/ background-color:#db3b00;}/* 240705 웹접근성 수정 */
.investArea.type5 {background-color:#e9473f;}
.investArea.type5 .typeAni::after {border-color:#e9473f !important;}
.investArea.type5 .typeAni .bar {transform:rotate(135deg);}
.investArea.type5 .needle::before,
.investArea.type5 .needle::after {background-color:#e9473f;}

.prdSumList .prdInfoSum.dateType:not(.chanIdx) > .inner {padding-top:26px; padding-bottom:26px; align-items:center;}
.prdSumList .prdInfoSum.dateType:not(.chanIdx) > .inner:not(:last-child) {padding-bottom:45px;}
.prdSumList .prdInfoSum.dateType:not(.chanIdx) > .inner:not(:last-child) .dateCell,
.prdSumList .prdInfoSum.dateType:not(.chanIdx) > .inner:not(:last-child) .dataCell {padding-top:19px;}
.prdSumList .prdInfoSum.dateType:not(.chanIdx) .infoCell {min-width:65%; max-width:65%;}
.prdSumList .prdInfoSum.dateType:not(.chanIdx) .infoCell .infoList {max-width:720px;}
.prdSumList .prdInfoSum.dateType .infoCell .infoList > li {margin-bottom:-5px;}
.prdSumList .prdInfoSum.dateType .infoCell .infoList > li .val {padding-left:0;}
.prdSumList .prdInfoSum.dateType .infoCell .infoList > li .item:not(.blind) + .val {padding-left:7px;}
.prdSumList .prdInfoSum.dateType .tit {font-size:18px; margin-bottom:0;}
.prdSumList .prdInfoSum.dateType .data .val {color:#222;}
.prdSumList .prdInfoSum.dateType .infoCell .pointC6 {font-weight:300;}
.prdSumList .prdInfoSum.dateType .infoCell .val .txtList.caution {display:inline-block; position:relative; top:inherit; right:inherit; margin-left:10px;}
.prdSumList .prdInfoSum.dateType .linkArea {top:inherit; bottom:24px; right:inherit; left:194px;}

.prdSumList .prdInfoSum.dateType.lg:not(.chanIdx) .infoCell {min-width:70%;}
.prdSumList .prdInfoSum.dateType.lg:not(.chanIdx) .infoCell .infoList {max-width:100%;}
.prdSumList .prdInfoSum.dateType.lg:not(.chanIdx) .infoCell .infoList + .infoList {margin-top:0;}

.prdInfoSum .dateCell {flex-grow:0; min-width:160px; margin-top:auto; margin-bottom:auto; font-size:14px; text-align:left;}
.prdInfoSum .dateCell .date {color:#222; font-weight:500;}
.prdInfoSum .dateCell .time {color:#959595;}

.prdSumList .prdInfoSum .iptCell {flex-grow:0; min-width:40px; margin-bottom:auto;}
.prdSumList .prdInfoSum .iptCell .single {margin:0;}
.prdSumList .prdInfoSum .iptCell ~ .infoCell {min-width:50%;}
.prdSumList .prdInfoSum .iptCell ~ .infoCell .tit {margin-bottom:0; font-weight:300;}

.prdSumList .prdInfoSum.new {background:#f2f6ff;}
.digital .prdSumList .prdInfoSum.new {background-color: #edf1fe;}
.prdSumList .prdInfoSum .infoRowList .val em,
.prdSumList .prdInfoSum .infoRowList .val .unit {font-weight:500;}
.prdSumList .prdInfoSum .infoRowList .val {font-weight:300;}
.prdSumList .prdInfoSum .infoRowList .val:not(.pointC6) {font-size:16px;}

/* 연금예상액조회/신청 - 레이디연금 개시연령 */
.prdInfoSum.numVal .infoCell {min-width:50%; max-width:50%;}
.prdInfoSum.numVal .data .val,
.prdInfoSum.numVal .data .unit,
.prdInfoSum.numVal .data em {font-size:16px; vertical-align:baseline;}

/* 리스트 */
.prdSumList .prdInfoSum {margin-bottom:16px;}
.prdSumList .prdInfoSum .tit {margin-bottom:8px; font-size:20px;}
.prdSumList .prdInfoSum .tit + .date {margin-top:-6px;}
.prdSumList .prdInfoSum .tit [class^=flag_] {min-width:48px; height:24px; margin:3px 0 0; padding:0 4px; border-radius:12px; color:#fff; line-height:24px; vertical-align:top;}
.prdSumList .prdInfoSum .dataCell {margin-bottom:auto; margin-top:auto;}
.prdSumList .prdInfoSum .data .val {display:block; font-size:18px;}
.prdSumList .prdInfoSum .data .info .val {display:inline-block; font-size:14px; font-weight:300; vertical-align:text-top;}
.prdSumList .prdInfoSum .data em {font-size:20px;}
.prdSumList .prdInfoSum .data .unit {padding:1px 0 0 0px; font-size:18px;}
.prdSumList .prdInfoSum .data.sm {padding-bottom:7px; font-size:18px;}
.prdSumList .prdInfoSum .data .val.sm {font-size:16px; color:#222; font-weight:300;}
.prdSumList .prdInfoSum .data .val.sm em,
.prdSumList .prdInfoSum .data .val.sm .unit {padding:0; font-size:16px; font-weight:500;}
.prdSumList .prdInfoSum .data .txtItem > *:not(:last-child) {margin-right:20px;}
.prdSumList .prdInfoSum .data .txtItem em {font-size:16px; font-weight:500;}
.prdSumList .prdInfoSum .infoCell .infoList {margin-top:5px; margin-right:-27px;}
.prdSumList .prdInfoSum .infoRowList > li {min-width:135px;}
.prdSumList .prdInfoSum .infoRowList > li:last-child {padding-left:40px;}
.prdSumList .prdInfoSum .inner:not(:last-child) .dataCell {transform: translateY(5px);}
.prdSumList .prdInfoSum .inner:not(:last-child) .infoRowList {margin-top:5px;}

ul.prdSumList > li > .date {margin:64px 0 10px 0;}
ul.prdSumList > li > .date ~ .prdInfoSum {margin-bottom:15px;}

.prdSumList .prdInfoSum:not(.chanIdx) > .inner {position:relative; margin:-1px -40px; padding:31px 39px 24px; border:1px solid #eee; color:#666; transition: all 0.25s ease-out;}
.prdSumList .prdInfoSum:not(.chanIdx) > .inner::before,
.prdSumList .prdInfoSum:not(.chanIdx) > .inner::after {content:''; position:absolute; background-color:#715deb; box-sizing:border-box; z-index:2; transition:all 0.15s ease-in;}
.prdSumList .prdInfoSum:not(.chanIdx) > .inner::before {right:48px; top:-1px; width:0; height:14px;}
.prdSumList .prdInfoSum:not(.chanIdx) > .inner::after {right:-1px; top:-1px; width:14px; height:0; transition-delay:0.15s; transition-timing-function:ease-out;}

.prdSumList .prdInfoSum.hover > .inner {border-color:#715deb; box-shadow:4px 4px 8px rgba(204,204,204,0.24);}
.prdSumList .prdInfoSum.hover > .inner:before {right:1px; width:48px;}
.prdSumList .prdInfoSum.hover > .inner:after {height:48px;}
.prdSumList .prdInfoSum.hover {border-color:rgba(238,238,238,0); transition-timing-function:ease-out;}
.prdSumList .prdInfoSum.hover .inner {transform:translate(-5px,-5px);}
.prdSumList .prdInfoSum.hover > .linkArea {transform:translate(-5px,-5px);}
.prdSumList .prdInfoSum.out .inner:after {transition-delay: 0s; transition-timing-function:ease-in;}
.prdSumList .prdInfoSum.out .inner:before {transition-delay: 0.15s; transition-timing-function:ease-out;}
.prdSumList .prdInfoSum > .inner[tabindex="-1"] {cursor: default !important;}

.popCont .prdInfoSum {padding-left:24px; padding-right:24px;}
.popCont .prdSumList .prdInfoSum:not(.chanIdx) > .inner {padding:24px; margin:-1px -25px;}

/* dataChkList */
.dataChkList > li {position:relative;}
.dataChkList > li + li {margin-top:-1px;}
.dataChkList > li:first-child {border-top:0;}
.dataChkList .block {display:flex; flex-direction:row; flex-wrap:nowrap; position:relative; padding:8px 0; align-items:center; justify-content:flex-end; z-index:1;}
.dataChkList .block:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #e1e1e1; box-sizing:border-box; z-index:-1;}
.dataChkList .block > [class*=Cell] {flex-grow:0; min-width:160px; padding:10px 24px 11px; color:#666; font-size:16px; }
.dataChkList .block > .accoBtnCell {width:55px; min-width:55px; padding-top:0; padding-bottom:0;}
.dataChkList .block > .accoBtnCell .icoBtn_acco:after {margin-left:-10px;}
.dataChkList .block > .accountCell,
.dataChkList .block > .iptCell {flex-grow:1;}
.dataChkList .block > .valCell {text-align:right;}
.dataChkList .icoBtn_acco {margin:-7px -24px;}
.dataChkList .formList {display:flex; margin:0; padding:18px 12px 20px; border:none; flex-wrap:wrap;}
.dataChkList .formList > li {display:block; width:25%; padding:10px 12px; border:none;}
.dataChkList .formList > li > * {min-width:100%; width:100%;}
.dataChkList .formList .itemTh {position:relative; padding:0; margin-bottom:8px;}
.dataChkList .links.infoPop {position:absolute; top:0; right:0;}
.dataChkList .links.infoPop:before {margin-top:1px;}
.dataChkList .iptWrap,
.dataChkList .iptWrap .ipt,
.dataChkList .formList select.ipt {width:100%; min-width:100%; margin:0;}
.dataChkList .ipt[disabled] {border-color:#ccc; opacity:1;}
.dataChkList .iptFilt {margin:0;}
.dataChkList .iptFilt > li {width:50%;}
.dataChkList .iptFilt .ipt + label {min-width:100%;}
.dataChkList .block > .accountCell {position:relative; padding:14px 24px 15px 83px; font-size:18px; color:#222;}
.dataChkList .block > .accountCell .img {display:inline-block; position:absolute; top:50%; left:31px; width:40px; height:40px; border-radius:50%; transform:translateY(-50%);}
.dataChkList .block > .accountCell .img img {vertical-align:top;}
.dataChkList > li.on .block > .accoBtnCell .icoBtn_acco:after {margin-top:1px;}
.dataChkList > li.on .block > .accountCell {font-weight:500;}
.dataChkList > li.on .block:after {border-color:#715deb; box-shadow:3px 3px 7px rgba(0, 0, 0, 0.08);}

.dataChkList.account {margin:16px 0;}
.dataChkList.account > li + li {margin-top:16px;}
.dataChkList.account .detail {max-height:381px; padding:0 39px; background:#fff; border:1px solid #e1e1e1; border-top:none; overflow-y:auto;}
.dataChkList.account .prdSumList .prdInfoSum {padding-left:0; padding-right:0; margin-bottom:0; border:none;}
.dataChkList.account .prdSumList .prdInfoSum .inner {padding-left:0; padding-right:0; margin:0; border:none;}
.dataChkList.account .prdSumList .prdInfoSum:not(:last-child) {margin-bottom:1px; border-bottom:1px solid #eee;}
.dataChkList.account .prdSumList .prdInfoSum .tit {font-size:18px; font-weight:300;}
.dataChkList.account .iptFilt .ipt + label {min-width:80px;}
.dataChkList.account .new .accountCell {padding-left:39px;}

.dataChkList.open .accoBody {display:block !important;}
.dataChkList.open .accountCell {font-weight:500;}

/* 데이터 리스트 */
.dataWrap {margin:10px 0 15px 0;}

.dataHead {display:flex; flex-direction:row; flex-wrap:nowrap; padding:14px 0 13px; border-top:1px solid #222; border-bottom:1px solid #aaa; align-items:center;}
.dataHead [class*=Cell] {flex-grow:0; min-width:160px; color:#222; font-size:14px; font-weight:500; text-align:center;}
.dataHead .infoCell {flex-grow:1; width:560px;}
.dataHead .moneyCell {width:200px;}
.dataHead .iptCell {width:290px;}
.dataHead .accoBtnCell {width:55px; min-width:55px;}

.dataList {border-top:1px solid #222; border-bottom:1px solid #aaa;}
.dataList > li {border-top:1px solid #ddd;}
.dataList > li:first-child {border-top:0;}
.dataList .block {display:flex; flex-direction:row; flex-wrap:nowrap; padding:8px 0; align-items:center;}
.dataList [class*=Cell] {flex-grow:0; min-width:160px; padding:11px 24px 7px; color:#222; font-size:16px; text-align:center;}
.dataList .basicCell > .links.arrow {margin-top:-5px;}
/* .dataList [class*=Cell]:first-child {text-align:left;} */
.dataList .infoCell {flex-grow:1; width:560px; text-align:left;}
.dataList .infoCell .tit {word-break:keep-all;}
.dataList .addInfo {margin-top:7px; color:#666; font-size:14px;}
.dataList .addInfo .item {display:inline-block; line-height:28px; vertical-align:middle;}
.dataList .state {margin-bottom:10px;}
.dataList [class^=flag_] {margin:0;}
.dataList * + [class^=flag_] {margin-left:10px;}
.dataList .moneyCell {width:200px; padding:0 12px; text-align:right;}
.dataList .money {color:#e658b2;}
.dataList .iptCell {padding:0 10px; text-align:right;}
.dataList .iptCell .iptBtn.s {display:block; margin:4px -2px; text-align:right;}
.dataList .iptCell .iptWrap {margin:4px 0;}
.dataList .btnGroup {margin:4px -2px; font-size:0;}
.dataList .btnGroup [class^=btn_].s {margin:0 2px; padding-left:5px; padding-right:5px;}
.dataList .linkArea {margin-top:2px;}
.dataList .dataCell {padding:0 12px; color:#666; text-align:right;}
.dataList .accoBtnCell {width:55px; min-width:55px; padding-top:0; padding-bottom:0;}
.dataList .icoBtn_acco {margin:-7px -24px;}
.accoItem.on .accoBtnCell .icoBtn_acco:after {margin-top:0; transform:translate(-50%, -50%) rotate(-135deg);}

.dataList .block .infoList {overflow:hidden; font-size:0;}
.dataList .block .infoList > li {position:relative; display:inline-block; width:auto; margin-right:20px; padding:0; vertical-align:top;}
.dataList .block .infoList > li:before {content:''; position:absolute; left:-11px; top:6px; bottom:4px; border-right:1px solid #ddd;}
.dataList .block .infoList > li > div {display:inline-block; font-size:14px; vertical-align:middle;}
.dataList .block .infoList .val {padding-left:5px; font-size:16px;}

.dataList > li.total {font-weight:500;}
.dataList > li.total .money {font-size:18px;}
.dataList > li.total ~ li .money {color:#222;}

.dataList .accoItem.on .tit,
.dataList .accoItem.on .money {font-weight:500;}

.dataList .detail {padding:24px 32px; background-color:#f8f8f8; font-size:14px;}
.digital .dataList .detail {background-color:#f2f2f2;}
.dataList .infoDetail {position:relative; z-index:0;}
.dataList .infoDetail .infoList > li:first-child:not(:only-child)::before {content:''; position:absolute; top:7px; bottom:7px; left:50%; width:calc(33% + 22px); border-left:1px dashed #ddd; border-right:1px dashed #ddd; transform:translateX(-50%); z-index:-1;}
.dataList .infoDetail .infoList > li:first-child:nth-last-child(2)::before {left:50%; width:1px; border-left:1px dashed #ddd; border-right:none; transform:none;}
.dataList .infoDetail .infoList {margin-left:-32px; margin-right:-32px;}
.dataList .infoDetail .infoList::after {display:block; content:''; clear:both;}
.dataList .infoDetail .infoList > li {display:table; float:left; width:33.3333%; margin-left:0; padding:4px 32px;}
.dataList .infoDetail .infoList > li > div {display:table-cell; vertical-align:top;}
.dataList .infoDetail .infoList > li:first-child:nth-last-child(2),
.dataList .infoDetail .infoList > li:first-child:nth-last-child(2) ~ li {width:50%;}
.dataList .infoDetail .infoList > li:only-child {width:100%;}
.dataList .infoDetail .infoList > li > div .links.arrow {top:-1px; margin:0;}

.dataList .infoDetail .infoList .item {white-space:nowrap;}
.dataList .detail .linkArea {margin-top:7px; text-align:right;}

.dataHead.table [class*=Cell]:not(.accoBtnCell),
.dataList.table [class*=Cell]:not(.accoBtnCell) {flex-grow:1; flex-basis:50px; width:auto; min-width:auto; padding:0 12px;}

.dataHead + .dataList {border-top:0;}

.dataTotal {display:table; width:100%; padding:14px 24px 15px; border-bottom:1px solid #aaa; background-color:#f9f9f9; font-weight:500;}
.dataTotal > div {display:table-cell; vertical-align:middle;}
.dataTotal .tit {color:#222; font-size:14px; text-align:left;}
.dataTotal .money {color:#e658b2; font-size:18px; text-align:right;}
.tblWrap .dataTotal {padding:16px 24px;}
.tblWrap .dataTotal .money {color:#222; font-weight:300; font-size:14px;}
.tblWrap .dataTotal .money em {font-size:16px;}

.popCont .dataList {margin:-32px -32px 0; border-width:0 0 1px 0;}
.popCont [class*=Sum] + .dataWrap .dataList {margin-top:32px; border-top-color:#f8f8f8; border-bottom-color:#ddd; border-width:10px 0 1px 0;} 

.popCont.col_7 .dataList .infoDetail .infoList > li {width:50%;}
.popCont.col_7 .dataList .infoDetail .infoList > li::before {left:50%; width:1px; border-left:1px dashed #ddd; border-right:none; transform:none;}

/* 보험계약대출 분할상환 신청확인서 */
.loanPayment .state .flag_prd6 {border-radius:5px;}
.loanPayment .conBox [class*=Cell] {vertical-align:middle;}
.loanPayment .conBox .infoCell:after{content:''; display:block; clear:both;}
.loanPayment .conBox .titCell {float:left;}
.loanPayment .conBox .titCell [class^=tit] {margin:5px 0 0;}
.loanPayment .conBox .txtCell {float:right; color:#445fe6; font-size:24px; font-weight:500;}
.loanPayment .conBox + .img{margin-top:40px; text-align:right;}
.loanPayment .conBox + .img img{width:auto; height:26px;}
/* 디지털 보험 */
.digital .summary {background-color:#fff;}
.prdInfoSum .step {margin-bottom:5px; color:#1a75e4; font-size:16px; font-weight:500;}
.prdInfoSum .chkCell {flex-grow:0; min-width:50px;}
.prdInfoSum .btnCell {flex-grow:1; width:100%; text-align:right;}
.prdInfoSum .btnCell [class^=btn_].m {min-width:120px; margin-left:8px;}
.prdInfoSum .btnCell .txt {display:inline-block; margin:2px; color:#959595; font-size:16px; vertical-align:middle;}
.prdInfoSum .txtBox {margin:0 -39px; padding:31px 39px 29px; border-top:1px solid #eee; background-color:#f2f2f2; font-size:16px;}

.digital .prdInfoSum > .inner {padding:39px 0 35px; align-items:center;}
.digital .prdInfoSum > a.inner {padding:39px 39px 35px;}
.digital .prdInfoSum .tit {font-size:24px;}
.digital .prdInfoSum .btnGrp {margin-top:24px;}
.digital .prdInfoSum .btnGrp [class^=btn_].m {min-width:120px;}
.digital .prdInfoSum > .icoBtn_del {right:35px; top:20px;}
.digital .prdInfoSum > .icoBtn_del:before,
.digital .prdInfoSum > .icoBtn_del:after {height:23px; background-color:#222;}
.digital .prdSumList .prdInfoSum:not(.chanIdx) > .inner {padding-top:39px; padding-bottom:35px;}
.digital .prdSumList .prdInfoSum {margin-bottom:24px;}

/* 선물보험 */
.prdInfoSum.gift {padding-left:29px; padding-right:29px;}
.prdInfoSum.gift > .inner {padding:29px 0 25px;}
.prdInfoSum.gift .infoCell {width:80%;}
.prdInfoSum.gift .tit {font-size:20px; max-height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.prdInfoSum.gift > .linkArea {right:30px; top:30px;}
.prdInfoSum.gift .infoList.both {width:100%; margin-left:0; font-size:16px;}
.prdInfoSum.gift .infoList.both > li {display:table; width:100%; margin:0;}
.prdInfoSum.gift .infoDetail {margin-top:-5px; padding:15px 0 25px 0;}
.prdInfoSum.gift .txtBox {margin:0 -29px; padding:23px 29px; border-top:none; font-size:14px;}

.msgArea .prdInfoSum.gift {width:560px; margin:45px auto 0; text-align:left;}

/* 별점 */
.starRating {width:96px; height:16px; overflow:hidden; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_erivrj_fgne.cat) no-repeat 0 0; font-size:0;}
.starRating span {display:inline-block; width:0; height:16px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_erivrj_fgne.cat) no-repeat 0 -16px;}

/* 신청 안내 */
.registInfo .block {display:block; width:100%; padding:15px 140px 15px 60px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_qverpg_b.cat) no-repeat 20px 13px; color:#fff; font-size:14px;}
.registInfo .links {position:absolute; right:20px; bottom:15px; margin-right:4px; color:#fff; font-weight:500;}
.registInfo .links:before {border-color:#fff;}
.registInfo .tit br {display:none;}

.registInfo .slideList {display:-webkit-flex; display:flex;}
.registInfo .slideList > li {position:relative; width:100%; z-index:1;}
.registInfo .slideList > li:after {content:''; position:absolute; top:0; bottom:0; left:4px; right:4px; background-color:#715deb; z-index:-1;}
.registInfo.num1,
.registInfo.num2 {margin:0 -4px;}
.registInfo.num1 .slideList > li,
.registInfo.num2 .slideList > li {padding:0 4px;}

.registInfo:not(.num1):not(.num2) {margin:0 -12px;}
.registInfo:not(.num1):not(.num2) .slideList > li {padding:0 12px;}
.registInfo:not(.num1):not(.num2) .slideList > li:after {left:12px; right:12px; background-color:#5d88fb;}
.registInfo:not(.num1):not(.num2) .block {min-height:90px; padding:20px 20px 20px 60px; background-position:20px 22px;}
.registInfo:not(.num1):not(.num2) .tit {font-size:16px; font-weight:500;}
.registInfo:not(.num1):not(.num2) .tit span {display:block; margin-top:5px; font-size:14px; font-weight:300; color:rgba(255,255,255,0.7);}
.registInfo:not(.num1):not(.num2) .tit br {display:inline;}
.registInfo:not(.num1):not(.num2) .links {bottom:20px; margin-right:12px;}
.registInfo:not(.num1):not(.num2):not(.num3) .swiper-container {margin:0 28px;}
.registInfo:not(.num1):not(.num2):not(.num3) .swiper-container .slideList > li {padding:0 12px;}
.registInfo .btnPrev,
.registInfo .btnNext {position:absolute; top:50%; left:-8px; width:30px; height:30px; margin-top:-15px;}
.registInfo .btnNext {left:auto; right:-8px;}
.registInfo .btnPrev:before, 
.registInfo .btnNext:before {width:12px; height:12px; margin-left:4px;}
.registInfo .btnNext:before {margin-left:-4px;}
.registInfo.swiperWrap {margin:0 !important;}


.summary .regisInftWrap {display:flex; position:relative; justify-content:space-between;}
.summary .regisInftWrap .titArea {margin-top:28px; margin-bottom:35px; padding-right:170px; word-break: keep-all;}
.summary .regisInftWrap .titArea .desc {display:block; font-size:16px;}
.summary .regisInftWrap .registInfo {position:static; max-width:576px; margin-right:-8px !important;}
.summary .registInfo .swiper-container {margin:0 0 -24px !important;}
.summary .registInfo .slideList > li {width:288px; padding:0 8px 24px !important;}
.summary .registInfo .slideList > li:after {display:none;}
.summary .registInfo .block {position:relative; min-width:100%; height:272px; padding:24px 25px !important; background:#fff; border-radius:9px; box-shadow:2px 2px 4px rgba(113, 93, 235, 0.16); transition:all ease-in-out 0.15s;}
.summary .registInfo .block:hover,
.summary .registInfo .block:focus {box-shadow:0px 8px 16px rgba(113, 93, 235, 0.16);}
.summary .registInfo .block:hover .tit,
.summary .registInfo .block:focus .tit {color:#5642bf;}
.summary .registInfo .block:before,
.summary .registInfo .block:after {content:''; position:absolute; box-sizing:border-box; transition:all 0.15s ease-in-out; z-index:1;}
.summary .registInfo .block:before {left:42px; bottom:29px; width:8px; height:8px; border:1px solid #fff; border-width:2px 2px 0 0; transform:rotate(45deg);}
.summary .registInfo .block:after {left:33px; bottom:32px; width:20px; height:2px; background-color:#fff;}
.summary .registInfo .block:hover:before,
.summary .registInfo .block:focus:before {left:55px; border-color:#715deb;}
.summary .registInfo .block:hover:after,
.summary .registInfo .block:focus:after {width:30px; background-color:#715deb;}
.summary .registInfo .img {display:block; width:80px; height:80px; overflow:hidden;}
.summary .registInfo .tit {display:block; padding:22px 8px 0; font-size:16px; color:#222;}
.summary .registInfo .btnPrev,
.summary .registInfo .btnNext {top:inherit; bottom:25px; left:-5px; right:inherit; margin:0;}
.summary .registInfo .btnNext {left:25px;}
.summary .registInfo .btnPrev:before,
.summary .registInfo .btnNext:before {border-color:#8676ee; transition:all ease-in-out 0.15s;}
.summary .registInfo .swiper-button-disabled:before {border-color:#9d9d9d;}

/* 보험계약변경 - 계약사항변경 */
.convLinkBox {display:table; width:100%; table-layout:fixed; border:1px solid #f2f2f2;}
.convLinkBox .box {display:table-cell; position:relative; width:50%; padding:185px 34px 47px; text-align:center; border-left:1px solid #f2f2f2; background-repeat:no-repeat; background-position:50% 63px;}
.convLinkBox .box.disc {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Svpb_cnl_qvfpbhag.cat);}
.convLinkBox .box.stop {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Svpb_cnl_fgbc.cat);}
.convLinkBox [class*=titH] {margin-top:0; font-size:20px;}
.convLinkBox [class^=btn_] {width:236px; padding:5px 10px; border-radius:2px;}
.convLinkBox .btn_p {border-color:#5d88fb; background-color:#5d88fb; box-shadow:4px 4px 8px rgba(93, 136, 251, 0.24);}
.convLinkBox .btns {position:relative; margin-top:40px;}
.convLinkBox .tip {display:inline-block; position:absolute; top:-16px; left:8px; height:28px; padding:0 11px; font-size:13px; color:#6d4700; line-height:28px; background:#ffdf60; border-radius:14px;}
.convLinkBox .tip:after {content:''; position:absolute; left:14px; bottom:-12px; width:0px; border-style:solid; border-width:6px 5px; border-color:#ffdf60 transparent transparent transparent;}
.convLinkBox [class^=btn_]:hover .tip:after,
.convLinkBox [class^=btn_]:focus .tip:after {left:14px; right:inherit; width:0px;}
.convLinkBox .noti {position:absolute; top:30px; right:33px;}

/* 보험계약변경 - 적합성재진단 */
.surveyList {counter-reset:count; padding-left:22px;}
.surveyList > li:not(:last-child) {padding-bottom:28px; border-bottom:1px solid #eee;}
.surveyList > li + li {margin-top:28px; }
.surveyList [class*=titH]:not(.titH3) {position:relative; margin:0;}
.surveyList [class*=titH]:not(.titH3):before {content:counter(count)'.'; counter-increment:count; position:absolute; left:-22px; top:0; width:auto; height:auto; font-size:16px; color:#222; font-weight:500; letter-spacing:-1px; z-index:1; }
.surveyList [class*=titH] span {font-weight:300;}
.surveyList [class*=titH] > strong {position:relative; z-index:0;}
.surveyList [class*=titH] > strong:before {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#e2defa; z-index:-1;}
.surveyList .titH3 {margin-top:0; margin-left:-22px;}

.surveyList.numN {counter-reset:none; padding-left:0;}
.surveyList.numN  [class*=titH]:not(.titH3):before {content:none;}


.iptAnswer {display:flex; flex-wrap:wrap; margin:20px 0 0;}
.iptAnswer > li {width:50%; padding:1px; text-align:left;}
.iptAnswer .ipt + label {display:flex; width:100%; height:100%; padding:22px 60px 22px 24px; background:#f8f8f8; align-items:center;}
.iptAnswer .ipt + label:before {top:50%; left:inherit; right:24px; width:28px; height:28px; margin-top:-14px; border:none; border-radius:50%; box-shadow:none; transition:all ease-in-out 0.15s;}
.iptAnswer .ipt + label:after {content:''; position:absolute; top:50%; left:inherit; right:41px; width:8px; height:12px; border:1px solid #bbb; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg) translateY(-11px);}
.iptAnswer .ipt:checked + label:before,
.iptAnswer .ipt:checked + label:hover:before,
.iptAnswer .ipt:checked:focus + label:before {border:none; box-shadow:none; background-color:#5d88fb !important;}
.iptAnswer .ipt:checked + label:after {border-color:#fff;}


.dataBox {padding:40px 32px; text-align:center; background-color:#f8f8f8;}
.dataBox [class^=tit]:first-child {margin-top:0;}
.dataBox .ipt + label.txtS:before {top:-1px;}
.dataBox .ipt + label.txtS:after {top:3px;}
.dataBox .iptAnswer {width:770px; margin:20px auto 0;}
.dataBox .iptAnswer .ipt + label {background-color:#fff;}
.dataBox .iptAnswer .ipt + label:before {background-color:#f8f8f8;}

.dataBox.point {background-color:#f2f6ff;}

.dataBox.al {display:flex; width:100%; align-items:center;}
.dataBox.al .ipt:checked + label {color:#445fe6; font-weight:500;}
.dataBox.al .iptGroup {flex-grow:1;}
.dataBox.al [class^=btn_].m {white-space:nowrap;}

.msgDetail.result {width:740px;}
.infoRowList {font-size:0; word-spacing:0;}
.infoRowList > li {display:inline-block; position:relative; width:calc(100% / 4); text-align:center;}
.infoRowList > li + li:before {content:''; position:absolute; left:0; top:3px; bottom:3px; width:1px; background-color:#eee;}
.infoRowList .item {font-size:14px; color:#666;}
.infoRowList .val {margin-top:5px; font-size:18px; color:#222;}

/* 접수 대상 선택 */
.iptBox {display:flex; flex-wrap:wrap; margin:-8px 0; justify-content:space-between;}
.iptBox li {position:relative;width:calc((100% - 16px) / 2); margin:8px 0;} /* 230410_사고보험금 추가 : position:relative; */
.iptBox .ipt + label {width:100%; height:100%; padding:31px 31px 31px 70px; color:#666; background:#fff; border:1px solid #eee; transition: all ease-in-out 0.15s;}
.iptBox .ipt + label:before {top:50%; left:31px; transform:translateY(-50%);}
.iptBox .ipt:focus + label,
.iptBox .ipt:hover + label {border-color:#5d88fb;}
.iptBox .ipt:checked + label {color:#445fe6; font-weight:500; border-color:#5d88fb; box-shadow:8px 8px 16px rgba(93,136,251,0.1);}
.iptBox.div_3 li {width:calc((100% - 32px) / 3);}

/* 230502_사고보험금 추가 (s) */
.ipt.bf[type=radio]:checked + label:before {border-color:#009cc3; background-color:#009cc3; box-shadow:inset 0 0 0 4px #fff;}
.ipt.bf[type=radio]:checked + label:hover:before,
.ipt.bf[type=radio]:checked:focus + label:before {border-width:6px; background-color:#fff;}
.iptBox .ipt.bf:focus + label,
.iptBox .ipt.bf:hover + label,
.iptBox .ipt.bf:hover + label:before {border-color:#009cc3;}
.iptBox .ipt.bf:checked + label {color:#00a3bb; border-color:#009cc3; box-shadow:8px 8px 16px rgba(0,156,195,0.06);}
.iptBox .state {position:absolute;top: 50%;right: 31px;z-index: 1;transform: translateY(-50%);}
.iptBox.titPo .tit {position: absolute;top: 50%;left: 70px;transform: translateY(-50%);color:#222;}

.iptScroll {padding:30px; margin:20px 0;background-color:#f8f8f8;}
.iptScroll .iptBox {max-height:445px;overflow-y: scroll;}
.iptScroll .iptBox li {width: 100%;}
.iptScroll .iptBox .ipt + label {font-weight: 500;}
.iptScroll .iptBox .ipt + label p {font-weight: 300;}
.iptScroll .iptBox .ipt[type=radio]:focus + label,
.iptScroll .iptBox .ipt[type=radio]:hover + label {text-decoration:none;}
.iptScroll .iptBox .ipt:checked + label
.iptScroll .btnArea {margin:20px 0 0 0;}
.iptScroll .btn_p {min-width:120px; min-height: 45px; font-size: 16px; font-weight: 300;}

.na_dis {margin: 4px 2px;width:100%;height:44px;line-height: 44px;padding:0 15px;color: #222;border:1px solid #ccc;border-radius:4px;border-color: #eee;background-color: #f8f8f8;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}/* 230526_추가 */
/* 230502_사고보험금 추가 (e) */

/* 정보성 박스 */
.infoBoxGrp {display:flex; margin-top:25px; justify-content:space-between;}
.infoBoxGrp > .infoBox {display:flex; width:calc((100% - 16px) / 2); margin-top:0; flex-direction:column; justify-content:space-between;}
.infoBoxGrp > .infoBox .val {display:flex; margin-top:5px; flex-grow:1; align-items:center; justify-content:center;}
.infoBox {margin-top:25px; padding:23px; text-align:center; background:#fff; border:1px solid #dad5f9; box-shadow:2px 2px 4px rgba(113,93,235,0.1);}
.infoBox .val {margin-top:5px;}

.infoBoxGrp.noLine {margin-top:32px;}
.infoBoxGrp.noLine > .infoBox {width:calc((100% - 32px) / 2); padding:25px 40px; border:none; box-shadow:none;}

.incongList {margin-top:16px; padding:32px;}
.incongList > li {display:table; width:100%;}
.incongList > li > div {display:table-cell; text-align:left; vertical-align:middle;}
.incongList > li + li {margin-top:16px; padding-top:16px; border-top:1px solid #eee;}
.incongList .state {width:89px;}
.incongList [class^=flag_] {min-width:73px;}
.incongList .tit {font-size:16px; color:#222;}
.incongList .txtItem {width:220px; text-align:right;}
.incongList .txtItem span {font-size:14px;}

/* 투자날씨 */
.weather {display:inline-block; width:64px; height:64px; background-repeat:no-repeat; background-position:0 0;}
.weather.w1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svzt_jrngure_1.cat);}
.weather.w2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svzt_jrngure_2.cat);}
.weather.w3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svzt_jrngure_3.cat);}
.weather.w4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svzt_jrngure_4.cat);}
.weather.w5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svzt_jrngure_5.cat);}

/* 자동재배분변경 */
.rateSetArea {display:flex; justify-content:space-between;}
.rateSetArea .formList {width:832px; margin:0; padding:10px 0;}
.rateSetArea .formList > li {padding-top:2px; padding-bottom:2px; border:none;}
.rateSetArea .formList > li:last-child {align-items:flex-start;}
.rateSetArea .formList > li:last-child .itemTh {line-height:52px;}
.rateSetArea .formList .itemTh {width:150px; min-width:150px;}
.rateSetArea .formList .dataTd:first-child {padding-left:152px;}
.rateSetArea .dateBox {display:flex; flex-direction:column; width:272px; max-height:415px; padding:16px; color:#fff; text-align:center; background:#715deb;}
.rateSetArea .dateBox .date {display:flex; flex-direction:column; flex-grow:1; align-items:center; flex-wrap: nowrap; justify-content:center;}
.rateSetArea .dateBox .date:before {content:""; display:inline-block; margin-bottom:28px; width:64px; height:64px; border-radius:18px; background:#8d7def url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Sengrfrg_vpb_pnyraqne.cat) no-repeat 50% 50%;}
.rateSetArea .dateBox .date strong {display:block; font-size:24px; line-height:1.6;}
.rateSetArea .dateBox .desc {font-size:14px; color:rgba(255,255,255,0.7);}
.rateSetArea .dateBox > .desc {flex-grow:0; height:66px; padding:12px; background:#614dd1;}
.rateSetArea .rateSetBox {width:100%; margin:12px 2px 4px; padding:21px 32px; background:#f8f8f8;}

.rateSetArea [class^="rateSet"] > li,
.rateSetArea [class^="rateSet"].rateSetTotal {display:flex; flex-direction:row; flex-wrap:nowrap; padding:7px 0; align-items:center; justify-content:space-between;}
.rateSetArea [class^="rateSet"].rateSetTotal {margin:10px 2px 0; padding:15px 30px; background:#fff;}
.rateSetArea [class^="rateSet"] .item {color:#222;}
.rateSetArea [class^="rateSet"] .data {text-align:right;}
.rateSetArea [class^="rateSet"] .rate {display:inline-block; position:relative; font-size:14px; color:#666; vertical-align:baseline;}
.rateSetArea [class^="rateSet"] .rate:first-child em {font-weight:300;}
.rateSetArea [class^="rateSet"] .rate:not(:first-child) {margin-left:9px; padding-left:13px; }
.rateSetArea [class^="rateSet"] .rate em {color:#222;}
.rateSetArea [class^="rateSet"] .rate * {vertical-align:baseline;}
.rateSetArea [class^="rateSet"] .rate:not(:first-child):before {content:''; position:absolute; left:0; top:50%; width:1px; height:16px; margin-top:-8px; background-color:#ddd;}
.rateSetArea [class^="rateSet"] .iptWrap {width:88px; margin:0 2px 0 4px;}

/* 투자성향 */
.investList {margin:-13px 0;}
.investList > li {position:relative; padding:22px 220px 22px 88px;}
.investList > li + li {border-top:1px solid #eee;}
.investList .img {position:absolute; top:50%; left:0; width:64px; height:58px; transform:translateY(-50%);}
.investList .tit {margin-bottom:7px; color:#222; font-weight:500;}
.investList .desc {font-size:14px;}
.investList .basicC1 {position:absolute; bottom:22px; right:0; max-width:220px;}

/* invest */
.investC1 {color:#5d88fb;} /*초저위험*/
.investC2 {color:#00a3bb;} /*저위험*/
.investC3 {color:#3e9100;} /*중위험*/
.investC4 {/*color:#ed7d1b;*/color:#db3b00} /*고위험*/ /* 240705 웹접근성 수정 */
.investC5 {color:#e9473f;} /*초고위험*/

/* 투자성향분석 결과 */
.msgArea.progInvest {background:none;}
.msgArea.progInvest .img {position:absolute; top:55px; left:50%; width:80px; height:80px; margin-left:-40px; padding:7px 8px 0; border-radius:50%; background:#f8f8f8;}
.investScore {position:relative; display:flex; margin-bottom:20px; padding:0;}
.investScore::before {content:''; position:absolute; left:50%; top:-8px; width:14px; height:14px; margin-left:-7px; background-color:#fff; border:1px solid #dad5f9; transform:rotate(45deg); z-index:0;}
.investScore .scoreBox {display:flex; flex-direction:column; width:240px; color:#fff; font-weight:500; background:#715deb; justify-content:center; z-index:1;} 
.investScore .scoreBox .score {font-size:24px;} 
.investScore .scoreBox .score em {padding-right:3px; font-size:56px;} 
.investScore .txtList {width:400px; padding:50px 40px 40px; background:#fff; z-index:1;}

.txtList.prog.invest > li {display:flex; padding-left:27px; justify-content:space-between;}
.txtList.prog.invest > li:before {top:8px;}
.txtList.prog.invest:before {top:59px; bottom:45px; left:45px;}
.txtList.prog.invest .tit {width:auto; color:#222; font-weight:300;}
.txtList.prog.invest .desc {margin-top:0; font-size:14px; color:#666;}
.txtList.prog.invest > li:last-child:after {top:8px;}
.txtList.prog.invest li:nth-child(1):before {border-color:#5d88fb;}
.txtList.prog.invest li:nth-child(2):before {border-color:#00a3bb;}
.txtList.prog.invest li:nth-child(3):before {border-color:#3e9100;}
.txtList.prog.invest li:nth-child(4):before {/*border-color:#ed7d1b;*/ border-color:#db3b00;} /* 240705 웹접근성 수정 */
.txtList.prog.invest li:nth-child(5):before {border-color:#e9473f;}

.conBoxList.invest > li .block {padding:29px 39px 29px 39px; border-color:#eee;}
.conBoxList.invest .titL {margin:7px 0 6px; font-size:20px; font-weight:300;}
.conBoxList.invest .txtItem {font-size:14px; color:#666;}
.conBoxList.invest .txtItem > *:not(:last-child) {margin-right:24px;}
.conBoxList.invest .txtItem > *:not(:first-child):before {left:-14px;}


/* 편입비율변경 */
.recommPrd .recTit {display:block; position:relative; margin:0; padding:26px 130px 26px 32px; background:#715deb;}
.recommPrd .recTit .tit {display:block; margin:0 0 4px; font-size:18px; color:#fff; font-weight:500;}
.recommPrd .recTit [class^=btn_] {position:absolute; top:50%; right:32px; margin:0; border-color:#5642bf; background-color:#5642bf; transform:translateY(-50%);}
.recommPrd [class^=rec] .desc {display:block; padding:0; font-size:14px; color:rgba(255,255,255,0.7);}
.recommPrd .recDetail {padding:20px 26px 32px; background:#715deb;}
.recommPrd [class^=info] {display:flex; flex-wrap:wrap; position:relative; padding:24px 0 25px; background:#fff; box-shadow:2px 2px 4px rgba(113, 93, 235, 0.1); justify-content:space-between;}
.recommPrd .infoList > li {width:50%; padding:4px 32px;}
.recommPrd .infoList > li > div {vertical-align:middle;}
.recommPrd .infoList > li:nth-child(odd) {border-right:1px solid #eee;}
.recommPrd .infoList > li:first-child:nth-last-child(1) {width:100%; margin:-10px 0; border-right:0;}
.recommPrd .infoList .item {font-size:14px; color:#666;}
.recommPrd .infoList .val {color:#222;}
.recommPrd .infoList .val strong {font-size:18px; color:#222;}
.recommPrd .infoRowList {padding:52px 0;}
.recommPrd .infoRowList > li {position:relative; width:calc(100% / 3); padding-left:50px; padding-right:150px; text-align:left;}
.isIE .recommPrd .infoRowList > li {width: 33%;}
.recommPrd .infoRowList .item {font-size:18px; color:#222; font-weight:500;}
.recommPrd .infoRowList .val {font-size:14px; color:#666;}
.recommPrd .infoRowList .img {position:absolute; top:50%; left:245px; transform:translateY(-50%);}
.recommPrd .toggleSwitch {position:absolute; right:32px; top:37px;}
.recommPrd .toggleSwitch input + label {width:72px; height:32px; border-radius:16px; box-shadow:none; background-color:#5642bf;}
.recommPrd .toggleSwitch input + label:after {left:4px; top:4px; width:24px; height:24px; background-color:#715deb; box-shadow:4px 4px 16px 0 rgba(0, 0, 0, 0.1);}
.recommPrd .toggleSwitch input + label > span {display:inline-block; padding-left:35px; color:rgba(255,255,255,0.7); font-size:14px; line-height:32px; transition:all 0.2s;}
.recommPrd .toggleSwitch input + label > span :not(.blind) {display:inline-block; width:30px; color:#c6c0ea; opacity:1; transition:opacity ease-in-out 0.25s;}
.recommPrd .toggleSwitch input + label > span .on,
.recommPrd .toggleSwitch input:checked + label > span  .off {display:none;}
.recommPrd .toggleSwitch input:checked + label {background-color:#ffde60;}
.recommPrd .toggleSwitch input:checked + label:after {margin-left:40px; background-color:#fff;}
.recommPrd .toggleSwitch input:checked + label > span {padding-left:12px; color:#6d4700;}
.recommPrd .toggleSwitch input:checked + label > span  .on {display:inline-block; color:#936b4c;}

.portfolioList {display:flex; margin:0 -4px; justify-content:center;}
.portfolioList > li {position:relative; width:200px; height:200px; margin:0 4px; vertical-align:top; z-index:0;}
.portfolioList .icoBtn_infoPop {position:absolute; top:12px; right:12px; z-index:1;}
.portfolioList .icoBtn_infoPop:before {color:rgba(255,255,255,0.7); border-color:rgba(255,255,255,0.7);}
.portfolioList .ipt + label {width:100%; height:100%; padding:38px 24px 0; background:#7f6eed; transition:all 0.25s ease-in-out;}
.portfolioList .ipt:focus + label {outline: auto;}
.portfolioList .ipt + label:before, 
.portfolioList .ipt + label:after {display:none;}
.portfolioList .ipt + label > span {display:block;}
.portfolioList .ipt + label .tit {margin-bottom:10px; font-size:16px; color:#fff;}
.portfolioList .ipt + label .chk {position:absolute; bottom:16px; left:15px; right:15px; height:36px; text-align:center; font-size:14px; color:#fff; line-height:36px; background:#8c7def; border-radius:2px;}
.portfolioList .ipt + label .chk .off {display:inline-block;}
.portfolioList .ipt + label .chk .on {display:none;}
.portfolioList .ipt + label .chk:before {content:''; display:inline-block; width:8px; height:12px; margin-right:8px; border:1px solid #fff; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg) translateY(-1px);}
.portfolioList .ipt:checked + label .chk .off {display:none;}
.portfolioList .ipt:checked + label .chk .on {display:inline-block;}
.portfolioList .ipt:focus + label,
.portfolioList .ipt:focus + label,
.portfolioList .ipt + label:hover,
.portfolioList .ipt + label:hover {text-decoration:none;}
.portfolioList .ipt:not(:checked) + label:hover .chk,
.portfolioList .ipt:not(:checked) + label:hover .chk {color:#5642bf; background:#fff;}
.portfolioList .ipt:not(:checked) + label:hover .chk:before,
.portfolioList .ipt:not(:checked) + label:hover .chk:before {border-color:#5642bf;}
.portfolioList > li:nth-child(3n+1) .ipt:checked + label {background-color:#5d88fb;}
.portfolioList > li:nth-child(3n+2) .ipt:checked + label {background-color:#00a3bb;}
.portfolioList > li:nth-child(3n+3) .ipt:checked + label {background-color:#e658b2;}
.portfolioList > li:nth-child(3n+1) .ipt:checked + label .chk {background-color:#466ef9;}
.portfolioList > li:nth-child(3n+2) .ipt:checked + label .chk {background-color:#008ba7;}
.portfolioList > li:nth-child(3n+3) .ipt:checked + label .chk {background-color:#da3b97;}

.btn_index {display:inline-block; position:absolute; bottom:40px; right:12px; min-width:130px; min-height:28px !important; padding:0 12px !important; font-size:13px !important; color:#fff; font-weight:300; border-radius:14px; background:#47435d;}
.btn_index > span {line-height:1.3;}
.btn_index:before {content:''; position:absolute; right:13px; bottom:-17px; margin-left:-5px; border-style:solid; border-width:8px 6px; border-color:#47435d transparent transparent transparent;}
.btn_index:after {content:''; display:inline-block; width:8px; height:8px; margin-left:3px; border:1px solid #fff; border-width:2px 2px 0 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg) translateY(-2px);}
.btn_index.over {background-color:#e9473f;}
.btn_index.over:before {border-color:#e9473f transparent transparent transparent;}
.btn_index.close{min-width:280px; line-height:28px;}

.tooltip.bubbleTip {padding:3px 30px 4px 12px; font-size:13px !important; color:#fff; font-weight:300; border-radius:14px; border-color:transparent; background-color:#47435d; white-space:nowrap;}
.tooltip.bubbleTip:before {border-color:transparent; background-color:#47435d;}
.tooltip.bubbleTip .icoBtn_close {top:4px;}
.tooltip.bubbleTip .icoBtn_close:before,
.tooltip.bubbleTip .icoBtn_close:after {background-color:#fff;}

[class^=btn_] .num {color:#ffdf60;}
 
/* 이미지 */
.imgArea {margin-top:32px; margin-bottom:32px; text-align:center;}
.imgArea.line {padding-bottom:32px; border-bottom:1px solid #eee;}

/* 검색 */
.srchWrap {margin:0 -32px; padding:28px 32px 20px; border-bottom:10px solid #f8f8f8;}
.setBtnAdd.iptGrp {display:table; }
.setBtnAdd.iptGrp .iptWrap {display:table-cell; width:auto !important; padding-left:8px;}
.setBtnAdd.iptGrp .iptWrap:first-child {width:186px !important; padding-left:0;}
.setBtnAdd.iptGrp .iptWrap.rdo {width:auto !important;}
.setBtnAdd.iptGrp .iptWrap.rdo .iptFilt {margin:0;}
.setBtnAdd.iptGrp .iptWrap.rdo .iptFilt label {width:130px;}

/* 페이지하단 진행확인 문구 */
.consideMsg {margin-top:64px; text-align:center;}
.consideMsg .titH3 {margin-top:0;}
.consideMsg .copy {margin-bottom:8px; font-size:18px; color:#222; font-weight:500;}
.consideMsg .seal {display:flex; justify-content:center; align-items:center; gap:24px; font-size:20px; color:#222; font-weight:500;}
.popCont .consideMsg {margin-top:32px;}
.popCont .consideMsg .copy {font-size:16px;}

/* (공통)자동 로그아웃 */
.timeMsg .time {font-weight:500; font-size:54px;}
.timeMsg .time .num {position:relative; display:inline-block; color:#715deb; border-radius:50%; border:4px solid #ddd; width:140px; height:140px; line-height:140px;}
.timeMsg .time .num:before {content:''; position:absolute; top:-4px; left:-4px; right:-4px; bottom:-4px; border:4px solid #715deb; border-radius:50%; border-bottom-color:transparent; border-right-color:transparent;  border-left-color:transparent; animation: logoutAni 1s cubic-bezier(0.785, 0.135, 0.150, 0.860) infinite;}
.timeMsg .desc {margin-top:30px;}
.timeMsg .desc em {color:#5642bf;}
.timeMsg .desc strong {color:#222;}

@keyframes logoutAni {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


/* (공통)은행_증권사 선택 */
.bankList {position:relative; margin:0 -32px; padding:0 32px 32px 32px; font-size:0; max-height:calc(100vh - 537px); overflow-y:auto; box-shadow:inset 0 -20px 20px -5px rgba(0,0,0,0.03);}
.bankList > li {position:relative; display:inline-block; width:33.3333%; margin-top:30px; padding:0 20px 0 32px; vertical-align:top;}
.bankList > li > div,
.bankList > li a {color:#222; font-size:16px;}
.bankList > li a:hover,
.bankList > li a:focus,
.bankList > li.on a {text-decoration:underline; color:#445fe6;}
.bankList > li .img {position:absolute; top:0; left:0; width:24px; height:24px; font-size:14px; line-height:24px; overflow:hidden;}
.bankList > li .img img {width:100%; vertical-align:top;}
.bankList > li .img.empty {color:#fff; border-radius:24px; background-color:#717592; text-align:center;}

.accountIpt {margin:0 -32px -32px; padding:0 32px; text-align:center;}
.accountIpt .tit {margin:32px 0 20px; color:#222; font-weight:500;}
.accountIpt .tit .img {position:relative; top:-2px; display:inline-block; width:32px; height:32px; font-size:14px; line-height:32px; vertical-align:middle;}
.accountIpt .tit .img img {width:100%; vertical-align:top;}
.accountIpt .tit .img.empty {color:#fff; border-radius:32px; background-color:#717592; text-align:center;}
.accountIpt .formArea {position:relative; width:326px; margin:0 auto;}
.accountIpt .formArea .iptWrap {width:100%; margin:0;}
.accountIpt .formArea .iptWrap .ipt {padding-left:90px;}
.accountIpt .formArea .label {position:absolute; top:0; left:15px; color:#222; line-height:44px; z-index:1;}

/* 상품정보 간단요약 */
[class*=BrifSum] .state {margin-bottom:20px;}
[class*=BrifSum] .tit {display:inline-block; margin-bottom:5px; color:#222; font-size:18px; font-weight:500; word-break:keep-all; vertical-align:middle;}
[class*=BrifSum] .info > span {position:relative; margin-right:16px; font-size:14px;}
[class*=BrifSum] .info > span:before {content:''; position:absolute; left:-10px; top:50%; height:13px; margin-top:-6px; border-right:1px solid #ddd;}
[class*=BrifSum] .info > span:first-child:before {content:none;}
[class*=BrifSum] .state .info {display:inline-block; vertical-align:middle; font-size:14px;}
[class*=BrifSum] .state * + .info {margin-left:5px;}

[class*=BrifSum] .infoList {margin-top:5px;}
[class*=BrifSum] .infoList {margin-left:-27px; font-size:14px;}
[class*=BrifSum] .infoList > li {display:inline-block; width:auto; margin-left:27px; vertical-align:middle;}
[class*=BrifSum] .infoList > li > div {vertical-align:middle;}
[class*=BrifSum] .infoList .val {padding-left:7px;}
[class*=BrifSum] .data {display:inline-block; font-weight:500; text-align:right;}
[class*=BrifSum] .data .val {padding-left:8px; color:#e658b2; font-size:20px; font-weight:500; vertical-align:sub;}

.prdBrifSum {margin-bottom:25px;}

.fndBrifSum {position:relative; margin-bottom:40px; padding-top:5px; padding-right:250px;}
.fndBrifSum .flag_type {color:#fff; background-color:#5d88fb;}
.fndBrifSum .tip {top:-2px;}
.fndBrifSum .chart {position:absolute; top:50%; right:0; width:200px; transform:translateY(-50%);}
.fndBrifSum .legend {display:inline-block; min-width:280px; margin-top:30px; padding:17px 20px; border:1px solid #eee; font-size:14px;}
.fndBrifSum .legend > li {position:relative; padding:2px 0 2px 12px;}
.fndBrifSum .legend > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#222;}
.fndBrifSum .legend > li em {color:#222;}
.fndBrifSum .legend > li.lg1:before {background-color:#445fe6;}
.fndBrifSum .legend > li.lg1 em {color:#445fe6;}
.fndBrifSum.type2 .flag_type,
.fndBrifSum.type2 .legend > li.lg1:before {background-color:#00a3bb;}
.fndBrifSum.type2 .legend > li.lg1 em {color:#00a3bb;}
.fndBrifSum.type3 .flag_type,
.fndBrifSum.type3 .legend > li.lg1:before {background-color:#e658b2;}
.fndBrifSum.type3 .legend > li.lg1 em {color:#e658b2;}

/* 상품정보 목록스타일 */
.popCont .listBrifSum {margin:-32px -32px 0;}
.popCont .titArea + .listBrifSum {margin-top:21px; border-top:10px solid #f8f8f8;}
.listBrifSum > li {position:relative; width:100%; font-size:14px; border-bottom:1px solid #eee; align-items:center;}
.listBrifSum > li > * > [class^=data] {position:absolute; right:37px; top:50%; padding-left:0; font-size:14px; color:#666; transform:translateY(-50%);}
.listBrifSum > li > a,
.listBrifSum .inner {display:block; position:relative; padding:22px 32px 14px; color:#666;}
.listBrifSum .single {position:absolute; top:50%; left:32px; margin:0; transform:translateY(-50%);}
.listBrifSum .single ~ *:not(.data) {padding-left:48px;}
.listBrifSum .single .ipt + label {vertical-align:top;}
.listBrifSum .state {margin-bottom:10px;}
.listBrifSum .tit {display:block; font-size:18px; font-weight:300;}
.listBrifSum .dataGrp {padding-left:0;}
.listBrifSum .dataGrp .data {position:relative; vertical-align:middle;}
.listBrifSum .dataGrp .data + .data {padding-left:68px;}
.listBrifSum .dataGrp .data + .data:after {content:""; position:absolute; top:5px; bottom:5px; left:32px; width:1px; background:#f2f2f2;}
.listBrifSum .data .unit {display:inline-block; margin-top:-7px; font-size:16px; vertical-align:middle;}
.listBrifSum .data .val.date {margin-top:3px; font-size:16px; font-weight:300; color:#222;}
.listBrifSum.type2 li > a {padding-right:200px;}
.listBrifSum.type2 li > .linkArea {position:absolute; top:31px; right:36px;}
.listBrifSum.type2 li > * > [class^=data] {top:inherit; bottom:21px; transform:translateY(0);}
.listBrifSum > li.on .tit {font-weight:500;}

.fndBrifArea {margin:0 -32px; padding:30px 32px 50px; background:#f8f8f8;}
.fndBrifArea:after {content:""; display:block; clear:both;}
.fndBrifArea [class*=titH] {margin-top:0;}
.fndBrifArea .box {padding:6px 32px; background:#fff; box-shadow:16px 16px 32px rgba(0,0,0,0.06);}
.fndBrifArea .listBrifSum {margin:0;}
.fndBrifArea .listBrifSum > li > a {padding:21px 110px 22px 0;}
.fndBrifArea .listBrifSum > li:last-child {border-bottom:none;}
.fndBrifArea .listBrifSum .tit {margin-bottom:0; font-size:14px;}
.fndBrifArea .listBrifSum .data {right:0;}
.fndBrifArea .listBrifSum .data .val {font-size:16px; color:#222; font-weight:300;}
.fndBrifArea .listBrifSum .data .val em {font-weight:300;}
.fndBrifArea .btn_s.m.open {margin:6px 0 0; width:100%; border:none; border-radius:0;}
.fndBrifArea .txtList.remark {float:right;}

/* 이미지용량줄이는법 */
.txtList.numS.inl {margin:0 0 20px 12px;}
.txtList.numS.inl:after {content:""; display:block; clear:both;}
.txtList.numS.inl > li {float:left; margin:0 5px 6px 0;}
.txtList.numS.inl > li.clr {clear:both;}
.imgSizeGuide {margin:0 0 30px 12px;}

/* CVC 번호 확인하는 방법 */
.cvcList {margin-top:10px;}
.cvcList li {position:relative; padding:5px 0 5px 96px; min-height:52px;}
.cvcList li + li {margin-top:33px;}
.cvcList li + li:after {content:""; position:absolute; top:-17px; left:0; width:100%; border-top:1px solid #eee;}
.cvcList .img {position:absolute; top:0; left:0; width:80px; height:52px; overflow:hidden;}
.cvcList span {display:block; font-size:14px;}

/* FC배너 */
.fcSlideWrap {background:#f2f6ff;}
.fcSlideWrap .marketBanner {margin-top:0;}
.fcSlideWrap .marketBanner div.inner {min-height:142px; padding:0 0 15px;}
.fcSlideWrap .fcInfo {position:relative; height:80px; padding:36px 40px 0; font-size:16px; color:#222;}
.fcSlideWrap .fcInfo:after {content:""; position:absolute; bottom:0; left:40px; right:40px; border-bottom:1px solid #eee;}
.fcSlideWrap .swiper-controls {left:inherit; right:30px; top:36px; bottom:inherit; transform:none;  z-index:1;}
.fcSlideWrap.swiperWrap > [class^=btn] {top:32px; right:28px; width:32px; height:32px;}
.fcSlideWrap.swiperWrap > [class^=btn]:before {width:11px; height:11px; margin-left:-4px; border-color:#665dcf; border-width:0 0 1px 1px;}
.fcSlideWrap.swiperWrap .btnPrev:before {margin-left:2px;}
.fcSlideWrap.swiperWrap .swiper-button-disabled:before {border-color:#999;}

/* 서류제출 */
.papers {margin:14px -2px -2px; font-size:0; word-spacing:0; }
.papers:first-child {margin-top:0;}
.papers > span {display:inline-block; padding:4px 16px; margin:2px; font-size:14px; color:#445fe6; line-height:26px; background:#e8ecff;}
.titArea + .paperDnd {margin-top:0;}
.paperDnd {position:relative; margin-top:32px; border:1px solid #eee;}
.paperDnd .paperCtrl {padding:13px 30px 13px 32px;}
.paperDnd .paperCtrl:after {content:""; display:block; clear:both;}
.paperDnd .paperCtrl .info {float:left; font-size:14px; color:#666; line-height:36px;}
.paperDnd .paperCtrl .info em {font-weight:300;}
.paperDnd .paperCtrl .info span {position:relative; display:inline-block;}
.paperDnd .paperCtrl .info span + span {padding-left:7px; margin-left:4px;}
.paperDnd .paperCtrl .info span + span:before {content:""; position:absolute; top:50%; left:0; width:1px; height:12px; background:#ddd; transform:translateY(-50%);}
.paperDnd .paperCtrl .linkGroup {float:left; margin:3px 10px; vertical-align:top;}
.paperDnd .paperCtrl .linkGroup > .links:first-child:before {display:none;}
.paperDnd .paperCtrl .linkGroup > .links:before {left:-7px;}
.paperDnd .paperCtrl .links {margin:3px 7px; font-size:14px; color:#445fe6;}
.paperDnd .paperCtrl .btns {float:right;}
.paperDnd .paperCtrl .ico_del {top:-2px;}
.paperDnd [class^=btn_]:not(.btn_p) {position:relative; margin:0 0 0 14px; padding:4px 0; color:#666; border-color:#fff;}
.paperDnd [class^=btn_].fileAttach {padding-right:41px;}
.paperDnd [class^=btn_].fileAttach span {margin-left:0;}
.paperDnd input[type=file] {position: absolute; top: 0; right: 0; bottom: 0; width: 97px; height: 36px; opacity: 0;}
.paperDnd input[type=file][disabled] + .fileAttach .ico_plus {background-color:#f8f8f8; border:1px solid #ccc;}
.paperDnd input[type=file][disabled] + .fileAttach .ico_plus:before,
.paperDnd input[type=file][disabled] + .fileAttach .ico_plus:after {background-color:#aaa;}
.paperDnd input[type=file]:focus + label.fileAttach {outline: 2px outset;}
.paperDnd .ico_plus {position:absolute; top:50%; right:0; width:32px; height:32px; margin-top:-16px; background:#5d88fb; border-radius:3px;}
.paperDnd .ico_plus:before,
.paperDnd .ico_plus:after {position:absolute; left:inherit; right:15px; top:50%; width:1px; height:12px; margin:-6px 0 0 0; background-color:#fff; transform:rotate(0);}
.paperDnd .ico_plus:after {transform:rotate(90deg);}
.paperDnd .noData {padding:87px 0 84px; font-size:16px; font-weight:300; color:#959595; background:none; }
.paperDnd > .btn_p {position:absolute; right:0; bottom:-60px; margin:0;}
.paperDnd .titArea {position:relative; margin:0; padding:16px 31px 15px;}
.paperDnd .titArea > * {vertical-align:middle;}
.paperDnd .titArea + .titArea:after,
.paperDnd .titArea:first-child:after {content:""; position:absolute; top:0; left:31px; right:31px; border-top:1px solid #f8f8f8;}
.paperDnd .titArea:first-child:after {left:0; right:0; border-top-color:#eee;}
.paperDnd .titArea + .paperList {min-height:auto;}
.paperDnd .titArea:first-child,
.paperDnd .paperList + .titArea {padding-top:32px;}
.paperDnd .paperList + .titArea:after {display:none;}
.paperList {min-height:210px; padding:24px; font-size:0; word-spacing:0; background:#f8f8f8;}
.paperList > li {position:relative; display:inline-block; width:calc(50% - 16px); margin:8px; padding:32px 72px 32px 112px; background:#fff; border-radius:4px;}
.paperList .thum {position:absolute; top:50%; left:21px; width:64px; height:64px; border:4px; transform:translateY(-50%); background:#f2f6ff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr.fit') no-repeat 50% 50%; background-size:24px 24px;}
.paperList .thum a {position:relative; width:100%; height:100%; overflow:hidden;}
.paperList .thum a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Svpb_svyr_mbbzva.cat) no-repeat 43px 43px; border-radius:4px;}
.paperList .thum img {width:100%;}
.paperList .name {font-size:16px; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
body:not(.isIE) .paperList .name {display:-webkit-box; height:52px; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: normal;}
.paperList .size {font-size:13px; color:#666;}
.paperList .icoBtn_del {position:absolute; top:18px; right:18px; width:18px; height:18px;}
.paperList .icoBtn_del:before,
.paperList .icoBtn_del:after {height:14px; background-color:#bbb;}
.infoMsg.point + .paperDnd {margin-top:16px;}

/* 신한플러스 멤버십 */
.shMembership {margin-top:64px;}
.shMembership .shScore {display:flex; align-items:center; height:131px; padding:42px 40px 42px 113px; background:#715deb url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Sfucyhf_zrzorefuvc.cat) no-repeat 40px 50%; justify-content:space-between;}
.shMembership .shScore .total {font-size:18px; color:#fff; font-weight:300;}
.shMembership .shScore .total em {display:block; font-size:24px; font-weight:500; line-height:1.2;}
.shMembership .shScore .family {font-size:14px; color:rgba(255,255,255,0.7);}
.shMembership .shScore .family em {font-size:18px; color:#fff; font-weight:500;}
.shMembership .shLevel {display:flex; border:1px solid #ddd; border-top:none;}
.shMembership .shLevel > li {width:25%; min-height:220px; padding:35px 0 32px;  text-align:center;}
.shMembership .shLevel > li:not(first-child) {border-left:1px solid #eee;}
.shMembership .shLevel [class*=titH] {margin:8px 0 31px;}
.shMembership .shLevel .val {font-size:16px; font-weight:500;}
.flag_mb1 {color:#b87900; background-color:#f8f1e5;}
.flag_mb2 {color:#47435d; background-color:#ececee;}
.flag_mb3 {color:#5642bf; background-color:#f1eefd;}
.flag_mb4 {color:#715deb; background-color:#f1eefd;}
.flag_mb5 {color:#715deb; background-color:#eceffc;}
.flag_mb6 {color:#3e9100; background-color:#ebf4e5;}
.flag_mb7 {color:#5d88fb; background-color:#eef3ff;}
.flag_mb8 {color:#666; background-color:#f8f8f8;}

/* 신한플러스 멤버십 등급점수 */
.shLevelScore {border:1px solid #eee; border-radius:9px;}
.shLevelScore li {display:flex; align-items:center; padding:15px 23px; font-size:16px; color:#000; justify-content:space-between;}
.shLevelScore li:not(:first-child) {border-top:1px solid #eee;}

/* 안내장발송내역조회 */
.pampHistory {position:relative; margin:0 96px;}
.pampHistory:after {content:""; position:absolute; top:30px; bottom:0; left:3px; width:2px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Scnzc_uvfgbel_qbg.cat) repeat-y 0 0;}
.pampHistory .year {display:block; width:64px; height:24px; margin:auto; font-size:12px; color:#fff; font-weight:500; text-align:center; line-height:24px; background-color:#7d7d7d; border-radius:12px;}
.pampHistory .year:not(:first-child) {margin-top:64px;}
.pampHistory .year + .month {margin-top:0;}
.pampHistory .month {position:relative; margin-top:32px; padding-left:40px; font-size:14px; color:#222; line-height:1; font-weight:500; z-index:2;}
.pampHistory .month:after {content:""; position:absolute; top:3px; left:0; display:inline-block; width:8px; height:8px; border-radius:50%; background:#666;}
.pampList {position:relative; padding-left:40px; margin-top:32px; z-index:1;}
.pampList:last-of-type:after {content:""; position:absolute; top:-34px; bottom:-80px; left:3px; width:2px; background:#fff;}
.pampList:last-of-type:last-child:after {bottom:0;}
.pampList > li {display:flex; align-items:center; padding:19px 23px; border:1px solid #ddd; border-radius:4px; box-shadow:3px 3px 6px rgba(0,0,0,0.05);}
.pampList > li:not(:first-child) {margin-top:16px;}
.pampList .sort {display:inline-block; flex-grow:0; min-width:105px; height:24px; padding-left:33px; line-height:24px; font-size:14px; font-weight:500; background-position:0 0; background-repeat:no-repeat; background-size:24px 24px;}
.pampList .sort.lms {color:#47435d; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Scnzc_uvfgbel_yzf.cat);}
.pampList .sort.sms {color:#5642bf; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Scnzc_uvfgbel_fzf.cat);}
.pampList .sort.post {color:#e658b2; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Scnzc_uvfgbel_cbfg.cat);}
.pampList .cont {flex-grow:1; width:100%; color:#222;}
.pampList .date {flex-grow:0; min-width:140px; font-size:13px; color:#999; text-align:right;}

/* 생명/보안카드 보유현황 */
.shCardWrap {display:flex; margin:24px -24px 64px; justify-content:center;}
.shCardWrap .shCard {position:relative; width:544px; height:320px; margin:0 24px; padding:38px 40px; border-radius:9px;}
.shCardWrap .shCard:before,
.shCardWrap .shCard:after {content:""; position:absolute; bottom:0; right:0; }
.shCardWrap .shCard:before {bottom:32px; right:-32px; transform:rotate(45deg);}
.shCardWrap .shCard:after {width:100%; height:64px; border-radius:0 0 9px 9px}

.shCardWrap .shCard .info {display:flex; align-items:center;}
.shCardWrap .shCard .info .date {padding-left:16px; font-size:14px; color:rgba(255,255,255,0.7);}
.shCardWrap .shCard.secu .info .date {color:#fff;}
.shCardWrap .shCard .info .date em {color:#fff; font-weight:500;}
.shCardWrap .shCard .tit {margin-top:25px; padding-left:48px; min-height:32px; font-size:28px; color:#fff; font-weight:500; background-position:3px 50%; background-repeat:no-repeat; background-size:auto auto;}
.shCardWrap .shCard .tit:after {content:""; position:absolute; top:24px; right:24px; width:24px; height:142px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Sfupneq_ybtb.cat) no-repeat 0 0;}
.shCardWrap .shCard .num {margin:4px 0 13px; padding-left:3px; font-size:18px; color:rgba(255,255,255,0.7); font-weight:500;}
.shCardWrap .shCard .num > span:not(:first-child) {padding-left:10px;}
.shCardWrap .shCard .btnGrp {position:absolute; bottom:36px; left:40px; z-index:1;}
.shCardWrap .shCard [class^=btn_] {min-width:128px; background:#fff; border-color:#fff;}
.shCardWrap .shCard [class^=flag_] {font-size:13px; color:#fff; background-color:rgba(255,255,255,0.1);}

.shCardWrap .shCard.life {color:#fff; font-size:13px; background-color:#715deb; box-shadow:16px 16px 16px rgba(113,93,235,0.1);}
.shCardWrap .shCard.life:before {border:32px solid #6854e8; border-top:32px solid transparent; border-right:32px solid transparent;}
.shCardWrap .shCard.life:after {background-color:#6854e8;}
.shCardWrap .shCard.life .tit {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Sfupneq_yvsr.cat);}
.shCardWrap .shCard.life [class^=btn_] {color:#5642bf;}
.shCardWrap .shCard.secu {color:#fff; font-size:13px; background-color:#00a3bb; box-shadow:16px 16px 16px rgba(0,163,187,0.1);}
.shCardWrap .shCard.secu:before {border:32px solid #009ab4; border-top:32px solid transparent; border-right:32px solid transparent;}
.shCardWrap .shCard.secu:after {background-color:#009ab4;}
.shCardWrap .shCard.secu [class^=btn_] {color:#00a3bb;}
.shCardWrap .shCard.secu .tit {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Sfupneq_frph.cat);}

/* 고객지원보안 가이드 */
.conLineList.csGuide > li {display:flex; align-items:center; padding:60px 0;}
.conLineList.csGuide > li [class^=tit] {margin-bottom:15px;}
.conLineList.csGuide .conIcoR {flex-grow:1; width:100%; padding-left:184px; word-break:keep-all;}
.isIE .conLineList.csGuide .conIcoR > .titH3 ~ p {max-width:650px;}
.conLineList.csGuide .img {left:33px; width:104px; height:104px; padding:0; border-radius:0; background:none;}
.conLineList.csGuide .img img {width:104px; height:104px;}
.conLineList.csGuide .btnGrp {flex-grow:0; min-width:300px; text-align:right; padding-right:32px;}
.conLineList.csGuide .btnGrp [class^=btn_] {min-width:208px; color:#445fe6; border-color:#5d88fb;}
.conLineList.csGuide .btnGrp [class^=btn_] > span:after {border-bottom-color:#445fe6;}
.conLineList.csGuide .timeInfo {min-width:300px; padding-right:32px; color:#5642bf; font-size:24px; font-weight:500; text-align:right;}

.txtList.prog.bgC:before {top:8px;} 
.txtList.prog.bgC > li {margin-top:22px; padding-left:27px;} 
.txtList.prog.bgC > li:before {top:8px; border-color:#5d88fb;} 
.txtList.prog.bgC > li:last-child:after {top:8px;}
.txtList.prog.bgC .links.arrow {vertical-align:top;} 

/* 주소확인 */
.infoMsg.addr {display:table; width:100%; margin-top:20px;}
.infoMsg.addr .item {display:table-cell; width:35%; color:#222;}
.infoMsg.addr .item em {padding-right:10px; color:#445fe6;}
.infoMsg.addr .val {display:table-cell;}

/* 제출상태안내 */
.paperLoading {margin-bottom:24px;}
.barGraph {position:relative; margin-top:48px; height:6px; background:#eee;}
.barGraph .bar {position:absolute; top:0; left:0; height:6px;}
.barGraph .bar em {position:absolute; right:0; bottom:9px; font-size:14px; transform:translateX(50%);}
.barGraph.ing .bar {color:#715deb; background:#715deb;}
.barGraph.fail .bar {width:100%; color:#e9473f; background:#e9473f;}
.barGraph.fail .bar em {left:0; right:inherit; transform:translateX(0);}

/* 데이터 변경전_후 */
.alterSum {position:relative; display:-webkit-flex; display:flex; align-items:center; width:100%; background:#fff; border:1px solid #dad5f9; box-shadow:1px 2px 6px 2px rgba(113,93,235,0.08); z-index:0;}
.alterSum:before {content:''; position:absolute; top:0; right:50%; bottom:0; border-right:1px solid #eceafc; z-index:-1;}
.alterSum:after {content:''; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; width:40px; height:40px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_fhz_neebj.cat) no-repeat center center; border-radius:50%; box-shadow:1px 2px 6px 2px rgba(113,93,235,0.08); z-index:-1;}
.alterSum .infoCell {display:-webkit-flex; display:flex; align-items:center; width:50%; padding:30px 40px;}
.alterSum .infoCell + .infoCell {padding-left:54px;}
.alterSum.noArw:after {display:none;}

.alterSum .item {width:30%; font-size:14px; vertical-align:middle; white-space:nowrap;}
.alterSum .item .icoBtn_infoPop {top:-1px; vertical-align:middle;}
.alterSum .val {width:70%; padding-left:0; flex-grow:1; color:#222; font-size:18px; font-weight:500; text-align:right;}
.alterSum .iptWrap {margin:0;}
.alterSum .infoList {width:100%;}
.alterSum .infoList .val {height:44px; vertical-align:middle;}
.alterSum .infoList .val .tit {position:relative; top:-1px; color:#222; font-size:14px;}
.alterSum .infoList .val [class^=txt] {margin-top:5px; color:#666; font-weight:300;}
.alterSum .desc {font-size:14px; font-weight:300;}
.alterSum select.ipt {min-width:176px;}

.alterSum .infoCell.bgColor {position:relative;}
.alterSum .infoCell.bgColor:after {content:''; position:absolute; top:-1px; left:0; right:-1px; bottom:-1px; background-color:#47435d; z-index:-1;}
.alterSum .infoCell.bgColor .item,
.alterSum .infoCell.bgColor .val {color:#fff;}

.alterSumGrp {display:flex; justify-content:space-between;}
.alterSumGrp .alterSum {width:calc((100% - 16px) / 2); padding:36px 36px 39px; text-align:center; color:#222; flex-direction:column;}
.alterSumGrp .alterSum:before,
.alterSumGrp .alterSum:after {display:none;}
.alterSumGrp .alterSum .item {display:block; width:100%;}
.alterSumGrp .alterSum .val {display:flex; width:100%; margin-top:18px; align-items:inherit; justify-content:center;}
.alterSumGrp .alterSum .af {position:relative; padding-left:52px;}
.alterSumGrp .alterSum .af:after {content:''; position:absolute; top:50%; left:7px; width:40px; height:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_fhz_neebj.cat) no-repeat center center; transform:translateY(-50%); z-index:-1;}
.alterSumGrp .alterSum .del {font-weight:300; text-decoration:line-through;}

.alterSum.notify {width:752px; margin:auto;}
.alterSum.notify:after {display:none;}
.alterSum.notify .infoList > li {display:block;}
.alterSum.notify .infoList > li > div {display:block; width:100%; height:inherit; text-align:center; color:#222;}
.alterSum.notify .infoList .val {margin-top:3px;}
.alterSum.notify .infoList .val em {display:inline-block; margin-top:-2px; font-size:28px; vertical-align:top;}

.accoItem .alterSum {box-shadow:none; border-color:#ddd;}
.accoItem .alterSum:before {left:0; border-color:#ddd; background-color:#eee;}
.accoItem .alterSum .infoCell {padding-left:30px; padding-right:30px;}
.accoItem .alterSum .infoCell + .infoCell {padding-left:44px;}
.accoItem .alterSum .tit {padding-bottom:6px; color:#222; font-weight:500;}
.accoItem .alterSum .item {width:50%;}
.accoItem .alterSum .val {width:50%; height:auto; font-size:16px;}

.accoItem .sumDetail {display:-webkit-flex; display:flex; align-items:center;}
.accoItem .sumDetail > * {width:100%;}
.accoItem .sumDetail .alterSum {width:736px; min-width:736px; margin-right:40px;}
.accoItem .sumDetail .infoList .val {font-size:16px; font-weight:500;}
.accoItem .sumDetail .toggleSwitch.rvt {font-size:14px; font-weight:300;}

/* 결과값 노출 */
.resulSum {position:relative; display:-webkit-flex; display:flex; align-items:center; width:100%; padding:25px 35px; border:1px solid #dad5f9; box-shadow:1px 2px 6px 2px rgba(113,93,235,0.08);}
.resulSum [class*=Cell] {flex-grow:1;}
.resulSum .dataCell {text-align:right; font-size:20px; color:#222; font-weight:500; line-height:1.3;}
.resulSum .tit {display:inline-block; font-size:16px; color:#222; font-weight:500; vertical-align:middle;}
.resulSum .money {display:inline-block; margin-left:10px; color:#e658b2; font-size:24px; vertical-align:middle;}
.resulSum .money.before {font-size:18px; color:#222;}
.resulSum a:not(.links) {position:relative; padding-right:16px; color:#5642bf; font-size:24px;}
.resulSum a:not(.links):after {content:''; position:absolute; right:0; top:50%; width:9px; height:9px; margin-top:2px; border:1px solid #5642bf; border-width:2px 2px 0 0; box-sizing:border-box; transform:translateY(-50%) rotate(45deg); z-index:1;}
.resulSum .links {font-weight:300;}
.resulSum .infoRowList > li {width:25%; text-align:left; padding-right:25px;}
.resulSum .infoRowList > li:last-child {padding-right:0;}
.resulSum .infoRowList > li + li:before {margin-left:-25px;}
.resulSum .infoRowList .val {font-weight:500;}
.resulSum.total .tit {padding-left:34px; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_erfhy_vpb_zbarl.cat) no-repeat 0 center;}
.resulSum.total .infoCell {min-width:70%;}
.resulSum.total.smile .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_erfhy_vpb_fzvyr.cat) no-repeat 0 center;}
.resulSum.client .tit {padding-left:34px; font-size:14px; color:#666; font-weight:300; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_erfhy_vpb_pyvrag.cat) no-repeat 0 center;}
.resulSum.client .tel {padding-left:24px; font-size:14px; color:#445fe6; font-weight:500; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sfhz_erfhy_vpb_cubar.cat) no-repeat 0 center;}
.resulSum.client .day {padding-left:24px; font-size:14px; color:#445fe6; font-weight:500; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sfhz_erfhy_vpb_qnl.cat) no-repeat 0 center;}

.popCont.col_5 .resulSum.client {padding:15px;}

.resulSumGrp {display:-webkit-flex; display:flex; justify-content:space-between;}
.resulSumGrp .resulSum {width:calc((100% - 18px) / 2);}
.resulSumGrp .resulSum .infoCell {min-width:50%;}

/* 대출신청 상품안내 */
.prdInfoList {display:-webkit-flex; display:flex; padding-bottom:60px; flex-wrap:wrap; border-bottom:1px solid #eee;}
.prdInfoList > li {width:50%; padding-right:100px; margin-top:50px;}
.prdInfoList > li:nth-child(-n+2) {margin-top:0;}
.prdInfoList [class*=titH] {margin:0 0 11px;}

/* 차트 써머리 */
.chartSum {position:relative; display:-webkit-flex; display:flex; flex-wrap: wrap; padding:40px 35px; border:1px solid #dad5f9; box-shadow:1px 2px 6px 2px rgba(113,93,235,0.08);}
.chartSum .total {display:-webkit-flex; display:flex; align-items:center; width:100%; margin-bottom:35px;}
.chartSum .total .tit {flex-grow:1; padding-left:34px; font-size:16px; line-height:24px; color:#222; font-weight:500; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_erfhy_vpb_zbarl.cat) no-repeat 0 center;}
.chartSum .total .money {flex-grow:0; color:#e658b2; font-size:20px; font-weight:500;}
.chartSum .chart {width:367px; min-width:367px;}
.chartSum .inner {width:657px; min-width:657px; margin-left:40px;}
.chartSum .inner .tblWrap {margin-top:0; margin-bottom:0;}

.titH2.ext {font-size:20px;}

.numR {display:inline-block; width:24px; height:24px; color:#445fe6; line-height:22px; border:1px solid #dbe5fe; background-color:#fff; border-radius:50%; text-align:center;}

.chartArea {display:-webkit-flex; display:flex;}
.chartArea > div {width:100%;}
.chartArea .inner {padding-left:15px;}
.chartArea .tblWrap {margin-top:0; margin-bottom:0;}
.chartArea .marketBanner.nowrap {margin:0 0 0 8px;}
.chartArea .marketBanner.nowrap > a, 
.chartArea .marketBanner.nowrap div.inner {padding:30px 0;}
.chartArea .marketBanner.nowrap .infoCell:only-child {vertical-align:top;}

.isIE .chartArea .marketBanner.nowrap > a {display: block;}
.isIE .chartArea .marketBanner.nowrap > a > .infoCell {display: block;}

.barAni {transition:width 0.5s ease-out;}
.barAni:not(.aniOn) {width:0 !important;}

/* 갱신보험 팝업 */
.imgTxtArea {display:flex; padding:10px 0px; align-items:center;}
.imgTxtArea > .infoCell {width:100%;}
.imgTxtArea > [class*=Cell] {flex-grow:1;}
.imgTxtArea > [class*=Cell]:last-child {margin-left:15px;}

/* 사고보험금 안내/접수 */
.topCaseList {display:flex;}
.topCaseList li {display:flex; width:calc(100% / 2); margin-left:15px; padding:32px; background-color:#fff; box-shadow:0 2px 4px rgba(113,93,235,0.1);}
.topCaseList li:first-child {margin-left:0;}
.topCaseList li [class*=Cell] {flex-grow:1;}
.topCaseList li .infoCell .tit {margin-bottom:5px; font-size:18px; font-weight:500; color:#222;}
.topCaseList li .caseCell {max-width:64px; height:64px; border-radius:20px; color:#fff; text-align:center; line-height:64px;}
.topCaseList li .caseCell.c1 {background-color:#715deb;}
.topCaseList li .caseCell.c2 {background-color:#5d88fb;}
.topCaseList li .caseCell.c3 {background-color:#00a3bb;}
.topCaseList li .caseCell span {font-size:20px; vertical-align:bottom;}

.infoImgArea {display:flex;}
.infoImgArea [class*=Cell] {flex-grow:1;}
.infoImgArea .infoCell {width:100%;}
.infoImgArea .infoCell ul li {margin-bottom:40px;}
.infoImgArea .infoCell ul li .tit {margin-bottom:8px; font-size:20px; font-weight:500; color:#222;}
.infoImgArea .infoCell .btnArea {margin:0; text-align:left;}
.infoImgArea .infoCell .btnArea .btn_s {border-color:#5d88fb; color:#445fe6;}
.infoImgArea .imgCell {display:flex;}
.infoImgArea .imgCell img {height:300px; align-self:flex-end;}

.infoImgArea.auto .imgCell img {height:auto;}

.photoSample {display:flex; align-items:center; width:976px; margin-top:15px; color:#222;}
.photoSample .cell {min-width:208px;}
.photoSample .cell:not(:first-child) {margin-left:48px;}
.photoSample .cell > span {display:block; margin-top:10px; text-align:center;}
.photoSample .txtList.disc {color:#222;}
.photoSample:not(:last-child) {padding-bottom:32px; border-bottom:1px solid #eee;}

/* 230509_사고보험금 신규,추가신청 (s) */
#content .existingCont section {margin-top:0; margin-bottom:0;}
.existingCont {background-color:#f8f8f8; margin-top:-40px; padding: 35px 0;}
.existingCont .iptBox.etIpt .ipt + label {padding-right: 40px;text-decoration: none;}
.existingCont .iptBox.etIpt .ipt + label:before {top:48px;}
.existingCont .iptBox.etIpt .state {position: initial; transform: none;}
.existingCont .iptBox.etIpt .ipt:checked + label .infoList {font-weight:300;}
.existingCont .iptBox.etIpt .infoList li {width:100%; margin: 0;}
.existingCont .iptBox.etIpt .infoList li .item {width:105px;} /* 230829 - 신속지급서비스 */
.existingCont .iptBox.etIpt .infoList li .item.case2 {width: 150px;}
/* 230509_사고보험금 신규,추가신청 (e) */

/* 신용대출신청 확인서  */
.consideMsg .signTxt {display:inline-block; margin-top:10px; padding:12px 40px; background-color:#f2f6ff; color:#222;}
.consideMsg .signTxt .date {padding-right:10px;}

/* 내 계좌관리 */
.sltWrap {position:relative; display:inline-block;}
.sltWrap .btn_index {right:0; bottom:50px;}
.sltWrap .btn_index:before {right:50%; transform: translateX(50%);}

/* 톡상담 */
.prdBlockList:after {content:''; display:block; clear:both;}
.prdBlockList li {float:left; width:calc((100% / 3) - 12px); margin-right:16px;}
.prdBlockList li:nth-child(3n+3) {margin-right:0;}
.prdBlockList li:nth-child(n+4) {margin-top:16px;}
.prdBlockList li .ipt[type=radio] + label {position:relative; display:block; min-height:212px; height:212px; padding:22px; color:#222; border:1px solid #fff; background:#fff; text-align:center; box-shadow: 12px 0px 57px rgba(45, 113, 196, 0.12); transition:border 0.25s ease-in-out;}
.prdBlockList li .ipt[type=radio] + label img {display:block; width:112px; max-width:100%; margin:0 auto; pointer-events: none;}
.prdBlockList li .ipt[type=radio] + label .tit {display:block; padding-top:20px; font-size:14px; font-weight:500; pointer-events: none;}
.prdBlockList li .ipt[type=radio] + label:before {content:none;}
.prdBlockList li .ipt[type=radio]:checked + label {border-color:#5642bf;}
.prdBlockList li .ipt[type=radio]:checked + label,
.prdBlockList li .ipt[type=radio]:hover + label {color:#5642bf;}

.audioArea {margin-top:32px; padding:27px 32px 27px 32px; border:1px solid #eee;}

.audioWrap {display:flex; margin-top:32px;}
.audioWrap .audioArea {position:relative; margin-top:0; flex-grow:1; padding:27px 32px 65px 32px; border:1px solid #eee;}
.audioWrap .audioArea audio {position:absolute; bottom:0; left:0; right:0; width:100%;}
[class^=audio] .recordList {height:260px; overflow-y:auto;}
[class^=audio] .recordList li {display:flex; align-items:center; padding-top:12px;}
[class^=audio] .recordList li:first-child {padding-top:0;}
[class^=audio] .recordList li:hover button {text-decoration:underline;}
[class^=audio] .recordList li button {position:relative; flex:1; padding-left:20px; overflow:hidden; max-height:44px; font-size:14px; text-align:left;}
[class^=audio] .recordList li button:before {content:''; position:absolute; top:50%; left:0; width:0; height:0; border:5px solid; border-color:transparent transparent #222 transparent; transform:translateY(-50%) rotate(90deg); border-bottom-width:8px; border-top:none;}
[class^=audio] .recordList li button > span {display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
[class^=audio] .recordList li .date {min-width:100px; margin-left:auto; padding-right:3px; text-align:right; font-size:14px;}
[class^=audio] .recordList li:after {content:''; display:block; clear:both;}
[class^=audio] .recordList li.on button {color:#445fe6;}
[class^=audio] .recordList li.on button:before {border-color:transparent transparent #445fe6 transparent;}
[class^=audio] .conBox {max-width:400px; flex-grow:0; margin-left:16px;}
[class^=audio] .conBox .caption {height:314px; overflow-y:auto;}
[class^=audio] .tit {display:block; margin-bottom:20px; color:#222; font-weight:500;}

.digital .tabWrap.fixed:after {content:''; position:fixed; top:145px; left:0; width:100%; height:80px; border-bottom:1px solid #eee; background-color:#fff; z-index:200;}
.digital .tabWrap.fixed .tabList {position:fixed; top:145px; left:50%; width:1136px !important; margin-left:-568px; border:none; z-index:201;}

/* 상품상세 */
.digital #insProdContents {overflow-x:hidden;}
.digital #content section.insuPrd {width:100%; margin:96px auto; text-align:center;}
.digital section.insuPrd[class*=bg_] {margin:0 !important; padding:96px 0;}

.digital section.bg_1 {background-color:#edf1fe;}
.digital section.bg_2 {background-color:#f3f1fe;}
.digital section.bg_3 {background-color:#f2f2f2;}
.digital section.bg_4 {background-color:#fff7f7;}
.digital section.bg_5 {background-color:#fff6e3;}

.digital section.insuPrd > h2 {margin-bottom:0; font-size:32px;}
.digital section.insuPrd > h2 + .desc {margin:30px 0 0 0;}
.digital section.insuPrd > .desc {color:#222; font-size:18px;}
.digital section.insuPrd > .desc + .txt {margin-top:20px; color:#666;}
.digital section.insuPrd > .desc .txtS {color:#959595;}

.digital section.insuPrd .inner {display:inline-block; margin-top:64px;}
.digital section.insuPrd .inner > .imgCont {margin:40px 0;}
.digital section.insuPrd .inner > .imgCont:first-child {margin:0 0 40px;}
.digital section.insuPrd .inner > .imgCont:last-child {margin:40px 0 0;}
.digital section.insuPrd .inner > .imgCont:only-child {margin:0;}

section.insuPrd .inner .titArea .fl {text-align:left;} 

.insuDetail #content > .tabWrap > .tabList > li {font-size:18px;}


/* 상품상세-하단 빨간별 리스트 */
section.insuPrd .inner > .listWrap,
section.insuPrd .tabPanel > .listWrap {width:864px; margin-top:40px; padding:30px; background:rgba(68,95,230,0.03); text-align:left;}
section.insuPrd .inner > .listWrap .txtList,
section.insuPrd .tabPanel > .listWrap .txtList {margin:0;}

/* 상품상세 - 주석 */
.annotation {position:relative;}
.annotation.left {padding-left:15px;}
.annotation.right {padding-right:13px;}
.annotation:before {content:'주)'; position:absolute; top:-1px; font-size:10px;}
.annotation.left:before {left:0;}
.annotation.right:before {right:0;}

/* 상품상세-탭 */
section.insuPrd .inner > .tabWrap {width:752px;}
section.insuPrd .inner > .tabWrap .tabContents {padding-top:60px;}
section.insuPrd .inner > .tabWrap .tblInfo {margin-bottom:40px;}
section.insuPrd .inner > .tabWrap.mainTab .tabContents {border-color:transparent !important; margin-bottom:-6px !important;}

/* 상품상세-아코디언  */
section.insuPrd .helpWrap.caution {width:752px; margin:40px auto 0 auto;}
section.insuPrd .helpWrap.caution > li {border-width:1px;}
section.insuPrd[class*=bg_] .inner .helpWrap.caution .accoHead {background-color:#fff;}
section.insuPrd[class*=bg_] .inner .helpWrap.caution .accoBody {border-top:1px solid #ddd; background-color:#fff;}

/* 상품상세-아이콘+내용 */
.conIcoGroup {width:500px; margin:0 auto; padding:0;}
.conIcoGroup.full {width:100%;}
.conIcoGroup .conIcoR {display:flex; justify-content:normal; align-items:center; min-height:80px; padding:0;}
.conIcoGroup .conIcoR + .conIcoR {margin-top:24px;}
.conIcoGroup .conIcoR .img {position:relative; left:0; min-width:80px; width:80px; height:80px; margin:0 20px 0 0; padding:0; background-color:#fff;}
.conIcoGroup .conIcoR .img img {position:absolute; top:50%; left:50%; width:auto; height:auto; transform:translate(-50%,-50%);}
.conIcoGroup .conIcoR .con {text-align:left;}
.conIcoGroup .conIcoR .con p {color:#222; font-size:18px;}
.conIcoGroup .conIcoR .con .txtS {display:block; margin-top:7px; color:#666;}
.conIcoGroup.c1 .conIcoR .img {background-color:#f1efff;}
.conIcoGroup.c2 .conIcoR .img {background-color:#ecf2ff;}

/* 상품상세-박스 */
section.insuPrd .notiBox {width:752px; margin:0 auto; padding:40px; text-align:left;}
section.insuPrd .notiBox:first-child {margin-top:0;}
section.insuPrd .notiBox [class^=tit]:first-child {margin-top:0px;}
section.insuPrd .notiBox .desc {margin:0 !important; color:#222; font-size:18px;}
section.insuPrd .notiBox .txtList {color:#222;}
section.insuPrd .notiBox .txtList:last-child {margin-bottom:0;}

section.insuPrd .notiBox ol.txtList.numS {margin:24px 0 40px 0;}
section.insuPrd .notiBox ol.txtList.numS:only-child {margin:0;}
section.insuPrd .notiBox ol.txtList.numS > li {padding-left:27px;}
section.insuPrd .notiBox ol.txtList.numS > li:before {top:3px; width:20px; height:21px; border:none; background-color:#5642bf; color:#fff; font-size:11px; font-weight:500; line-height:21px;}

section.insuPrd .notiBox.bgPulple {background-color:#f6f5fd;}
section.insuPrd .notiBox.bgWhite {background-color:#fff;}
section.insuPrd .notiBox.lineGray {border:1px solid #ddd;}

section.insuPrd .notiBox .logoList {display:flex;}
section.insuPrd .notiBox .logoList > li {width:calc(100% / 3); padding:0 13px; border-left:1px solid #eee;}
section.insuPrd .notiBox .logoList > li:first-child {border-left:0;}
section.insuPrd .notiBox .logoList .img {display:table; height:60px; margin:0 auto;}
section.insuPrd .notiBox .logoList + button {margin-top:45px;}

/* 상품상세-테이블 */
section.insuPrd .inner > .tblWrap.lg {width:945px; margin:0 auto;}
section.insuPrd .inner > .tblWrap.lg + .listWrap {width:945px;}

section.insuPrd .insuTblWrap {width:752px; padding:32px; background-color:#fff;}
section.insuPrd .insuTblWrap.lg {width:880px;}
section.insuPrd .insuTblWrap .titArea {margin-top:0;}

section.insuPrd .tblWrap .bgColor1 {background-color:#edf1fe;}
section.insuPrd .tblWrap .bgColor2 {background-color:#c2e9ef;}
section.insuPrd .tblWrap .bgColor3 {background-color:#fff7d9;}
section.insuPrd .tblWrap .brt {border-top:6px solid #5d88fb;}
section.insuPrd .tblWrap .brb {border-bottom:6px solid #5d88fb;}
section.insuPrd .tblWrap .brl {border-left:6px solid #5d88fb;}
section.insuPrd .tblWrap .brr {border-right:6px solid #5d88fb;}
section.insuPrd .tblWrap .item span {display:inline-block; width:calc((100% / 2) - 5px);}
section.insuPrd .tblWrap .item .money {text-align:right;}

section.insuPrd .infoDesc {width:752px; padding:0 15px 40px; border-top:1px solid #222; border-bottom:1px solid #aaa;}
section.insuPrd .infoDesc .titArea {margin-bottom:0; padding-bottom:15px; border-bottom:1px solid #222;}
section.insuPrd .infoDesc .titArea .fl {text-align:left;}

section.insuPrd .infoDesc .info {display:flex; margin:40px 0 24px 0;}
section.insuPrd .infoDesc .info [class^=tit] {min-width:136px; margin:0; text-align:left;}
section.insuPrd .infoDesc .info .cont {text-align:left;}
section.insuPrd .infoDesc .tblWrap {padding-left:136px;}


/* 상품상세 하단 */
/* 가입후기  */
.digital #content section.review {margin:0 auto; padding-top:64px;}
.digital #content section.review:before {content:''; position:absolute; top:0; left:50%; min-width:1136px; width:100vw; height:1px; background-color:#eee; transform:translateX(-50%);}

.digital.insuDetail .reviewBbsList > li > a {position:relative; height:226px;}
.digital.insuDetail .reviewBbsList .descDiv {margin:0; padding:0; border:0;}
.digital.insuDetail .reviewBbsList .descDiv .desc {color:#222; max-height:80px; -webkit-line-clamp:3;}
.digital.insuDetail .reviewBbsList .info {position:absolute; left:30px; bottom:30px; margin:0; color:#666;}

.insuDetail .accoList .accoBtn {font-size:18px;}
.insuDetail .accoList .accoList .accoBtn {color:#000; font-size:16px;}
.insuDetail .accoList .accoList .accoBtn:not(:focus):not(:hover) {background-color:#fff;}
.insuDetail .accoList .tblX td {padding:20px 16px;}

.digital.insuDetail .accoList .tblWrap + .accoList,
.digital.insuDetail .accoList .txtList + .accoList,
.digital.insuDetail .accoList .tabWrap.mainTab + .accoList,
.digital.insuDetail .accoList .titH3,
.digital.insuDetail .accoList .titArea {margin-top:30px;}
.digital.insuDetail .accoList .conBox.min .block .txtList.mt0,
.digital.insuDetail .accoList .conBox.min .block .txtList:only-child,
.digital.insuDetail .accoList * + .tabWrap.mainTab,
.digital.insuDetail .accoList .titArea .titH3 {margin-top:0 !important;}
.digital.insuDetail .accoList .tabWrap.mainTab {border-bottom:none !important;}
.digital.insuDetail .accoList .tabWrap.mainTab:before,
.digital.insuDetail .accoList .tabWrap.mainTab:after,
.digital.insuDetail .accoList .tabWrap.mainTab .tabContents:before {content:none !important;}
.digital.insuDetail .accoList .tabWrap.mainTab .tabContents {margin-bottom:0 !important; background-color:transparent; border-top:none !important;}
.digital.insuDetail .accoList .tabWrap.mainTab .tabContents .tblWrap {margin:0;}

/* 가입안내 */
.digital.insuDetail .accoList .accoBody .tblWrap th,
.digital.insuDetail .accoList .accoBody .tblWrap td {border-left-color:#ccc;}
.digital.insuDetail .accoList .accoBody .tblWrap table.basicC1 td {color:#222;}

/* 유의사항 */
.digital.insuDetail div.helpWrap.caution {padding-left:48px; border-width:1px 0; background-color:#f2f2f2;}
.digital.insuDetail div.helpWrap.caution .tit {margin-bottom:20px; margin-left:-48px; padding-top:32px; padding-bottom:0; border:none;}
.digital.insuDetail div.helpWrap.caution .tit:before {top:34px}
.digital.insuDetail .helpWrap.caution .txtItem {padding-top:20px; color:#888; font-size:14px;}


/* 250612 가입안내 웹접근성 수정*/
.insuDetail .accoList .tblX.type02 td{padding:10px 24px 10px; text-align:left;}

/* cs배너  */
.digital.insuDetail .csBanner .block {border-radius:0; padding:22px 48px; background-color:#715deb;}
.digital.insuDetail .csBanner .block .btnCell .btn_s.m {min-width:120px;}
.digital.insuDetail .csBanner .block .btnCell .btn_s.m > span {color:#5642bf;}
.digital.insuDetail .csBanner .block .btnCell .btn_s.m > span:after {border-color:#5642bf;}


/* 상품상세 - 계산하기 */
.insuDetail .insuCalc {position:relative; display:flex; flex-wrap:wrap; width:1137px; margin:0 auto 32px; border:1px solid transparent; transition:border 0.25s ease-in-out;}
.insuDetail .insuCalc.on {border:1px solid #000;}
.insuDetail .insuCalc.on .insuChk {border-color:transparent;}

.insuDetail .insuCalc.fixed {position: fixed; bottom:0; left:50%; z-index:99; margin:0 0 24px; background:#fff; transform:translateX(-50%);}
.insuDetail .insuCalc.fixed .insuChk {border:1px solid #715deb;}

.insuDetail .insuCalc .cateArea {display:flex; justify-content:center; flex-wrap: wrap; width:100% !important; padding:45px 0; background:#f2f2f2;}
.insuDetail .insuCalc .cateArea .tit {color:#222; font-size:18px; text-align:center;}

/*.insuDetail .insuCalc .cateArea.detail {padding:45px 0 45px 48px; background:#fff;}*/

.insuDetail .insuCalc .insuPlan {width:calc(100% - 412px); min-height:600px; padding:80px 48px 96px;}
.insuDetail .insuCalc .insuPlan .tabList > li {height:auto; padding-bottom:20px;}
.insuDetail .insuCalc .insuPlan .tabList > li.on {position:relative; z-index:2; color:#5642bf;}
.insuDetail .insuCalc .insuPlan .tabList > li.on:before{content:''; position:absolute; bottom:-5px; left:50%; z-index:2; display:block; width:10px; height:10px; border:2px solid #5642bf; border-width:2px 2px 0 0; background:#fff; transform:translateX(-50%) rotate(135deg);} 
.insuDetail .insuCalc .insuPlan .tabList > li.on:after {height:2px; background-color:#5642bf;}

.insuDetail .insuCalc .insuPlan .tblInfo {margin-bottom:12px;}
.insuDetail .insuCalc .insuPlan .tblInfo select.ipt {margin-top:10px; margin-bottom:2px; height:44px; border-color:#445fe6; color:#445fe6; font-weight:500; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja_o_z.cat) no-repeat right 8px center; background-size:24px;}
.insuDetail.tabFocus .insuCalc .insuPlan .tblInfo select.ipt:focus {outline:auto; outline-offset:1px; outline-color:#000;}

.insuDetail .insuCalc .insuPlan .tblInfo .titH3{margin:0;}
.insuDetail .insuCalc .insuPlan .tblInfo .links.arrow:last-child{margin-left:15px;}
.insuDetail .insuCalc .insuPlan .tblInfo .links.arrow::before{width:7px; height:7px;}
.insuDetail .insuCalc .insuPlan .tblInfo .toggleSwitch.lg{padding-bottom:2px;}
.insuDetail .insuCalc .insuPlan .tblInfo .toggleSwitch input:checked:disabled + label {background-color:#eee;}
.insuDetail .insuCalc .insuPlan .tblInfo .toggleSwitch.lg input:checked:disabled + label .on {color:#666;}
.insuDetail .insuCalc .insuPlan .tblInfo .toggleSwitch input:checked:disabled + label:after {background:#fff; box-shadow:none;}

.insuDetail .insuCalc .insuPlan .tabContents{position:inherit; padding-top:40px;}
.insuDetail .insuCalc .insuPlan .infoList {margin:0 0 30px; padding:5px 0; border-top:1px solid #222; border-bottom:1px solid #ccc;}
.insuDetail .insuCalc .insuPlan .infoList .infoList{border:none;}
.insuDetail .insuCalc .insuPlan .infoList > li {margin:10px 0;}
.insuDetail .insuCalc .insuPlan .infoList > li > div {vertical-align:middle;}
.insuDetail .insuCalc .insuPlan .infoList .item [class^=toggleSwitch] {margin:-4px 0 0 3px;}
.insuDetail .insuCalc .insuPlan .infoList .val {font-weight:500;}
.insuDetail .insuCalc .insuPlan .infoList .val select.ipt {min-width:auto; padding:0 30px 0 0; border:none; background-position:right 0 center;}
.insuDetail .insuCalc .insuPlan .infoList + [class^=txtList] {margin:-10px 0 30px;}

.insuDetail .insuCalc .insuPlan .totalArea {position:absolute; bottom:40px; display:flex; justify-content:space-between; align-items:center; width:650px;}
.insuDetail .insuCalc .insuPlan .total .item {display:inline-block; color:#222; font-weight:500;}
.insuDetail .insuCalc .insuPlan .total .val {display:inline-block;}
.insuDetail .insuCalc .insuPlan .total .val .pointC5 {font-size:26px; line-height:30px;}
.insuDetail .insuCalc .insuPlan .total .val .pointC9 {font-size:26px; line-height:30px;}

.insuDetail .insuCalc .insuPlan .totalArea .btnArea{margin:0; font-size:0;}
.insuDetail .insuCalc .insuPlan .totalArea .btnArea span + span {margin-left:10px;}
.insuDetail .insuCalc .insuPlan .totalArea [class^=btn_] {margin:0; border-radius:0;}
.insuDetail .insuCalc .insuPlan .totalArea .btn_p.m {border-color:#715deb; background-color:#715deb;}

.insuPlan .selAni {position: relative; margin-left: -15px; padding-left: 15px; overflow: hidden;}
.insuPlan .selAni:after {content: ''; position: absolute; left:-100%; bottom:1px; width: 0%; height: 2px; background-color: #715deb; box-shadow: 0px 0px 10px rgba(150,140,255, 1); animation: selectLine 1.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) infinite}
@keyframes selectLine {
	0% {left: 0%; right:-100%}
	50%{width:70%;}
	100% {left: 100%; width:50%; right:30px}
}
/* 다시 계산하기 버튼 */
.btn_p.blink {animation: blinkBtn 1s step-end infinite;}
@keyframes blinkBtn {
	50% {background-color:#4e39d2; border-color:#4e39d2;}
}

.insuDetail .insuCalc + .tabList >li a > .scriptCell{font-size:18px;}
.insuDetail .insuCalc .insuPlan .conBox.noLine {margin:0 0 30px;}

.insuChk {position:relative; z-index:2; width:100%; margin:0; padding:24px 40px; border:1px solid #ddd; box-shadow:8px 8px 16px rgba(70,50,171,0.08);}
.insuChk .inner {width:100%; display:flex; justify-content:space-between; align-items:center;}
.insuChk .inner .tit {display:flex; align-items:center; color:#222; font-size:20px;}
.insuChk .inner .tit:before {content:''; display:inline-block; width:48px; height:48px; margin:0 10px 0 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_vafh_pnyp.cat) no-repeat center; vertical-align:middle;}
.insuChk .inner .tit select{width:120px; margin:0 8px 0 0; padding-left:16px; font-size:20px; border:1px solid #222; border-width:0 0 1px; border-radius:0;}
.insuChk .inner .setHalf {display:flex; justify-content:flex-end; align-items:center; margin:0;}
.insuChk .setHalf .iptFilt {margin:0 8px 0 0;}
.insuChk .setHalf .iptFilt .ipt + label {min-width:80px;}
.insuChk .setHalf .iptFilt .ipt:checked + label {box-shadow:1px 3px 9px 0px rgba(93,136,251,0.24);}
.insuChk .setHalf.join > *:last-child {margin:0 0 0 16px;}
.insuChk .btn_p {min-width:120px; background-color:#715deb; border:none;}

.insuChk .info {position:relative; display:flex; align-items:center; min-height:54px; color:#222; font-size:14px;}
.insuChk .info:after {content:''; min-height:inherit; font-size:0;} /* IE11 align-items:center */
.insuChk .info .insuInfo {width:auto;max-width:510px; height:auto;  text-overflow:inherit; white-space:normal; font-size:14px;}
.insuChk .info .insuInfo span {position:relative; display:inline-block; top:3px; margin:0 18px 0 0; padding:3px 0; font-size:14px; letter-spacing:-0.03em;}
.insuChk .info .insuInfo span:before {content:'/'; position:absolute; left:-12px; top:3px; color:#ccc; font-size:14px;}
.insuChk .info .insuInfo span:first-child:before {content:none;}
.insuChk .info .user {white-space:nowrap;}
.insuChk .info .btn_s.change {min-width:96px; margin:0 40px 0 12px; padding:0 14px; background-image:none; white-space:nowrap;}
.insuChk .user {display:inline-block; font-size:14px; vertical-align:middle;} 
.insuChk .user > em {padding-left:6px; vertical-align:middle;}
.insuChk .total {font-size:0;}
.insuChk .total > span {display:inline-block; vertical-align:middle;}
.insuChk .total .item {font-size:16px; letter-spacing:-0.03em;}
.insuChk .total .val {margin:0 16px 0 7px; color:#222; font-size:16px; letter-spacing:-0.03em;}
.insuChk .total .val em {font-size:18px;}
.insuChk .total .btn_p {min-width:96px; margin:0;}
/*
.insuChk:hover .info .insuInfo {max-width:510px; height:auto;  text-overflow:inherit; white-space:normal;}
.insuChk:hover .info .insuInfo span {display:inline-block; top:0;}
*/

.insuChoice {display:flex; justify-content:center; width:100%; margin-top:20px; padding:0;}
.insuChoice .block {position:relative; min-width:266px; margin:0 8px; padding:30px 33px; background:#fff; box-shadow:5px 8px 16px 5px rgba(176,176,176,0.24);}
.insuChoice .block  > .tit {margin-bottom:20px; color:#222; font-size:18px; text-align:center;}
.insuChoice .block  > .item {display:block; font-size:14px; text-align:center;}
.insuChoice .block  > .val {display:block; color:#222; font-size:20px; text-align:center;}
.insuChoice .block  > .val .pointC5 {font-size:30px;}
.insuChoice .infoList {margin:15px 0 20px; padding:12px 15px 0; border:1px solid #eee; border-width:1px 0 0;}
.insuChoice .infoList li {margin:0; padding:3px 0; font-size:14px;}
.insuChoice .infoList .val {color:#222; font-weight:500;}
.insuChoice .infoList + .btn_p {min-height:44px; margin:0; font-size:16px; font-weight:300;}

.insuSet {margin:45px 0 48px 45px; min-width:367px; box-sizing:border-box; padding:32px; background:#f2f6ff;}
.insuSet .user {font-size:18px;}
.insuSet .user em {color:#445fe6;}
.insuSet .user p {color:#222; margin-top:3px;}
.insuSet .formList {margin-top:25px; border:none;}
.insuSet .formList > li {margin:4px 0; padding:0; border:none;}
.insuSet .formList .itemTh {width:auto; min-width:auto; padding:0;}
.insuSet .formList .dataTd {text-align:right;}
.insuSet .formList select.ipt {width:176px; min-width:auto;}
.insuSet .formList select.ipt.sm {padding-right:30px; font-size:13px;}
.insuSet .formList select.ipt[disabled] {border-color:#ccc; background-color:#f1f1f1 !important; color:#8a8a8a;background-image: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 2px, #e0e0e0 2px, #e0e0e0 3px);}/*20250613 운영잉행때 될수 있으면 빼자..*/
.insuSet .formList .iptFilt {display:flex;}
.insuSet .formList .iptFilt .ipt + label {min-width:auto; width:96px; margin:0;}
.insuSet .iptFilt .ipt:checked + label {box-shadow:1px 1px 13px rgba(93,136,251,0.24);}
.insuSet .formList + .btn_s.full {margin-top:20px;}
.insuSet .formList + .img{margin-top:80px;}
.insuSet .formList + .img img {width:303px;}

.btn_s.s.change {padding-right:36px; color:#666666; font-size:14px; border:1px solid #ccc; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_punatr_ox.cat) no-repeat right 15px center #fff;}

.links.arrow.basicC2:before{border-color:#727272;}

.toggleSwitch.lg{text-align:right;}
.toggleSwitch.lg input + label {width:80px; height:32px; padding-left:0; overflow:hidden; border-radius:18px;}
.toggleSwitch.lg input + label:after {top:4px; left:4px; width:24px; height:24px;}
.toggleSwitch.lg input:checked + label:after {margin-left:calc(100% - 32px); box-shadow:7px 7px 18px rgba(0,66,142,0.24)}
.toggleSwitch.lg input + label > span {display:inline-block; margin:4px; padding:0 4px; font-size:14px; line-height:24px; transition:all 0.4s;}
.toggleSwitch.lg input:checked + label > span {padding:0 37px 0 13px;}
.toggleSwitch.lg input + label .on,
.toggleSwitch.lg input:checked + label .off {position:absolute; opacity:0; white-space:nowrap;} 
.toggleSwitch.lg input + label .off,
.toggleSwitch.lg input + label .on {position:relative; top:0; left:0; opacity:1; transition:none;}
.toggleSwitch.lg input:checked + label .on,
.toggleSwitch.lg input:checked + label > span {color:#445fe6;}

/* only mobile */
@media all and (max-width:768px) {
	
	
}


/* Product Detail Page Animation */
/* 나침반 */
li.aniStart .aniCompass .needle {animation: loanCompassNeedle 800ms 0.2s 1,loanCompassNeedle2 800ms 2.2s 1; animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); animation-fill-mode: forwards;}
@keyframes loanCompassNeedle {to {transform:translate(-50%, -50%) rotate(-135deg);}}
@keyframes loanCompassNeedle2 {to {transform:translate(-50%, -50%) rotate(135deg);}}

/* 중도수수료 막대 그래프 */
li.aniStart .aniGraph .motion {animation: loanGraphBox 1200ms 0s 1 forwards; animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);}
li.aniStart .aniGraph .graph .bar {animation: loanGraphBar 1200ms 0s 1 forwards; animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);}
li.aniStart .aniGraph .marker {animation: loanGraphMarker 1600ms 0s 1 forwards;}

li.aniStart .aniGraph .motion.first {animation: loanGraphBox22 800ms 0.5s 1 forwards;}
li.aniStart .aniGraph .motion.first .graph .bar {animation: loanGraphBar22 800ms 0.5s 1 forwards;}
li.aniStart .aniGraph .motion.first .marker {animation: loanGraphMarker 1200ms 0.5s 1 forwards;}

li.aniStart .aniGraph .point:before,
li.aniStart .aniGraph .point:after {opacity:0; transform: translate(-50%, -50%) scale(5); transition-delay:1.65s;}
li.aniStart .aniGraph .point:after {transition-delay:1.9s}


@keyframes loanGraphBox {to {left:62.5%}}
@keyframes loanGraphBar {to {width:62.5%}}
@keyframes loanGraphBox22 {to {left:22.5%}}
@keyframes loanGraphBar22 {to {width:22.5%}}
@keyframes loanGraphMarker {
	12% {transform: translateX(-50%) rotate(0deg);}
	45% {transform: translateX(-50%) rotate(-25deg);}
	58% {transform: translateX(-50%) rotate(-20deg);}
	69% {transform: translateX(-50%) rotate(9deg);}
	80% {transform: translateX(-50%) rotate(-3deg);}
	90% {transform: translateX(-50%) rotate(2deg);}
	93% {transform: translateX(-50%) rotate(0deg);}
}

/* 서류 */
.aniFile .fileGroup .paper:nth-child(1) {transition-delay:0s; left:5px; right:5px; }
.aniFile .fileGroup .paper:nth-child(2) {transition-delay:0.1s; border:1px solid #abbff3;}
.aniFile .fileGroup .paper:nth-child(3) {transition-delay:0.2s;}
.aniFile .checkArea .check,
.aniFile .checkArea .txt:before,
.aniFile .checkArea .check .point {transition-delay:0.9s}

.aniFile .checkArea:nth-child(2) .check,
.aniFile .checkArea:nth-child(2) .txt:before,
.aniFile .checkArea:nth-child(2) .check .point {transition-delay:1.2s}

li.aniStart .aniFile .check {background-color:#715deb;}
li.aniStart .aniFile .txt:before {bottom:-10px; height:auto; opacity:1;}
li.aniStart .aniFile .point {left:30px;}
li.aniStart .aniFile .fileGroup .paper {transform:translate(0,0)}

/* 계량기 */
li.aniStart .aniGauge .needle {transform: translateX(-100%) rotate(180deg);}
li.aniStart .aniGauge .bg_active {transform: translateX(-50%) rotate(180deg);}

/* 계산기 */
li.aniStart .aniCalcu [class^=calcuInter_] {animation: calcOpacity 5498ms 0s infinite;}
li.aniStart .aniCalcu .calcuInter_1 {animation-name: calcOpacity1;}
li.aniStart .aniCalcu .calcuInter_2 {animation-delay: 1716ms;}
li.aniStart .aniCalcu .calcuInter_3 {animation-delay: 3432ms;}
@keyframes calcOpacity {
	0% {opacity:0;}
	10.04% {opacity:1;}
	29.6% {opacity:1;}
	42.63% {opacity:0;}
	100% {opacity:0;}
}

@keyframes calcOpacity1 {
	0% {opacity:1;}
	10.04% {opacity:1;}
	29.6% {opacity:1;}
	42.63% {opacity:0;}
	90% {opacity:0;}
	100% {opacity:1;}
}





/*================================================== WCMS 재정의 ==================================================*/
/* cdh.css영향으로 TO-BE 마크업 레이아웃 깨지는것 대응 */
.wp-content section {word-spacing:0;}





/*================================================== Editor 재정의 ==================================================*/
.contentAreaCls * {font-family:'OneShinhan', '원신한', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'gulim', '굴림', Helvetica, sans-serif; font-size:16px; font-weight:300;}
.contentAreaCls em,
.contentAreaCls strong {font-weight:500;}





/*================================================== AnyPin 재정의 ==================================================*/
.anyPinWrap .anypin-top-group {display:none;}
.anyPinWrap .anypin_common * {font-family:'OneShinhan', '원신한', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'gulim', '굴림', Helvetica, sans-serif; font-size:16px; font-weight:300;}
.anyPinWrap .anypin_common .anypin-form-bottom [id^=apn-form-] ~ div:last-child:not([id^=apn-form-]),
.anyPinWrap .anypin_common .anypin-form-bottom [id^=apn-form-] ~ div:last-child:not([id^=apn-form-]) div {margin:0 !important; padding:0 !important; height:auto; text-align:center;}
.anyPinWrap .anypin_common .anypin-mb15 {margin-top:0;}

.anyPinWrap .anypin_common .anypin-btn {display:inline-block; width:auto; min-width:176px; min-height:56px; margin:5px 5px; padding:5px 30px; border:1px solid transparent; font-size:18px; font-weight:500; text-align:center; vertical-align:middle;}
.anyPinWrap .anypin_common .anypin-btn {min-width:120px; min-height:44px; margin:0 2px; padding:0 16px; border-radius:2px; font-size:16px; font-weight:300; line-height:42px;}
.anyPinWrap .anypin_common .anypin-btn {border-color:#715deb; background-color:#715deb; color:#fff; box-shadow:4px 4px 8px rgba(113, 93, 235, 0.24);}
.anyPinWrap .anypin_common .anypin-btn:focus,
.anyPinWrap .anypin_common .anypin-btn:hover {border-color:#5642bf; background-color:#5642bf; transition:all ease-in-out 0.15s;}
.anyPinWrap .anypin_common .anypin-btn[disabled] {background-color:#eee !important;}

.anyPinWrap .anypin_common .anypin-form-control {width:100% !important; height:44px; padding:0 15px; border:1px solid #ccc; border-radius:4px; background-color:#fff; transition:border-color ease-in-out 0.225s, box-shadow ease-in-out 0.225s; text-align:left; color:#222;}
.anyPinWrap .anypin_common .anypin-form-control:focus {border-color:#5d88fb; box-shadow:2px 2px 4px rgba(93,136,251,0.16); outline:rgba(0,0,0,0);}
.anyPinWrap .anypin_common .anypin-form-control:hover {border-color:#5d88fb;}
.anyPinWrap .anypin_common .anypin-form-control[disabled] {border-color:#eee; background-color:#f8f8f8 !important; color:#999;}
.anyPinWrap .anypin_common .anypin-form-control[readonly] {background-color:#f8f8f8 !important;}
.anyPinWrap .anypin_common .anypin-form-control[readonly]:focus {border-color:#ccc !important; box-shadow:none;}
.anyPinWrap .anypin_common .anypin-form-control[readonly]:hover {border-color:#ccc !important;}

body:not(.isIE):not(.isFF) .anyPinWrap .anypin_common .anypin-form-control[type=password] {padding-left: 9px; padding-bottom: 6px; font-size:50px !important; font-family:caption; letter-spacing:-0.05em;}
body:not(.isIE):not(.isFF) .anyPinWrap .anypin_common .anypin-form-control[type=password]::-webkit-input-placeholder {padding-left:5px; font-size:16px; font-family:'OneShinhan', '원신한', 'Malgun Gothic', 'Dotum', '돋움', 'gulim', '굴림', Helvetica, sans-serif; letter-spacing:0; transform:translateY(-50%);}
body:not(.isIE):not(.isFF) .anyPinWrap .anypin_common .anypin-form-control[type=password]::-moz-placeholder {font-size:16px; letter-spacing:0;}
body:not(.isIE):not(.isFF) .anyPinWrap .anypin_common .anypin-form-control[type=password]::-ms-input-placeholder {font-size:16px; letter-spacing:-0.25em;}
body:not(.isIE):not(.isFF) .anyPinWrap .anypin_common .anypin-form-control[type=password]::-ms-reveal,
body:not(.isIE):not(.isFF) .anyPinWrap .anypin_common .anypin-form-control[type=password]::-ms-clear {display:none;}

.anyPinWrap .anypin_common .anypin-form-control {padding-right:33px; border-color:#d6e1fe; background-color:#f2f6ff;}
.anyPinWrap .anypin_common .anypin-form-control ~ [id^=xk_dialog_apn-input]:before {content:''; position:absolute; right:0; top:1px; width:35px; height:42px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_vcg_zbhfr.fit) no-repeat 5px 9px;}
.anyPinWrap .anypin_common .anypin-form-control ~ [id^=xk_dialog_apn-input] img {position:absolute; right:0; top:1px; width:35px; height:42px; opacity:0; z-index:1;}

/* AnyPin layout */
.anyPinWrap .anypin_common .anypin-form-top-left h3 {color:#222;}
.anyPinWrap .anypin_common .anypin-form-box {width:100%; background-color:transparent;}
.anyPinWrap .anypin_common .anypin-form-bottom {margin:0; padding:0;}

.anyPinWrap .anypin_common .anypin-cbox {margin:0 0 20px;}
.anyPinWrap .anypin_common li.anypin-pin-tab {position:relative; padding:0; border:none;}
.anyPinWrap .anypin_common li.anypin-pin-tab + li {margin-left:16px;}
.anyPinWrap .anypin_common li.anypin-pin-tab + li:before {content:''; position:absolute; left:-10px; top:5px; bottom:4px; /*top:50%; height:13px; margin-top:-6px;*/ border-right:1px solid #ddd;}
.anyPinWrap .anypin_common li.anypin-pin-tab a {color:#666;}
.anyPinWrap .anypin_common li.anypin-pin-tab a:hover,
.anyPinWrap .anypin_common li.anypin-pin-tab a:focus {text-decoration:underline;}
.anyPinWrap .anypin_common li.anypin-pin-tab a.anypin-selected-type {color:#222; text-decoration:underline; font-weight:500;}

.anyPinWrap .anypin_common .anypin-form-group {width:256px; margin:0 auto 32px !important;}
.anyPinWrap .anypin_common .anypin-form-group > div {position:relative; margin-bottom:20px !important;}

.anyPinWrap .anypin_common .apn-pattern {margin-bottom:32px;}
.anyPinWrap .anypin_common .apn-pattern .patt-holder {margin:0 auto;}

.popup section.anyPinWrap {margin-bottom:0; min-height:312px;}

/* AnyPin isDevice */
body.isDevice .anyPinWrap .anypin_common .anypin-form-group {width:100%; padding-left:0; padding-right:0;}
body.isDevice .anyPinWrap .anypin_common .anypin-btn {width:100%;}

body.isDevice.isIOS .anyPinWrap .anypin_common .anypin-form-control[type=password] {font-size:20px !important; padding-bottom:0; padding-top:4px;}
body.isDevice.isIOS .anyPinWrap .anypin_common .anypin-form-control[type=password]::placeholder {transform:translate(-3px, -3px);}



/*================================================== 공지사항팝업 ==================================================*/
.popup .notiPop {background-color:#efecff;}
.notiPop .titH1 {margin-bottom:20px; color:#222; font-size:32px; text-align:center;}
.notiPop .swiperWrap {margin:0 -32px; z-index:0;}
.isIE .notiPop .swiperWrap {overflow: hidden;}
.notiPop .swiperWrap section {margin:0; padding:58px 90px 8px; font-size:16px;}
.notiPop .swiperWrap section .btnArea {margin:20px 0 0 0;}
.notiPop .swiperWrap section .btnArea > span {margin:0 2px;}
.notiPop .swiperWrap .swiper-container section {padding-bottom:48px;}

.notiPop .btnPrev,
.notiPop .btnNext {position:absolute; top:50%; left:24px; width:48px; height:48px; margin-top:3px; z-index:3;}
.notiPop .btnNext {left:auto; right:24px;}
.notiPop .btnPrev:before, 
.notiPop .btnNext:before {width:32px; height:32px; margin-left:8px; border-color:#715deb;}
.notiPop .btnNext:before {margin-left:-8px;}
.notiPop .btnPrev.swiper-button-disabled,
.notiPop .btnNext.swiper-button-disabled {opacity:0.2;}

.notiPop .swiper-controls {bottom:3px;}

/*
.popup .notiPop:before {content:''; position:absolute; bottom:0; left:0; right:0; height:64px; margin-top:-24px; background-color:blue; opacity:0.2; box-sizing:border-box;}
.popup .notiPop:after {content:''; position:absolute; position:absolute; bottom:0; left:0; right:0; height:40px; background-color:red; opacity:0.2; box-sizing:border-box;}
.notiPop .swiperWrap section {position:relative;}
.notiPop .swiperWrap section:before {content:''; position:absolute; top:0; left:0; right:0; height:64px; background-color:red; opacity:0.2; box-sizing:border-box;}
.notiPop .swiperWrap .swiper-container section:after {content:''; position:absolute; bottom:16px; left:0; right:0; height:32px; background-color:red; opacity:0.2; box-sizing:border-box;}
*/


/* 22-08-29 ----------------- WM CENTER  s */
.wmCenter .imgMb,
.wmMap .imgMb {display:none;}
.wmCenter {display:flex; justify-content:space-between; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Sovmkcerff%2Spbzzba%2S__zrqvn%2Sjz_pragre.cat') no-repeat center top 50% ; margin-top:30px;}
.wmCenter > div > ul > li {background:#f5f6f9; width:272px; height:225px; padding-left:34px; padding-top:30px; margin-bottom:16px;}/*20220906*/
.wmCenter > div > ul > li h3 {font-size:16px; margin:12px 0;}
.wmMap > div  {display:flex;} 
.wmMap > div > figure {margin-top:30px;}
.wmMap > div > ul {width:100%; margin-left:50px;}
.wmMap > div > ul > li {border:1px solid #eee; margin-bottom:16px; padding:30px;}
.wmMap > div > ul > li h3 {font-size:18px; margin:16px 0 8px; color:#222;} /*20220906*/
.wmMap > div > ul > li ul li {padding-left:10px; position:relative;}
.wmMap > div > ul > li ul li:before {content:"";position:absolute; display:block; width:4px; height:4px; background:#666; border-radius:50%; left:0px; top:11px;}
.wmMap > div > ul > li:last-child ul li br {display:none;}

.wmDia {background:#f8f8f8; position:relative;}
.wmDia figure {text-align:center; padding-top:40px; padding-bottom:60px;}
.wmDia p {color:#666; font-size:12px; position:absolute; bottom:30px; right:30px;}

.wmArea {display:flex; justify-content:space-between; margin-top:60px; border-bottom:1px solid #eee;}
.wmArea:last-child {margin-bottom:0px;}
.wmArea dd {width:480px;}
.wmArea dd .titArea {margin:40px 0 10px;}
.wmArea dt {width:560px;}
.wmArea dt img {width:100%;}

.wmProgram {margin-top:25px;}
.wmProgram .swiper-container {padding: 0 0 35px 0;}
.wmProgram .swiperWrap li p {text-align: center; font-size:16px; height:50px; margin-top: 8px; color:#222;}
.wmProgram .slideList .block {display:block; height: auto; overflow: hidden;}
.wmProgram .slideList .block img {width: 100%;}
.wmProgram .swiper-wrapper,
.wmProgram .swiper-slide {height:auto;}


/* 230203 pc 상속증여연구소TV, 팟캐스트 (s) */
.wmVideo.tabContents {padding-top: 0;}
.wmVideo .ipt {display: none;}
.wmVideo .videoDetail .videoArea video,
.wmVideo .videoInfo .infoBody,
.wmVideo .videoBbsList.sm .thum {border-radius:0;}
.wmVideo .videoDetail {padding-bottom: 0;}
.wmVideo .videoDetail:before {display:none;}
.wmVideo .day {position: absolute; font-weight: 300; right: 0; top: 4px;}
.wmVideo .icoBtn_open:after {width: 12px; height: 12px; margin-top: -4px;}
.wmVideo .on:not(.popBody) .icoBtn_open:after {margin-top: 4px; border-color: #715deb;}
.wmVideo .videoBbsList {margin-top: 25px;}
.wmVideo .videoBbsList > li {padding-top: 30px;}
.wmVideo .videoBbsList.sm .thum {border:1px solid #fff;transition: all 0.4s ease-in-out;}
.wmVideo .videoBbsList.sm > li:nth-child(1),
.wmVideo .videoBbsList.sm > li:nth-child(2),
.wmVideo .videoBbsList.sm > li:nth-child(3),
.wmVideo .videoBbsList.sm > li:nth-child(4) {padding-top: 0;}
.wmVideo .videoBbsList > li > a:hover .tit,
.wmVideo .videoBbsList > li.on > a .tit {text-decoration:none;color:#445fe6; transition: all 0.3s;}
.wmVideo .videoBbsList.sm > li > a:hover .thum,
.wmVideo .videoBbsList.sm > li.on > a .thum {border:1px solid #5d88fb; transition: all 0.3s;}
.wmVideo .videoBbsList .tit {color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition: all 0.3s;}
.wm_bbs li:first-child a.bbsHead {padding: 17px 24px 15px;border-bottom: 1px solid #aaa;}
.wm_bbs a.bbsHead {padding: 27px 29px 24px 24px;}
.wm_bbs li:first-child .bbsHead .date {width: 80px; text-align: center; color: #222; font-weight:500;}
.wm_bbs li:first-child .bbsHead .tit {font-size: 14px; text-align: center;}
.wm_conBox {position:relative; border:none; border-radius: 10px; background-color: #f2f6ff;margin-bottom: 60px;}
.wm_conBox .block {padding-left: 210px;}
.wm_conBox img {position: absolute; top:-25px; left:50px;}
.wm_conBox .btn_p.m {position: absolute; bottom:32px; right:32px; border-radius: 5px; padding: 5px 65px;}
.wm_conBox .btn_p.m.mo {display:none;}
.wm_bbsView [class^=btn_].s {position:relative; border-radius: 50px;padding: 8px 28px 8px 47px; margin-bottom: 30px; font-weight:500;}
.wm_bbsView [class^=btn_].s::before {content: '▶'; position:absolute; top:8px; left:29px; color: #fff; font-size: 12px;}
.wm_bbsView .txtList {margin-left:15px; margin-top:0px;}
.wm_bbsView .txtList > li {margin-top:0px; margin-bottom: 5px;}
.wm_bbsView .txtList.disc > li {margin-top:8px;} 
/* 230203 pc 상속증여연구소TV, 팟캐스트 (e) */


@media (max-width: 768px) {
.wmCenter .imgMb,
.wmMap .imgMb {display:block; text-align:center;}
.wmMap .imgMb {margin-top:16px;}
.wmCenter {background:none; display:block;}
.wmCenter > div > ul > li {width:100%; height:auto; padding-bottom:30px;}
.wmMap > div {display:block; }
.wmMap > div > figure {display:none;}
.wmMap > div > ul {width:100%; margin-left:0px; margin-top:48px;}
.wmMap > div > ul > li:last-child ul li {padding-bottom:10px;}
.wmMap > div > ul > li:last-child ul li br {display:block;}

.wmArea {display:block; border-bottom:0px;}
.wmArea dd,
.wmArea dt {width:100%;}
.wmArea dt {margin-top:16px;}
.wmDia figure {padding-bottom:120px;}
.wmDia figure img {width:90%;}

/* 230203 m 상속증여연구소TV, 팟캐스트(s) */
.wmVideo .ipt {display: block; width: 100%; margin-top: 2em;}
.wmVideo .videoBbsList.sm {margin-top: 15px; margin: 0px -24px 0 -8px; position: relative; top: 0; left: 0; display: block; white-space: nowrap; overflow-x: auto; z-index: 0;}
.wmVideo .day {position:initial; display:block; margin-top: 4px;}
.wmVideo .videoBbsList.sm > li {width: 45%; padding-top: 0;padding-bottom: 15px;}
.wmVideo .videoBbsList.sm > li:last-child {padding-right: 0;}
.wmVideo .titArea {margin-top: 1.5em;}
.wmVideo .videoDetail {margin-bottom:0;}
.wm_bbs {border-top: 1px solid #ddd;}
.wm_bbs li:first-child {display: none;}
.wm_bbs a.bbsHead{padding: 22px 29px 19px 24px;}
.wm_conBox {margin: 50px 0 40px 0;}
.wm_conBox .block {padding: 3.5em 1em 1em 2.5em;}
.wm_conBox .titL {font-size: 1.6rem; line-height: 1.3; margin-bottom: 0;}
.wm_conBox .titL em {display: block;}
.wm_conBox .txtS {display: none;}
.wm_conBox img {width:70px; top:-22px; left:40px;}
.wm_conBox .btn_p.m.mo {display:block; padding: 5px; min-width: 60px; right: 1.3em;}
.wm_conBox .btn_p.m.pc {display:none;}
/* 230203 m 상속증여연구소TV, 팟캐스트 (e) */
}
/* 22-08-29 ----------------- WM CENTER  e */


/* only mobile */
@media all and (max-width:768px) {
	.notiPop .titH1 {margin-bottom:15px; padding:0 24px 0 0; font-size:1.8rem; text-align:left;}
	.notiPop [class*=titH] .mark {border-image-slice:0 0 7 0; border-image-slice:0 0 7 0;}
	
	.popWrap.bottomSheet .popCont.notiPop {padding-bottom:0 !important;}
	.popWrap.hasSetToday .popCont.notiPop {padding-bottom:48px !important;}

	.notiPop .swiperWrap {margin:0 -20px;}
	.notiPop .swiperWrap section {padding:26px 20px 32px !important; font-size:1.4rem; text-align:left !important;}
	.notiPop .swiperWrap section .btnArea > span {margin:0;}
	.notiPop .swiperWrap .swiper-container section {padding-bottom:54px !important;}
	
	.notiPop .btnPrev,
	.notiPop .btnNext {display:none;}
	
	.notiPop .swiper-controls {bottom:20px;}
	
	/*
	.popup .notiPop:before {content:none;}
	.popup .notiPop:after {bottom:48px; height:24px;}
	.notiPop .swiperWrap section:before {content:''; position:absolute; bottom:0; left:0; right:0; height:32px; background-color:red; opacity:0.2; box-sizing:border-box;}
	.notiPop .swiperWrap .swiper-container section:after {bottom:30px; height:24px;}
	*/
}





/*================================================== 하드코딩 약관 ==================================================*/
/* only mobile */
@media (max-width: 768px) {
	#content.termsContOnly {margin-bottom:0; padding-bottom:32px;}
	.termsContOnly .titH3 {margin-top:32px;}
	.termsContOnly .conBox.notify {margin:0; border-width:8px; border-color:#eee;}
	.termsContOnly .titExtra {margin-top:32px; padding-left:35px; padding-right:35px;}
	
	.conBoxList.terms {flex-wrap:wrap;}
	.conBoxList.terms > li {width:100%; margin-bottom:50px;}
	.conBoxList.terms > li + li {margin-left:0;}
	.conBoxList.terms > li:last-child {margin-bottom:0;}
	.conBoxList.terms .block .markDiv {top:auto; bottom:-40px; left:0; transform:none; width:100%; text-align:center;}
	.conBoxList.terms > li:nth-child(1) .block .titDiv {width:100%; padding:0;}
	.conBoxList.terms > li:nth-child(1) .block .titDiv br {display:none;}
}


/* s ----------- 20221006 :: 230228수정 */
.loanRelativeInfo {background:#5d88fb; padding-bottom:30px;}
.loanRelativeInfo > dl { display:flex; justify-content:space-between;}
.loanRelativeInfo > dl dd {padding-left:40px; padding-top:64px; color:#fff; font-size:16px;}
.loanRelativeInfo > dl dd h1 {padding:10px 0 15px;}
.loanRelativeInfo > dl dt {padding-right:90px; padding-top:40px;}
.loanRelativeInfo > dl dt img {width:198px;}
.loanRelativeInfo > .desc {padding-left:36px; color:#fff; font-size:14px; margin-top:10px;}
.loanRelativeInfo p.warningWhite {display:inline-flex; align-items:center; padding:3px 6px; background:rgba(255,255,255,0.2); color:#fff; font-size:13px; margin-top:25px;}
.loanRelativeInfo p.warningWhite strong {color:#5d88fb; background:#fff; border-radius:50%; display:inline-block;width:15px; height:15px; line-height:15px; text-align:center;  margin-right:3px;}
.loanRelativeInfo .inner {display:flex;justify-content:space-between; padding:0 36px; margin-top:30px;}
.loanRelativeInfo .inner > div { width:calc(50% - 13px); background:#fff; border-radius:8px; padding:27px;}
.loanRelativeInfo .inner > div h2 {font-size:20px; font-weight:400; padding-bottom:3px;} 
.loanRelativeInfo .inner dl {border-radius:8px; background:#f8f8f8; padding:30px; margin-top:12px;}
.loanRelativeInfo .inner dl dt strong {display:inline-block; padding:4px 9px; font-size:14px;  color:#445fe6; background:#f2f6ff; border-radius:8px;}
.loanRelativeInfo .inner dl dd {margin-top:18px;}
.loanRelativeInfo .inner dl dd ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.loanRelativeInfo .inner dl dd ul li:nth-child(odd) {width:55%;}
.loanRelativeInfo .inner dl dd ul li:nth-child(even) {width:40%;}
.loanRelativeInfo .inner dl dd ul li:nth-child(3),
.loanRelativeInfo .inner dl dd ul li:nth-child(4) {margin-top:16px;}
.loanRelativeInfo .inner dl dd strong {color:#222; font-size:16px;}
.loanRelativeInfo .inner dl dd small {font-size:14px;}
.loanRelativeInfo .inner dl dd p.desc {text-align:center;}
.loanRelativeInfo .inner dl dd ul li p {font-size:14px;}
.loanRelativeInfo .inner dl.first {min-height:250px;}
.loanRelativeInfo + .btnArea {margin:34px 0 72px;}

/* 230228 그룹사연계영업 대출상품 컨텐츠1개 (s) */
.loanRelativeInfo.allcont > dl dt {order: 1;}
.loanRelativeInfo.allcont > dl dd {order: 0;}
.loanRelativeInfo.allcont .inner > div {width: 100%;}
.loanRelativeInfo.allcont .boxwrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.loanRelativeInfo.allcont .boxwrap .boxlist {width: calc(50% - 13px); display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 8px; background: #f8f8f8; padding: 40px; margin-top: 26px;}
.loanRelativeInfo.allcont .boxwrap .boxlist:nth-child(1),
.loanRelativeInfo.allcont .boxwrap .boxlist:nth-child(2) {margin-top: 18px;}
.loanRelativeInfo.allcont .boxwrap .boxlist li {flex-grow: 1;}
.loanRelativeInfo.allcont .boxwrap .boxlist li:first-child {flex-grow: 0; width: 150px; font-size: 19px; font-weight: 400; color: #222; margin: -3px 10px 0 0; word-break: keep-all;}
.loanRelativeInfo.allcont .boxwrap .boxlist li dl {display: flex; border-radius: 0; margin: 0; padding: 0;}
.loanRelativeInfo.allcont .boxwrap .boxlist li dl dt {font-weight: 500;}
.loanRelativeInfo.allcont .boxwrap .boxlist li dl dd {flex-grow: 1; color: #222; margin: 0; text-align: right;}
.loanRelativeInfo.allcont .boxwrap .boxlist li dl:nth-child(2) {margin-top: 20px;}
.loanRelativeInfo.allcont .descWrap {margin: 30px 0 0 36px;}
.loanRelativeInfo.allcont .desc {color: #fff; font-size: 14px; margin-right: 10px;}
.loanRelativeInfo.allcont .btn_p.m {display: block; margin: 0 auto;}
/* 230228 그룹사연계영업 대출상품 컨텐츠1개 (e) */

@media (max-width: 768px) {
	.loanRelativeInfo {margin:0 -24px;}
	.loanRelativeInfo > dl {flex-wrap:wrap-reverse; }
	.loanRelativeInfo > dl dt,
	.loanRelativeInfo > dl dd {width:100%;}
	.loanRelativeInfo > dl dd {padding:40px 24px 0;}
	.loanRelativeInfo > dl dd p br {display:none;}
	.loanRelativeInfo > dl dt {text-align:center; padding-right:0px;}
	.loanRelativeInfo .inner {display:block;  padding:0 24px; }
	.loanRelativeInfo .inner > div {width: calc(100% + 24px); margin:0 -12px;}
	.loanRelativeInfo .inner > div:last-child {margin-top:12px;}
	.loanRelativeInfo .inner dl dd ul {display:block;}
	.loanRelativeInfo .inner dl dd ul li {margin-top:30px !important;}
	.loanRelativeInfo .inner dl dd ul li:nth-child(odd),
	.loanRelativeInfo .inner dl dd ul li:nth-child(even) {width:100%;}
	.loanRelativeInfo .inner dl dd p.desc {text-align:left;}		
	.loanRelativeInfo p.warningWhite {align-items:start; margin-top:16px;}
	.loanRelativeInfo p.warningWhite strong {margin-top:2px;}
	.loanRelativeInfo p.warningWhite span {width:calc(100% - 20px);}
	.loanRelativeInfo + .btnArea {margin:34px 0 54px;}

	/* 230228 그룹사연계영업 대출상품 컨텐츠1개 (s) */
	.loanRelativeInfo.allcont .inner {display: block; padding: 0 13px;}
	.loanRelativeInfo.allcont .inner > div {margin: 0;}
	.loanRelativeInfo.allcont .boxwrap > .boxlist {width: calc(100%);}
	.loanRelativeInfo.allcont .boxwrap .boxlist {display: block; padding: 30px;}
	.loanRelativeInfo.allcont .boxwrap .boxlist:nth-child(1) {margin-top: 18px;}
	.loanRelativeInfo.allcont .boxwrap .boxlist:nth-child(2) {margin-top: 26px;}
	.loanRelativeInfo.allcont .boxwrap .boxlist li,
	.loanRelativeInfo.allcont .boxwrap .boxlist li:first-child {width: 100%;}
	.loanRelativeInfo.allcont .boxwrap .boxlist li:first-child {margin: 0 0 20px 0;}
	.loanRelativeInfo.allcont .descWrap {margin: 15px 0 0 13px;}
	.loanRelativeInfo.allcont .desc {display: block; word-break: keep-all; margin: 0 0 10px 0}
	/* 230228 그룹사연계영업 대출상품 컨텐츠1개 (e) */
}
/* e ----------- 20221006 :: 230228수정 */



/* s ----------- 20221012 */
.summary2 {padding:20px 0 50px; margin:0 -32px;background-color:#f8fafe !important;}
.summary2 > .inner {width:980px; margin:0 auto;}
.cInfoSum {background:#f8f8f8; padding:40px 0px; border: 1px solid #eee; border-top:0;}
.cInfoSum .infoRowList > li {width:calc(100% / 3);}
.btn_t > img {width:16px; position:relative; margin-left:4px; margin-top:-2px;}

@media (max-width: 768px) {
	.summary2 {margin:0 -24px;}
	.summary2 > .inner {width:calc(100% - 48px);}
	.summary2 .dataCell .data .tit span {display:block; font-size:16px;}
}
/* e ----------- 20221012 */


/* s ----------- 20221013 */
.markInfoWrap {width:720px; margin:20px auto 0;}
.markInfoWrap .titH2 {font-size:24px; margin-bottom:5px;}
.markInfoWrap .markInfo {font-weight:300; color:#222; line-height:3;}
.markInfoWrap .markInfo span {font-weight:400;}
.markInfoWrap .markInfo br {display:none;}
.markInfoWrap .markInfo small {display:inline-block; background-color:#eae7fc; border-radius:18px; height:36px; line-height:36px; padding:0 20px 0 42px;color:#5642bf; font-size:14px; margin-right:7px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_pux.cat'); background-repeat:no-repeat; background-position:top 50% left 15px; font-weight:400;}
.markInfoWrap figure {text-align:center;}
.markInfoWrap figure img {width:320px;  }
.markInfoWrap .basicC1 {text-align:center;}
.isHiddenMb {display:block;}
.isHiddenPC {display:none;}
.greyBox {background:#f8f8f8; padding:30px;}
.greyBox td {text-align:right; color:#222; padding:5px 0;}
.greyBox .th {text-align:left; color:#666; font-size:14px;}

@media (max-width: 768px) {
	.isHiddenMb {display:none;}
	.isHiddenPC {display:block;}
	.markInfoWrap {width:100%; }
	.markInfoWrap .basicC1 {text-align:left;}
	.markInfoWrap .markInfo br {display:block;}
}
/* e ----------- 20221013 */


/* 230525_상품안내디폴트옵션상품 (s) */
.default_option .tabList.icoTab {display: flex; justify-content: center;}
.default_option .tabList.icoTab > li .ico {color:#5d88fb;}
.default_option .tabList.icoTab > li.on .ico {color:#fff;}
.default_option .scrollY .icoBtn_prev,
.default_option .scrollY .icoBtn_next {display:none !important;}
.default_option .links.addIco .ico_down {bottom:2px;}
.txtList.star.basicC1.pcmoMode {float:right;} /* 230602_추가 */
@media (max-width: 480px) {
	.default_option .tabList.icoTab { width:100%; justify-content: end;}
	.default_option .tabList.icoTab > li {padding: 0 8px !important;}
	.default_option .tabList.icoTab > li:last-child {padding-right: 20px !important;}
	.default_option .scrollY.tabScroll:not(.def):before {width:19px; height:80px;}
	.default_option .scrollY.tabScroll:not(.def):after {width:19px; height:80px;}
}
/* 230525_상품안내디폴트옵션상품 (e) */


/* 해피콜 상세 팝업 230814 (s) */
.hpCallBox {padding:20px; margin-top:30px; background-color:#f8f8f8; border:1px solid #eee;}
.hpCallBox li {display:flex;align-items: center;padding: 10px 15px;margin-bottom:15px;background-color: #fff;border-radius: 10px;}
.hpCallBox li p.num {width: 5%;min-width: 44px;height: 30px;line-height: 30px;font-size:13px;text-align: center;background-color: #f5f5f5;border-radius: 30px;margin-right: 17px;}
.hpCallBox li p.num span:first-child {font-weight: 500;}
.hpCallBox li div.list {width: 81%;padding-right:20px;border-right:1px solid #eee;}
.hpCallBox li p.answer {width: 14%;min-width: 75px;padding-left:20px;text-align: center;color:#5d88fb;font-weight:500;}
/* 해피콜 상세 팝업 230814 (e) */

/* 230829 - 신속지급서비스 (s) */
.popBody section.pop_ex-payment {position:relative; margin:32px 0 0 0;}
.pop_ex-payment .ex_ico {position:absolute; top:0; left:49%; transform: translateX(-50%);}
.pop_ex-payment .ex_acco2 {padding-top:80px; margin-bottom: 20px;}
.pop_ex-payment .icoBtn_acco2 {width:100%; height:auto; text-align:center;}
.pop_ex-payment .icoBtn_acco2:after {display:none;}
.pop_ex-payment .icoBtn_acco2 .txtList.caution {padding: 0 20px 0 0;}
.pop_ex-payment .txtList.caution:before {top: 2px; right:0; left:auto;}
.pop_ex-payment .ex_acco2 .accoBody2 {width:335px; padding:15px; margin:5px auto 0 auto; background-color: #f8f8f8; border:1px solid #d5d0ef; border-radius: 8px; font-size:14px; text-align:left; color:#222;}
.pop_ex-payment .ex_acco2 .accoBody2 .tit {font-size: 15px; font-weight: 500; margin-bottom: 5px;}
.pop_ex-payment .ex_acco2 .accoBody2 .bbLine {border-color:#5642bf !important;}
.pop_ex-payment .btnArea {margin:20px 0 0 0;}
.dateListBox {display:inline-block; width:100%;}
.dateListBox li {position:relative;float:left;width:160px;background-color:#f8f8f8;border:1px solid #ccc;border-radius: 3px;font-size: 13px;font-weight: 500;color: #222;padding: 7px 10px;margin:10px 10px 0 0;}
.dateListBox .icoBtn_close {position: absolute;top:50%;transform: translateY(-50%);right: 0;}
.dateListBox .icoBtn_close:before,
.dateListBox .icoBtn_close:after {height: 12px;}
.imgCell .icoL {display:inline-block; width:64px; height:64px; padding:16px; border-radius:50%; background:#fff;}
.pop_ex_list {margin:0 -32px;background-color: #f8f8f8;max-height: 370px;overflow-y: scroll;padding: 20px 0;}
.pop_ex_list ul.iptBox {padding:0 32px;}
.pop_ex_list ul.iptBox li {width:100%;}
.pop_ex_list ul.iptBox .ipt + label {padding:23px 31px 23px 70px;}
.marketBanner .ex_noti {display: table;counter-reset:count;width: 85%;min-height: 140px;margin: -15px auto;}
.marketBanner .ex_noti .infoCell {position:relative;width:33.33%;font-size:16px;color:#445fe6;font-weight: 500;padding: 0 40px 0 60px;}
.marketBanner .ex_noti .infoCell:nth-child(1) {padding-right: 80px;}
.marketBanner .ex_noti .infoCell:nth-child(2) {width: 25%;}
.marketBanner .ex_noti .infoCell:nth-child(3) {width: 28%;}
.marketBanner .ex_noti .infoCell:before {content:counter(count); counter-increment:count; position:absolute; top:50%; transform: translateY(-50%); left:0; width:46px; height:46px; text-align:center; line-height:46px; color:#fff; font-size:15px; background-color:#445fe6; border-radius:50%; z-index:1;}
.marketBanner .ex_noti .infoCell:not(:last-child) .arrow:before,
.marketBanner .ex_noti .infoCell:not(:last-child) .arrow:after {content:"";position:absolute;top: 50%;transform: translateY(-50%);right: 30px;display:inline-block;transform:translateX(-50%);}
.marketBanner .ex_noti .infoCell:not(:last-child) .arrow:before {right: 52px;transform: translateY(-50%);width: 10px;height: 12px;background: #e7e8ef;}
.marketBanner .ex_noti .infoCell:not(:last-child) .arrow:after {right: 31px;top: 43%;transform: translateY(-45%);border-style:solid;border-width: 10px 11px;border-color: #e7e8ef transparent transparent transparent;transform: rotate(270deg);}
/* 230829 - 신속지급서비스 (e) */

/* 230830 - 채용배너 (s) */
.banner_employment {position:relative; background-color:#f2f6ff; margin:25px 0 60px 0; border-radius: 10px; padding: 30px 40px 30px 240px;}
.banner_employment img {position:absolute; top:-25px; left:25px;}
.company .banner_employment .btn_p {position:absolute; top:50%; transform: translateY(-50%); right:40px; width:220px; border-radius: 5px; border-color:#5d88fb; background-color:#5d88fb; box-shadow:4px 4px 8px rgba(93, 136, 251, 0.24);}
@media (max-width: 768px) {
	.banner_employment {margin: 50px 0 30px 0; padding:110px 40px 30px 40px;}
	.banner_employment img {left:35px;}
	.company .banner_employment .btn_p {margin-top: 20px; position:initial; transform: initial; width:100%;}
}
/* 230830 - 채용배너 (e) */

/* 230918 - 인증서 (s) */
.arwBtnList .ch_box {position:relative;width:100%;text-align: left;padding: 18px 20px;margin-bottom:15px;border: 1px solid #ccc;border-radius: 7px;}
.arwBtnList .ch_box:after {content:''; position:absolute; right:20px; top:50%; width:9px; height:9px; margin-left:-3px; border:1px solid #aaa; border-width:0 2px 2px 0; transform:translate(-50%, -50%) rotate(-45deg); transition:transform 0.25s;}
.arwBtnList .icoS {width:30px;height:30px;vertical-align: -8px;margin-right:15px;}
.formList.noLine.cf_list .itemTh {width:85px;min-width:85px;}

.arwBtnList .ch_box span {display:inline-block;position:relative;}
.arwBtnList .ch_box span:after,
.arwBtnList .ch_box span:after {content:''; position:absolute; left:50%; right:50%; bottom:-1px; width:0; border-bottom:1px solid #222; transition:all 0.15s ease-in-out;}
.arwBtnList .ch_box:focus span:after,
.arwBtnList .ch_box:hover span:after {left:0; right:0; width:100%;}

.txtList.step.cf_list {max-width:320px; margin: 20px auto 10px auto;}
.txtList.step.cf_list > li {border:1px solid #ccc; border-radius: 3px; padding: 15px 10px 15px 60px; margin-top:10px; background-color:#fff;}
.txtList.step.cf_list > li:before {top: 50%; transform: translateY(-50%); left: 15px;color: #5642bf; background-color: #f6f5fc;font-weight: 500;}
.txtList.step.cf_list:before {display:none;}
/* 230918 - 인증서 (e) */


/* 240214 - 전문상담 신청안내 팝업 (s) */
section.adviceReqMsg{margin-bottom:50px;}
section.adviceReqMsg .titH3::after{content:''; display:block; width:100px; height:135px; margin:20px auto 30px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_nqivpr_erd.cat) no-repeat 0 0;}
/* 240214 - 전문상담 신청안내 팝업 (e) */

/* 240307_휴대폰 인증 약관동의 iframe size (s) */
.fullPop .popCont .hpTermSizeH{height:calc(100vh - 555px);}
.fullPop .popCont .hpTermSizeH02{height:calc(100vh - 476px);}
@media (max-width: 768px){
	.fullPop .popCont .hpTermSizeH{height:calc(100vh - 312px);}
	.fullPop .popCont .hpTermSizeH02{height:calc(100vh - 257px);}
	.tabWrap.mainTab .tabPanel .tabContents .innerM{padding:0 24px}
}
/* 240307_휴대폰 인증 약관동의 iframe size (e) */

/* 240508 - 보험요율 판정 누적 지급보험금 상세 (s) */
.tblX.xsPd th,
.tblX.xsPd td{padding-left:4px; padding-right:4px;}
.cyber .tblX tfoot.bgW th,
.cyber .tblX tfoot.bgW td{padding-left:24px; padding-right:24px; font-size:16px; color:#445fe6; text-align:right; background:#fff;}
.cyber .tblX tfoot.bgW td{border-left:none;}
/* 240508 - 보험요율 판정 누적 지급보험금 상세 (e) */

/* 240520 - 고객의 소리 접수 연금포털 항목 추가 및 수정 (s) */
.infoConList.vertical.type2 > li{padding: 0 19px;}
.infoConList.vertical.type2 span[class^=btn_]{left:19px;right:19px;}
.infoConList.vertical.type2 .block{padding-bottom: 68px;}
.infoConList.vertical.type2 p{letter-spacing: -0.8px;}
/* 240520 - 고객의 소리 접수 연금포털 항목 추가 및 수정 (e) */

/* 240531 - 톡상담 리스트 수정 (s) */
.prdBlockList li .ipt[type=radio] + label{min-height:200px; height:200px;}
.prdBlockList li .ipt[type=radio] + label img{width:90px;}
.prdBlockList li .ipt[type=radio] + label .tit{padding-top:0;}
/* 240531 - 톡상담 리스트 수정 (e) */

/* 240827 - 홈페이지 헬스케어 서비스 추가 (s) */
.healthcareWrap .mobileOnly{display: none;}
.healthcareWrap .titArea{margin:0 0 60px;}

.icoTab li .ico[class*=hc] {background-size:40px 40px;}
.icoTab li .ico.hc1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urnygu_o.cat);}
.icoTab li .ico.hc2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbgny_o.cat);}
.icoTab li .ico.hc3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_jbzna_o.cat);}
.icoTab li .ico.hc4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_o.cat);}
.icoTab li.on .ico.hc1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urnygu_j.cat);}
.icoTab li.on .ico.hc2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbgny_j.cat);}
.icoTab li.on .ico.hc3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_jbzna_j.cat);}
.icoTab li.on .ico.hc4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_j.cat);}

.healthcareWrap .tabWrap.icoTab .tabContents{padding:0;}
.carecontWrap{margin:45px 0 0;padding:65px 0 0;border-top:1px solid #eee;}
.carecontWrap .careInfo .cont{color:#222;}
.carecontWrap .careInfo .cont .tit{display:block;margin-bottom:8px;font-weight: 500;font-size: 18px;}
.carecontWrap .careInfo .cont .txtList.disc li{color:#222;}
.carecontWrap .careInfo .cont + .cont{margin-top:22px;}
.carecontWrap .careInfo .btn_p{margin-top:21px;}

.carecontWrap .conBox{margin:60px 0 0;border:none;}
.carecontWrap .conBox .serviceDetail{padding:30px 30px 33px;}
.serviceDetail .titArea.top{margin:0;}
.serviceDetail .topTit{display:block;margin:0 0 30px;font-size: 18px;font-weight: 500;color: #222;}
.serviceDetail .titH3{margin:0;padding:0 0 21px;border-bottom: 1px solid #eee;}
.serviceDetail p{margin:22px 0;font-weight:500;font-size: 16px;color: #222;}
.serviceDetail p.listTit{margin:28px 0 9px;}
.serviceDetail p.remark{margin:32px 0 0;font-weight:300;font-size: 16px;color: #666;}

.serviceDetail.premium{margin-top:2px;background-color: #fff;border:1px solid #5d88fb;}
.serviceDetail.premium .titH3{border-bottom: 1px solid #d6e1fe;color: #0046ff;}
.serviceDetail.premium p{color: #445fe6;}
.serviceDetail.premium .preBenefit + .preBenefit{margin:25px 0 0;}
.serviceDetail.premium .preBenefit .titArea{margin:0 0 17px;}
.serviceDetail.premium .preBenefit .titArea p{margin:0;}
.serviceDetail.premium .preBenefit .titArea p.tit{font-weight: 700;}
.serviceDetail.premium .preBenefit .titArea p + p{margin:3px 0 0;}
.serviceDetail.premium .preBenefit .txtList.remark{margin:6px 0 0;color:#666;}

.serviceDetail.life p{color:#666;font-weight: 300;}
.serviceDetail.life p em{color:#222;}
.conBoxList.lifeInfo{margin-top:20px;padding:0;}
.conBoxList.lifeInfo > li .block{padding:0;border: 1px solid #d6e1fe;background-color: #fff;}
.conBoxList.lifeInfo > li .block .titDiv{margin:0;padding:9px 0 12px;background-color: #f2f6ff;}
.conBoxList.lifeInfo > li .block .titDiv .titS{ font-size: 14px;font-weight:500;color:#445fe6;}
.conBoxList.lifeInfo > li .block .infoDiv{padding:22px 28px;background-color: #fff;}
.conBoxList.lifeInfo > li .block .infoDiv .txtList.disc li{letter-spacing: -.05rem;}
.conBoxList.lifeInfo > li .block .infoDiv .txtList.disc li + li{margin-top:3px;}

.carecontWrap.woman .conBox + .conBox{margin-top:2px;}
.healthcareWrap .helpWrap{margin-top:46px;}
.txtList.numS.numCount10{counter-reset: count +9;}
.txtList.numS.numCount12{counter-reset: count +11;} /* 20250320 신한라이프헬스케어서비스 */	
.txtList.numS.numCount16{counter-reset: count +15;} /* 20250320 신한라이프헬스케어서비스 */

/*240830 수정 (s)*/
.healthcareWrap .helpWrap.caution li{letter-spacing: -.5px;}
.healthcareWrap .helpWrap.caution span{display:block;}

.healthcareWrap .titArea .titH2{margin-bottom: 13px;}
.healthcareWrap .titArea p span{display: block;}
/*240830 수정 (e)*/

/*팝업*/
.popBody section.careProducts{margin:0;padding:52px 0 28px;}
.prodHead.mobileOnly{display: none;}

.careProducts .prodTable .tit{display:block;margin-bottom:10px;font-size: 18px;font-weight: 500;color: #222;}
.careProducts .prodTable .tHead{border-top:1px solid #222;border-bottom: 1px solid #aaa;}
.careProducts .prodTable .tHead ul li{display: flex;align-items: center;width:100%;font-size: 0;}
.careProducts .prodTable .tHead ul li span{display: inline-block;min-width:284px;padding:14px 0;border-left:1px solid #f2f2f2;font-size: 14px;font-weight: 500;color:#222;text-align: center;}
.careProducts .prodTable .tHead ul li span:first-child{width: 675px;border-left: none;}

.careProducts .prodTable .tBody ul li{display: flex;align-items: center;width:100%;font-size: 0;border-top:1px solid #f2f2f2;}
.careProducts .prodTable .tBody ul li:first-child{border-top:none;}
.careProducts .prodTable .tBody ul li:last-child{border-bottom:1px solid #aaa;}
.careProducts .prodTable .tBody ul li span{display: inline-block;min-width:284px;border-left:1px solid #f2f2f2;padding:13px 0;font-size: 16px;color:#222;text-align: center;}
.careProducts .prodTable .tBody ul li span:first-child{width: 675px;padding-left:10px;border-left: none;text-align: left;}

.careProducts .prodTable + .prodTable{margin-top:65px;}

@media (max-width: 768px){

	.healthcareWrap .mobileOnly{display: block;}
	.healthcareWrap .pcOnly{display: none;}

	.healthcareWrap .titArea.mobileOnly{padding:2.4rem 2rem 2.6rem;margin:0;}
	.healthcareWrap .titArea.mobileOnly .titH2{display: block;font-size: 1.6rem;color:#666;font-weight: 300;}

	.icoTab li .ico.hc1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urnygu_o_z.cat);}
	.icoTab li .ico.hc2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbgny_o_z.cat);}
	.icoTab li .ico.hc3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_jbzna_o_z.cat);}
	.icoTab li .ico.hc4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_o_z.cat);}
	.icoTab li.on .ico.hc1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urnygu_j_z.cat);}
	.icoTab li.on .ico.hc2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbgny_j_z.cat);}
	.icoTab li.on .ico.hc3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_jbzna_j_z.cat);}
	.icoTab li.on .ico.hc4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_j_z.cat);}
	
	.healthcareWrap .tabWrap .tabList.icoTab li:last-child{padding:0 !important;}
	.healthcareWrap .tabWrap .tabList.icoTab li:last-child a{max-width: 120px;}

	.carecontWrap{margin:40px 0 0;padding:0;border-top:none;}
	.carecontWrap .careInfo .cont p, .carecontWrap .careInfo .cont .txtList.disc li{color:#666;letter-spacing: -.05rem;}
	.carecontWrap .careInfo .cont .txtList.star{color:#999}
	.carecontWrap .careInfo .cont + .cont{margin-top:2.5rem;}
	.carecontWrap .careInfo .btn_p{min-width:100%;margin-top:2.6rem;}

	.carecontWrap .conBox{margin:3.8rem -2.4rem 0;padding:0;border:none;background-color:#fff;}
	.serviceDetail{padding:3.2rem 2.4rem 4.3rem;border-top:8px solid #f8f8f8;}
	.serviceDetail .topTit{display:block;margin:0 0 2.4rem;font-size: 2rem;}
	.serviceDetail .titH3{margin:0;padding:0 0 0.2rem;border-bottom:none;font-size: 2rem;}
	.serviceDetail p{margin:0 0 2rem;letter-spacing: -.05rem;}
	.serviceDetail p.remark{margin:3.4rem 0 0;}

	.serviceDetail.premium{margin-top:0;background-color: #fff;border:none;border-top:8px solid #f8f8f8;}
	.serviceDetail.premium .titH3{border-bottom:none;color: #222;}
	.serviceDetail.premium .titH3 + p{color: #666;font-weight: 300;}
	.serviceDetail.premium .preBenefit + .preBenefit{margin:2.6rem 0 0;}
	.serviceDetail.premium .preBenefit .titArea{margin:0 0 0.4rem;}
	.serviceDetail.premium .preBenefit .titArea p{color:#222;}
	.serviceDetail.premium .preBenefit .titArea p + p{margin:3px 0 0;}
	.serviceDetail.premium .preBenefit .titArea p.tit{font-size: 1.8rem;font-weight: 500;}
	.serviceDetail.premium .preBenefit .titArea .subTit span{display:block;color:#666;}
	.serviceDetail.premium .preBenefit .txtList.remark{margin:6px 0 0;color:#666;}

	.serviceDetail.life p{margin-top:1.4rem;}
	.conBoxList.lifeInfo{margin-top:2.6rem;}
	.conBoxList.lifeInfo > li{margin-bottom:0.8rem;}

	.carecontWrap.woman .conBox + .conBox{margin-top:0;}
	.carecontWrap .conBox .serviceDetail.wBasic, .carecontWrap .conBox .serviceDetail.wSpecial, .carecontWrap .conBox .serviceDetail.recovery{padding-top:0;border:none;}

	.healthcareWrap .helpWrap.caution{margin:0 -2.4rem;border:none;border-top:8px solid #f8f8f8;padding:3.2rem 2.4rem 4.3rem;}
	.healthcareWrap .helpWrap.caution .tit{margin:0 0 2.2rem;padding:0;font-size:1.8rem;border:none;}
	.healthcareWrap .helpWrap.caution .tit::before{display: none;}
	.healthcareWrap .helpWrap.caution .txtList.disc li{color: #222;}
	.healthcareWrap .helpWrap.caution .txtList.disc > li:before{background-color:#5d88fb;}

	/*팝업*/
	.popBody section.careProducts{margin:0 -24px;padding:44px 0;}
	.popBody section.careProducts + .btnArea{padding:42px 0 0;margin:0;}
	.prodHead.mobileOnly{display: block;;padding: 0 20px;}
	.prodHead.mobileOnly ul{border-top:1px solid #222;border-bottom: 1px solid #aaa;}
	.prodHead.mobileOnly ul li{display: flex;font-size: 0;justify-content: center;}
	.prodHead.mobileOnly ul li span{flex:1;display:inline-block;padding:14px 0;font-size:14px;color:#222;font-weight:500;text-align: center;}
	.prodHead.mobileOnly ul li:last-child{border-top: 1px solid #f2f2f2;}
	.prodHead.mobileOnly ul li:last-child span:last-child{border-left: 1px solid #f2f2f2;}

	.careProducts .prodTable{margin-top:4.6rem;}
	.careProducts .prodTable .tit{margin-bottom:1.6rem;padding-left:2rem;}
	.careProducts .prodTable .tHead{display:none;}

	.careProducts .prodTable .tBody ul li{display:block;width:100%;padding:20px;font-size: 0;border-top:1px solid #ddd;}
	.careProducts .prodTable .tBody ul li:first-child{border-top:none;}
	.careProducts .prodTable .tBody ul li:last-child{border-bottom:1px solid #ddd;}
	.careProducts .prodTable .tBody ul li span{min-width:auto;border-left:none;padding:0 13px;font-size: 1.4rem;color:#666;text-align:left;}
	.careProducts .prodTable .tBody ul li span:first-child{display:block;width:100%;padding:0;margin-bottom:10px;color:#222;font-size: 1.6rem;}
	.careProducts .prodTable .tBody ul li span.date{padding-left:0;}
	.careProducts .prodTable .tBody ul li span.status{position: relative;}
	.careProducts .prodTable .tBody ul li span.status:before{content:'';display:block;width:1px;height:50%;position: absolute;top:50%; left:0;transform: translate(0 , -50%); background-color: #eeeeee;}

	.careProducts .prodTable + .prodTable{margin-top:4.6rem;}
	
	/*240830 수정 (s)*/
	.healthcareWrap .helpWrap.caution span{display:inline;}
	.healthcareWrap .titArea p span{display: block;}
	/*240830 수정 (e)*/
}
/* 240827 - 홈페이지 헬스케어 서비스 추가 (e) */

/* 241210 공시실 테이블 스타일 추가 (s) */
.tblStyle{padding:64px 0 0;border-top:none !important;}
.tblStyle .tblInfo .date{font-size: 16px;}

.tabContents .tblStyle{padding-top:30px;}

@media (max-width: 768px) {
    .tblStyle .tblWrap .tblX.type2 {
		min-width: 1136px;
		overflow-x: auto;
    }
}
 
/* 241210 공시실 테이블 스타일 추가 (e) */ 

/*250214 보험계산 금액 표시 수정 (s)*/
.insuDetail .insuCalc .insuPlan .total.type2 ul li{display:flex; justify-content:space-between; align-items:center; width:300px;}
.insuDetail .insuCalc .insuPlan .total.type2 ul li .val{color:#222;}
.insuDetail .insuCalc .insuPlan .total.type2 ul li .val .sumInpFe {font-size:26px; line-height:30px;}
/*250214 보험계산 금액 표시 수정 (e)*/

/*250320 병력사항입력 수정 (s)*/
.cfrDetail.type2 {margin:0 -30px;}
.cfrDetail.type2 .inner{position:relative;padding:0;background-color: #fff;}
.cfrDetail.type2 > .inner + .inner{margin-top:1px;}
.cfrDetail.type2 .inner .tit{margin:0;padding:21px 26px;color:#222;border-bottom: 1px solid #ddd;}
.cfrDetail.type2 .inner .icoBtn_del{top:15px;}
.cfrDetail.type2 .inner .icoBtn_Slide{display: inline-block;position:absolute;top:15px;right:60px;width:36px;height:36px;}
.cfrDetail.type2 .inner .icoBtn_Slide:after {content:'';position:absolute;top:50%;left:50%;width:14px;height:14px;margin-top:-4px;border: 1px solid #222;border-width:0 2px 2px 0;transition:all 0.25s;transform: translate(-50%, -50%) rotate(45deg);}
.cfrDetail.type2 .inner .icoBtn_Slide.on:after{margin: 4px 0 0 -4px; border-color:#715deb;transform:translateY(-50%) rotate(-135deg);}

.cfrDetail.type2 .inner .formList{padding:26px 30px;background-color: #f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
/*250320 병력사항입력 수정 (e)*/

/*250418 저축보험상품(s)*/
.rangeSlide{width:913px;margin:0 auto 40px;}
.rangeSlide .bar{position: relative;}
.rangeSlide .bar .rangValue{display:inline-block;position: absolute;top:-48px;font-size: 18px;color: #5642c5;font-weight: 500;}
.rangeSlide .bar .rangValue.min{left:0;}
.rangeSlide .bar .rangValue.max{right:0;}
input[type=range], input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance: none;outline: none;}
input[type=range]{width: 98%;height: 24px;background:#ddddf8;cursor: pointer;border-radius: 16px;}
/* 250612 웹접근성 수정 (s) */
input[type=range]:focus{/*outline:none;*/outline:2px dashed #222; outline-offset: 5px;}
input[type=range]+label{
overflow:hidden;
position:absolute;
width:1px;
height:1px;
margin:-1px;
clip:rect(0 0 0 0);
}
/* 250612 웹접근성 수정 (e) */
input[type=range]::-webkit-slider-thumb{width:48px;height:48px;border-radius: 50%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Sovmkcerff%2Spbzzba%2S__zrqvn%2Sfyvqre-guhzo.cat) no-repeat center;background-size: 100%;}
input[type=range]::-moz-slider-thumb{-moz-appearance:none;appearance: none;outline: none;width:48px;height:48px;border-radius: 50%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Sovmkcerff%2Spbzzba%2S__zrqvn%2Sfyvqre-guhzo.cat) no-repeat center;background-size: 100%;}
.calculateSide{padding:26px 28px;background: #f2f6ff;width: 340px;margin-right: 100px;vertical-align: middle;}
.calculateSide .value{padding-bottom:25px;border-bottom: 2px dashed #d6d9e1;text-align: center;}
.calculateSide span{display: block;font-size: 18px;color: #222;font-weight: 500;letter-spacing: -0.08rem;}
.calculateSide .value span em{color: #445fe6;border-bottom: 1px solid #445fe6;}
.calculateSide .result{padding-top:25px;}
.calculateSide .result span{display: flex;justify-content: space-between;}
.calculateSide .result span em.right{color: #5642c5;font-weight: bold;}
.calculateSide .result .txtList.dash{margin:20px 0 0;}
.calculateSide .result .txtList.dash li{font-size: 14px;letter-spacing: -0.05rem;}
.digital #content .insuPrd3 .imgSide.w340{width:340px;}
/*250418 저축보험상품(e)*/

/*250515 툴팁스타일 추가 (s)*/
.insuPrd3.toolTipStyle .wrap{overflow:visible !important;}
.insuPrd3.toolTipStyle .txtSide .titH3{letter-spacing: -0.05rem;}
.insuPrd3.toolTipStyle .txtSide .tipWrap{margin-left:-1px;}
.underStyle{display:inline-block;}/*250519 추가*/
.underStyle:after{content:'';display: block;width:100%;height:1px;background:#222;}/*250519 추가*/
/*250515 툴팁스타일 추가 (e)*/

/* 250630 - 홈페이지 헬스케어 서비스 추가 (s) */
.icoTab li .ico.hc5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_o.cat);}
.icoTab li .ico.hc6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_benatr_o.cat);}
.icoTab li .ico.hc7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rffragvny_o.cat);}/*250722 추가*/
.icoTab li.on .ico.hc5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_j.cat);}
.icoTab li.on .ico.hc6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_benatr_j.cat);}
.icoTab li.on .ico.hc7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rffragvny_j.cat);}/*250722 추가*/


.carecontWrap{margin:0;padding:0;}
.serviceDetail p.remark{margin:20px 0 0;}
.serviceDetail .txtList.remark > li{font-size: 16px;}
.serviceDetail.special .txtList.disc.type02 span{display:inline-block;padding-left:119px;}
.serviceDetail.premium .preBenefit{margin-top:25px;}
.serviceDetail.premium .preBenefit .txtList.disc{margin:20px 0 0;}
.serviceDetail.careInfo p{color:#666;font-weight: 300;}

.serviceDetail.life p{color:#222;font-weight: 500;margin-top:0;}
.serviceDetail.life .txtList.remark p{color: #666;font-weight: 300;}
.serviceDetail.life .txtList.remark p em{color:#222;}

.carecontWrap .serviceDetail.careInfo .cont .tit{font-size: 16px;}
.carecontWrap .serviceDetail.careInfo .cont .tit:before{content:'■';display:inline-block;margin-right:8px;font-weight: 500;font-size: 14px;vertical-align: middle;}
.carecontWrap .serviceDetail.careInfo .cont .txtList.disc li{color:#666;}
.carecontWrap .serviceDetail.careInfo .cont .txtList.star{color:#666 !important;}

.prodSearch{margin-top:46px;}
.prodSearch .dataSrchBox {margin:0 -8px;background: transparent;padding-bottom: 0;}
.prodSearch .dataSrchBox .iptWrap {width:470px;}
.prodSearch .dataSrchBox .ipt {border:none;border-bottom: 2px solid #222;border-radius: 0;background-color: transparent;font-size: 18px;box-shadow: none;}

.prodSearch .dataSrchBox .iptWrap .icoBtn_del {border-color:#715deb; /*background-color:#fff;*/ box-shadow:inset 0px 0px 0px 12px #fff;}
.prodSearch .dataSrchBox .icoBtn_del:before,
.prodSearch .dataSrchBox .icoBtn_del:after {background-color:#715deb;}
.prodSearch .btnIco_srch {border-color:rgba(0,0,0,0.16); color:#222; box-shadow:2px 4px 10px rgba(0,0,0, 0.1); background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szj_vpb_fepu_yt.fit) no-repeat 17px center;}
.prodSearch .bottomNoti{margin-top: 20px;}
.prodSearch .bottomNoti .txtList > li{font-size: 16px;}

#content section.resultArea{width:100% !important;margin-bottom:0;}/* 250704 수정*/
.resultArea .manualPrd .icoBtn_acco.accoBtn {position: absolute;top: 50%;right: 16px;width: 32px;height: 32px;margin-top: -16px;border: 1px solid #ddd;border-radius: 3px;padding:0;}
.resultArea .manualPrd .accoBody{padding:0;}
.resultArea .paging{margin:0;padding:20px 0;}

.healthcareWrap .infoCheckArea .helpWrap.caution.type02{margin-top:0;}
.serviceDetail .wpc-image{margin-top:30px;}

/* 250704 tblX type03 style*/
.tblX.type03 th{padding:0;}
.tblX.type03 th .row div{padding:0;display: inline-flex; align-items: center; justify-content: center;}

.tblX.type03 .row{display: flex;width:100%;}
.tblX.type03 .row .cell_1{flex:1;}
.tblX.type03 .row .cell_2{width:23%;}
.tblX.type03 .row .cell_3{width:13%;}

.tblX.type03 td .row div{display: inline-flex; align-items: center;justify-content: center;}
.tblX.type03 td .row div.cell_1{justify-content:flex-start;}

.tblX.type03 td .accoBody .row div{border-left:none;}



@media (max-width: 768px){
	.icoTab li .ico.hc5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_o_z.cat);}
	.icoTab li .ico.hc6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_benatr_o_z.cat);}
	.icoTab li .ico.hc7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rffragvny_o_z.cat);}/*250722 추가*/
	.icoTab li.on .ico.hc5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrzragvn_j_z.cat);}
	.icoTab li.on .ico.hc6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_benatr_j_z.cat);}
	.icoTab li.on .ico.hc7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rffragvny_j_z.cat);}/*250722 추가*/
	
	.serviceDetail .titH3 + p{margin-top:1.5rem;}
	.serviceDetail.careInfo p{font-weight: 300;}
	.serviceDetail.life p{margin-bottom:0;}
	.serviceDetail.special .txtList.disc.type02 span{display:inline;padding:0;}
	
	.prodSearch{margin-top:0;}
	.prodSearch > .accoList{margin:0;}
	.prodSearch .dataSrchBox{position:relative;margin:0;}
	.prodSearch .dataSrchBox .iptWrap .icoBtn_del{right:50px;}
	.prodSearch .btnIco_srch{position: absolute;right: 0;bottom:4px;box-shadow: none;background-position: center;}
	.prodSearch .bottomNoti{padding:0 24px;}
	
	.resultArea .manualPrd{overflow:scroll;margin:0 -24px;}
	.resultArea .manualPrd .tblX td{padding:0;}
	.resultArea .manualPrd .row {display:table; width:100%; table-layout:fixed; margin:0;}
	.resultArea .manualPrd .row [class^=cell_] {display:table-cell; height:63px; padding:8px 16px; color:#222; text-align:center; vertical-align:middle; border-left:1px solid #f2f2f2;}
	.resultArea .manualPrd .row [class^=cell_]:first-child{border-left:0;}
	.resultArea .manualPrd .row .cell_1 {position:relative; width:auto; border-left:none; text-align:left;}
	.resultArea .manualPrd thead .row .cell_1 {text-align:center;}/*250710 추가*/
	.resultArea .manualPrd .row .cell_1.addBtn {padding-right:64px;}
	.resultArea .manualPrd .row .cell_1 > span.tit {display:inline-block; vertical-align:middle;padding-right:36px;}
	.resultArea .manualPrd .row .cell_1 .accoBtn {display:inline-block;background-color: #fff;}
	.resultArea .manualPrd .accoBody .row .cell_2{border-left:none;}
	
	.resultArea .manualPrd .row .cell_2 {width:232px;}
	.resultArea .manualPrd .row .cell_3 {width:134px;}

	.resultArea .noData:not(tr) {
        padding-top: 150px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_ab_qngn.cat) no-repeat center 0;
        background-size: auto 150px;
	}
	.healthcareWrap .infoCheckArea .helpWrap.caution.type02{margin-top:-2.4rem;}
	.healthcareWrap .helpWrap.caution.type02{padding: 4.6rem 0 0;border-top:none;}
	.healthcareWrap .helpWrap.caution .txtList.disc > li:before{background-color: #666;}

	.healthcareWrap.newlife .titArea{margin:0;}
	.healthcareWrap.newlife .titArea .titH2{margin:0;}

	/*250710 수정(s)*/
	/* 250704 tblX type03 style*/	
	.tblX.type03{width:1163px;}
	/*.tblX.type03 th{padding:0;}
	.tblX.type03 th .row div{padding:0 !important;display: inline-flex !important; align-items: center; justify-content: center;}

	.tblX.type03 .row{display: flex;width:100%;}
	.tblX.type03 .row .cell_1{flex:1;}
	.tblX.type03 .row .cell_2{width:30%;}
	.tblX.type03 .row .cell_3{width:35%;}

	
	.tblX.type03 td{line-height: 1.3;}
	.tblX.type03 td .row div{display: inline-flex !important; align-items: center;height: auto !important;justify-content: center;}
	.tblX.type03 td .row div.cell_1{justify-content: flex-start;}
	.tblX.type03 td .accoBody .row div{border-top:1px solid #ddd;}*/
	/*250710 수정(e)*/
}
/* 250630 - 홈페이지 헬스케어 서비스 추가 (e) */

/* ================================================ 250709 홈페이지 컬러 변경 ================================================ (s)*/

/* conBox */
[class^=conBox] .links {color:#0046ff;}
[class^=conBox].point .titDiv [class^=tit] {color:#003ddf !important;}

/* section */
.conBoxList.directInfo a.block:focus .linkGroup .ico_newWin:before {border-color:#336bff;}
.conBoxList.csInfo .block .numL:not(.txtList) {color:#003ddf;}
.cyber .conBoxList.point .titDiv [class^=tit] {color:#0046ff !important;}

/* 금융소비자보호헌장(CDHE0080) */
.conBoxList.consumer .block.purple .badge {background-color:#336bff;}
.conBoxList.consumer .block.blue .badge {/*background-color:#5393f7;*/background-color:#5393f7;}
.conBoxList.consumer .block.purple .tit {color:#003ddf;}
.conBoxList.consumer .block.blue .tit {color:#0046ff;}

/* conIco */
[class^=conIco] .linkGroup .links {color:#0046ff;}

/* boxLink */
.boxLink button.block:after {border:1px solid #0046ff;}

/* stepList */
.stepList > li:before {/*border:2px solid #5393f7;*/border:2px solid #5393f7;}
.stepList.flow .stepInfo .step {/*background:#5393f7;*/background:#5393f7;}
.stepBox.state .stepList > li:before {border-color:#336bff;}
.stepBox.state .stepList > li.on em {font-size:20px; color:#003ddf;}

/* 보험사전 */
.dict_btn.on {/*border-color:#5393f7; background-color:#5393f7;*/border-color:#5393f7; background-color:#5393f7; }
.dictList .pick {color:#0046ff;}

/* tblInfo */
.tblInfo .result em {color:#336bff;}

/* 상단인포 */
.conInfoVisual {background-color:#336bff;}
.conInfoVisual .ico_newWin:after {background:#336bff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj_j.cat) no-repeat center center;}

/* FC검색 */
.boxLink.branch > li .tit .num {color:#0046ff;}

/* 상담 설계사 조회 */
.boxLink.cunsult > li .tit .num {color:#0046ff;}

/* ARS 단축번호안내 (CDHF0040P) */
.arsNum.c1 {color:#0046ff;}
.arsNum.c2 {color:#0046ff;}
.titArea .arsNum.c1 {/*background:#5393f7;*/background:#5393f7;}
.arsNumR {color:#0046ff;}

/* 브릿지팝업 (CDHK0020P) */
.bridgeMsg .btnArea [class^=b_]:hover span {color:#003ddf;}

/* 스마일ON 서비스 */
.mapBox .infoCell {background-color:#336bff;}

/* icoConList */
.icoConList .txtList.dot > li:before {background-color:#2878f5;}
.icoConList.icoL > li:nth-child(1) .ico {background:#336bff;}
.icoConList.icoL > li:nth-child(1) .keyword {color:#336bff;}
.icoConList.icoL > li:nth-child(2) .ico {/*background:#5393f7;*/background:#5393f7;}
.icoConList.icoL > li:nth-child(2) .keyword {/*color:#5393f7*/color:#5393f7;}

/* 종합건강검진 우대서비스 */
.ico_tit p:before {color:#336bff;border:1px solid #336bff;}

/* 신한플러스 안내 (CDHG0230) */
.shPlusCopy em > span {color:#003ddf;}
.shPlusList .block [class*=shPlus] {background-color:#336bff;}

/* ARS콜센터안내 */
.callCenterInfo .links {color:#0046ff;}
.callCenterInfo .ico_newWin:before { border:2px solid #336bff;}
.callCenterInfo .telInfo .tel {color:#003ddf;}

/* 고객 리뷰 */
.blockList.review.scroll .block:focus,
.blockList.review.scroll .block:hover {/*background-color:#5393f7;*/background-color:#5393f7;}

/* 투자정보 */
.investWrap .investHead .txtList.prog.invest > li:nth-child(5).on:before {/*background-color:#5393f7;*/background-color:#5393f7;}

/* recommendLink */
.boxLink a.block:after, 
.boxLink button.block:after {border-color:#0046ff;}
.recommendLink .ico_plus:before, 
.recommendLink .ico_plus:after {background:#0046ff;}

/* linkBoxList */
.linkBoxList a.block:focus,
.linkBoxList a.block:hover {border-color:#336bff;}
.linkBoxList.wide a.block:focus,
.linkBoxList.wide a.block:hover {border-color:#336bff;}

/* icoLinkList */
.icoLinkList .block:before,
.icoLinkList .block:after {background-color:#336bff;}

/* 250715 유용한 정보 링크 수정 (s) */
.infoLinkList .block.info .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j.cat) #00236e; background-repeat:no-repeat; background-position:40px 31px; }
.infoLinkList .block.cases .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ireqvpg_j.cat) #3068ff;  background-repeat:no-repeat; background-position:40px 31px;}

.infoLinkList.help .block.info .tit {background:#00236e url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j_yt.cat); background-repeat:no-repeat; background-position:left 50px;}
.infoLinkList.help .block.manual .tit {background: #3068ff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znahny_j_yt.cat); background-repeat:no-repeat; background-position:left 50px;}

.infoLinkList.help .ico_link:before {border-color:#00236e;}
.infoLinkList.help .ico_link:after {background-color:#00236e;}

.infoLinkList.help .block.manual .ico_link:before {border-color:#3068ff;}
.infoLinkList.help .block.manual .ico_link:after {background-color:#3068ff;}
/* 250715 유용한 정보 링크 수정 (e) */

/* 기본 링크 */
.linkList .block {color:#0046ff;}
.linkList .block > span:after {border-bottom:1px solid #0046ff;}

/* 공시실 서브메인 */
.discMenuArea .linkBoxList .shortLink [class*=ico_]:before {border-color:#336bff;}
.discMenuArea .linkBoxList .shortLink [class*=ico_]:after {background-color:#336bff;}
.discMenuArea .linkBoxList .block:hover .shortLink [class*=ico_] {/*background-color:#5393f7;*/background-color:#5393f7;}
.discMenuArea .linkBoxList .block:before,
.discMenuArea .linkBoxList .block:after { background-color:#5455da;}
.discMenuArea .swiperWrap .btnPrev:focus,
.discMenuArea .swiperWrap .btnPrev:hover,
.discMenuArea .swiperWrap .btnNext:focus,
.discMenuArea .swiperWrap .btnNext:hover {background-color:#336bff;}

/* 운세/사주 */
.fortVtBoxWrap .linkBoxList li:hover .block,
.fortVtBoxWrap .linkBoxList .block:focus {background-color:#336bff;}
.fortHzBoxWrap .linkBoxList .block:hover .tit{color:#0046ff;}
.fortHzBoxWrap .linkBoxList .tit:after{ border-bottom:1px solid #0046ff;}

/* 금융상품 - 대출계산기 */
.moneyBox .money {color:#003ddf;}

/* 모션애니 - 계량기 */
.aniGauge .bg_active {/*background-color:#5393f7;*/background-color:#5393f7;}

/* prdDetail */
.prdDetail .conIcoR.insuCalc .btn_p {/*border-color:#5393f7;background-color:#5393f7;*/border-color:#5393f7;background-color:#5393f7;}
.prdDetail [class^=conBox] .titDiv .tit_tel {color:#0046ff;}
.txtGuiBox .btn_p{/*border-color:#5393f7;background-color:#5393f7;*/border-color:#5393f7; background-color:#5393f7;}
.txtGuiBox.AppDown .tit{color:#003ddf;}
.txtGuiBox.AppDown .tit:after{border:1px solid #336bff;}

/*************************************************** media ***************************************************/
/* only mobile */

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

    /* 유용한 정보 링크 */
    .infoLinkList .block.info .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j_z.cat) #336bff; background-repeat:no-repeat; background-position:31px 38px; background-size:40px 40px;}
	.infoLinkList .block.cases .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ireqvpg_j_z.cat) #5393f7; background-repeat:no-repeat; background-position:31px 38px; background-size:40px 40px;}
}

/*========회사소개 ========*/
/* 공통 텍스트 컬러 */
.company .pointC1 {color:#003ddf !important;}

/* 공통 Text List */
.company .txtList.dot > li:before {background-color:#2878f5;}

/* 공통 Button */
.company .btn_p {border-color:#336bff; background-color:#336bff;}

/* 공통 Tooltip */
.company .tipWrap .icoBtn_tip:before,
.company .tipWrap .icoBtn_tip:after{/*background:#5393f7;*/background:#5393f7;}

/* bgPhoto */
.company section.bgPhoto:after {box-shadow:inset -60px 60px 0 0px #336bff;}

/* 상단검색 */
.company .pageTit .btnIco_srch {/*background:#5393f7;*/background-color:#5393f7;}
.company .pageTit .iptWrap .icoBtn_del {box-shadow:inset 0px 0px 0px 12px #336bff;}
.company .pageTit .ipt:focus {/*border-color:#5393f7;*/border-color:#5393f7;}

/* stepList */
.stepWrap .stepList > li.last .tit{color:#336bff;}
.stepWrap .stepList > li.last .desc{color:#336bff;}

/*======= 페이지별 컨텐츠 ========*/
.mapInfo > .box:first-child {background:#336bff;}

/* 연혁 */
.hisList > li:before {background:#336bff;}

/* ceo인사말 */
.ceo .img:before{box-shadow:inset -40px 40px 0 0px #336bff;}
.signBox > p{font-size:16px; color:#003ddf;}
.signBox .name{color:#003ddf;}

/* 일하는방식 */
.slWorkList .num {color:#336bff;}

/* GA */
.company [class^=conBox].point .titDiv [class^=tit] {color:#003ddf !important; }
.company .systemConList .icoBox.systemico02 {/*background-color:#5393f7;*/background-color:#5393f7;}
.company .systemConList .icoBox.systemico03 {background-color:#336bff;}
.company .systemConList .icoBox.systemico04 {background-color:#003ddf;}

/* UN 지속가능보험원칙  */
.psiBtn{margin:0;color:#0046ff;}
.icoEsgList .titL{color:#003ddf;}

/* BI - 그래픽모티브 */
.colWrap.biG .img:after {box-shadow:inset -40px 40px 0 0px #336bff;}
.colWrap.biG .titArea .titH1{color:#003ddf;}

/* 보험료 계산 */
.dataWrap.calc .dataList .on .block {border-color:#003ddf;}
.dataWrap.calc .dataList .on .basicCell {color:#003ddf;}
.dataWrap.calc .dataList .on .detail {border-color:#003ddf;}

/* only mobile */
@media all and (max-width:768px) {

    /* 공통탭 */
    .company .tabList.mainTab.def > li.on:after {border:1px solid #336bff;}
    .company .tabList.mainTab.def > li.on a,
    .company .tabList.mainTab.def > li.on button {color:#336bff !important;}

    /* bgPhoto */
    .company section.bgPhoto:after {box-shadow:inset -30px 30px 0 0px #336bff;}

    /* ceo인사말 */
    .signBox{border-top:2px solid #336bff;}

	/* BI - 그래픽모티브 */
	.colWrap.biG .img:after {box-shadow:inset -30px 30px 0 0px #336bff;}
	.colWrap.biG .titArea .titH1{color:#003ddf;}
}

/* 인증 영역 */
.certiWrap .label em {color:#0046ff;}

/* 공동인증서 */
.certiInfo .btn_p {color:#0046ff;}
.certiTxtList .flag_pc {color:#0046ff;}
.certiTxtList .flag_pc::before {/*border-color:#5393f7;*/border-color:#5393f7;}

/* 오늘 하루 보지 않기 */
.flag_prd6 {color:#003ddf !important; background-color:#f6f5fd;}
.flag_prd10 {color:#0046ff !important; background-color:#fff;}

/* 사이버 창구 상단 */
.prdInfoSum .txtList.caution {font-weight:300; color:#0046ff;}
.prdInfoArea {background-color:#336bff;}

/* 펀드 */
.prdInfoSum > .fund_1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb1.cat);}
.prdInfoSum > .fund_1 span.on {background-color:#336bff;}
.prdInfoSum > .fund_2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb2.cat);}
.prdInfoSum > .fund_2 span.on {background-color:#5393f7;}

/* 투자전망 : 220107 운영팀 추가 건 */
.prdInfoSum > .invest_1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb1.cat);}
.prdInfoSum > .invest_1 span.on {background-color:#336bff;}
.prdInfoSum > .invest_2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfhz_shaq_vpb2.cat);}
.prdInfoSum > .invest_2 span.on {background-color:#5393f7;}

/* 대출 */
.prdInfoSum.total {border-color:#336bff; background-color:#336bff;}

.investArea.type1 {/*background-color:#5393f7;*/background-color:#5393f7;}
.investArea.type1 .typeAni::after {/*border-color:#5393f7*/border-color:#5393f7 !important;}
.investArea.type1 .needle::before,
.investArea.type1 .needle::after {/*background-color:#5393f7;*/background-color:#5393f7;}

/* 리스트 */
.prdSumList .prdInfoSum:not(.chanIdx) > .inner::before,
.prdSumList .prdInfoSum:not(.chanIdx) > .inner::after {background-color:#336bff;}
.prdSumList .prdInfoSum.hover > .inner {border-color:#336bff;}

/* 보험계약대출 분할상환 신청확인서 */
.loanPayment .conBox .txtCell {color:#0046ff;}

/* 신청 안내 */
.registInfo:not(.num1):not(.num2) .slideList > li:after {/*background-color:#5393f7;*/background-color:#5393f7;}

.summary .registInfo .block:hover .tit,
.summary .registInfo .block:focus .tit {color:#003ddf;}
.summary .registInfo .block:hover:before,
.summary .registInfo .block:focus:before {left:55px; border-color:#336bff;}
.summary .registInfo .block:hover:after,
.summary .registInfo .block:focus:after {width:30px; background-color:#336bff;}

/* 보험계약변경 - 적합성재진단 */
.iptAnswer .ipt:checked:focus + label:before {/*background-color:#5393f7;*/background-color:#5393f7 !important;}
.dataBox.al .ipt:checked + label {color:#0046ff; font-weight:500;}
.iptBox .ipt:focus + label,
.iptBox .ipt:hover + label {/*border-color:#5393f7;*/border-color:#5393f7;}
.iptBox .ipt:checked + label {/*border-color:#5393f7;*/color:#0046ff;border-color:#5393f7;}

/* 자동재배분변경 */
.rateSetArea .dateBox {background:#336bff;}

/* invest */
.investC1 {/*color:#5393f7;*/color:#5393f7;} /*초저위험*/

/* 투자성향분석 결과 */
.txtList.prog.invest li:nth-child(1):before {/*border-color:#5393f7;*/border-color:#5393f7;}

/* 편입비율변경 */
.recommPrd .recTit {background:#336bff;}
.recommPrd .recTit [class^=btn_] {border-color:#003ddf; background-color:#003ddf;}
.recommPrd .recDetail {background:#336bff;}

.portfolioList .ipt:not(:checked) + label:hover .chk,
.portfolioList .ipt:not(:checked) + label:hover .chk {color:#003ddf;}
.portfolioList .ipt:not(:checked) + label:hover .chk:before,
.portfolioList .ipt:not(:checked) + label:hover .chk:before {border-color:#003ddf;}
.portfolioList > li:nth-child(3n+1) .ipt:checked + label {/*background-color:#5393f7;*/background-color:#5393f7;}

/* (공통)자동 로그아웃 */
.timeMsg .time .num {color:#336bff;}
.timeMsg .time .num:before { border:4px solid #336bff;}
.timeMsg .desc em {color:#003ddf;}

/* (공통)은행_증권사 선택 */
.bankList > li a:hover,
.bankList > li a:focus,
.bankList > li.on a {text-decoration:underline; color:#0046ff;}

/* 상품정보 간단요약 */
.fndBrifSum .flag_type {background-color:#5393f7;}
.fndBrifSum .legend > li.lg1:before {background-color:#0046ff;}
.fndBrifSum .legend > li.lg1 em {color:#0046ff;}

/* 서류제출 */
.papers > span {color:#0046ff;}
.paperDnd .paperCtrl .links {color:#0046ff;}
.paperDnd .ico_plus {background:#5393f7;}

/* 신한플러스 멤버십 */
.shMembership .shScore {background:#336bff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Sfucyhf_zrzorefuvc.cat) no-repeat 40px 50%;}

/* 안내장발송내역조회 */
.pampList .sort.sms {color:#003ddf; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2S..%2Serfbheprf%2Svzntrf%2Spqn%2Spbagrag%2Scnzc_uvfgbel_fzf.cat);}

/* 생명/보안카드 보유현황 */
.shCardWrap .shCard.life [class^=btn_] {color:#003ddf;}

/* 고객지원보안 가이드 */
.conLineList.csGuide .btnGrp [class^=btn_] {min-width:208px; color:#0046ff; border-color:#5393f7;}
.conLineList.csGuide .btnGrp [class^=btn_] > span:after {border-bottom-color:#0046ff;}
.conLineList.csGuide .timeInfo {min-width:300px; padding-right:32px; color:#003ddf;}
.txtList.prog.bgC > li:before {top:8px; border-color:#5393f7;} 

/* 주소확인 */
.infoMsg.addr .item em {color:#0046ff;}

/* 제출상태안내 */
.barGraph.ing .bar {color:#336bff; background:#336bff;}

/* 결과값 노출 */
.resulSum a:not(.links) {color:#003ddf;}
.resulSum a:not(.links):after {border:1px solid #003ddf;}
.resulSum.client .tel {padding-left:24px; font-size:14px; color:#0046ff; font-weight:500; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sfhz_erfhy_vpb_cubar.cat) no-repeat 0 center;}
.resulSum.client .day {padding-left:24px; font-size:14px; color:#0046ff; font-weight:500; line-height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sfhz_erfhy_vpb_qnl.cat) no-repeat 0 center;}

/* 차트 써머리 */
.numR {color:#0046ff;}

/* 사고보험금 안내/접수 */
.topCaseList li .caseCell.c1 {background-color:#336bff;}
.topCaseList li .caseCell.c2 {background-color:#5393f7;}
.infoImgArea .infoCell .btnArea .btn_s {border-color:#5393f7; color:#0046ff;}

/* 톡상담 */
.prdBlockList li .ipt[type=radio]:checked + label {border-color:#003ddf;}
.prdBlockList li .ipt[type=radio]:checked + label,
.prdBlockList li .ipt[type=radio]:hover + label {color:#003ddf;}

[class^=audio] .recordList li.on button {color:#0046ff;}
[class^=audio] .recordList li.on button:before {border-color:transparent transparent #0046ff transparent;}

/* 상품상세-테이블 */
section.insuPrd .tblWrap .brt {border-top:6px solid #5393f7;}
section.insuPrd .tblWrap .brb {border-bottom:6px solid #5393f7;}
section.insuPrd .tblWrap .brl {border-left:6px solid #5393f7;}
section.insuPrd .tblWrap .brr {border-right:6px solid #5393f7;}

/*================================================== 공지사항팝업 ==================================================*/
.notiPop .btnPrev:before, 
.notiPop .btnNext:before {border-color:#336bff;}

/* 기타 콘텐츠 */
.wmVideo .on:not(.popBody) .icoBtn_open:after {border-color: #336bff;}
.wmVideo .videoBbsList > li > a:hover .tit,
.wmVideo .videoBbsList > li.on > a .tit {text-decoration:none;color:#0046ff;}
.wmVideo .videoBbsList.sm > li > a:hover .thum,
.wmVideo .videoBbsList.sm > li.on > a .thum {border:1px solid #5393f7;}

.loanRelativeInfo {background:#5393f7;}
.loanRelativeInfo .inner dl dt strong {color:#0046ff;}

.markInfoWrap .markInfo small {color:#003ddf;}

.default_option .tabList.icoTab > li .ico {/*color:#5393f7;*/color: #336bff;}/*251020 웹접근성수정*/

.pop_ex-payment .ex_acco2 .accoBody2 .bbLine {border-color:#003ddf !important;}

.marketBanner .ex_noti .infoCell:before {background-color:#0046ff;}

.company .banner_employment .btn_p { border-color:#5393f7; background-color:#5393f7;}

.txtList.step.cf_list > li:before {color: #003ddf;}

/* 240508 - 보험요율 판정 누적 지급보험금 상세 (s) */
.cyber .tblX tfoot.bgW th,
.cyber .tblX tfoot.bgW td{color:#0046ff;}
/* 240508 - 보험요율 판정 누적 지급보험금 상세 (e) */

/*250320 병력사항입력 수정 (s)*/
.cfrDetail.type2 .inner .icoBtn_Slide.on:after{border-color:#336bff;}
/*250320 병력사항입력 수정 (e)*/

/*250418 저축보험상품(s)*/
.rangeSlide .bar .rangValue{color: #5642c5;}
.calculateSide .value span em{color: #0046ff;border-bottom: 1px solid #0046ff;}
.calculateSide .result span em.right{color: #5642c5;}
/*250418 저축보험상품(e)*/

/* 250630 - 홈페이지 헬스케어 서비스 추가 (s) */
.prodSearch .dataSrchBox .iptWrap .icoBtn_del {border-color:#336bff;}
.prodSearch .dataSrchBox .icoBtn_del:before,
.prodSearch .dataSrchBox .icoBtn_del:after {background-color:#336bff;}
/* 250630 - 홈페이지 헬스케어 서비스 추가 (e) */

/* 250711 서류 추가 */
li.aniStart .aniFile .check {background-color:#336bff;}/*250714 수정*/

/* 250711 모션애니 - 그래프 추가 */
.aniGraph .graph .bar {background-color:#003ddf;}

/*250714 수정*/
.icoLinkList .block:focus,
.icoLinkList .block:hover {box-shadow:16px 12px 32px rgba(51,107,255,0.08);}

/* ================================================ 250709 홈페이지 컬러 변경 ================================================ (e)*/

/* 250721 홈페이지 헬스케어 수정 (s) */
.healthcareWrap .titArea .titH2 + p{font-size: 20px;font-weight: 500;}
.serviceDetail .txtList li span{font-size: 15px;}
.serviceDetail.premium .titH3 span{font-size: 17px;}
.serviceDetail.special .txtList.disc.type02{color: #666;font-weight: 300;}
.serviceDetail.careInfo .txtList.dash li{font-size: 15px;}

.serviceDetail.careInfo + .careInfo{padding-top:0;}

@media (max-width: 768px) {
	.healthcareWrap .titArea .titH2 + p{font-size: 1.6rem;}
	.serviceDetail.premium .titH3 span{font-size: 1.9rem;}
	.serviceDetail.careInfo + .careInfo{padding-top:30px;}
}
/* 250721 홈페이지 헬스케어 수정 (e) */

/* 250828 홈페이지 새로고침 수정 (s) */

/* 250902 수정 (s) */
.refreshWrap section.titContWrap{margin:0 auto !important;padding:25px 0 0;}
.refreshWrap section.titContWrap .titBanner{margin:0;}
.titContWrap .searcgArea{text-align: right;margin:30px 0 0;}
.titContWrap .searcgArea .dataSrchBox.searchBbsType.type01{position: relative;}
.titContWrap .searcgArea .dataSrchBox.searchBbsType.type01 .iptWrap{margin:0;}
.titContWrap .searcgArea .dataSrchBox.searchBbsType.type01 .ipt{color:#222;}
.titContWrap .searcgArea .dataSrchBox.searchBbsType.type01 .ipt::placeholder{color:#909090;}

.refreshWrap .keywordArea{margin-bottom:30px;}

@media (max-width: 768px) {
.refreshWrap .header .bg {opacity:0;}
.refreshWrap .header:not(.sticky) h1.titH1{color:#fff; transition:all 0.15s ease-out;}
.refreshWrap .header:not(.sticky) .icoBtn_appPage span,
.refreshWrap .header:not(.sticky) [class*=icoBtn_app] span:before,
.refreshWrap .header:not(.sticky) [class*=icoBtn_app] span:after,
.refreshWrap .header:not(.sticky) .icoBtn_appMenu:after {border-color:#fff !important;}

.refreshWrap .pageTit {padding-bottom:40px !important;background-color: #336bff !important;}
.refreshWrap .pageTit > .inner {padding:25px 31px 0 !important;}
.refreshWrap .pageTit .desc {font-size:16px; color:#fff;text-align: center;margin:20px 0 0;}
.refreshWrap .pageTit .decoSymbol_1{display:block !important;}
.refreshWrap .pageTit img.visibleMb{width:100%;padding:0;}

.refreshWrap section.titContWrap{padding:0 !important;}
.refreshWrap section.titContWrap .titBanner img{width:100%;}

.refreshWrap .titContWrap .searcgArea {padding: 0 24px;}

}
/* 250902 수정 (e) */

/*자세히 보기 팝업*/
.refreshDetail .logo{padding:50px 0 70px;text-align: center;}
.refreshDetail .cont .titArea{margin:60px 0 0;}
.refreshDetail .cont .titArea p{margin-top:20px;color: #222;}

.refreshDetail .cont .menuStep{margin-top:40px;}
.refreshDetail .cont .menuStep li{display:flex;align-items:center; margin-top:17px;}
.refreshDetail .cont .menuStep li:first-child{margin-top:0;}
.refreshDetail .cont .menuStep li span{display:inline-block;color:#0047ff;font-weight: 500;margin-left:10px;vertical-align: top;}
.refreshDetail .cont .menuStep li span.type{display: inline-flex;min-width:85px;height:30px;padding:0 14px;margin:0;border-radius:15px;background: #336cff;color:#fff;align-items: center;justify-content: center;font-size: 14px;}

.refreshDetail .cont .process{margin:60px 0 50px;}
.refreshDetail .cont .process .titH3{margin:0 0 30px;}

.refreshDetail .cont .process ul li {position: relative;display: flex;margin-top:20px;}
.refreshDetail .cont .process ul li .step{display: inline-flex;min-width:85px;height:30px;padding:0 20px;margin:0;border-radius:15px;border:2px solid #0648fe;background: #f2f6ff;color:#0648fe;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;}
.refreshDetail .cont .process ul li::before{content: '';display: block;position: absolute;top:30px;left:42px;width:1px; height: 100%;border-left: 1px dashed #82a3fe;}
.refreshDetail .cont .process ul li:last-child::before{display: none;}

.refreshDetail .cont .process ul li dl{margin-left:16px;vertical-align: top;}
.refreshDetail .cont .process ul li dl dt{font-weight: 500;color:#222;font-size: 18px;}
.refreshDetail .cont .process ul li dl dd{margin-top:10px;color:#666;font-size: 16px;}

.refreshDetail .btnArea.num2.half{margin-top:60px;}
.refreshDetail .btnArea [class^=btn_]:not(.s):not(.m){min-width:180px;}

@media (max-width: 768px) {
.refreshDetail .logo img{width:100%;}
.refreshDetail .cont .titArea{margin:40px 0 0;}

.refreshDetail .btnArea.num2.half{margin:60px 0 0;}
.refreshDetail .btnArea.num2.half span{display:block;width:100% !important;float:none;}
.refreshDetail .btnArea.num2.half span + span{margin-top:10px;}

}
/* 250828 홈페이지 새로고침 수정 (e) */

/* ================================================ 2508 홈페이지 컬러 변경 ================================================ (s)*/                           

/* icoLinkList */
.icoLinkList .block:before, .icoLinkList .block:after {background-color:#3d85f5;}

/* linkBoxList */
.linkBoxList a.block:focus, .linkBoxList a.block:hover {border-color:#0046ff;}
.linkBoxList.wide a.block:focus, .linkBoxList.wide a.block:hover {border-color:#0046ff;}

/* tblInfo */
.tblInfo .result em {color:#445fe6;}

/* 서류 추가 */
li.aniStart .aniFile .check{background-color: #0b3ec5;}

/* 보험사전 */
.dict_btn.on {border-color:#336bff; background-color:#336bff; }
.dictList .pick {color:#005df9;}

/* 금융상품 - 대출계산기 */
.moneyBox .money {color:#005df9;}

/*혜택*/
.blockList.review.scroll .block:hover {background-color:#336bff;}

/* 아이콘 + 텍스트 배너 */
.systemBanner > .swiper-container,
.systemBanner > a {border: 1px solid #d6e1fe;}
.systemBanner a {display:table; width:100%; min-height:110px; padding:15px 0px; color:#222; font-size:18px; line-height:1.6;}
.systemBanner a .desc {margin-top:5px; color:#666; font-size:14px;}
.systemBanner .imgCell,
.systemBanner .infoCell,
.systemBanner .btnCell {display:table-cell; position:relative; padding-right:30px; vertical-align:middle;}
.systemBanner [class*=Cell]:first-child {padding-left:30px;}
.systemBanner .imgCell {width:210px; text-align:center;}
.systemBanner .infoCell ~ .imgCell,
.systemBanner .btnCell {text-align:right;}
.systemBanner [class^=btn_].m {margin:0; white-space:nowrap;}

/* WM CENTER */
.wmCenter > div > ul > li {background:#f1f5ff;}

/* 운세/사주 */
.fortVtBoxWrap .linkBoxList .block {background-color:#4c7dff;}
.fortVtBoxWrap .linkBoxList li:hover .block,
.fortVtBoxWrap .linkBoxList .block:focus {background-color:#15298f;}
.fortHzBoxWrap .linkBoxList .block:hover .tit{color:#4c7dff;}

/* linkBoxList */
.linkBoxList a.block:focus,
.linkBoxList a.block:hover {border-color:#4c7dff;}
.linkBoxList.wide a.block:focus,
.linkBoxList.wide a.block:hover {border-color:#4c7dff;}

/*헬프데스크*/
.infoLinkList.help .block.info {background-color:#00236e;}
.infoLinkList.help .block.manual {background-color:#3169ff;}

/* 250715 유용한 정보 링크 수정 (s) */
.infoLinkList .block.info .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrffntr_j.cat) #15298f; background-repeat:no-repeat; background-position:40px 31px; }
.infoLinkList .block.cases .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ireqvpg_j.cat) #2878f5;  background-repeat:no-repeat; background-position:40px 31px;}
.infoLinkList .block.notice .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pnhgvba_j.cat) #00a3bb; background-repeat:no-repeat; background-position:40px 31px;}

.markInfoWrap .markInfo small {background-color:#f2f6ff;color:#445fe6;}


/* 공시실 서브메인 */
.discMenuArea .linkBoxList .block:hover .shortLink [class*=ico_] {background-color:#0046ff;}
.discMenuArea .linkBoxList .block:before,
.discMenuArea .linkBoxList .block:after { background-color:#0046ff;}



/* 상단검색 */
.company .pageTit .btnIco_srch {background-color:#5d88fb;}
.company .pageTit .ipt:focus {border-color:#5d88fb;}


/* Mobile */
@media (max-width: 768px) {
	.gateLink .block + .block {background-color:#336bff;}
	.company .pageTit .btnIco_srch {background-color: transparent;}
}


/* 250908 추가수정*/
.conBoxList.directInfo a.block:hover .linkGroup .ico_down:after,
.conBoxList.directInfo a.block:focus .linkGroup .ico_down:after{border-color:#336bff;}

@media (max-width: 768px) {
	.wmCenter .imgMb img, .wmMap .imgMb img{width:100%;}

}

/* ================================================ 2508 홈페이지 컬러 변경 ================================================ (e)*/

/* 2509 UI 개선 (s) */
/* 자주묻는질문 */
.list_top_faq{position:relative;width:1136px;margin:50px auto 20px;}
.list_top_faq .tit_txt{position:relative;font-size:24px;color:#222;font-weight:500;height:88px;display:flex;align-items:center;}
.list_top_faq .tit_txt strong{color:#0046FF;font-weight:500;}
.list_top_faq .tit_txt .folding_btn{position:absolute;right:0;top:50%;width:24px;height:24px;margin-top:-12px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_snd_sbyq.fit") no-repeat center;}
.list_top_faq .tit_txt .folding_btn.on{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_snd_sbyq_ba.fit");}
.list_top_faq ol{position:relative;display:flex;gap:12px;}
.list_top_faq li{flex:1;}
.list_top_faq li a{position:relative;display:block;height:330px;border:1px solid #D6E1FE;border-radius:4px;padding:104px 20px 24px;background-color:#F2F6FF;}
.list_top_faq li a::before{content:"";position:absolute;left:20px;top:24px;width:64px;height:64px;border-radius:50%;background:no-repeat center;background-size:64px 64px;}
.list_top_faq li:nth-child(1) a::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc01.cat");}
.list_top_faq li:nth-child(2) a::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc02.cat");}
.list_top_faq li:nth-child(3) a::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc03.cat");}
.list_top_faq li:nth-child(4) a::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc04.cat");}
.list_top_faq li:nth-child(5) a::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc05.cat");}

.list_top_faq li .num{position:absolute;left:96px;top:40px;width:46px;height:39px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_snd_ahz.cat") no-repeat center;background-size:100%;text-align:center;padding-top:7px;}
.list_top_faq li .num img{vertical-align:top;}
.list_top_faq li .link_detail{position:absolute;right:24px;bottom:24px;line-height:24px;padding-right:32px;font-size:16px;color:#0046FF;}
.list_top_faq li .link_detail::after{content:"";position:absolute;right:0;top:50%;margin-top:-12px;width:24px;height:24px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_snd_neebj.fit") no-repeat center;}
.list_top_faq li .txt_root{height:54px;margin-bottom:12px;font-size:0;line-height:1.3;}
.list_top_faq li .txt_root span{position:relative;display:inline-block;padding-right:16px;font-size:14px;color:#445FE5;}
.list_top_faq li .txt_root span::after{content:"";position:absolute;right:0;top:50%;margin-top:-8px;width:16px;height:16px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ebbg_neebj.fit") no-repeat center;background-size:100%;}
.list_top_faq li .txt_root span:last-child{padding-right:0;}
.list_top_faq li .txt_root span:last-child::after{display:none;}
.list_top_faq li .txt_cnt{font-size:14px;color:#222;line-height:1.3;}
.list_top_faq li a:hover{background-color:#3C85F5;border-color:#3C85F5;box-shadow:4.086px 8.019px 18px 0 rgba(93, 136, 251, 0.24);}
.list_top_faq li:nth-child(1) a:hover::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc01_ba.cat");}
.list_top_faq li:nth-child(2) a:hover::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc02_ba.cat");}
.list_top_faq li:nth-child(3) a:hover::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc03_ba.cat");}
.list_top_faq li:nth-child(4) a:hover::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc04_ba.cat");}
.list_top_faq li:nth-child(5) a:hover::before{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_snd_gbc05_ba.cat");}
.list_top_faq li a:hover .num{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_snd_ahz_ubire.cat");}
.list_top_faq li a:hover .txt_root span, .list_top_faq li a:hover .txt_cnt, .list_top_faq li a:hover .link_detail{color:#fff;}
.list_top_faq li a:hover .link_detail::after{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_snd_neebj_ubire.fit");}
.list_top_faq li a:hover .txt_root span::after{background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ebbg_neebj_ubire.fit");}

/* 공시실 보험료계산 */
.wrap_calc_cost{display:flex;height:calc(100vh - 370px);min-height:490px;}
.wrap_calc_cost .left_side{flex:0 0 240px;border:1px solid #ddd;border-right:0;}
.wrap_calc_cost .left_side > ul{height:100%;display:flex;flex-direction:column;}
.wrap_calc_cost .left_side > ul > li{flex:1;border-top:1px solid #ddd;display:flex;flex-direction:column;gap:14px;padding:24px;justify-content:center;}
.wrap_calc_cost .left_side > ul > li:first-child{border-top:0;}
.wrap_calc_cost .left_side .tit_txt{font-size:16px;font-weight:500;color:#222;}
.wrap_calc_cost .left_side .cnt_txt{font-size:14px;color:#222;}
.wrap_calc_cost .left_side .cnt_txt li{margin-top:3px;color:#222;}
.wrap_calc_cost .left_side .cnt_txt li:first-child{margin-top:0;color:#666;}
.wrap_calc_cost .left_side .cnt_txt .type_inline{font-size:0;}
.wrap_calc_cost .left_side .cnt_txt .type_inline li{position:relative;font-size:14px;display:inline-block;margin:0 0 0 19px;}
.wrap_calc_cost .left_side .cnt_txt .type_inline li::before{content:"";position:absolute;left:-10px;top:5px;width:1px;height:12px;background-color:#ddd;}
.wrap_calc_cost .left_side .cnt_txt .type_inline li:first-child{color:#222;margin-left:0;}
.wrap_calc_cost .left_side .cnt_txt .type_inline li:first-child::before{display:none;}
.wrap_calc_cost .left_side > ul > li.current{background-color:#336BFF;}
.wrap_calc_cost .left_side > ul > li.current .tit_txt, .wrap_calc_cost .left_side > ul > li.current .cnt_txt, .wrap_calc_cost .left_side > ul > li.current .cnt_txt li{color:#fff !important;}
.wrap_calc_cost .left_side > ul > li.current .cnt_txt .type_inline li::before{background-color:#fff;}
.wrap_calc_cost .right_side{flex:1;border:1px solid #ddd;overflow-y:auto;padding:32px;}
.calc_cost_cnt{font-size:14px;}
.calc_cost_cnt .sub_tit{margin-bottom:28px;font-size:16px;color:#222;}
.calc_cost_cnt .btnArea.btnLoCtl{margin-bottom:0;}
.calc_cost_cnt .tblWrap{margin:0;width:100%;max-height:calc(100vh - 564px);overflow:auto;border-top:1px solid #222;border-bottom:1px solid #aaa;}
.calc_cost_cnt .tblX tfoot th, .calc_cost_cnt .tblX tfoot td{border-bottom:0;}
.calc_cost_cnt [class^=tbl]:not(.tblWrap):not(.tblInfo):after{display:none;}
.calc_cost_cnt .tblWrap .tblX{border-top:0;}
.calc_cost_cnt .tblWrap .tblX thead{position:sticky;left:0;top:0;z-index:2;background-color:#fff;}
.calc_cost_cnt .btn_s{margin:0 0 16px 0;}
.calc_cost_cnt .btnArea{position:relative;}
.calc_cost_cnt .call_pop_error{position:absolute;left:0;top:0;}
.calc_cost_cnt .call_pop_error .btn_s{position:relative;padding-left:44px !important;}
.calc_cost_cnt .call_pop_error .btn_s::before{content:"";position:absolute;left:16px;top:50%;width:24px;height:24px;margin-top:-12px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_reebe.fit") no-repeat center;}
.calc_cost_cnt .resulSum.total{flex-direction:column;gap:16px;}
.calc_cost_cnt .resulSum.total .top_side{display:flex;justify-content:center;align-items:center;}
.calc_cost_cnt .resulSum.total .btm_side{text-align:center;}
.calc_cost_cnt .resulSum.total .infoCell{min-width:0;}
.calc_cost_cnt .resulSum [class*=Cell]{flex-grow:inherit;}
.calc_cost_cnt .resulSum .dataCell{text-align:right;}
.calc_cost_cnt .resulSum.total .dataCell + .infoCell .tit{padding-left:10px;background:none;}

.call_pop_error{position:absolute;left:0;top:0;}
.call_pop_error .btn_s{position:relative;padding-left:44px !important;}
.call_pop_error .btn_s::before{content:"";position:absolute;left:16px;top:50%;width:24px;height:24px;margin-top:-12px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_reebe.fit") no-repeat center;}

.area_inp_field{display:flex;flex-wrap:wrap;}
.area_inp_field > li{flex:0 0 50%;margin-top:28px;padding:0 15px;}
.area_inp_field > li:nth-child(-n+2){margin-top:0;}
.area_inp_field > li:nth-child(2n){padding-right:0;}
.area_inp_field > li:nth-child(2n+1){padding-left:0;}
.area_inp_field.col3 > li{flex:0 0 33%;}
.area_inp_field.col3 > li:nth-child(-n+3){margin-top:0;}
.area_inp_field.col3 > li:nth-child(2n){padding-right:15px;}
.area_inp_field.col3 > li:nth-child(2n+1){padding-left:15px;}
.area_inp_field.col3 > li:nth-child(3n){padding-right:0;}
.area_inp_field.col3 > li:nth-child(3n+1){padding-left:0;}
.area_inp_field .tit_inp{font-size:14px;color:#222;font-weight:500;}
.area_inp_field .iptWrap, .area_inp_field select{width:100%;}
.area_inp_field .wrap_ipt_srch{display:flex;width:100%;}
.area_inp_field .wrap_ipt_srch .btn_t{flex:0 0 72px;}

.calc_cost_cnt .tblWrap + .helpWrap{margin:0;}

.wrap_protect_info{padding:32px 0 0;}
.wrap_protect_info .btnArea.btnLoCtl{margin-bottom:0;}
.wrap_protect_info dt{font-size:18px;font-weight:500;color:#212121;margin:30px 0 12px;}
.wrap_protect_info dt:first-child{margin-top:0;}
.wrap_protect_info li{position:relative;padding-left:16px;margin-top:16px;color:#666;font-size:16px;line-height:26px;}
.wrap_protect_info li::before{content:"-";position:absolute;left:0;top:0;}
.wrap_protect_info li:first-child{margin-top:0;}

.winPop{min-width:0;width:100%;height:100%;overflow:hidden;}
.pop_calc_error{position:relative;display:flex;flex-direction:column;height:700px;}
.pop_calc_error .cnt_area{flex:1;overflow-y:auto;padding:32px 32px 0;}
.pop_calc_error .cnt_area .title_zone{margin-bottom:32px;text-align:center;padding-top:160px;color:#222;font-weight:700;font-size:18px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_cbc_reebe.cat") no-repeat center 16px;}
.pop_calc_error .cnt_area .title_zone strong{color:#0046FF;font-weight:700;}
.pop_calc_error .cnt_area .txt_error_info li{position:relative;padding-left:18px;margin-top:16px;font-size:16px;color:#666;line-height:26px;}
.pop_calc_error .cnt_area .txt_error_info li::before{content:"*";position:absolute;left:0;top:3px;}
.pop_calc_error .cnt_area .txt_error_info li:first-child{margin-top:0;}
.pop_calc_error .btnArea{margin:0;padding:32px 0;}
.pop_calc_error .btnArea [class^=btn_]{min-width:120px;min-height:44px;margin:0 2px;padding:0 16px;font-size:16px;font-weight:300;line-height:42px;border-radius:2px;}

/* 251013 변액보험 - 박지혜 */
.btnIco_wdel {width:44px;min-height:44px;margin: 4px 2px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_qry.cat") no-repeat center;border:1px solid #ccc; border-radius:6px; }
.calc_cost_cnt_new .infoRowInit li:before  {display:none;}
.calc_cost_cnt_new .totalVal {position:absolute;top:50%;right:0;font-size:18px;color:#222;transform:translateY(-50%);}

.area_inp_field_new {display:flex;flex-wrap:wrap;margin-left:-15px;}
.area_inp_field_new > li{flex:0 0 50%;margin-top:28px;padding-left:15px;}
.area_inp_field_new.col3 > li{flex:0 0 33%;}

.area_inp_field_new .tit_inp{font-size:14px;color:#222;font-weight:500;}
.area_inp_field_new .iptWrap, .area_inp_field_new select{width:100%;}
.area_inp_field_new .wrap_ipt_srch{display:flex;width:100%;}
.area_inp_field_new .wrap_ipt_srch .btn_t{flex:0 0 72px;}

/* //251013 변액보험 - 박지혜 */

@media (max-width: 768px){
	.list_top_faq{width:100%;margin:32px auto 32px;padding:0 24px;border-top:8px solid #F9F9F9;}
	.list_top_faq .tit_txt{font-size:20px;}
	.list_top_faq ol{flex-direction:column;gap:8px;}
	.list_top_faq li a{display:flex;align-items:center;gap:12px;height:auto;padding:24px 20px 64px;border-radius:8px;}
	.list_top_faq li a::before{position:static;left:auto;top:auto;width:54px;height:54px;flex:0 0 54px;background-size:54px 54px;}
	.list_top_faq li .num{display:none;}
	.list_top_faq li .link_detail{right:20px;bottom:24px;}
	.list_top_faq li .txt_root{height:auto;}

	.pop_calc_error .btnArea [class^=btn_]{min-width:120px;min-height:44px;margin:0 2px;padding:0 16px;font-size:16px;font-weight:300;line-height:42px;border-radius:2px;}
}
/* 2509 UI 개선 (e) */