@charset "utf-8";


/*===========================================================================================================
============================================= content common ================================================
=============================================================================================================*/
.scrollX {overflow-x:auto;}
.scrollY {overflow-y:auto;}

.conEllip {display:block; display:-webkit-box; max-height:46px; margin-bottom:5px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.conEllip.on {max-height:none; text-overflow:initial; -webkit-line-clamp:initial; -webkit-box-orient:initial;}
.conEllip + .links {margin-left:0;}


/*================================================ 블럭 콘텐츠 ================================================*/
.conBlockList {display:table; width:100%; margin:10px 0; border:1px solid #e0e0e0; table-layout:fixed; word-break:keep-all; clear:both; opacity: 0;}
.conBlockList > li {display:table-cell; position:relative; padding:35px 40px; border-left:1px solid #e0e0e0; vertical-align:top;}
.conBlockList > li:first-child {border-left:none;}
.conBlockList .block {display:inline-block; position:relative; font-size:16px;}
.conBlockList .tit {display:block; margin-bottom:15px; color:#333; font-size:18px; font-weight:700;}
.conBlockList .step {display:block; margin-bottom:10px; color:#2b64ce;}
.conBlockList.onBlock {opacity: 1;}

/* 블럭 여백 */
.spaceBlock {margin:-12px; border:none !important;}
.spaceBlock > li {padding:12px; border:none !important;}
.spaceBlock .block {display:block; padding:35px 40px; background-color:#f8f8f8; /*overflow:hidden;*/}
.spaceBlock .tit {font-size:20px;}
.spaceBlock a.block:hover {border-color:#2b64ce; box-shadow:0 0 10px rgba(0,0,0,0.15);}

/* 블럭 개행 */
.conBlockList.div_1 > li {width:100%;}
.conBlockList.div_2 > li {width:50%;}
.conBlockList.div_3 > li {width:33.3333%;}
.conBlockList.div_4 > li {width:25%;}
.conBlockList.div_5 > li {width:20%;}
.conBlockList.div_6 > li {width:16.6666%;}
.conBlockList.div_7 > li {width:14.2857%;}

.conBlockList[class*=div_] {display:block; width:auto; padding:0; border:none; border-left:1px solid #e0e0e0; font-size:0;}
.conBlockList[class*=div_] > li {display:inline-block; margin:0 0 -1px 0; border:1px solid #e0e0e0; border-left:none; vertical-align:top;}

/* 레이아웃 */
.conBlockList.layout {border:none;}
.conBlockList.layout > li {padding:0; border:none;}

.conBlockList > li .block.blockTbl > * {float:none; display:table-cell; vertical-align:middle;}
.conBlockList > li .block.blockTbl [class^=icoImg] {width:64px; padding:5px 0; vertical-align:top;}
.conBlockList > li .block.blockTbl .desc {color:#333;}

.spaceLine {padding:30px 0;}
.spaceLine > li {padding:0 40px;}

/* 스텝 */
.stepArrow > li:before {content:''; position:absolute; top:50%; right:-8px; width:14px; height:14px; margin-top:-5px; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background-color:#fff; box-sizing:border-box; transform:rotate(45deg); -ms-transform:rotate(45deg); z-index:1;}
.stepArrow > li:last-child:before {display:none;}
.stepArrow .step {padding-top:5px; color:#666; font-size:14px; font-weight:700;}
.stepArrow .step:after {display:block; content:''; clear:both;}
.stepArrow .step em {display:inline-block; float:left; margin-top:-18px; margin-right:7px; color:#2b64ce; font-size:30px;}
.accoBody .stepArrow > li,
.accoBody .stepArrow > li:before,
.stepArrow > li.on,
.stepArrow > li.on:before,
.accoBody .conBlockList.imgCont.stepArrow {background-color: #f8f8f8;}
.accoBody .stepArrow {z-index:1;}
.stepArrow.div_7 > li {padding:25px 15px 30px 20px;}

.stepArrow.extra > li .block > * {display:table-cell; vertical-align:middle;}
.stepArrow.extra > li .block > .step {position:relative; width:64px; vertical-align:top;}
.stepArrow.extra > li .block > .step em {display:block; float:none; margin-top:-8px;}
.stepArrow.extra > li .block > .desc {padding-top:0; color:#333; font-size:18px;}

.stepArrow.div_1 > li {padding:40px;}
.stepArrow.div_1 > li:before {top:auto; right:auto; bottom:-8px; left:50%; margin-left:-10px; transform:rotate(135deg); -ms-transform:rotate(135deg);}
.stepArrow.div_1 .inner {padding-top:10px; padding-left:50px; vertical-align:top !important;}
.stepArrow.div_1 .tit {margin-bottom:15px; font-size:20px;}
.stepArrow.div_1 .img {width:350px; font-size:0; text-align:right; vertical-align:top !important;}
.stepArrow.div_1 .img img {margin-left:20px; border:1px solid #f0f0f0;}

.stepArrow.div_2 > li:nth-child(2n):before,
.stepArrow.div_3 > li:nth-child(3n):before,
.stepArrow.div_4 > li:nth-child(4n):before,
.stepArrow.div_5 > li:nth-child(5n):before {display:none;}

.stepArrow.disital > li {padding:20px 45px 0 100px;}
.stepArrow.disital .desc {float:left;padding-top:15px; color:#333; font-size:18px;}

/* 빠른발급신청 */
.stepArrow > li.rapidIssue {width:50%;}
.stepArrow .rapidIssue .icoImg {position:absolute; right:45px; bottom:40px;}
.isIE .stepArrow .rapidIssue + .rapidIssue {width:calc(50% - 1px);}

/* 이미지 리스트 */
.conBlockList.imgCont:not(.dashed) {position:relative;}
.conBlockList.imgCont > li {position:relative; padding:35px 39px;}
.conBlockList.imgCont.div_4 > li {padding:35px 29px;}
.conBlockList.imgCont .block {position:relative; display:block; z-index:1;}
.conBlockList.imgCont .img {margin:20px 0 25px; text-align:center;}
.conBlockList.imgCont .img img {width:210px; max-width:100%; border:1px solid #c8d8f3; box-sizing:border-box;}
.conBlockList.imgCont .tit {margin-bottom:0; font-size:22px;}
.conBlockList.imgCont .desc + .desc {margin-top:20px;}

.conBlockList.imgCont.stepArrow[class*=div_]:after {content:''; position:absolute; top:0; right:0; bottom:-1px; left:-1px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.conBlockList.imgCont.stepArrow.div_3:after {right:1px;}
.conBlockList.imgCont.stepArrow .tit {position:relative; font-size:16px; margin-bottom:15px; padding-left:30px;}
.conBlockList.imgCont.stepArrow .tit .step {position:relative; top:1px; display:inline-block; margin:0; padding:0; text-indent:-16px;}
.conBlockList.imgCont.stepArrow .step em {float:none; display:inline-block; margin:0; font-size:18px; letter-spacing:-0.07em;}

.conBlockList.layout > li .conBlockList.imgCont.stepArrow {margin-bottom:0;}
.conBlockList.layout > li .conBlockList.imgCont.stepArrow > li {padding:35px 29px;}
.conBlockList.layout > li + li .conBlockList.imgCont.stepArrow {margin-left:-1px;}

.conBlockList.imgCont.dashed {margin-top:0; border-left:none; border-bottom:1px solid #e0e0e0;}
.conBlockList.imgCont.dashed li {padding:80px 39px 76px 39px; border:none; border-bottom:1px solid #e0e0e0;}
.conBlockList.imgCont.dashed li:before {content:''; position:absolute; top:80px; bottom:80px; right:0; border-right:1px dashed #e0e0e0;}
.conBlockList.imgCont.dashed li *:first-child {margin-top:0;}
.conBlockList.imgCont.dashed.div_2 > li:nth-child(2n):before,
.conBlockList.imgCont.dashed.div_3 > li:nth-child(3n):before,
.conBlockList.imgCont.dashed.div_4 > li:nth-child(4n):before,
.conBlockList.imgCont.dashed.div_5 > li:nth-child(5n):before {border-right:none;}

/* 이용안내 */
/*.conBlockList.useInfo {padding:40px 0; border:none; background-color:#f8f8f8;}
.conBlockList.useInfo > li {padding:0;}
.conBlockList.useInfo .block {padding:55px 30px 0;}
.conBlockList.useInfo .block:before {content:''; position:absolute; top:0; left:30px; width:40px; height:40px; background:url(../img/pc/content/use_ico.png) no-repeat 0 0;}
.conBlockList.useInfo .ars:before {background-position:-40px 0;}
.conBlockList.useInfo .bank:before {background-position:-80px 0;}
.conBlockList.useInfo .atm:before {background-position:-120px 0;}
.conBlockList.useInfo .tit {margin-bottom:30px;}

.useInfo.extra .block {display:block; padding:0 50px;}
.useInfo.extra .block:before {left:50px; width:50px; height:50px; background-position:0 -40px;}
.useInfo.extra .block:after {display:block; content:''; clear:both;}
.useInfo.extra .tit {float:left; margin:0; padding:0 50px 0 70px; font-size:20px;}
.useInfo.extra .txtList_dash {float:left; width:600px; margin-top:5px; margin-bottom:0;}
.useInfo.extra .txtList_dash:after {display:block; content:''; clear:both;}
.useInfo.extra .txtList_dash > li {float:left; margin:0 0 0 70px;}
.useInfo.extra .txtList_dash > li:first-child {margin-left:0;}*/

.conBlockList.pay {margin:10px 0 20px; padding:40px 0; border:none; background-color:#f8f8f8; text-align:center;}
.conBlockList.pay > li {padding:0 40px;}
.conBlockList.pay span {display:block; margin-top:5px;}

/* 올인원대출 */
.conBlockList.allInOne {margin:10px 0 20px; padding:26px 0; border:none; background-color:#f8f8f8; text-align:center;}
.conBlockList.allInOne > li {padding:0;}
.conBlockList.allInOne > li:last-child {width:50%;}
.conBlockList.allInOne .block + .block {margin-left:15px; padding-left:40px; background: url(../img/pc/common/ico_arrow2.png) no-repeat 0 center;}
.conBlockList.allInOne .val {display:block; margin-top:1px; color:#333; font-weight:700;}

.imgStepBox {padding:50px 0; font-size:0; background-color:#f8f8f8; text-align:center;}
.imgStepBox img {margin:0 10px; border:1px solid #c8d8f3;}

/* 이용안내 - 스마트앱 */
.smartApp {padding:40px 0; border:none; background-color:#f8f8f8; text-align:center;}
.smartApp > li {padding:0 50px;}
.smartApp .img {height:145px;}
.smartApp .img img {width:101px; height:auto;}
.smartApp .img input.ipt {width:159px;}
.smartApp .setPhone {margin-bottom:10px; white-space:nowrap;}
.smartApp .tit {margin-bottom:10px;}
.smartApp button {margin:0 !important;}

/* 이용안내 - 우리페이 */
.wooriPayApp {padding:50px 0 5px; background-color:#f8f8f8;}
.wooriPayApp > .titArea {margin-bottom:-10px; padding:0 55px;}
.wooriPayApp .smartApp {text-align:left;}
.wooriPayApp .smartApp > li {padding:0 55px;}
.wooriPayApp .cont {margin-top:17px; margin-bottom:33px; padding:0 0 0 150px;}
.wooriPayApp .cont:after {display:block; content:''; clear:both;}
.wooriPayApp .cont a {position:relative; float:left; left:-150px; margin-right:-150px;}
.wooriPayApp .cont img {width:120px; height:120px;}
.wooriPayApp .cont .tit {margin-top:5px; color:#333; font-size:18px;}
.wooriPayApp .sTit {display:block; margin-bottom:12px;}
.wooriPayApp .setPhone {margin:0 6px 0 0 !important;}

/* 이용안내 - 기본이용안내 IC카드서비스이용안내 */
.cardItem_list {margin-top:20px;;}
.cardItem_list {border:1px solid #e0e0e0; overflow:hidden; display:table; width:100%; text-align:center; padding:65px 0;}
.cardItem_list li {border-left:1px solid #e0e0e0; display:table-cell; padding:5px 0;}
.cardItem_list li:first-child {border-left:0;}
.cardItem_list li .tit {display:block; color:#333; font-weight:700; font-size:18px; padding-top:15px;}

/* 이용안내 - 투인원서비스 */
.conBlockList.etcInfo.twoInone{overflow:hidden; border: 1px solid #e0e0e0;}
.conBlockList.etcInfo.twoInone li{border: none; }
.conBlockList.etcInfo.twoInone li .block{position: relative;}
.conBlockList.etcInfo.twoInone li .block:before{content:''; position:absolute; top:0; bottom:0; left:-70px; width:1px; border-right: 1px solid #e0e0e0;}

/* 자동납부 통합 조회 */
.conBlockList.payAuto {margin-top:-12px;}
.conBlockList.payAuto .block {padding:100px 0; border:1px solid #e4e4e4; border-radius:10px; background-color:#fff !important; text-align:center;}
.conBlockList.payAuto .block:before {content:''; position:absolute; top:40px; left:50%; width:40px; height:35px; margin-left:-20px; background:url(../img/pc/content/blockList_ico_payAuto3.png) no-repeat 0 0;}
.conBlockList.payAuto .lease:before {background-position:-40px 0;}
.conBlockList.payAuto .elect:before {background-position:-80px 0;}
.conBlockList.payAuto .gasFee:before {background-position:-120px 0;}
.conBlockList.payAuto .social:before {background-position:-160px 0;}
.conBlockList.payAuto .school:before {background-position:-200px 0;}
.conBlockList.payAuto .kt:before {background-position:-40px -35px;}
.conBlockList.payAuto .paySimpleService:before {background-position:-82px -35px;}
.conBlockList.payAuto .tit {color:#333; font-size:18px; font-weight:700;}
.conBlockList.payAuto .desc {margin-top:10px;}
.conBlockList.payAuto .btnArea {position:absolute; bottom:40px; left:0; width:100%; margin:0;}
.conBlockList.payAuto.bond .block{border-radius:0;}
.conBlockList.payAuto .block.subCal:before { background-position: 0 -35px; }

/* ARS안내 */
.conBlockList.arsInfo .block {padding:110px 20px 36px 50px; border:1px solid #e4e4e4; border-radius:10px; background-color:#fff !important;}
.conBlockList.arsInfo .block:before {content:''; position:absolute; top:40px; left:50px; width:55px; height:50px; background:url(../img/pc/content/blockList_ico_ars.png) no-repeat 0 0;}
.conBlockList.arsInfo .simpl:before {background-position:-55px 0;}
.conBlockList.arsInfo .money:before {background-position:-110px 0;}
.conBlockList.arsInfo .child:before {background-position:-165px 0;}
.conBlockList.arsInfo .car:before {background-position:-224px 0;}
.conBlockList.arsInfo .card:before {background-position:-272px 0;}
.conBlockList.arsInfo .fin:before {background-position:-328px 0; width:59px;}
.conBlockList.arsInfo .crdusegs:before {background-position:-387px 0;}
.conBlockList.arsInfo .tit {display:inline-block; color:#333; font-size:18px; font-weight:700;}
.conBlockList.arsInfo .num {display:block; margin-top:2px; color:#2b64ce; font-size:28px; font-weight:700; letter-spacing:-0.06em;}

.conBlockList.couponInfo > li {overflow:hidden;}
.conBlockList.couponInfo .block {padding:0; border:1px solid #e4e4e4; background-color:#fff !important;}
.conBlockList.couponInfo .logoArea {position:relative; display:table; width:100%; height:170px;}
.conBlockList.couponInfo .logoArea span {position:relative; display:table-cell; width:100%; text-align:center; vertical-align:middle;}
.conBlockList.couponInfo .logoArea span:before,
.conBlockList.couponInfo .logoArea span:after {content:''; position:absolute; left:-16px; bottom:-16px; width:32px; height:32px; border-radius:32px; border:1px solid #ddd; background-color:#fff;}
.conBlockList.couponInfo .logoArea span:after {left:auto; right:-16px;}
.conBlockList.couponInfo .logoArea:before,
.conBlockList.couponInfo .logoArea:after {content:''; position:absolute; left:-17px; bottom:-16px; width:16px; height:50px; background-color:#fff; z-index:1;}
.conBlockList.couponInfo .logoArea:after {left:auto; right:-18px;}
.conBlockList.couponInfo .inner {position:relative; padding:35px 30px;}
.conBlockList.couponInfo .inner .tit{font-size:18px;}
.conBlockList.couponInfo .inner:before {content:''; position:absolute; left:24px; right:24px; top:0; border-top:1px dashed #ddd;}
.conBlockList.couponInfo .desc {margin-top:25px;}
.conBlockList.couponInfo .desc.bold {margin-top:10px; color:#333; font-size:16px;}

/* 이의제기 */
.objection .block {padding-bottom:115px !important;}
.objection .tit {color:#222; font-weight:400;}
.objection .desc {margin-top:20px;}
.objection .btnArea {position:absolute; right:40px; bottom:40px; margin:0;}
.objection .btnArea .btn_p {min-width:auto; margin:0;}

/* 포인트 세이브 */
.pointSave .block {padding-bottom:115px !important;}
.pointSave .block:before {content:''; position:absolute; right:35px; bottom:35px; width:40px; height:40px; background:url(../img/pc/content/use_ico.png) no-repeat 0 0;}
.pointSave .online:before {background-position:-160px 0;}
.pointSave .center:before {background-position:-40px 0;}
.pointSave .bank:before {background-position:-80px 0;}
.pointSave .tit  {font-weight:700;}

/* 포인트 세이브 - 상품 */
.conBlockList.goods {margin-top:10px; margin-bottom:10px;}
.conBlockList.goods .block {padding:30px 40px 65px; border:1px solid #e0e0e0; background-color:#fff; text-align:center;}
.conBlockList.goods .tit {display:table; width:100%; height:60px; color:#333; font-size:20px; font-weight:700; line-height:1.3;}
.conBlockList.goods .tit > span {display:table-cell; vertical-align:middle;}
.conBlockList.goods .cardImg {display:table; width:100%; height:140px;}
.conBlockList.goods .cardImg > span {display:table-cell; vertical-align:middle;}
.conBlockList.goods .cardImg img {max-width:124px; max-height:124px; border-radius:5px;}
.conBlockList.goods .btnArea {position:absolute; bottom:30px; left:0; width:100%; margin:0;}

/* 해외카드사용안내  */
.conBlockList.atm .block {padding:40px 40px 75px; border:1px solid #e0e0e0; background-color:#fff; text-align:center;}
.conBlockList.atm .tit {margin-bottom: 30px;}
.conBlockList.atm .cardImg {display:table; width:100%; height:124px;}
.conBlockList.atm .cardImg img {max-width:134px; max-height:134px; border-radius:5px;}
.conBlockList.atm .btnArea {position:absolute; bottom:45px; left:0; width:100%; margin:0;}

/* 우리V클럽안내 - 등급 */
.conBlockList.mbLevel .block {padding:40px 15px 45px; border-radius:10px; background-color:#f8f8f8; text-align:center;}
.conBlockList.mbLevel .icoImgR {width:80px; height:80px; background-color: transparent;}
.conBlockList.mbLevel .tit {display:block; margin-top:15px; margin-bottom:0; color:#333; font-size:18px; font-weight:700;}

/* 포인트 리스트 */
.spaceBlock.pointList .block {height:180px !important; padding-bottom:70px; border-radius:7px; background-color: #f1f1f1;}
.spaceBlock.pointList .tit {display:block; margin-bottom:2px; color:#222; font-weight:400; line-height:1.2;}
.spaceBlock.pointList .date {font-size:14px;}
.spaceBlock.pointList .point {position:absolute; right:40px; bottom:25px; color:#2b64ce; font-size:18px;}
.spaceBlock.pointList .point em {display:inline-block; padding-right:3px; font-size:30px; letter-spacing:-0.06em;}

/* 대학등록금, 대상가맹점, 지원 대상 카드 */
.conBlockList.servLogo {display:block; margin:0 -1px -1px 0; border-bottom:1px solid #e0e0e0 !important; border-right:1px solid #e0e0e0 !important; font-size:0; overflow:hidden;}
.conBlockList.servLogo > li {display:inline-block; margin:0 0 -1px 0; padding:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:none; text-align:center;}
.conBlockList.servLogo:not([class*=div_]) > li {width:20%;}
.conBlockList.servLogo .block {display:block; padding:40px 20px 38px;}
.conBlockList.servLogo .tit {margin:15px 0 0; color:#666; font-size:16px; font-weight:400;}
.conBlockList.servLogo .tit.bold {margin:25px 0 0; color:#333; font-size:18px; font-weight:700;}
.conBlockList.servLogo .links {margin-top:8px;}
.conBlockList.servLogo:not([class*=div_]) > li:nth-child(5n),
.conBlockList.servLogo.div_2 > li:nth-child(2n),
.conBlockList.servLogo.div_3 > li:nth-child(3n),
.conBlockList.servLogo.div_4 > li:nth-child(4n),
.conBlockList.servLogo.div_5 > li:nth-child(5n),
.conBlockList.servLogo.div_6 > li:nth-child(6n) {border-right:none;}

/* 포인트사용점 */
.tabWrap.pointUse .titArea{margin-top: 50px;}
.tabWrap.pointUse .addInfoList.notice{margin-top: 40px;}
.pointStore {display:block; margin-bottom:40px; font-size:0;}
.pointStore > li {display:inline-block; width:16.6666%;}
.pointStore .block {padding:19px 10px; border:1px solid #e4e4e4; border-radius:10px; background-color:#fff; text-align:center;}

/* 소비자포털 이용안내 */
.csPortal_ico > li {border-left:1px dashed #e0e0e0;}
.csPortal_ico .block {padding-top:45px;}
.csPortal_ico .tit {margin-bottom:25px; text-align:center;}
.csPortal_ico .tit .txtS {font-weight:400;}
.csPortal_ico .block:before {top:0; left:50%; margin-left:-20px; background:url(../img/pc/content/blockList_ico_csPortal.png) no-repeat 0 0;}
.csPortal_ico .complain:before {background-position:-40px 0;}
.csPortal_ico .info:before {background-position:-80px 0;}
.csPortal_ico .register:before {background-position:-120px 0;}
.csPortal_ico .register .tit{margin:0 -24px 25px;}
.csPortal_ico .wooriPick:before {background-position:-160px 0;}
.csPortal_ico button {line-height:1.5; text-align:left;}
.csPortal_ico button:hover {color:#2b64ce;}

.phishingPr {display:table; width:100%; padding:33px 40px 40px; border:1px solid #e0e0e0;}
.phishingPr .img {display:table-cell; width:260px; text-align:center; vertical-align:middle;}
.phishingPr .inner {display:table-cell; padding-left:15px; vertical-align:middle;}
.phishingPr p {margin-bottom:18px; color:#333; font-weight:700;}

/* 카드 안심 서비스 */
.cardAnsim_ico {padding:30px 0; background-color:#fff;}
.cardAnsim_ico > li {padding:0 50px;}
.cardAnsim_ico .block {padding-top:55px;}
.cardAnsim_ico .block:before {top:0; left:0; background:url(../img/pc/content/blockList_ico_cardAnsim.png) no-repeat 0 0;}
.cardAnsim_ico .credit:before {background-position:-40px 0;}
.cardAnsim_ico .name:before {background-position:-80px 0;}
.cardAnsim_ico .newApp:before {background-position:-120px 0;}
.cardAnsim_ico .exUpgrade:before {background-position:-160px 0;}
.cardAnsim_ico .compensate:before {background-position:-200px 0;}
.cardAnsim_ico .txtList_disc {margin-bottom:0;}

.ansimTel {margin-top:30px;}
[class^=txtList] + .ansimTel {margin-top:-12px; margin-bottom:22px;}
.ansimTel .block {padding:17px 30px 14px; border-radius:10px;}
.ansimTel .tit {margin-bottom:5px; font-size:16px;}
.phone {display:inline-block; padding-left:20px; background:url(../img/pc/content/ico_phone.png) no-repeat 0 5px;}
.tel {display:inline-block; padding-left:20px; background:url(../img/pc/content/ico_tel.png) no-repeat 0 4px;}
.app {display:inline-block; padding-left:20px; background:url(../img/pc/content/ico_app.png) no-repeat 0 4px;}
.time {display:inline-block; padding-left:20px; background:url(../img/pc/content/ico_time.png) no-repeat 0 4px;}

.conBlockList[class*=_ico] .block {display:block;}
.conBlockList[class*=_ico] .block:before {content:''; position:absolute; width:40px; height:35px;}

/* 제휴사 대출상품 소개 */
.affilGoods .block {padding:30px 30px 35px; border:1px solid #e0e0e0; background-color:#fff;}
.affilGoods .tit {margin:35px 0 5px; font-size:18px;}
.affilGoods .num {position:absolute; right:28px; bottom:20px; color:#2b64ce; font-size:14px;}
.affilGoods .num em {display:inline-block; padding-right:3px; font-size:24px;}

/* 카드 간편 신청 */
.etcInfo {margin-top:50px;}
.etcInfo > li {padding:35px 25px 35px 50px; border-left:none}
.etcInfo .block {padding:0 0 0 100px;}
.etcInfo .block:after {display:block; content:''; clear:both;}
.etcInfo .icoImgR {position:relative; float:left; left:-100px; width:80px; height:80px; margin-right:-100px;}
.etcInfo .tit {padding-top:15px; margin-bottom:5px; font-size:16px;}

/* 라이프-웨딩 */
.etcInfo.div_1 {border:none;}
.etcInfo.div_1 {margin-top:0;}
.etcInfo.div_1 > li {padding:0; border:none;}

.weddingAfcoList{position: relative; margin-top: 40px; padding-bottom: 50px;}
.weddingAfcoList li{overflow: hidden;}
.weddingAfcoList .item{float: left; display: block; width: 33.3333%; padding: 0 50px; text-align: center; cursor: pointer;}
.weddingAfcoList .item .img{padding: 40px 0; border: 1px solid #e0e0e0;}
.weddingAfcoList .swiper-controls {bottom:0;}
.weddingAfcoList .btnPrev,
.weddingAfcoList .btnNext {position:absolute; top:50%; left:-33px; width:35px; height:35px; transform: translateY(-50%); -ms-transform: translateY(-50%); margin:0; background:url(../img/pc/content/submain_my_ctrl_arrow_2.png) no-repeat 0 0; z-index:10;}
.weddingAfcoList .btnNext {left:auto; right:-33px; transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg);}

/* 국세 지방세 납부방법 */
.etaxInfo {margin:20px 0 10px 0;}
.etaxInfo > li {padding:35px 25px 35px 40px; border-left:none}
.etaxInfo .block {padding:0 0 0 180px;}
.etaxInfo .block:after {display:block; content:''; clear:both;}
.etaxInfo .icoImgR {position:relative; float:left; left:-180px; width:150px; height:80px; margin-right:-180px;}
.etaxInfo .tit {margin-bottom:3px; font-size:16px;}
.etaxInfo .tit.linkNone {padding-top:15px;}
.etaxInfo .links {margin-top:13px; font-size:14px;}

/* 공인인증서복사 */
.certiCopyArea > li {padding:50px 60px; text-align:center;}
.certiCopyArea .btn_p {margin:20px 0 0;}
.certiCopyArea .certiCopy {margin:0 -5px;}
.certiCopy {text-align:center;}
.certiCopy .certiDev {display:inline-block; text-align:center;}
.certiCopy .certiDev + .certiDev {padding-left:55px; background:url(../img/pc/common/ico_arrow6.png) no-repeat 20px 38px;}
.certiCopy .txt {display:block; margin-top:10px; color:#222; font-size:18px; font-weight:700;}

/* 공인인증서 관리 */
.certiManage .blockTblBox {height:155px !important; padding:32px 40px !important;}
.certiManage .blockTblBox .tit {margin-bottom:6px; font-size:20px;}
.certiManage .icoImg {width:75px; text-align:right;}

.bsMember .block {padding:35px 40px 140px; border:1px solid #e0e0e0; background-color:#fff;}
.bsMember .tit {font-size:22px;}
.bsMember .tit img {margin:-2px 5px 0 0; vertical-align:middle;}
.bsMember .desc {font-size:14px; line-height:1.7;}
.bsMember .desc em {color:#222;}
.bsMember .btnArea {position:absolute; right:40px; bottom:50px; margin:0; text-align:right;}
.bsMember .btnArea [class^=btn].m {min-width:130px; margin:0;}
.bsMember .btnArea [class^=txt] {display:block; margin:10px 0;}
.bsMember > li:last-child {width:100%;}
.bsMember > li:last-child .block {padding:35px 300px 45px 40px;}

/* 기업-혜택서비스 H2BBN203S01 */
.conBlockList.taxPayInfo {margin-top:20px; border:none; border-top:1px solid #333; border-bottom:1px solid #e0e0e0;}
.conBlockList.taxPayInfo .titWrap {position:relative; float:left; left:-130px; text-align:center; margin-right:-130px;}
.conBlockList.taxPayInfo .titWrap .icoImgR {float:none; left:0; margin-right:0;}
.conBlockList.taxPayInfo .titWrap .tit {padding-top:0; font-size:18px;}

.conBlockList.taxPayInfo .block {padding:0 0 0 130px;}
.conBlockList.taxPayInfo .txtList_disc {margin:0;}
.conBlockList.taxPayInfo .txtList_disc:after {display:block; content:''; clear:both;}
.conBlockList.taxPayInfo .txtList_disc li {float:left; width:50%; margin-top:0; margin-bottom:5px;}
.taxPayInfo.taxPayInfo li + li .block:before {content:''; position:absolute; top:0; bottom:0; left:-50px; width:1px; border-right: 1px solid #e0e0e0;}

/*.conDiv_1 > .inner > li {width:100%;}
.conDiv_2 > .inner > li {width:50%;}
.conDiv_3 > .inner > li {width:33.3333%;}
.conDiv_4 > .inner > li {width:25%;}

[class^=conDiv_] {position:relative; margin:15px 0 30px; background-color:#f8f8f8;}
[class^=conDiv_] > .inner {width:100%; position:relative;}
[class^=conDiv_] > .inner:after {display:block; content:''; clear:both;}
[class^=conDiv_] > .inner > li {float:left;}
[class^=conDiv_] .tit {margin-bottom:12px; color:#333; font-size:18px; font-weight:700;}
[class^=conDiv_] .step {display:block; margin-bottom:8px; color:#2b64ce;}
[class^=conDiv_] .desc {color:#666; font-size:16px;}

.conDiv_1 {}*/

/*[class^=conDiv_] > .inner > li {padding:40px 30px;}
[class^=conDiv_].line {border:1px solid #e0e0e0; background-color:#fff;}
[class^=conDiv_].line > .inner > li {padding-left:38px;}

[class^=conDiv_]:before {content:''; position:absolute; top:40px; bottom:40px; width:1px; background-color:#e0e0e0;}
[class^=conDiv_]:after {content:''; position:absolute; top:40px; bottom:40px; width:1px; background-color:#e0e0e0;}
[class^=conDiv_].line:before {top:0; bottom:0;}
[class^=conDiv_].line:after {top:0; bottom:0;}

.conDiv_2:before {left:50%;}
.conDiv_2:after {display:none;}
.conDiv_3:before {left:33.3333%;}
.conDiv_3:after {right:33.3333%;}
.conDiv_4:before {left:25%;}
.conDiv_4:after {right:25%;}*/

.conDiv {display:table; width:100%; margin-top:10px; margin-bottom:20px; padding:40px 0; background-color:#f8f8f8; table-layout:fixed; word-break:keep-all;}
.conDiv > li {display:table-cell; position:relative; padding:0 50px; border-left:1px solid #e0e0e0; vertical-align:top;}
.conDiv > li:first-child {border-left:0 !important;}
.conDiv .step {display:block; margin-bottom:10px; color:#2b64ce;}
.conDiv .tit {display:block; margin-bottom:12px; color:#333; font-size:18px; font-weight:700;}
.conDiv .desc {color:#666; font-size:16px;}
.conDiv .titH5 {margin-top:0;}

.conDiv.icoUse {margin-top:0;}
.conDiv.icoUse > li {padding:55px 30px 0;}
.conDiv.icoUse .tit {margin-bottom:30px;}
.conDiv.icoUse > li:before {content:''; position:absolute; top:0; left:30px; width:40px; height:40px; background:url(../img/pc/content/use_ico.png) no-repeat 0 0;}
.conDiv.icoUse .ars:before {background-position:-40px 0;}
.conDiv.icoUse .bank:before {background-position:-80px 0;}
.conDiv.icoUse .atm:before {background-position:-120px 0;}

.conDiv.extra {display:block;}
.conDiv.extra > li {display:block; padding:0 50px;}
.conDiv.icoUse.extra > li:before {left:50px; width:50px; height:50px; background-position:0 -40px;}
.conDiv.extra > li:after {display:block; content:''; clear:both;}
.conDiv.extra .tit {float:left; margin:0; padding:0 50px 0 70px; font-size:20px;}
.conDiv.extra .txtList_dash {float:left; width:600px; margin-top:5px;}
.conDiv.extra .txtList_dash:after {display:block; content:''; clear:both;}
.conDiv.extra .txtList_dash > li {float:left; margin:0 0 0 70px;}
.conDiv.extra .txtList_dash > li:first-child {margin-left:0;}


.spaceBlock.icoTermi {margin:0 -30px 50px;}
.spaceBlock.icoTermi .block{position: relative; padding: 0; background-color:#fff; }
.spaceBlock.icoTermi > li { padding:5px 30px 0; border-left: 1px solid #e0e0e0 !important;}
.spaceBlock.icoTermi > li:first-child {border-left: none !important;}
.spaceBlock.icoTermi .tit {margin-bottom:20px; text-align:center; }
.spaceBlock.icoTermi .tit span {display:inline-block; position:relative; padding-left:38px;}
.spaceBlock.icoTermi .tit span:before {content:''; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../img/pc/content/termi_ico.png) no-repeat 0 0;}
.spaceBlock.icoTermi .point .tit span:before {background-position:-30px 0;}
.spaceBlock.icoTermi .money .tit span:before {background-position:-60px 0;}
.spaceBlock.icoTermi .txtList_numL {margin-bottom:0; margin-left:-10px;}
.spaceBlock.icoTermi .btnArea { position:absolute; right:30px; bottom:25px; margin:0;}

.singLineMsg {margin:30px 0; padding:19px 20px 18px; background-color:#e2f3fc; color:#222; font-size:16px; text-align:center;}
.singLineMsg p {display:inline-block;}

.icoTermi + .singLineMsg {margin-bottom:0;}


/*================================================ 상단 Visual 영역 ================================================*/
.topVisualArea {width:100%; margin-bottom:70px; padding:0; background-color:#e2fdfe;}
.topVisualArea .pageTit {height:165px; padding-top:10px;}
.topVisualArea > .inner {position:relative; width:1080px; margin:0 auto; padding:20px 0 55px;}
.topVisualArea > .inner:after {content:''; clear:both; display:block;}


/* 금융 상단요약 영역 */
.sumConArea {width:1080px; margin:0 auto; padding-bottom:50px; text-align:center;}
[class^=sumList_] {display:inline-block; margin:0 -10px 15px;}
[class^=sumList_]:after {display:block; content:''; clear:both;}
[class^=sumList_] > li {float:left; padding:0 20px;}
[class^=sumList_] .inner {position:relative; height:280px; padding-top:45px; border-radius:6px; background-color:#fff;}
[class^=sumList_] .item {display:block; margin-bottom:25px; color:#222; font-size:18px;}
[class^=sumList_] .info {position:absolute; bottom:35px; left:0; width:100%; color:#222; font-size:18px; font-weight:700;}
[class^=sumList_] .val {display:inline-block; position:relative;}
[class^=sumList_] .val.full {max-width:90%;}
[class^=sumList_] .val em {display:inline-block; padding-right:2px; padding-bottom:2px; font-size:30px; letter-spacing:-0.06em;}
[class^=sumList_] .val + .val {margin-left:3px; padding-left:28px; background:url(../img/pc/common/ico_arrow2.png) no-repeat left bottom 16px;}
[class^=sumList_] .val .txt {display:block; margin-bottom:-5px; color:#888; font-size:13px;}
[class^=sumList_] .del:before {content:''; position:absolute; bottom:22px; left:0; width:100%; height:1px; background-color:#000;}
[class^=sumList_] .graphArea {display:inline-block; width:180px; height:40px; border:2px solid #222; border-radius:3px; background-color:#fff; font-size:0; text-align:left;}
[class^=sumList_] .graphArea .bar {display:inline-block; position:relative; width:0; height:36px; background-color:#7bf4d1;}
[class^=sumList_] .graphArea .bar:before {content:''; position:absolute; top:0; right:-2px; width:2px; height:36px; border-radius:0 2px 2px 0; background-color:#222;}
[class^=sumList_] .graphArea .txt {position:absolute; bottom:-27px; right:-25px; width:50px; color:#222; font-size:14px; text-align:center;}
[class^=sumList_] .graphArea .txt:before {content:''; position:absolute; top:-50px; left:50%; width:7px; height:4px; margin-left:-4px; background:url(../img/pc/content/lon_graph_ico.png) no-repeat 0 0;}
[class^=sumList_] .extra {height:280px; margin:0 -10px; text-align:left;}
[class^=sumList_] .extra .desc{display:table; width:100%;}
[class^=sumList_] .extra p {display:table-cell; height:205px; padding:0 0 10px 5px; color:#222; font-size:28px; line-height:1.4; vertical-align:middle;}
[class^=sumList_].hasBtn .inner {height:330px;}
[class^=sumList_] .inner .btnArea {margin:15px 0 5px;}

[class^=sumList_] [class*=icoLon_] {position:relative;}
[class^=sumList_] [class*=icoLon_]:before {content:''; position:absolute; top:93px; left:50%; width:70px; height:70px; margin-left:-35px; background:url(../img/pc/content/lon_sum_ico.png) no-repeat 0 0;}
.icoLon_lowest:before {background-position:-70px 0 !important;}
.icoLon_time:before {background-position:-140px 0 !important;}
.icoLon_money:before {background-position:-210px 0 !important;}
.icoLon_rate:before {background-position:-280px 0 !important;}
.icoLon_payRate:before {background-position:-350px 0 !important;}
.icoLon_period:before {background-position:-420px 0 !important;}
.icoLon_cash:before {background-position:-490px 0 !important;}

.sumList_2 > li {width:420px;}
.sumList_3 > li {width:320px;}
.sumList_4 > li {width:275px; padding:0 10px;}

.sumList_4 .inner.icoLon_rate .info {bottom:35px;}
.sumList_4 .inner.icoLon_rate .val .txt {font-size:11px;}
.sumList_4 .inner.icoLon_rate .val em {font-size:24px;}
.sumList_4 .inner.icoLon_rate .val + .val {margin-left:0; background-position:left bottom 13px;}

.sumConArea .stateCopy {padding-bottom:20px;}
.sumConArea .stateCopy p {width:800px; margin:0 auto; padding:43px 20px; background-color:#fff; color:#222; font-size:22px; line-height:1.5;}
.sumConArea .copyArea {width:1000px; margin:0 auto; padding:18px 0 35px; border-top:1px solid #afdddf;}
.sumConArea .copy {display:inline-block; padding-left:30px; background:url(../img/pc/content/lon_copy_ico1.png) no-repeat 0 3px; color:#222; font-size:22px;}
.sumConArea .txtList_guide2 {display:inline-block; margin:0;}
.sumConArea .btnArea {margin:20px 0 0;}

.totalSum .total.revolving{width: 300px; }
.totalSum .linkGroup.etc{display: inline-block;width: 550px;padding-left:5px;text-align: left;vertical-align: middle;}

/* 텍스트 라인 */
.txtLine {display:inline-block; position:relative; z-index:0;}
.txtLine:before {content:''; position:absolute; top:50%; left:0; width:100%; height:14px; background-color:#80dff7; z-index:-1;}
.txtLine.type2:before {margin-top:9px; height:5px; background-color:#7bf4d1;}

/* 상단링크 영역 */
.topLinkArea {border-bottom:1px solid #e0e0e0; background-color:#fff;}
.topLinkArea .inner {display:table; width:1080px; height:79px; margin:0 auto; font-size:0;}
.topLinkArea .txt {display:table-cell; padding:2px 20px 0 0; color:#333; font-size:20px; line-height:1.3; vertical-align:middle;}
.topLinkArea .linkArea {display:table-cell; padding-top:2px; text-align:center; vertical-align:middle; white-space:nowrap;}
.topLinkArea * + .linkArea {text-align:right;}
.topLinkArea [class^=link_] {display:inline-block; position:relative; padding-left:36px; color:#333; font-size:18px; line-height:28px; vertical-align:middle;}
.topLinkArea [class^=link_]:before {content:''; position:absolute; top:0; left:0; width:35px; height:30px;  background-image:url(../img/pc/content/toplink_ico.png?20210908000001); background-repeat:no-repeat; background-position:0 0;}
.topLinkArea [class^=link_] + [class^=link_] {margin-left:60px}
.topLinkArea .txt + .linkArea [class^=link_] + [class^=link_] {margin-left:30px}
.topLinkArea .link_lon2:before {background-position:-40px 0;}
.topLinkArea .link_lon3:before {background-position:-80px 0;}
.topLinkArea .link_lon4:before {background-position:-120px 0;}
.topLinkArea .link_lon5:before {background-position:-160px 0;}
.topLinkArea .link_lon6:before {background-position:-315px 0;}
.topLinkArea .link_lon7:before {background-position:-350px 0;}
.topLinkArea .link_lon8:before {background-position:-385px 0;}
.topLinkArea .link_lon9:before {background-position:-490px 0;}
.topLinkArea .link_lon10:before {background-position:-643px 0;}
.topLinkArea .link_login,
.topLinkArea .link_applyCard {padding:0 17px 0 40px; color:#2b64ce; font-size:20px; font-weight:bold;}
.topLinkArea .link_login:before {background-position:-535px 0;}
.topLinkArea .link_applyCard:before {background-position:-200px 0;}
.topLinkArea .link_login:after,
.topLinkArea .link_applyCard:after,
.topLinkArea .link_over:after {content:''; position:absolute; top:8px; right:0; width:7px; height:12px; background:url(../img/pc/common/ico_arrow3.png) no-repeat 0 0;}
.topLinkArea .link_crd1:before {background-position:-240px 0;}
.topLinkArea .link_crd2:before {background-position:-279px 0;}
.topLinkArea .link_over {padding:0 17px 0 40px; font-weight:bold;}
.topLinkArea .link_over:before {background-position:-605px 0;}

.topLinkArea.bgGrey {background-color:#f8f8f8;}

.topLinkArea [class^=link_crd] {font-weight:700;}
.topLinkArea .link_crd2:after {content:''; position:absolute; top:2px; left:-31px; width:1px; height:22px; background-color:#e0e0e0;}
.topLinkArea .link_crd2 .num {display:inline-block; height:20px; padding:0 10px; border-radius:10px; background-color:#2b64ce; color:#fff; font-size:12px; line-height:21px; vertical-align:middle;}
.topLinkArea .srchArea {display:table-cell; vertical-align:middle;}
.srchBar {display:inline-block; position:relative; width:430px; height:46px; border:1px solid #c8c8c8; border-radius:5px; background-color:#fff; text-align:left;}
.srchBar .ipt {width:380px; height:44px; border:none;}
.srchBar .btnIco_srch {position:absolute; top:2px; right:5px; width:40px; height:40px; background:url(../img/pc/content/btn_srch.png) no-repeat 0 0;}
.topLinkArea .txtList_guide2 {margin:18px 0 16px 10px; background-position:0 3px !important;}
.topLinkArea .consumerPortal {display:table-cell; color:#333; font-size:18px; font-weight:700; vertical-align:middle;}
.topLinkArea .consumerPortal .btn_l {margin-left:15px;}


/*================================================ 카드 ================================================*/
/* 카드상세 */
.topVisualArea[class*=card] {margin-bottom:25px;}
.topVisualArea[class*=card] .cardArea {display:table; width:685px; height:370px; table-layout:fixed;}
.topVisualArea[class*=card] .info {display:table-cell; padding-right:25px; vertical-align:middle;}
.topVisualArea[class*=card] .titH1 {font-size:36px; line-height:1.3;}
.topVisualArea[class*=card] .info .desc {margin-top:3px; color:#222; font-size:22px;}
.topVisualArea[class*=card] .anFee {padding:40px 0 0 70px; color:#222; font-size:14px;}
.topVisualArea[class*=card] .anFee:after {display:block; content:''; clear:both;}
.topVisualArea[class*=card] .anFee .btnTxt_anFee {position:relative; float:left; left:-70px; margin-top:2px; margin-right:-70px;}
.topVisualArea[class*=card] .anFee .txt {min-height:45px; padding-left:13px; border-left:1px solid #99b0b1; line-height:0;}
.topVisualArea[class*=card] .anFee .txt > div + div {padding-top:3px}
.topVisualArea[class*=card] .anFee span {display:inline-block; min-width:70px; padding:1px 0 0; line-height:1;}
.topVisualArea[class*=card] .anFee img {margin-left:5px; vertical-align:middle;}
.topVisualArea[class*=card] .cardArea .img {display:table-cell; position:relative; width:300px; text-align:center; vertical-align:middle;}
.topVisualArea[class*=card] .cardArea .cardImg {display:inline-block; position:relative; padding:35px 0;}
.topVisualArea[class*=card] .cardArea .cardImg img {max-width:300px; max-height:300px; border-radius:14px; overflow:hidden; box-shadow:15px 15px 20px rgba(22,39,77,0.25);}
.topVisualArea[class*=card] .cardArea .cardImg .btnIco_compare {position:absolute; top:50%; right:100%; margin:-19px -19px 0 0 !important;}
.topVisualArea[class*=card] .cardArea .by {position:absolute; right:0; bottom:0; left:0; color:#777; font-size:12px; text-align:right;}

.cardDetail > .inner:before {content:''; position:absolute; top:80px; left:735px; width:1px; height:260px; background-color:#cbe3e4;}
.cardDetail .cardLink {position:absolute; bottom:190px; left:765px;}
.cardDetail .cardLink > li {display:inline-block; width:153px; padding:0 15px; vertical-align:bottom;}
.cardDetail .link {display:block; position:relative; color:#333; font-size:14px; line-height:1.2; transition: transform 0.3s ease-in-out;}
.cardDetail .link .cardImg {display:block; padding-bottom:10px; vertical-align:bottom;}
.cardDetail .link .cardImg img {min-width: 78px; height: auto; max-width: 124px; max-height: 124px; border-radius:5px; overflow:hidden; box-shadow:7px 7px 7px rgba(22,39,77,0.15);}
.cardDetail .link span {display:inline-block; width:125px; line-height:1.3;}
.cardDetail .link .tit {transition: color 0.25s ease-out;}
.cardDetail .link .tit img {display:inline-block; padding:0 0 2px 2px; vertical-align:middle; opacity: 0; transition: opacity 0.25s ease-out;}
.cardDetail .link .desc {padding-top:5px; opacity: 0; transition: opacity 0.15s ease-out;}

.cardDetail .link.on {transform: translate(0,0) !important;}
.cardDetail .link.on .tit {color:#2b64ce;}
.cardDetail .link.on .tit img {opacity: 1;}
.cardDetail .link.on .desc {opacity: 1;}

.btnIco_compare {position:relative; width:38px; height:38px; margin-left:0 !important; border-radius:19px; background:#fff none; box-shadow:0 5px 10px rgba(22,39,77,0.25); line-height:38px; transition:width 0.2s ease-in-out;}
.btnIco_compare:before {display:inline-block; content:''; position:absolute; top:0; right:0; width:38px; height:38px; background:#fff url(../img/pc/content/btn_compare.png) no-repeat 0 0; z-index:2; transition:transform 0.2s ease-in-out;}
.btnIco_compare span {padding:0 35px 0 19px; color:#2b64ce; font-size:16px;}
.btnIco_compare:focus,
.btnIco_compare:hover {width:130px;}
.btnIco_compare:focus:before,
.btnIco_compare:hover:before {background-position:-38px 0; transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
.btnIco_compare:focus span,
.btnIco_compare:hover span {position:relative; width:130px; height:auto; margin:0; clip-path:none; z-index:1;}

.cardDetail .btnArea {position:relative; margin:30px 0 0;}
.cardDetail .btn_l.round {position:absolute; right:0; bottom:0; border:none; color:#222; font-weight:700;}
.cardDetail .btn_l.round .num {display:inline-block; height:20px; margin-left:2px; padding:0 10px; border-radius:10px; background-color:#2b64ce; color:#fff; font-size:12px; line-height:21px; vertical-align:middle;}
.cardDetail .topLinkArea .inner {height:auto;}

.fullBanerArea {margin:20px 0;}


/* 카드비교함 */
.compareBox {display:table; width:100%; border-top:1px solid #333; border-bottom:1px solid #e0e0e0; word-break:keep-all; table-layout:fixed;}
.compareBox > li {display:table-cell; width:297px; border-left:1px solid #e0e0e0; text-align:center; vertical-align:top;}
.compareBox .th {width:92px; border-left:none; background-color:#f8f8f8; color:#222;}
.compareBox .th .card {padding:0; line-height:320px;}
.compareBox .th .fee {padding:0; line-height:88px;}
.compareBox .th .benefit {padding:0; line-height:195px;}
.compareBox .card {min-height:320px; position:relative; padding:20px 20px 55px; border-bottom:1px solid #e0e0e0;}
.compareBox .cardImg {display:table; width:100%; height:124px;}
.compareBox .cardImg .inner {display:table-cell; vertical-align:middle;}
.compareBox .cardImg .img {display:inline-block; position:relative;}
.compareBox .cardImg img {max-width:124px; max-height:124px; border-radius:5px;}
.compareBox .card .tit {margin:16px 0 11px; color:#333; font-size:20px; font-weight:700; line-height:1.2;}
.compareBox .card .btnArea {position:absolute; right:0; bottom:20px; left:0; margin:0;}
.compareBox .card .btnIco_del {position:absolute; top:-10px; right:-13px; width:26px; height:26px; margin:0; border:1px solid #c9c9c9; border-radius:50%; background:#fff url(../img/pc/common/btn_del.png) no-repeat center center;}
.compareBox .fee {min-height:105px; padding:8px 20px; border-bottom:1px solid #e0e0e0; vertical-align:middle;}
.compareBox .fee > .inner {display:table-cell; width:300px; height:73px; text-align:center; vertical-align:middle;}
.compareBox .fee .info {padding:1px 0; text-align:left;}
.compareBox .fee .brand {display:inline-block; min-width:50px; vertical-align:middle;}
.compareBox .fee .money {display:inline-block; padding:1px 0 0 5px; line-height:1.2; vertical-align:middle;}
.compareBox .benefit {min-height:195px; padding:10px 10px 0 20px; }

/* 카드상세 Sticky */
.crdQuick {position: fixed; left:0; right:0; bottom: 0; height:60px; background-color:#3a434f; color:#fff; z-index: 1001; transition: bottom 0.3s ease-in-out;}
.crdQuickWrap {position:relative; width:1080px; padding:7px 0; margin:0 auto;}
.crdQuickWrap img {max-width: 70px; max-height: 46px; width: auto; height: auto; vertical-align: middle; border-radius:5px;}
.crdQuickWrap .crdName {margin-left: 15px; font-size: 18px;}
.crdQuickWrap .btnArea {position: absolute; top:13px; right: 0; margin:0; padding:0;}
.crdQuickWrap [class*=btn_] {height: 34px; min-width:0; line-height: 32px; font-size: 14px;}
.crdQuickWrap .btn_p.request {background-color: #7af0f5; color:#222;}
.crdQuickWrap .btn_p.request:hover,
.crdQuickWrap .btn_p.request:focus {background-color: #aff6f9;}
.crdQuickWrap .btn_l.list {padding-left:35px; padding-right:15px; background:#fff url(../img/pc/content/ico_list.png) no-repeat 15px center;  color:#2b64ce}
.crdQuickWrap .close {position:absolute; right:0; top:-26px; width: 82px; height: 26px; background: url(../img/pc/content/btn_crd_detail.png) no-repeat 0;}
.crdQuickWrap .close:after {content: ''; position:absolute; top:12px; left:35px; width: 14px; height: 8px; background: url(../img/pc/content/ico_crd_detail_arrow.png) no-repeat 0; transition: transform 0.15s ease-in-out} 
.crdQuick.off {bottom: -60px;}
.crdQuick.off .close:after {transform: rotate(-180deg); -ms-transform: rotate(-180deg);}

/********* 카드형 배너 *********/
.crdVisualArea {width:100%; margin-bottom:70px; overflow:hidden;}
.crdVisualArea .pageTit {height:171px; padding-top:30px;}
.crdVisualArea .titH1 {color:#fff; transform:translate(0,140px); -ms-transform:translate(0,140px)}
.crdVisualArea .desc {color:#fff; font-size:18px; margin:3px 0; transform:translate(0,-20px); -ms-transform:translate(0,-20px); opacity: 0}
.crdVisualArea .crdImg_left {position:absolute; top:-365px; left:-215px; transform:rotate(-25deg); -ms-transform:rotate(-25deg);}
.crdVisualArea .crdImg_right {position:absolute; top:150px; right:-160px; transform:rotate(25deg); -ms-transform:rotate(25deg);}
.crdVisualArea .topLinkArea {position:relative;}

html.ready .crdVisualArea .titH1 {animation: cardTit 0.65s 0.7s forwards; animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) ;}
html.ready .crdVisualArea .desc {animation: cardSubTit 0.8s 1.25s forwards; animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) ;}
html.ready .crdVisualArea .crdImg_left {animation: cardLeft 0.85s 0.9s forwards; animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 
html.ready .crdVisualArea .crdImg_right {animation: cardRight 0.85s 1s forwards; animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 

@keyframes cardTit {
	100%{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes cardSubTit {
	100%{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); opacity: 0.9}
}
@keyframes cardLeft {
	100%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:-265px; left:-155px;}
}
@keyframes cardRight {
	100%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); top:0; right:-110px;}
}

/* NU */
.crdVisualArea.nu {background:url(../img/pc/content/NU_crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #890f85 50%, #9a2596 50%);}
/* DINERS CLUB */
.crdVisualArea.diners {background:url(../img/pc/content/DINERS_crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #890f85 50%, #9a2596 50%);} 
/* 신용카드 */
.crdVisualArea.credit {background:url(../img/pc/content/credit_crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #562ea5 50%, #5a31bb 50%);}
/* 체크카드 */
.crdVisualArea.check {background:url(../img/pc/content/check_crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #0c8c60 50%, #239656 50%);}
/* 제휴카드 */
.crdVisualArea.partner {background:url(../img/pc/content/partner_crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #8c0c17 50%, #a02530 50%);}
/* 공공/정부지원카드 */
.crdVisualArea.government {background:url(../img/pc/content/government_crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #049099 50%, #12ada5 50%);}
/* 모바일전용카드 */
.crdVisualArea.onlymobile {background:url(../img/pc/content/onlymobile_crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #d34c3e 50%, #d45342 50%);}

/* vvip 카드 */
.crdVisualArea.vvip {background:url(../img/pc/content/crdvisual_vvip.png) no-repeat 50% 0, linear-gradient(to right, #20489b 50%, #1e49a7 50%);}
/* 프리미엄 카드 */
.crdVisualArea.premium {background:url(../img/pc/content/crdvisual_premiun.png) no-repeat 50% 0, linear-gradient(to right, #1857b4 50%, #196bc8 50%);}
/* 카드의 정석 */
.crdVisualArea.card {background:url(../img/pc/content/crdvisual_card.png) no-repeat 50% 0, linear-gradient(to right, #049099 50%, #12ada5 50%);}
/* 포인트형 카드 */
.crdVisualArea.point {background:url(../img/pc/content/crdvisual_point.png) no-repeat 50% 0, linear-gradient(to right, #2593d8 50%, #32b3dd 50%);}
.crdVisualArea.point2 {background:url(../img/pc/content/crdvisual_point2.png) no-repeat 50% 0, linear-gradient(to right, #0093c3 50%, #0ca4c4 50%);}
/* 할인형 카드 */
.crdVisualArea.discount {background:url(../img/pc/content/crdvisual_discount.png) no-repeat 50% 0, linear-gradient(to right, #d34c3e 50%, #d45342 50%);}
.crdVisualArea.discount2 {background:url(../img/pc/content/crdvisual_discount2.png) no-repeat 50% 0, linear-gradient(to right, #69b547 50%, #66c140 50%);}
/* 혜택별 카드 */
.crdVisualArea.benefit {background:url(../img/pc/content/crdvisual_benefit.png) no-repeat 50% 0, linear-gradient(to right, #562ea5 50%, #5a31bb 50%);}
/* 체크 카드 */
.crdVisualArea.check {background:url(../img/pc/content/crdvisual_check.png) no-repeat 50% 0, linear-gradient(to right, #0c8c60 50%, #239656 50%);}
/* 온라인 카드 */
.crdVisualArea.online {background:url(../img/pc/content/crdvisual_online.png) no-repeat 50% 0, linear-gradient(to right, #64453d 50%, #70401c 50%);}
/*친구에게 카드추천*/
.crdVisualArea.friend {background:url(../img/pc/content/crdvisual_friend.png) no-repeat 50% 0, linear-gradient(to right, #64453d 50%, #70401c 50%);}

/* 기업 - 프리미엄 카드 */
.crdVisualArea.enPremium {background:url(../img/pc/content/crdvisual_en_premium.png) no-repeat 50% 0, linear-gradient(to right, #1857b4 50%, #196bc8 50%);}
/* 기업 - 일반 카드 */
.crdVisualArea.enNormal {background:url(../img/pc/content/crdvisual_en_normal.png) no-repeat 50% 0, linear-gradient(to right, #3a4750 50%, #4f5d67 50%);}
/* 기업 - 전용/특화 카드 */
.crdVisualArea.enSpecial {background:url(../img/pc/content/crdvisual_en_special.png) no-repeat 50% 0, linear-gradient(to right, #00848c 50%, #11aaa2 50%);}
/* 기업 - 체크 카드 */
.crdVisualArea.enCheck {background:url(../img/pc/content/crdvisual_en_check.png) no-repeat 50% 0, linear-gradient(to right, #546d82 50%, #6787a1 50%);}

/*** ie9 ***/
/* NU */
.crdVisualArea.nu {background:url(../img/pc/content/NU_crdvisual_card.png) no-repeat 50% 0;}
/* DINERS CLUB */
.crdVisualArea.nu {background:url(../img/pc/content/DINERS_crdvisual_card.png) no-repeat 50% 0;}
/* 신용카드 */
.crdVisualArea.credit {background:url(../img/pc/content/credit_crdvisual_card.png) no-repeat 50% 0;}
/* 체크카드 */
.crdVisualArea.check {background:url(../img/pc/content/check_crdvisual_card.png) no-repeat 50% 0;}
/* 제휴카드 */
.crdVisualArea.partner {background:url(../img/pc/content/partner_crdvisual_card.png) no-repeat 50% 0;}
/* 공공/정부지원카드 */
.crdVisualArea.government {background:url(../img/pc/content/government_crdvisual_card.png) no-repeat 50% 0;}
/* 모바일전용카드 */
.crdVisualArea.onlymobile {background:url(../img/pc/content/onlymobile_crdvisual_card.png) no-repeat 50% 0;}
/* ESG상품카드 */
.crdVisualArea.esgprd {background:url(../img/pc/content/esgprd_crdvisual_card.png) no-repeat 50% 0;}
/* vvip 카드 */
.ie9 .crdVisualArea.vvip {background:url(../img/pc/content/crdvisual_vvip.png) no-repeat 50% 0;}
/* 프리미엄 카드 */
.ie9 .crdVisualArea.premium {background:url(../img/pc/content/crdvisual_premiun.png) no-repeat 50% 0;}
/* 카드의 정석 */
.ie9 .crdVisualArea.card {background:url(../img/pc/content/crdvisual_card.png) no-repeat 50% 0;}
/* 포인트형 카드 */
.ie9 .crdVisualArea.point {background:url(../img/pc/content/crdvisual_point.png) no-repeat 50% 0;}
.ie9 .crdVisualArea.point2 {background:url(../img/pc/content/crdvisual_point2.png) no-repeat 50% 0;}
/* 할인형 카드 */
.ie9 .crdVisualArea.discount {background:url(../img/pc/content/crdvisual_discount.png) no-repeat 50% 0;}
.ie9 .crdVisualArea.discount2 {background:url(../img/pc/content/crdvisual_discount2.png) no-repeat 50% 0;}
/* 혜택별 카드 */
.ie9 .crdVisualArea.benefit {background:url(../img/pc/content/crdvisual_benefit.png) no-repeat 50% 0;}
/* 체크 카드 */
.ie9 .crdVisualArea.check {background:url(../img/pc/content/crdvisual_check.png) no-repeat 50% 0;}
/* 온라인 카드 */
.ie9 .crdVisualArea.online {background:url(../img/pc/content/crdvisual_online.png) no-repeat 50% 0;}

/* 기업 - 프리미엄 카드 */
.ie9 .crdVisualArea.enPremium {background:url(../img/pc/content/crdvisual_en_premium.png) no-repeat 50% 0;}
/* 기업 - 일반 카드 */
.ie9 .crdVisualArea.enNormal {background:url(../img/pc/content/crdvisual_en_normal.png) no-repeat 50% 0;}
/* 기업 - 전용/특화 카드 */
.ie9 .crdVisualArea.enSpecial {background:url(../img/pc/content/crdvisual_en_special.png) no-repeat 50% 0;}
/* 기업 - 체크 카드 */
.ie9 .crdVisualArea.enCheck {background:url(../img/pc/content/crdvisual_en_check.png) no-repeat 50% 0;}

/*================================================ 금융 ================================================*/
.lonGraphList > li {padding-top:50px;}
.lonGraphList > li:first-child {padding-top:0;}
.lonGraphList > li:after {display:block; content:''; clear:both;}
.lonGraphList .info {float:left; width:620px;}
.lonGraphList .info .tit {margin-bottom:5px; color:#333; font-size:18px; font-weight:700;}
.lonGraphList .graphImg {float:right; width:370px; padding-left:40px;}

/* 신청 정보 */
.appliInfoBox {margin-bottom:50px; border:1px solid #e0e0e0;}
.appliInfoBox > .appliInfo {display:table; width:100%; padding:35px 40px;}
.appliInfo > .inner {display:table-cell; vertical-align:bottom;}
.appliInfo > .btnArea {display:table-cell; margin:0; text-align:right; vertical-align:bottom;}
.appliCopy .copy {margin-bottom:10px; color:#222; font-size:20px; font-weight:700; line-height:1.3}
.appliCopy .name {display:inline-block; position:relative; padding-left:23px; background:url(../img/pc/content/lon_copy_ico2.png) no-repeat 2px 3px;}
.appliInfo .guideList {margin:0;}
.appliInfo .guideList > li {width:50%; padding:12px 30px 5px 85px;}
.appliInfo .guideList .icoImgR {left:-85px; width:66px; height:66px; margin-right:-85px;}
.appliInfo .guideList .tit {margin-top:3px; color:#666; font-weight:400;}
.appliInfo .guideList .val {display:inline-block; color:#222;}
.appliInfo .guideList .val em {font-size:24px; font-weight:700;}
.appliInfo .guideList .val + .val {padding-left:41px; background:url(../img/pc/common/ico_arrow2.png) no-repeat 9px 10px;}
.appliInfoBox .icoStepBox {padding:40px 30px 45px; margin:0; border:none; border-top:1px dashed #e0e0e0;}

.appliInfoBox.lon {position:relative; margin-bottom:55px; border:1px solid #c8c8c8; background-color:#f8f8f8;}
.appliInfoBox.lon:before {content:''; position:absolute; bottom:-6px; right:-1px; left:-1px; height:5px; background-color:#f8f8f8;}
.appliInfoBox.lon > .appliInfo {padding-right:15px;}
.appliInfoBox.lon .appliCopy {display:table-cell;}
.appliInfoBox.lon .guideList {display:table-cell; width:630px; text-align:right;}
.appliInfoBox.lon .guideList > li {width:33.3333%; padding-right:10px; text-align:left;}


.blockList {margin:0 -12px -12px; font-size:0;}
.blockList > li {display:inline-block; padding:12px; font-size:16px; vertical-align:top;}
.blockList .block {display:inline-block; position:relative; width:100%; padding:19px 10px; border:1px solid #e4e4e4; border-radius:10px; background-color:#fff; text-align:center; overflow:hidden;}
.blockList a.block:hover {border-color:#2b64ce; box-shadow:0 0 10px rgba(0,0,0,0.15);}

/* 포인트조회/신청 */
.pointGoods {margin:0 -12px;}
.pointGoods > .blockList {display:table; width:100%; margin:0 auto; table-layout:fixed;}
.pointGoods > .blockList > li {display:table-cell; padding:0 12px; color:#333; font-size:16px;}
.pointGoods .block {height:158px; margin:0; padding:100px 10px 0; background-color:#f9f9f9;}
.pointGoods .block:before {content:''; position:absolute; top:40px; left:50%; width:44px; height:44px; margin-left:-22px; background:url(../img/pc/content/pointGoods_ico.png) no-repeat 0 0;}
.pointGoods .tit {padding:0 !important; line-height:1.5 !important;}
.pointGoods .on {border-color:#2b64ce; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.pointGoods a.block:hover {background-color:#fff; box-shadow:none;}
.pointGoods .on:before,
.pointGoods a.block:hover:before {background-position:0 -50px;}
.pointGoods .ssgif:before {background-position:-50px 0;}
.pointGoods .ssgif.on:before,
.pointGoods a.ssgif:hover:before {background-position:-50px -50px;}
.pointGoods .hotel:before {background-position:-100px 0;}
.pointGoods .hotel.on:before,
.pointGoods a.hotel:hover:before {background-position:-100px -50px;}
.pointGoods .trave:before {background-position:-150px 0;}
.pointGoods .trave.on:before,
.pointGoods a.trave:hover:before {background-position:-150px -50px;}
.pointGoods .onnur:before {background-position:-200px 0;}
.pointGoods .onnur.on:before,
.pointGoods a.onnur:hover:before {background-position:-200px -50px;}
.pointGoods .golf:before {background-position:-250px 0;}
.pointGoods .golf.on:before,
.pointGoods a.golf:hover:before {background-position:-250px -50px;}


/* 이의(사고보상)신청 */
.objecTbl td {padding:25px 30px 23px;}
.objecTbl .th {background-color:#fff !important; color:#333; font-size:18px; font-weight:700;}
.objecTbl .th img {margin-right:15px; vertical-align:middle;}
.objecTbl .links {font-size:16px;}

.lineList.reason .tit{font-weight:600;}
.lineList.reason .tit p{margin:0 0 0 30px; font-weight:normal; font-size: 16px;}
.lineList.reason .bg{padding-left:55px;}
.lineList.reason .iptGroup.half li{width:49%;}
.lineList.reason .vertical{margin-top:10px; padding-left:30px;}
.lineList.reason .vertical.noMargin{margin-top:0px;}

/* 카드번호 검색 */
.srchTab {position:relative; margin-bottom:15px; padding:40px; border:1px solid #333; z-index:1; box-shadow:5px 6px 5px rgba(0,0,0,0.12);}
.srchTab [class*=titH] {margin-top:0;}
.srchTab td > * {margin:0;}
.srchTab .tabList {display:block; margin:0 0 30px 0; font-size:0;}
.srchTab .tabList > li {display:inline-block; margin:0; padding:0 19px 15px 19px; font-size:16px; color:#696969; font-weight:700; border-bottom:1px solid #d9d9d9;}
.srchTab .tabList > li > span:not(.blind) {position:relative; padding-left:25px;}
.srchTab .tabList > li > span:not(.blind):before {content:''; position:absolute; top:3px; left:0; width:16px; height:12px; background:url(../img/pc/common/ico_checkbox_srchtab.png) no-repeat 0 0;}
.srchTab .tabList > li.on:after {content:''; position:absolute; left:0; right:0; bottom:-1px; border-bottom:3px solid #22e3a6; z-index:1;}
.srchTab .tabList > li.on > span {color:#2b64ce;}
.srchTab .tabList > li.on > span:before {background-position:0 -12px;}
.srchTab .tblInfo {position:absolute; width:auto; top:30px; right:40px; margin-top:-10px; text-align:right;}
.srchTab .tblInfo .info,
.srchTab .tblInfo .bbsSort {float:none; display:block; margin-top:10px;}
.srchTab .bbsSrchBox {margin:35px 0 0 0; padding:20px 10px; white-space:nowrap; border-top:1px solid #f8f8f8;}
.srchTab .bbsSrchBox .iptGroup.iptBtn {margin-right:5px;}
.srchTab .bbsSrchBox input.ipt {width:350px;}
.srchTab .bbsSort {margin:0;}
.srchTab .bbsSort li + li:before {margin-top:-10px;}
.srchTab .bbsSort .ipt:checked + label:before {top:0;}
.srchTab .tableX th {padding:17px 5px 15px 5px; background-color:#f8f8f8; color:#333; text-align:center; border-left: 1px solid #e0e0e0;}
.srchTab .tableX td {height:50px; padding:5px; border-left: 1px solid #e0e0e0;}
.srchTab .tableX tr:first-child th, .formTbl .srchTab .tableX tr:first-child td {border-top:none;}
.srchTab .tableX tr:hover td {background-color:#ecfeff;}
.srchTab .tableX td .btn_l {border:1px solid #2b64ce; background-color:#fff; color:#2b64ce;}
.srchTab .tableX td .btn_l:hover,
.srchTab .tableX td .btn_l:focus {background-color:#2b64ce; color:#fff;}
.srchTab .tableX td .btn_l + p {margin-top:5px;}
.srchTab .paging {margin-top:20px;}
.srchTab .paging ul {margin:0;}
.srchTab .badge {display:inline-block; position:relative; margin-right:3px; padding:0 1px; font-size:12px; color:#333; background-color:#f8f8f8; border:1px solid #e0e0e0;}
.srchTab .tblInfo .info > span, .srchTab .bbsSort .ipt + label, .srchTab .tableX th, .srchTab .tableX td {font-size:13px;}
.srchArrow {position:relative; margin-top:10px; z-index:2;}
.srchArrow > span {position:absolute; overflow: hidden; border-width:0; width:20px; height:9px; top:-7px; left:46px; border-bottom:1px solid #fff; z-index:2; opacity:0;}
.srchArrow > span:after {content:''; display:block; position:absolute; width:12px; height:12px; left:0; top:3px; text-align:center; background:#fff; transform:rotate(45deg); -ms-transform:rotate(45deg); border:1px solid #333;}
.on ~ tr .srchArrow > span {opacity:1;}
.formTbl .srchTab {margin:0 0 0 1px;}
.formTbl .srchArrow {margin-top:0;}
.formTbl .srchArrow:before {content:''; position:absolute; top:-1px; left:0; right:0; border-top:1px solid #fff;}
.formTbl .on ~ tr .srchArrow > span {left:46px;}
.srchBox .accoTbl .accoBodyWrap .accoBody {margin:0 10px;}

/* lineList */
.lineList {border-top:1px solid #333;}
.lineList > li {padding:0; border-bottom:1px solid #e0e0e0;}
.lineList .bg, .lineList .tit {padding:26px 30px 24px 30px;}
.lineList .tit {font-size:18px; color:#333;}
.lineList .bg {border-top:1px solid #eee; background-color:#f8f8f8;}
.lineList .iptGroup {margin-top:-5px;}
.lineList + .consentWrap {margin-top:30px;}

/* eventThum */
.eventThum {margin-top:30px; text-align:center;}
.eventThum a {display:inline-block;}
.eventThum .tit {width:344px; margin:10px auto 0; color:#222; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/*================================================ 상단 풀 배너 ================================================*/
section.full .topLinkArea [class^=link_evt] {font-weight:700;}
section.full .topLinkArea [class^=link_evt] + [class^=link_evt]:after {content:''; position:absolute; top:2px; left:-31px; width:1px; height:22px; background-color:#e0e0e0;}
section.full .topLinkArea [class^=link_evt] .num {display:inline-block; height:20px; padding:0 10px; border-radius:10px; background-color:#2b64ce; color:#fff; font-size:12px; line-height:21px; vertical-align:middle;}
section.full .topLinkArea [class^=link_evt]:before {width:30px;}
section.full .topLinkArea .link_evt1:before {background-position:-420px 0;}
section.full .topLinkArea .link_evt2:before {background-position:-455px 0;}
section.full .topLinkArea .link_evt3:before {background-position:-570px 0;}
section.full .topLinkArea .linkArea {text-align:right;}

.fullBanner .swiperWrap .swiper-controls {width:1080px; margin:0 auto; padding:0 47px;}
.fullBanner .bnnItem .inner,
.fullBanner .bnnItem > a {display:block; width:1080px; margin:0 auto;}
.fullBanner .bnnItem > a .inner {width:100%;}
.fullBanner .largeArrow .btnPrev {left:50%; margin-left:-620px;}
.fullBanner .largeArrow .btnNext {right:50%; margin-right:-620px;}

.bnnItem {position:relative; text-align:center; height:315px; background-repeat:no-repeat; background-position:center;}
.bnnItem .inner {position:relative; display:block; height:250px; padding:50px; box-sizing:border-box; text-align:left;}
.bnnItem .tit {position:relative; display:block; margin-bottom:15px; font-size:28px; color:#222; z-index:1;}
.bnnItem .desc {position:relative; font-size:16px; color:#333; font-weight:700; z-index:1;}
.bnnItem .img {position:absolute; bottom:0; right:0;}
.bnnItem .date {position:absolute; bottom:50px; left:50px;}
.eventView_body .bnnItem .inner {height:auto; min-height:270px; margin-bottom: 50px;}
.eventView_body .bnnItem .img img {max-height:270px;}
.asisData #dtlBnnImg {position: static; text-align:center;}
.eventView_body:not(.asisData) .bnnItem {background-color: #f1f1f1; margin-bottom: 40px;}
.eventView_body.asisData .bnnItem {height: auto;}
.eventView_body.asisData .bnnItem .inner {height:auto; padding-top:10px; margin-bottom: 0;}

[class*=Main] .fullBanner .bnnItem .tit {margin-bottom:10px; font-size:36px; line-height:1.3;}
[class*=Main] .fullBanner .bnnItem .desc {font-size:18px; font-weight:normal;}
[class*=Main] .fullBanner .bnnItem.card .img {position:absolute; top:50%; bottom:auto; right:65px; width:300px; text-align:center; transform:translateY(-50%); -ms-transform:translateY(-50%);}
[class*=Main] .fullBanner .bnnItem.card .img img {max-width:300px; max-height:300px; border-radius:10px; overflow: hidden; box-shadow:13px 13px 15px rgba(22,39,77,0.175);}
[class*=Main] .fullBanner .swiperWrap .swiper-controls {bottom:37px;}

.cardMain .fullBanner .bnnItem .inner {height:315px; padding:75px 365px 50px 50px;}
.bnfMain .fullBanner .bnnItem .inner {height:315px;}


/*================================================ 이벤트 리스트 ================================================*/
/* 진행중인 이벤트 full banner */
.swiperWrap.eventBanner,
.swiperWrap.eventBanner .slideList > li,
.swiperWrap.eventBanner .bnnItem {height:250px;}
.swiperWrap.eventBanner .swiper-controls {bottom:27px;}

.eventList {border-top:1px solid #333; background-color:#fff;}
.eventList > li {position:relative; border-bottom:1px solid #e0e0e0; font-size:16px; color:#333; line-height:1.4;}
.eventList a {display:block; padding:50px 30px 50px 435px;}
.eventList a:after {content:''; display:block; clear:both;}

.eventImg {position:relative; float:left; width:344px; height:190px; margin-left:-405px; overflow: hidden;}
.eventImg > img:not(.evtIco) {position: absolute; left: 50%; width: auto; height: 190px; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.eventImg .evtIco {position:absolute; top:0; right:15px;}
.eventImg .evtIco.vclub {right:68px;}
.eventImg .evtIco.vclub:last-child {right:15px;}
/* 삭제예정 line */.eventImg .pick {position:absolute; top:0; right:15px;}
.eventImg.end:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.4);}
.eventInfo {float:left; width:100%;}
.eventInfo .contWrap {max-height:90px; overflow:hidden;}
.eventInfo .tit {display:block; display:-webkit-box; max-height:57px; color:#222; font-size:22px; font-weight:700; line-height:1.4; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.eventInfo .desc {display:block; display:-webkit-box; /*min-height:50px;*/ max-height:50px; margin-top:10px; color:#666; line-height:1.5; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.eventInfo .date {margin-top:15px; line-height:1;}
.eventInfo .info + .date {position:absolute; top:55px; right:30px; margin-top:0;}
.eventInfo .date + .info {position:absolute; bottom:60px;}
.eventInfo .badgeArea {display:block; height: 37px; padding-right:200px; font-size:0; overflow:hidden;}
.eventInfo .badgeArea [class^=eventBadge] {margin-bottom:13px; }
.eventInfo .info {margin-top:20px;}
.eventInfo .info span {display:inline-block; margin-right:15px;}
.eventInfo .btn_p {display:none;}

[class^=eventBadge] {display:inline-block; height:24px; margin:0 4px 4px 0; padding:0 10px; border-radius:3px; background-color:#333; color:#fff; font-size:12px; font-weight:700; letter-spacing:-0.05em; line-height:22px; vertical-align:middle; overflow:hidden;}
.eventBadge1 {background-color:#508ae6;}
.eventBadge2 {background-color:#0079AB;}
.eventBadge3 {background-color:#A46600;}
.eventBadge4 {background-color:#e1488c;}
.eventBadge5 {background-color:#048282;}
.eventBadge6 {background-color:#5d43cb;}
.eventBadge7 {background-color:#e80163;}
.eventBadge8 {background-color:#ec6e3c;}
.eventBadge9 {background-color:#45c16b;}

.eventList.card {position:relative; margin:0 -12px; padding-top:50px; font-size:0; border:none;}
.eventList.card:before, .eventList.card:after {content:''; position:absolute; top:0; left:12px; right:12px; border-top:1px solid #333;}
.eventList.card:after {top:auto; bottom:0; border-top:none; border-bottom:1px solid #c8c8c8;}
.eventList.card > li {display:inline-block; width:33.3333%; height:385px; padding:0 12px 50px; border:none; vertical-align:top; overflow: hidden;}
.eventList.card a {position:relative; padding:0; height:335px;}
.eventList.card .eventImg,
.eventList.card .eventInfo {float:none; padding:0;}
.eventList.card .eventImg {width:100%; height:185px; margin:0 0 20px 0; border-radius:0; transition: border-radius 0.1s linear; transition-delay: 0.15s; overflow: hidden;}
.eventList.card .eventImg .pick {top:0; right:15px;}
.eventList.card .contWrap {max-height:none;}
.eventList.card .tit {height:51px; margin-bottom:15px; font-size:18px; -webkit-line-clamp:2;}
.eventList.card .desc {display:none;}
.eventList.card .date {position:absolute; top:auto; right:0; bottom:3px; left:0; margin:0;}
.eventList.card .date > span {width:100%; text-align:left;}
.eventList.card .badgeArea {padding-right:0;}
.eventList.card .info {display:none;}
.eventList .over {display:none; position:absolute; top:0; left:0; width:100%; height:335px; padding:39px 39px 80px; border:1px solid #c8c8c8; border-radius:12px; background-color:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.15); overflow:hidden; transform:translate(0,120%); -ms-transform:translate(0,120%); transition: all 0.3s ease-in-out; z-index: 2}
.eventList .over .contWrap {max-height:170px; overflow:hidden;}
.eventList .over .tit {display:block; height:auto;}
.eventList .over .desc {display:block; display:-webkit-box; max-height:70px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:3;}
.eventList .over .date {display:none; left:39px; bottom:39px;}
.eventList .over .badgeArea {height:auto; margin-right:-4px; margin-bottom:12px;}
.eventList .over .btn_p {position:absolute; bottom:39px; right:39px; display:inline-block; width:auto;}
.eventList.card .over {display:block;}
.eventList.card a:hover .over, 
.eventList.card a:focus .over {transform:translate(0,0); -ms-transform:translate(0,0);}
.eventList.card a:hover .eventImg,
.eventList.card a:focus .eventImg {border-radius: 14px;}
.eventList.card.noLine {padding:0;}
.eventList.card.noLine:before,
.eventList.card.noLine:after {display:none;}
.eventList.card.noLine > li {height:335px;}
.eventList .eventImg{background-color:#f1f1f1;}
.eventList .eventImg.dimm:after {content:"";position:absolute;display:block;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);width:100%;height:100%;}


/*================================================ 이벤트 상세 ================================================*/
/* 이벤트 상세 - head */
.eventView_head {display:table; width:1080px; margin:0 auto 40px; padding:35px 0; border-top:1px solid #1a1a1a; border-bottom:1px solid #e0e0e0; table-layout:fixed;}
.eventView_head > .inner {display:table-cell; vertical-align:middle;}
.eventView_head > .snsBtn {display:table-cell; width:200px; text-align:right; vertical-align:middle;}
.eventView_head .tit {color:#222; font-size:20px; font-weight:700; line-height:1.4;}
.eventView_head .tblInfo {margin:8px 0 0;}

[class^=btnIco_sns] {display:inline-block; width:40px; height:40px; margin-left:5px; border-radius:50%; background-repeat:no-repeat !important; background-position:center center !important;}
.btnIco_snsFb {background:#3a5c9a url(../img/pc/common/sns_facebook.png);}
.btnIco_snsTw {background:#3aa3f6 url(../img/pc/common/sns_twitter.png);}
.btnIco_snsUrl {border:1px solid #c9c9c9; background:#fff url(../img/pc/common/sns_url.png);}

/* 이벤트 상세 - body */
.eventView_body {width:1080px; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #ccc;}
.eventView_body .btnArea {margin:50px 0;}
.eventView_body .guideBox.extra {margin:50px 0;}
.eventView_body .titH4 {margin-top:0;}
.eventView_body .eventCate {position:relative; margin-right:26px;}
.eventView_body .eventCate:after {content:''; position:absolute; top:1px; right:-16px; bottom:3px; border-right:1px solid #ddd;}

.eventCont {margin:25px 0 30px 0;}
.eventCont > li,
.eventCont dl {display:table; width:100%; margin-top:10px;}
.eventCont > li > div,
.eventCont > li dd {display:table-cell; vertical-align:top; line-height:1.8;}
.eventCont > li > div.th,
.eventCont > li dt {position:relative; display:table-cell; width:172px; padding-left:15px; color:#333; font-weight:700;}
.eventCont > li > div.th:before,
.eventCont > li dt:before {position:absolute; content:''; top:11px; left:0; width:4px; height:4px; border-radius:50%; background-color:#666;}
.eventCont > li > div [class^=table] {margin-top:35px;}
.eventCont > li dl [class^=table] {width:100% !important; margin-top: 0;}
.eventCont > li dl br + [class^=table] {margin-top: 15px;}

.eventForm {border-top:1px solid #333;}
.eventForm > li {display:table; width:100%; border-bottom: 1px solid #e0e0e0;}
.eventForm > li > div {display:table-cell; padding:15px 10px 15px 20px; vertical-align:middle; box-sizing:border-box;}
.eventForm > li > div.th {width:185px; padding:25px 0 20px 20px; font-size:18px; font-weight:700; color:#222;}

.eventForm > li > div .dateWrap, 
.eventForm > li > div .iptWrap, 
.eventForm > li > div .keypad, 
.eventForm > li > div [class^=set], 
.eventForm > li > div select.ipt, 
.eventForm > li > div [type=email].notDel, 
.eventForm > li > div [class^=btn_].m {margin:5px 7px 5px 0;}

.eventForm > li > div .setHalf .iptWrap, 
.eventForm > li > div .setHalf .dateWrap {margin:0;}

.btnTxt_urlGo {min-width:auto !important; border:1px solid #546d82 !important; color:#333; font-size:16px !important; vertical-align:middle;}
.btnTxt_urlGo:after {content:''; display:inline-block; width:12px; height:12px; margin:-2px 0 0 7px; background:url(../img/pc/common/ico_blank.png) no-repeat 0 0; vertical-align:middle;}
.btnTxt_urlGo.s {border-color:#c8c8c8 !important; line-height:32px;}

/* 목표달성이벤트 */
.conBlockList.conMath {margin-top:3px; margin-bottom:25px;}
.conBlockList.conMath > li {text-align:center;}
.conBlockList.conMath > li:not(:first-child) {border-left:1px dashed #e0e0e0;}
.conBlockList.conMath > li:not(:first-child):after {content:''; position:absolute; top:50%; left:-15px; width:30px; height:30px; margin-top:-15px; border-radius:50%; background:#546d82 url(../img/pc/content/event_goal_plus.png) no-repeat center center; z-index:1;}
.conBlockList.conMath > li:last-child:after {background:#546d82 url(../img/pc/content/event_goal_equal.png) no-repeat center center;}
.conBlockList.conMath > li .icoImg {margin:22px 0 8px 0;}
.conBlockList.conMath > li .tit {display:block; margin-bottom:0px;}
.conBlockList.conMath > li .desc {color:#333; line-height:1.5;}
.conBlockList.conMath > li .icoImg ~ .desc {min-height:48px;}
.conBlockList.conMath > li .money {display:block; color:#222; font-size:24px; font-weight:700;}
.conBlockList.conMath.arrow > li {border:none;}
.conBlockList.conMath.arrow > li:not(:first-child):after {top:auto; bottom:35px; margin:0; background:url(../img/pc/content/event_arrow_ico.png) no-repeat center center;}
.conBlockList.conMath.arrow > li .icoImg {margin-top:0;}

.eventSelArea {margin:20px -12px 30px -12px;}
.eventSel {display:table; width:100%; table-layout:fixed;}
.eventSel > li {display:table-cell; padding:0 12px !important;}
.eventSel label {width:100%; height:180px; padding:34px 0 5px 0 !important; border:1px solid #eee; border-radius:9px; background-color:#f9f9f9; text-align:center;}
.eventSel label:before {display:none !important;}
.eventSel label:hover {background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.eventSel .ipt:focus + label {text-decoration:none !important;}
.eventSel .ipt:checked + label {border-color:#2b64ce; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.eventSel .ipt:checked + label:after {content:''; position:absolute; left:50%; bottom:-8px; width:14px; height:14px; margin-left:-7px; border-right:1px solid #2b64ce; border-bottom:1px solid #2b64ce; background-color:#fff; box-sizing:border-box; transform:rotate(45deg); -ms-transform:rotate(45deg); z-index:1;}
.eventSel .icoImg {display:block; margin-bottom:17px;}
.eventSel .tit {color:#333; font-size:16px; font-weight:700;}
.eventSel .desc {margin-top:7px; font-size:14px;}
.eventSel .ipt:checked + label .tit {color:#2b64ce;}
.eventSel .ipt:checked + label .desc {color:#222; font-weight:700;}
.eventSel .ipt[disabled] + label > * {opacity:0.6;}

table.tabCaled.event td {position:relative; padding:20px 0 0 20px;}
table.tabCaled.event td:before {content:none !important;}
table.tabCaled.event td strong {position:relative; width:auto; height:auto; color:#222; line-height:normal; background:none; border-radius:0;}
table.tabCaled.event td strong:after {content:''; position:absolute; top:-34px; left:50%; width:72px; height:34px; margin-left:-31px; background:url(../img/pc/content/event_ico_start.png) no-repeat center center;}
table.tabCaled.event td strong.today:after {width:62px; background:url(../img/pc/content/event_ico_today.png) no-repeat center center;}
table.tabCaled.event td .attend {position:absolute; top:10px; left:40px; height:70px;}
table.tabCaled.event td .old {color:#c8c8c8;}

.eventTxtInfo {position:relative; display:block; overflow:hidden;}
.eventTxtInfo > span {display:inline-block; position:relative; margin-right:20px; padding-right:20px; color:#222; font-size:18px; font-weight:700; vertical-align:middle;}
.eventTxtInfo > span:before {content:''; position:absolute; top:4px; bottom:5px; left:-21px; width:1px; background-color:#e0e0e0;}

.eventStamp {margin:-20px -10px 0 -10px;}
.eventStamp:after {content:''; clear:both; display:block;}
.eventStamp > li {float:left; display:table; width:10%; padding:20px 10px 0 10px; box-sizing:border-box; vertical-align:top;}
.eventStamp > li .block {position:relative; display:table-cell; height:82px; background:url(../img/pc/content/event_bg_stamp1.png) no-repeat center center; font-size:18px; font-weight:700; line-height:1; text-align:center; vertical-align:middle; box-sizing:border-box;}
.eventStamp > li .block .rel {z-index:1;}
.eventStamp > li.on .block {color:#2b64ce; background:url(../img/pc/content/event_bg_stamp2.png) no-repeat center center;}
.eventStamp > li.take .block {padding-top:8px; font-size:15px;}
.eventStamp > li.on.take .block {background:url(../img/pc/content/event_bg_stamp3.png) no-repeat center center;}
.eventStamp > li.takeItem .icon {position:absolute !important; left:0; right:0; bottom:-10px; font-size:12px; letter-spacing:-1px; height:24px; line-height:22px; background-color:#fff; border:1px solid #ddd; border-radius:24px; overflow:hidden; box-sizing:border-box;}
.eventStamp > li.takeItem.on .block {background:url(../img/pc/content/event_bg_stamp4.png) no-repeat center center;}
.eventStamp > li.takeItem.on .icon {top:-10px; left:auto; bottom:auto; width:40px; height:40px; padding-top:5px; color:#fff; line-height:1.2; border-radius:50%; background-color:#2b64ce; border-color:transparent;}

.eventMission .tit {font-size:16px; line-height:1.5;}
.eventMission .finish {position:absolute; top:10px; right:10px;}
.eventMission [class^=btn_].m {min-width:114px;}
.eventGraphBox {padding-top:50px; border:1px solid #e0e0e0;}
.eventGraphBox .limitGraph {position:relative; display:block; width:100%; padding:40px 60px; margin:0;}
.eventGraphBox .limitGraph .graphArea {height:34px; margin:0 0 50px 0; border-radius:5px 0 0 5px; overflow:visible;}
.eventGraphBox .limitGraph .graphArea .bar {height:34px; border-radius:5px 0 0 5px;}
.eventGraphBox .limitGraph .graphArea .txt {top:-57px; left:50%; right:auto; padding:0 10px; transform:translateX(-50%); -ms-transform:translateX(-50%); white-space:nowrap; border:1px solid #333; background-color:#fff; color:#222; font-size:14px; line-height:28px; font-weight:700; text-align:center; z-index:5;}
.eventGraphBox .limitGraph .graphArea .txt:after {content:''; position:absolute; left:50%; bottom:-5px; width:8px; height:8px; margin-left:-4px; border-right:1px solid #333; border-bottom:1px solid #333; background-color:#fff; box-sizing:border-box; transform:rotate(45deg); -ms-transform:rotate(45deg); white-space:nowrap; z-index:1;}
.eventGraphBox .limitGraph .graphArea .bar.ok .txt {left:100%; width:68px; width:90px; margin-left:-90px; transform:none; -ms-transform:none;}
.eventGraphBox .limitGraph .graphArea .bar.ok .txt:after {left:auto; right:-2px; bottom:-3px; width:8px; height:4px; border-right:none; transform:rotate(32deg); -ms-transform:rotate(32deg);}
.eventGraphBox .limitGraph .graphArea .bar.ok .txt:before {content:''; position:absolute; right:-1px; bottom:-5px; height:10px; border-left:1px solid #333; z-index:2;}
.eventGraphBox .limitGraph .graphInfo {position:absolute; top:40px; left:60px; right:60px; text-align:left; z-index:1;}
.eventGraphBox .limitGraph .graphInfo .line {position:absolute; top:0; left:0; display:inline-block; height:34px; padding-top:50px; vertical-align:top;}
.eventGraphBox .limitGraph .graphInfo .line:before {content:''; position:absolute; top:0; right:0; height:34px; border-right:1px dashed #000;}
.eventGraphBox .limitGraph .graphInfo .line.ok:before {border-right:1px dashed #e80163;}
.eventGraphBox .limitGraph .graphInfo .line:after {content:''; position:absolute; top:40px; right:-5px; border-top:5px solid #000; border-bottom:none; border-left:5px solid transparent; border-right:5px solid transparent;}
.eventGraphBox .limitGraph .graphInfo .line.ok:after {right:0; border-top-color:#e80163;border:none;}
.eventGraphBox .limitGraph .graphInfo .line > span {position:absolute; top:-22px; right:0; white-space:nowrap; font-size:14px; line-height:1.3; text-align:right;}
.eventGraphBox .limitGraph .graphInfo .line > span.date {top:-45px; left:50%; right:auto; transform:translateX(-50%); -ms-transform:translateX(-50%); font-size:13px; text-align:center;}
.eventGraphBox .limitGraph .graphInfo .line.ok > span {color:#e80163; text-align:right;}
.eventGraphBox .limitGraph .graphInfo .line > .useSum {position: absolute; left: 50%; width: 200px; margin-left: -100px;font-size:14px; line-height:1.3; text-align:center;}
.eventGraphBox .limitGraph .graphInfo .line > .useSum em{position: absolute; right: 77px; }



.eventGraphBox .titArea {margin-bottom:30px; text-align:center;}
.eventGraphBox .titArea .tit {color:#333; font-size:24px; font-weight:700;}
.eventGraphBox .titArea .desc {display:block; padding:0;}
.eventGraphBox.compleSum{background:url(../img/pc/content/img_pollen.png) no-repeat 100% 0;}

/*================================================ 댓글 ================================================*/
.commentArea {width:1080px; margin:50px auto 0;}
.commentArea .comWrite {margin-bottom:50px;}
.comWrite .inner {position:relative; padding-right:90px; border:1px solid #c8c8c8; border-radius:4px; overflow:hidden;}
.comWrite textarea {min-height:80px; border:none; resize:none;}
.comWrite button {position:absolute; top:0; right:0; bottom:0; width:90px; background-color:#2b64ce; color:#fff;}
.writebyte {display:block; margin-bottom:7px;}
.comTotal {margin-bottom:7px;}
.commentList {border-top:1px solid #1a1a1a;}
.commentList > li {border-bottom:1px solid #e0e0e0;}
.commentList .block {display:table; width:100%; padding:20px 20px 17px; table-layout:fixed;}
.commentList .block > div {display:table-cell; vertical-align:top;}
.commentList .user {width:200px; color:#999; font-size:14px;}
.commentList .user .name {display:block; color:#333; font-weight:700;}
.commentList .btnArea {width:150px; margin:0; text-align:right;}
.commentList [class*=btn_].s {min-width:65px; border-radius:16px;}
.commentList .comment {width:auto;}
.commentList .comment .btnArea {width:auto; margin-top:15px;}

.eventComment {position:relative; padding:30px 30px 30px 180px; background-color:#f8f8f8;}
.eventComment .titH4 {position:absolute; top:30px; left:40px;}


/*================================================ heo ================================================*/
/* 이용내역 달력 제목 */
.calendMon {width:400px;position:relative;padding:0 60px;margin:0 auto 40px;}
.calendMon span {font-size:28px;color:#222;font-weight:bold;text-align:center;display:block;}
.calendMon button {width:32px;height:32px;position:absolute;top:50%;margin-top:-16px;background:url(../img/pc/content/btn_calendar.png) no-repeat 0 0;}
.calendMon button span {font-size:0;}
.calendMon button.btnPrev {left:0;;background-position:0 0;}
.calendMon button.btnPrev.off {left:0;;background-position:0 100%;}
.calendMon button.btnNext {right:0;background-position:100% 0;}
.calendMon button.btnNext.off {background-position:100% 100%;}
/* 이용내역 달력 */
table.tabCaled {border-top:1px solid #333;border-bottom:1px solid #c8c8c8;}
table.tabCaled th {color:#222;padding:20px 0;border-bottom:1px solid #c8c8c8;;}
table.tabCaled th:hover {border-bottom:1px solid #2b64ce;;}
table.tabCaled tbody tr:first-child td {border:0;}
table.tabCaled td {border-top:1px solid #f2f2f2;color:#222;padding:20px 14px 0;text-align:left;height:111px;vertical-align:top;position:relative;z-index:10;;}
table.tabCaled td a {position: absolute; bottom:14px; right: 14px;text-align:right;font-weight:bold;}
table.tabCaled td span.numCal {position:relative; display:block; color:#5b8ada; font-size:16px; line-height:1.1; text-decoration:underline;}
table.tabCaled td em {display:block; margin-top:8px; font-size:14px; line-height:1.1; color:#222;}
table.tabCaled td:before {content:''; background-color:transparent;border:1px solid transparent;position:absolute;top:0;left:0;right:0;bottom:0;;width:100%;height:110px;z-index:-1;box-sizing:border-box;}
table.tabCaled td:hover:before {background-color:#ecfeff;border:1px solid #2b64ce;}
table.tabCaled td.sun {color:#2b64ce;}
table.tabCaled td strong {display: inline-block; width: 38px; height: 38px; margin-top:-7px; border-radius: 50%; background-color: #2b64ce; color: #fff; line-height: 38px; text-align: center;}


/*================================================ 배너 ================================================*/
/* 회원가입 */
.cardPick {display:table; width:100%; margin-bottom:30px; padding:40px 0 35px 40px; border:1px solid #e0e0e0;}
.cardPick:after {display:block; content:''; clear:both;}
.cardPick .tit {display:table-cell; width:240px; border-right:1px solid #e0e0e0; color:#333; vertical-align:middle;}
.cardPick .tit p {margin-top:10px;}
.cardPick ul {display:table-cell; padding-left:20px; font-size:0; vertical-align:top;}
.cardPick ul:after {display:block; content:''; clear:both;}
.cardPick ul > li {display:inline-block; width:255px; padding:0 10px; font-size:14px; text-align:center; vertical-align:top;}
.cardPick .cardImg {display:block;}
.cardPick .cardImg img {max-width:124px; max-height:124px;}
.cardPick .name {display:block; margin:15px 0 3px; color:#222; font-size:16px; font-weight:700;}

/* 좌우 배너 */
.banerArea {display:table; width:100%; table-layout:fixed;}
.banerArea > li {display:table-cell; width:50%; vertical-align:top;}
.banerArea .inner {display:block; position:relative;}

/* 회원가입 */
.crdRecomBaner > li {background-color:#e2f3fc;}
.crdRecomBaner > li:first-child {border-right:12px solid #fff;}
.crdRecomBaner > li:last-child {border-left:12px solid #fff;}
.crdRecomBaner .inner {padding:35px 180px 35px 40px; color:#222;}
.crdRecomBaner .inner:after {content:''; position:absolute; bottom:0; right:0; width:0; height:0; border-top:100px solid transparent; border-right:300px solid #d2f2fb; z-index:0;}
.crdRecomBaner .inner:before {content:''; position:absolute; top:38px; right:60px; width:75px; height:75px; background:url(../img/pc/content/baner_mmb_ico.png) no-repeat 0 0; z-index:1;}
.crdRecomBaner .baner_custom:before {background-position:-75px 0;}
.crdRecomBaner a {display:inline-block; position:relative; margin-top:5px; padding-right:13px; color:#2b64ce;}
.crdRecomBaner a:after {content:''; position:absolute; top:50%; right:0; left:auto; width:6px; height:10px; margin-top:-6px; border:none; background:url(../img/pc/common/ico_arrow4.png) no-repeat 0 0;}

/* 로그인 - 보안 */
.securBaner > li {background-color:#f8f8f8;}
.securBaner > li:first-child {border-right:20px solid #fff;}
.securBaner > li:last-child {border-left:20px solid #fff;}
.securBaner .inner {padding:35px 20px 35px 140px; color:#888;}
.securBaner .inner:after {display:block; content:''; clear:both;}
.securBaner .icoImg {position:relative; float:left; left:-100px; width:80px; margin-right:-100px;}
.securBaner .tit {display:inline-block; position:relative; padding-right:17px; color:#333; font-weight:700;}
.securBaner .tit:after {content:''; position:absolute; top:50%; right:0; left:auto; width:7px; height:12px; margin-top:-7px; border:none; background:url(../img/pc/common/ico_arrow3.png) no-repeat 0 0;}
.securBaner .desc {margin-top:5px; font-size:14px;}


/*================================================ 나에게 꼭 맞는 카드 찾기. no round border hash tag (H1CRD212S01) ================================================*/
/*.resultBox {margin:0 0 40px; padding:30px 10px; background-color:#f2f2f2; text-align:center;}
.resultBox .txt {color:#222; font-size:24px;}*/


/*================================================ 혜택 기프트(바우처)신청조회 (H1BNF203S02) ================================================*/
.giftCard {margin:-10px -10px 0; font-size:0;}
.giftCard li {display:inline-block; width:20%; padding:15px 10px; text-align:center; vertical-align:top;}
.giftCard .cardImg {display:block;}
.giftCard .cardImg img {max-width:175px; max-height:175px;}
.giftCard .tit {display:block; margin-top:10px; font-size:16px;}

/* 포인트 기부 */
.bbsList.pointDnt li {display:table; width:100%;}
.bbsList.pointDnt a {display:inline-table; width:900px;}
.bbsList.pointDnt .tit {margin-top:8px;}
.bbsList.pointDnt .bbs_badge {background-color:#2b64ce}
.bbsList.pointDnt p {margin-top:2px;}
.bbsList.pointDnt .btnArea {display:table-cell; width:180px; margin:0;}

.pointDntOzt {display:table; width:100%; table-layout:fixed;}
.pointDntOzt > .img {display:table-cell; width:300px; padding-top:10px; vertical-align:top;}
.pointDntOzt > .img img {width:250px; height:auto;}
.pointDntOzt > .cont {display:table-cell; vertical-align:top;}
.pointDntOzt .btnArea {margin:0; text-align:left;}


/*================================================ 도시가스사 List ================================================*/
.localList {border-top:1px solid #333;}
.localList > li {padding:10px 0; border-bottom:1px solid #e0e0e0;}
.localList .tit {display:block; margin-bottom:5px; color:#222;}
.localList .tit a {display:inline-block; margin-left:5px; color:#333; font-weight:700;}
.localList p {position:relative; padding-left:15px; font-size:14px;}
.localList p:before {content:''; position:absolute; top:10px; left:0; width:5px; height:1px; background-color:#000;}


/*================================================ pointList ================================================*/
/*.pointList {overflow:hidden;}
.pointList ul {margin:-12px;}
.pointList ul:after {display:block; content:''; clear:both;}
.pointList li {float:left; width:33.3333%; padding:12px;}

.pointBox {position:relative; width:100%; height:180px; padding:35px 40px; border-radius:7px; background-color:#f8f8f8;}
.pointBox .tit {display:block; color:#222; font-size:20px; line-height:1.2;}
.pointBox .date {font-size:14px;}
.pointBox .point {position:absolute; right:40px; bottom:25px; color:#2b64ce; font-size:18px;}
.pointBox .point em {display:inline-block; padding-right:3px; font-size:30px; letter-spacing:-0.06em;}*/


/*================================================ 세부업종설정 ================================================*/
.induSetArea:after {display:block; content:''; clear:both;}
.induSetArea .txtList_remark {margin-top:0;}
.induSetArea .induBlock {float:left; width:46%;}
.induSetArea .induBlock:last-child {float:right;}
.induSetArea .induBlock .ipt {width:295px;}
.induSetArea .gridArea {height:200px;}
.induSetArea .induSetting {position:absolute; bottom:40px; left:46%; width:8%; text-align:center;}
.induSetArea [class^=btnIco_set] {width:47px; height:47px; margin:3px 0; border:1px solid #546d82; border-radius:5px; background:url(../img/pc/content/btn_induSet.png) no-repeat 0 0;}
.induSetArea .btnIco_setLeft {margin:20px; background-position:-45px 0 !important;}


/*================================================ 카드신청 (H1CRD101S03) ================================================*/
.cardSelVisual {padding:30px 60px; background-color:#f8f8f8;}
.cardSelVisual > .inner {display:table; height:124px;}
.cardSelVisual .cardImg {display:table-cell; width:165px; padding-right:40px; text-align:center; vertical-align:middle;}
.cardSelVisual img {max-width:124px; max-height:124px;}
.cardSelVisual .info {display:table-cell; vertical-align:middle;}
.cardSelVisual p {margin:5px 0; color:#333; font-size:22px; font-weight:700; line-height:1.5;}
.cardSelVisual .badge_cash {display:inline; padding:0; background-color:transparent; color:#2b64ce; font-size:16px;}
.cardSelVisual .desc p {font-size:16px; font-weight:400;}
.cardSelVisual .cardInfo {margin-top:1px;}
.cardSelVisual .cardInfo > span {display:inline-block; position:relative; color:#333;}
.cardSelVisual .cardInfo > span + span {margin-left:10px; padding-left:15px;}
.cardSelVisual .cardInfo > span + span:before {content:''; position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background-color:#ccc;}
.cardSelVisual .cardInfo > button {margin-left:15px;}
.cardSelVisual .desc p + button {margin-left:0;}
.cardSelVisual .txtList_guide {margin:20px -60px; padding:40px 60px 0; border-top:1px solid #e0e0e0;}

.cardSelMsg .accoHead .accoBtn {padding:15px; background-color:#e2f3fc; text-align:center;}
.cardSelMsg .accoHead .accoBtn:before {content:none;}
.cardSelMsg .accoHead .accoBtn:after {content:''; display:inline-block; width:14px; height:8px; margin:-2px 0 0 20px; background:url(../img/pc/common/btn_acco_crd.png) no-repeat center center; vertical-align:middle; transition:transform 0.25s;}
.cardSelMsg .accoItem.on .accoBtn:after {transform:rotate(180deg); -ms-transform:rotate(180deg);}
.cardSelMsg .accoBody {border:1px solid #e0e0e0;}
.cardSelMsg .accoBody .inner {position:relative; margin:0 40px; padding:35px 0;}
.cardSelMsg .accoBody .conBlockList + .inner {border-top:1px solid #f0f0f0;}
.cardSelMsg .conBlockList {margin:0; border:none;}

.iptBtn.card .ipt + label {min-width:182px; height:164px; line-height:164px;}
.iptBtn.card .ipt + label .imgWrap {display:inline-block;}
.iptBtn.card .ipt + label .imgWrap img {max-width:124px; max-height:124px; vertical-align:middle;}

.iptBtn.logo .ipt + label {min-width:114px; height:60px; padding-top:0; line-height:60px;}
.iptBtn.logo .ipt + label .desc {display:block; margin-top:10px;}
.iptBtn.logo[class*=div_] .ipt + label {min-width:182px; height:90px; line-height:normal;}
.iptBtn.logo[class*=div_] .ipt + label .logoWrap {margin-top:18px;}
.iptBtn.logo.div_3 {width:544px;}

.logoWrap {display:inline-block; line-height:23px;}
.logoWrap img {vertical-align:middle; margin-top:-2px;}

/* 주요제휴페이 */
.payGroup {font-size:0;}
.payGroup .iptGroup.mainPay {position:relative; margin-left:60px; padding-left:60px;}
.payGroup .iptGroup.mainPay:before {content:''; position:absolute; top:50%; left:0; width:1px; height:67px; margin-top:-23px; background-color:#e0e0e0;}
.payGroup .iptGroup.mainPay .ipt + label {text-decoration:none; line-height:normal; box-sizing:border-box;}
.payGroup .iptGroup.mainPay .logoWrap img {vertical-align:top;}
.payGroup .iptGroup.mainPay .logoWrap {padding-top:10px;} 
.payGroup .iptGroup.mainPay .logoWrap + .payTit {color:#666; font-size:14px; display:block;} 

/* 제휴페이 추가에 따른 css 수정*/
#cardInfoArea .payGroup .iptGroup.mainPay {position:static; margin-left:0px; padding-left:0px;}
#cardInfoArea .payGroup .iptGroup.mainPay:before {display:none}

/* 본인계좌 확인 */
.depoHistory {margin:25px 0 30px; padding:37px 0 40px; border:1px solid #e0e0e0; background-color:#f8f8f8;}
.depoHistory > .inner {display:table; margin:0 auto;}
.depoHistory .account {display:table-cell; text-align:left; vertical-align:middle;}
.depoHistory .money {display:table-cell; padding-left:60px; text-align:right; vertical-align:middle;}
.depoHistory .tit {display:block; margin-bottom:2px; padding-left:10px; color:#333; font-size:14px;}
.depoHistory .num {display:inline-block; padding-top:2px; color:#2b64ce; font-size:30px; font-weight:700; line-height:1.2;}
.depoHistory .account .num {padding-right:7px; padding-left:5px; border:2px solid #e8010c;}
.depoHistory .account .txt {display:inline-block; padding-left:7px; font-size:14px; font-weight:700; vertical-align:bottom;}

/*================================================ 서비스정보(서브) ================================================*/
.servInfoBox {display:table; width:100%; padding:45px 50px 48px 50px; background-color:#e2fdfe; color:#333;}
.servInfoBox > .inner {display:table-cell; vertical-align:top;}
.servInfoBox > .inner .img {padding:15px 0 8px;}
.servInfoBox .tit {display:inline-block; color:#222; font-size:24px; font-weight:700; line-height:1.4;}
.servInfoBox .desc {line-height:1.6;}
.servInfoBox .desc .links {margin:0 !important;}
.servInfoBox .tit ~ .desc {margin-top:9px;}
.servInfoBox .desc ~ .tit {margin-top:5px;}
.servInfoBox [class^=txtList_] {margin:10px 0 0;}
.servInfoBox [class^=txtList_] > li {margin-top:5px;}
.servInfoBox .txtList_dash {font-size:14px;}
.servInfoBox .btnArea {margin:22px 0 5px -5px; text-align:left;}
.servInfoBox > .icoImg {display:table-cell; padding:5px 30px 5px 0; text-align:right; vertical-align:bottom;}
.servInfoBox > .certiCopy {display:table-cell;}

.servInfoBox.sub {background-color:#f8f8f8;}
.servInfoBox .icoImgR {background-color:#fff;}

.servInfoBox.pb0 > .icoImg {padding-bottom:0;}

.servInfoBox.payService{padding:80px 70px 0 80px;}
.servInfoBox.payService > .icoImg{padding: 0;}

.feeLogoGroup {padding:20px 0 0;}
.feeLogoGroup img {margin-right:25px;}

/*================================================ 납부서비스 ================================================*/
.payAutoBox {margin-bottom:50px; border:1px solid #e0e0e0;}
.payAutoBox > .inner {display:table; position:relative; width:100%; height:160px; padding:0 55px 0 160px;}
.payAutoBox > .inner:before {content:''; position:absolute; top:50%; left:60px; width:80px; height:70px; margin-top:-35px; background:url(../img/pc/content/payAuto_img.png) no-repeat 0 0;}
.payAutoBox.kt .inner:before {background-position:0px 0;}
.payAutoBox.university .inner:before {background-position:-80px 0;}
.payAutoBox.lease .inner:before {background-position:-160px 0;}
.payAutoBox.elect .inner:before {background-position:-240px 0;}
.payAutoBox.gasFee .inner:before {background-position:-320px 0;}
.payAutoBox.social .inner:before {background-position:-400px 0;}
.payAutoBox.school .inner:before {background-position:-480px 0;}
.payAutoBox.apt .inner:before {background-position:-560px 0;}
.payAutoBox.tax .inner:before {background-position:-640px 0;}
.payAutoBox.localTax .inner:before {background-position:-720px 0;}

.payAutoBox .infoCon {display:table-cell; vertical-align:middle;}
.payAutoBox .infoCon .tit {display:block; color:#222; font-size:24px; font-weight:700;}
.payAutoBox .infoCon p {margin-top:10px;}
.payAutoBox .btnArea {display:table-cell; width:25%; margin:0; text-align:right; vertical-align:middle; white-space:nowrap;}
.payAutoBox .btnArea [class^=btn_] {min-width:90px;}
.payAutoBox .singLineMsg {margin:0;}
.payAutoBox .singLineMsg p {display:block;}


/*================================================ 통합혜택조회 H1BNF203S01 ================================================*/
.benefitInfo {padding:50px 60px 60px; border:1px solid #e0e0e0;}
.benefitInfo .conDiv {height:200px; margin-bottom:0; padding:0;}
.benefitInfo .conDiv > li {padding:0 10px; border-left:none; text-align:center; vertical-align:middle;}
.benefitInfo .conDiv > li:before {content:''; position:absolute; top:40px; bottom:40px; right:0; width:1px; height:120px; background-color:#e0e0e0;}
.benefitInfo .conDiv > li:first-child:before,
.benefitInfo .conDiv > li:last-child:before {display:none;}
.benefitInfo .conDiv .item {display:block; position:relative; color:#222; font-size:20px; font-weight:700;}
.benefitInfo .conDiv .val { position:relative;color:#666; font-size:16px; line-height:24px;}
.benefitInfo .state {position:relative; padding-top:113px !important; background-color:#546d82; vertical-align:top !important;}
.benefitInfo .state:after {content:''; position:absolute; top:40px; left:50%; width:60px; height:60px; margin-left:-30px; background:url(../img/pc/content/img_benefit_possible1.png) no-repeat 0 0;}
.benefitInfo .state .item {color:#7bf4d1;}
.benefitInfo .state .val {color:#fff;}
.benefitInfo .fail .state:after {background-position:-60px 0;}
.benefitInfo .fail .state .item {color:#ffa6cc;}
.benefitInfo .conDiv button {line-height:1.5;}
.benefitInfo .conDiv button .val {padding-right:12px; background:url(../img/pc/common/ico_arrow3.png) no-repeat right center;}
.benefitInfo .total {padding:20px 0; border:1px solid #e0e0e0; border-top:none; color:#222; text-align:center;}
.benefitInfo .total:after {display:block; content:''; clear:both;}
.benefitInfo .msg {display:table; height:92px; margin:0 auto; padding:0 25px; color:#222; font-size:18px;}
.benefitInfo .msg > span {display:table-cell; padding-right:40px; background:url(../img/pc/content/img_benefit_possible2.png) no-repeat right center; text-align:left; vertical-align:middle;}
.benefitInfo .fail .msg > span {background:url(../img/pc/content/img_benefit_possible3.png) no-repeat right center;}
.benefitInfo .amount {float:right; position:relative; width:40%; padding-top:10px; border-left:1px solid #e0e0e0; color:#222; vertical-align:middle;}
.benefitInfo .amount:before {content:''; position:absolute; top:50%; left:-6px; width:10px; height:10px; margin-top:-5px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; background-color:#fff; box-sizing:border-box; transform:rotate(45deg); -ms-transform:rotate(45deg); z-index:0;}
.benefitInfo .money {display:block; color:#2b64ce; font-size:18px;}
.benefitInfo .money em {display:inline-block; padding-right:3px; font-size:36px; letter-spacing:-0.06em;}

/* 나의등급/혜택 */
.membership {display:table; width:100%; height:150px; background:#5b7088 url(../img/pc/content/membership_bg.png) no-repeat center top;}
.membership > .inner {display:table-cell; text-align:center; vertical-align:middle;}
.membership a {display:inline-block; width:1080px; padding:48px 0;}
.membership .copy {display:inline-block; position:relative; padding:5px 0 5px 125px; background-repeat:no-repeat; background-position:-10px center; color:#fff; font-size:28px;}
.membership .copy .small {display:inline-block; padding-left:10px; font-size:18px;}
.membership .copy .arrow {padding-right:77px; background:url(../img/pc/common/ico_arrow13.png) no-repeat right center;}
.membership .copy .small.arrow {background-position:right 4px;}
.membership .icoImg {position:absolute; top:-43px; left:0;}
.membership[class*=mbLevel] .copy {padding:8px 0 8px 80px; background-position: 0 4px; background-size: 56px; image-rendering: -webkit-optimize-contrast;}
.mbLevelVvip {background-color:#3f4857;}
.mbLevelVip {background-color:#718090;}
.mbLevelPlatinum {background-color:#339fc0;}
.mbLevelGold {background-color:#9e7d43;}
.mbLevelVvip .copy {background-image:url(../img/pc/content/mblevel_ico_vvip.png);}
.mbLevelVip .copy {background-image:url(../img/pc/content/mblevel_ico_vip.png);}
.mbLevelPlatinum .copy {background-image:url(../img/pc/content/mblevel_ico_platinum.png);}
.mbLevelGold .copy {background-image:url(../img/pc/content/mblevel_ico_gold.png);}
.mbLevelBasic .copy{padding-left: 0 !important;}
.vclubBnfInfo .btn_bnfrq{position: absolute; right: 0; bottom: 0;}

.mbLevelPt {background-color:#5b7088;}
.mbLevelDm {background-color:#a8a8a8;}
.mbLevelGd {background-color:#b4964e;}
.mbLevelEr {background-color:#5badc6;} 

.icoStepBox.myLevel {padding:40px 0 0;}
.myLevel .icoStepList {width:auto; margin:0 auto 30px;}
.myLevel .icoStepList > li {width:170px;}
.myLevel .icoStepList > li:first-child {width:120px;}
.myLevel .icoStepList > li:before {top:41px; margin-left:-66px;}
.myLevel .icoStepList .icoImgR {width:100px; height:100px; opacity:0.25;}
.myLevel .icoStepList .tit {color:#999;}
.myLevel .icoStepList .on .icoImgR {opacity:1;}
.myLevel .icoStepList .on .tit {color:#222;}
.myLevel .myStatus {position:relative; padding:80px 35px 40px; background-color:#f8f8f8; color:#666; font-size:14px;}
.myLevel .myStatus:after {display:block; content:''; clear:both;}
.myLevel .myStatus .date {float:left;}
.myLevel .myStatus .item {float:right;}
.myLevel .myStatus .val {position:absolute; top:38px; right:35px; color:#2b64ce; font-size:18px;}
.myLevel .myStatus .val em {display:inline-block; padding-right:3px; font-size:30px;}
.myLevel .myStatus .copy {position:absolute; top:43px; left:35px; color:#222; font-size:20px;}

/* 혜택 - 정부지원사업 */
.bnfMainBlockList {margin-top:13px; background-color:#e2fdfe;}
.bnfMainBlockList:after {content:''; clear:both; display:block;}
.bnfMainBlockList > li {position:relative; float:left; width:33.3333%; padding:46px 40px 41px; text-align:center;}
.bnfMainBlockList > li:nth-child(even):before {content:''; position:absolute; top:50px; left:10px; bottom:50px; width:1px; background-color:#c8c8c8;}
.bnfMainBlockList > li:nth-child(even):after {content:''; position:absolute; top:50px; right:10px; bottom:50px; width:1px; background-color:#c8c8c8;}
.bnfMainBlockList .block {display:inline-block; padding:0 0 0 75px; text-align:left;}
.bnfMainBlockList .icoImg {position:relative; float:left; left:-75px; margin-right:-75px; padding-top:5px;}
.bnfMainBlockList .tit {display:block; color:#222; font-size:18px; font-weight:700;}
.bnfMainBlockList .arrow {margin:0; color:#8c8b8b; font-size:14px; background: url(../img/pc/common/ico_arrow4.png) no-repeat right 0px top 8px;}

/* 혜택 - 정부지원사업 산후조리경비 사용처 조회 */
.momCareMchSearchForm .iptRegion{width: 200px;}
.momCareMchSearchForm [class*=txtList_] > li{background-position-y: 5px;}
.momCareMchList .mch_list li {padding: 20px 20px 18px;border-bottom: 1px solid #e0e0e0;}
.momCareMchList .mch_list li:first-child {border-top: 1px solid #333;}
.momCareMchList .mch_list li.empty {padding: 0;height: 200px;line-height: 200px;text-align: center;}
.momCareMchList .mch_list li .row2 {margin-top: 8px;}
.momCareMchList .mch_list li span[class^="mch_"] {display: inline-block;}
.momCareMchList .mch_list .mch_tp {width: 90px;height: 28px;line-height: 28px;font-size: 14px;color: #666;background-color: #f0f0f0;border-radius: 4px;text-align: center;vertical-align: top;transform: translateY(3px);}
.momCareMchList .mch_list .mch_name {padding-left: 8px;font-size: 18px;font-weight: bold;color: #222;}
.momCareMchList .mch_list .mch_zip_cd,
.momCareMchList .mch_list .mch_ad {font-size: 16px; color: #333;}


/*================================================ 고객상담센터 ================================================*/
.menuInfoBox {display:table; width:100%; margin-bottom:50px; padding:50px 60px 50px 55px; border:1px solid #e0e0e0;}
.menuInfoBox > .inner {display:table-cell; vertical-align:top;}
.menuInfoBox > .icoImg {display:table-cell; width:250px; text-align:right; vertical-align:middle;}
.menuInfoBox .txtList_disc {margin-bottom:0;}
.menuInfoBox .btn_p {margin-top:25px;}
.menuInfoBox > .inner [class^=titH] {margin-top:0;}


/*=========================== 회원 =============================*/
.mmbInfo {color:#333; text-align:left;}
.mmbInfo .logo {margin-bottom:15px; text-align:center;}
.mmbInfo .logo > img {margin-bottom:30px;}
.mmbInfo .logo > p {text-align:left;}
.mmbInfo .addInfoList {margin-top:30px;}
.mmbInfo .addInfoList .accoBtn {padding:13px 80px 12px 19px; font-size:16px;}
.mmbInfo .addInfoList .accoBtn:before {right:10px; background-size:25px 25px;}
.mmbInfo .addInfoList .accoBody {padding:5px 20px 20px 20px;}

.mmbAppCard {color:#333; text-align:left;}
.mmbAppCard li {margin-bottom:12px; padding-left:67px;}
.mmbAppCard .step {position:relative; float:left; left:-67px; margin-right:-67px; color:#2b64ce; font-weight:700;}
.appCardPw {margin:15px 0 25px -67px; font-size:14px;}
.appCardPw > .inner {display:table; width:100%; padding:25px 10px; background-color:#f7f7f7; table-layout:fixed;}
.appCardPw .form {display:table-cell; width:240px; text-align:center; vertical-align:middle;}
.appCardPw label {display:block; margin-bottom:10px;}
.appCardPw .ipt {width:180px; font-weight:700; text-align:center;}
.appCardPw .qrImg {display:table-cell; border-left:1px solid #e0e0e0; text-align:center; vertical-align:middle;}
.appCardPw .time {display:block; margin-top:5px; padding:7px 0; background-color:#546d82; background-image:none; color:#fff; text-align:center;}
.appCardPw .time span {display:inline-block; margin-left:10px; color:#22e3a6; font-size:16px; font-weight:700;}

.tabWrap.login .pageTab {margin-bottom:0 !important;}
.tabWrap.login .tabContents {border:1px solid #c8c8c8; border-top:none;}
.loginWrap {display:table; height:325px; margin:0 auto;}
.loginWrap > .inner {display:table-cell; text-align:center; vertical-align:middle;}
.loginWrap .copy {margin-bottom:20px; color:#222; font-size:20px; line-height:1.4;}
.loginWrap .relatGroup {margin-top:35px;}
.loginWrap .relatGroup .links {margin:0 -3px 0 23px; color:#666;}
.loginWrap .relatGroup .links:before {display:block; content:''; position:absolute; top:50%; left:-13px; height:12px; margin-top:-6px; border-right:1px solid #d2d2d2;}
.loginWrap .relatGroup .links:after {display:none;}
.loginWrap .relatGroup .links.arrow {background:url(../img/pc/common/ico_arrow5.png) no-repeat 100% center;}
.loginWrap .relatGroup .links + .links.arrow {margin-left:26px !important;}
/*.loginWrap .relatGroup .links:last-child {margin:0 0 0 10px; padding:0 13px;}*/

.loginWrap.appCard .copy {margin-bottom:27px; padding-top:75px; background:url(../img/pc/content/login_appCard_img.png) no-repeat center 0;}
.loginWrap.appCard .relatGroup {margin-top:15px;}
.loginWrap.appCard .relatGroup .links:first-child {margin-left:0;}
.loginWrap.appCard .relatGroup .links:before {display:none;}

.loginWrap .form {position:relative; width:530px; text-align:left; color:#222;}
.loginWrap .form > div {margin:10px 0;}
.loginWrap .form label {display:inline-block; width:82px; vertical-align:middle;}
.loginWrap .form .txt {font-size:14px;}
.loginWrap .btn_p.login {position:absolute; top:0; right:0; width:120px; min-width:120px; height:94px;}
.loginWrap .linkGroup {margin:10px 0; padding:10px 0 6px 70px; text-align:left;}

.loginWrap .certGroup {display: table;}
.loginWrap .certGroup > li { display: table-cell; padding: 0 8px;}
.loginWrap .certGroup .links { color: #666; }
.loginWrap .certGroup .links.arrow { background: url(../img/pc/common/ico_arrow5.png) no-repeat 100% center; }

.switchMemberGroup{margin-top: -12px !important; padding-top: 0 !important;}
.switchMemberGroup #switchMember .arrow{position: relative; display: inline-block; padding-left: 4px; font-weight: bold;}
.switchMemberGroup #switchMember .arrow::after{display: block; content: ''; position: absolute; top: 50%; right: -24px; transform: translateY(-50%); margin-top: 1px; width: 20px; height: 20px; margin-left: 4px; background:url(../img/pc/common/ico_arrow11.png) no-repeat center center; border: 1px solid #ddd; border-radius: 50%; box-sizing: border-box;}

.phishingChk {margin:10px 0 40px; padding:35px 0; border:1px solid #e0e0e0; text-align:center;}
.phishingChk > li {width:105px; padding:20px 0;}
.phishingChk .ipt[type='radio'] + label {padding-bottom:44px;}
.phishingChk .ipt[type='radio'] + label:before {top:auto; bottom:0; left:50%; margin:0 0 0 -11px;}
.phishingChk label > img {margin-left:-30px;}

/*pin 로그인 */
.loginWrap.pin .copy {margin:35px 0 67px 0;}
.loginWrap.pin .copy.pinLogin {margin:0 0 20px 0;}
.loginWrap.pin .btn_p  {padding:0 80px;}
.loginWrap.pin .relatGroup {margin-top:15px;}
.loginWrap.pin .relatGroup.pinLogin {margin: 0 0 0 0;}
.loginWrap.pin .relatGroup .links.underLine {text-decoration:underline;}
.loginWrap.pin .relatGroup .links:first-child {margin-left:0;}
.loginWrap.pin .relatGroup .links:before {display:none;}

.pinWrap .tit{font-size:20px;color:#2e3238;}
.pinWrap .pin{font-size:0;margin-top:42px;margin-bottom:44px;}
.pinWrap .pin p{display:inline-block;margin-left:17px;width:16px;height:16px;border:1px solid #2e3238;border-radius:50%;}
.pinWrap .pin p:first-child{margin-left:0;}
.pinWrap .pin p.on{border-color:#2b64ce;background:#2b64ce;}
.pinWrap .txt{font-size:15px;margin-top:50px;}
.pinWrap .txt+.btnLine{font-size:15px;margin-top:5px;}



/*================================================ fromTo ================================================*/
.fromTo {margin:50px 0 30px; color:#222; font-size:18px; font-weight:700;}
.fromTo .party {margin-top:15px; color:#666; font-weight:normal; text-align:right;}
.fromTo .party > span {display:inline-block; padding-left:70px; color:#222;}
.fromTo .date {margin:30px 0 20px; color:#666; font-size:16px; text-align:right;}

.titArea + .fromTo {margin-top:15px;}

.signBox{width: 100%; margin:10px 0 20px 0; padding: 40px 0; background-color: #f8f8f8; table-layout: fixed; word-break: keep-all; text-align:center; }
.signBox .tit{display:block; margin-bottom: 24px; text-align:center; font-size:18px; font-weight:700; color:#333;}
.signBox .name{margin-right:10px; color: #333;}

/*===================================================================================*/
/* dataList + tblList */
.tblList[class^=data] .dateCell {width:120px;}
.tblList[class^=data] .stateCell {width:75px;}

.dataHead.tblList {font-weight:700;}
.dataHead .dateCell.loan,
.dataList .dateCell.loan {width:250px;}
.dataList.tblList .infoCell {text-align:center;}
.dataList.tblList .stateCell span {font-size:16px; font-weight:normal;}

/*===================================== 팝업 로고 =====================================*/
.popLogoWrap {margin-bottom:30px; text-align:center;}

/*=========================================카드이미지 리스트내 브랜드 로고=====================================*/
.dataList .brand {height:22px; margin-left:10px;}
.dataList .brand img {vertical-align:middle;}


/*========================================= 라이프 =====================================*/
.blockBox {padding:40px 40px !important; border:1px solid #e0e0e0; background-color:#fff !important;}
.blockBox .btnArea {margin:20px 0 0 0;}

[class*=blockTbl] {display:table !important; width:100%;}
[class*=blockTbl] .inner {display:table-cell; vertical-align:middle;}
[class*=blockTbl] .img,
[class*=blockTbl] .icoImg,
[class*=blockTbl] .btnArea {display:table-cell; vertical-align:middle;}
[class*=blockTbl] .inner .img {display:inline-block;}


.blockTblBox {padding:40px 40px !important; border:1px solid #e0e0e0; background-color:#fff !important;}
.blockTblBox:before {display:none;}
.blockTblBox .btnArea {margin:0; text-align:right;}
.blockTblBox .btnArea [class^=btn_] {min-width:0;}
.blockTblBox .tit {display:inline-block; position:relative; margin:0; color:#222; font-size:18px; font-weight:700;}
.blockTblBox .tit.txtXXXL {margin-bottom:5px;}
.blockTblBox .inner .img {margin-right:20px;}


/* 웨딩 */
.wedBand {margin-top:50px;}
.wedBand .blockTblBox {padding:65px 50px !important;}
.wedBand .tit {padding-left:47px; background:url(../img/pc/content/ico_wedding1.png) no-repeat 0 center; line-height:40px;}
.wedBand .ico2 .tit {background-image:url(../img/pc/content/ico_wedding2.png);}
.wedBand .ico3 .tit {background-image:url(../img/pc/content/ico_wedding3.png);}
.wedBand .ico4 .tit {background-image:url(../img/pc/content/ico_wedding4.png);}

/* 반려동물 */
.animal {margin-top:50px;}
.petAnswer{position:relative; text-align:left;padding-left:20px}
.petAnswer > .count {position:absolute; top:0; left:0;}

.checkList.pet .accoBtn{font-weight:normal;font-size:16px;color:#666;}
.checkList.pet .accoBtn span:first-child{display:inline-block; width:250px;font-weight:700;font-size:18px;color:#333;vertical-align: middle;} 
.checkList.pet .accoBtn span:last-child{color:#2b64ce;}

/* 위비 */
.wibee {margin-top:50px;}
.wibee .blockTblBox {padding:65px 50px !important;}
.wibee .tit {padding-left:47px; background:url(../img/pc/content/ico_wedding1.png) no-repeat 0 center; line-height:40px;}
.wibee .ico2 .tit {background-image:url(../img/pc/content/ico_wedding2.png);}

/* 골프 */
.golf {margin-top:50px;}
.golf .blockTblBox {padding:65px 50px !important;}
.golf .tit {padding-left:47px; line-height:40px;}
.golf .ico1 .tit{background:url(../img/pc/content/objecTbl_chk_ico_11.png) no-repeat 0 center;}
.golf .ico2 .tit{background:url(../img/pc/content/objecTbl_ico_1.png) no-repeat 0 center;}

/*해외서비스 - 직접배송*/
.directDelivery_ico .block{padding-top:55px;}
.directDelivery_ico .block:before{top:0; left:0; background:url(../img/pc/content/blocklist_ico_purchase.png) no-repeat 0 0;}
.directDelivery_ico .order:before{background-position:0 0;}
.directDelivery_ico .payment:before{background-position:-40px 0;}
.directDelivery_ico .air_transport:before{background-position:-80px 0;}
.directDelivery_ico .entry:before{background-position:-120px 0;}
.directDelivery_ico .delivery:before{background-position:-160px 0;}
.directDelivery_ico .receipt:before{background-position:-200px 0;}
.directDelivery_ico > li.on {background-color: #f8f8f8;}

/*해외서비스 - 배송대행*/
.shipping_ico .block{padding-top:55px;}
.shipping_ico .block:before{top:0; left:0; background:url(../img/pc/content/blocklist_ico_purchase.png) no-repeat 0 0;}
.shipping_ico .order:before{background-position:0 0;}
.shipping_ico .payment:before{background-position:-40px 0;}
.shipping_ico .application:before{background-position:-240px 0;}
.shipping_ico .delivery:before{background-position:-160px 0;}
.shipping_ico .entry:before{background-position:-120px 0;}
.shipping_ico .receipt:before{background-position:-200px 0;}
.shipping_ico > li.on {background-color: #f8f8f8;}

/*해외서비스 - 구매대행*/
.purchasing_ico .block{padding-top:55px;}
.purchasing_ico .block:before{top:0; left:0; background:url(../img/pc/content/blocklist_ico_purchase.png) no-repeat 0 0;}
.purchasing_ico .order:before{background-position:0 0;}
.purchasing_ico .payment:before{background-position:-40px 0;}
.purchasing_ico .purchasing:before{background-position:-280px 0;}
.purchasing_ico .entry:before{background-position:-120px 0;}
.purchasing_ico .delivery:before{background-position:-160px 0;}
.purchasing_ico .receipt:before{background-position:-200px 0;}
.purchasing_ico > li.on {background-color: #f8f8f8;}

/* 해외서비스 - 통관절차 */
.customNumList .block{display:table;}
.customNumList .block > .icoImg, .customNumList .block > .txt{display:table-cell; vertical-align:middle;}
.customNumList .block .icoImg img{margin-right:40px;}

/* 해외서비스 - 결제방법 */
.imgLogoList {margin:20px 0; overflow:hidden;}
.imgLogoList > div {position:relative; display:inline-block; margin-left:27px; text-align:center; vertical-align:middle;}
.imgLogoList > div:first-child {margin-left:0 !important;}
.imgLogoList.line > div {margin-left:80px; font-size:0;}
.imgLogoList.line > div:before {content:''; position:absolute; top:0; bottom:0; left:-40px; border-right:1px solid #ddd;}
.imgLogoList.line > div span {display:block; margin:10px; font-size:16px; line-height:1;}
.imgLogoList.line > div .img {margin-top:0;}
.imgLogoList.line > div .img img + img {margin-left:8px;}

/* 해외 승인가능 국가 설정 */
.frgUseNatEstArea td .titArea.borderTop{padding-top: 20px; margin-top: 20px; border-top: 1px solid #eee;}
.frgUseNatEstArea .nat-list .nat-item{margin-bottom: 8px;}
.frgUseNatEstArea .nat-list .nat-item .ipt{width: 220px;}
.frgUseNatEstArea .nat-list .nat-item.empty{display: block;width: 321px;height: 42px; line-height: 40px; padding: 0 14px 0; border: 1px dashed #c8c8c8; border-radius: 4px;background-color: #f8f8f8; color: #999;font-size: 16px;}
.frgUseNatEstArea .nat-list .nat-item.empty:hover{background-color: #f8f8f8;}
.frgUseNatEstArea .nat-list .nat-item .btnNatRemove{margin: 0 30px 0 6px !important;}

/* 라이프 - 제휴사 */
.jehyusa .block {padding:0 40px 45px; border:1px solid #e0e0e0; background-color:#fff; text-align:left;}
.jehyusa .block .img {display:block; margin-bottom:35px; padding:53px 0; text-align: center;border-bottom: 1px dotted #e0e0e0; }
.jehyusa .block .tit {display:inline-block; margin-bottom:10px; padding-right:15px; color:#2b64ce; font-size:18px; font-weight:700; background:url(../img/pc/content/btn_straight.png) no-repeat 100% center;}
.jehyusa .block .desc {height:60px;}
.jehyusa .hyundaiLog img{width:auto; height:60px;}
/* sns 홍보 */
.cardSns .block {padding:0 40px 27px; border:1px solid #e0e0e0; background-color:#fff; text-align: center;}
.cardSns .block .img {display:block;  padding:50px 0 25px; text-align: center; }
.cardSns .block .tit {display:inline-block; padding-right:15px;  font-size:18px; font-weight:700; background:url(../img/pc/content/btn_straight.png) no-repeat 100% center;}

/* 지방세 지역선택 */
.areaSel {padding-bottom:20px;}
.areaSel:after {display:block; content:''; clear:both;}
.areaSel .map {float:left; width:50%; text-align:center;}
.areaSel .localTxt {float:left; width:50%; height:375px; padding:35px 40px; background-color:#f8f8f8;}
.areaSel .localTxt .inner {height:250px; margin:15px -15px 0; overflow-y:auto;}
.areaSel .tit {display:inline-block; padding-top:2px; padding-left:28px; background:url(../img/pc/content/map_ico.png) no-repeat 0 center; color:#222; font-size:24px; font-weight:700;}
.areaSel .linkGroup > .links {margin:7px 16px 7px 15px;}
.areaSel .linkGroup > .links:before {right:auto; left:-16px;}
.areaSel .linkGroup > .links:last-child:before {content:'';}
.areaSel .linkGroup > .links.on {color:#2b64ce;}
.areaSel .linkGroup > .links.on:after {border-color:#2b64ce;}

/* 라이프 - 부동산*/
.propertyAnsim_ico .block:before {top:0; left:0; background:url(../img/pc/content/blockList_ico_propertyAnsim.png) no-repeat 0 0;}
.propertyAnsim_ico .block {padding-top:55px;}
.propertyAnsim_ico .register:before {background-position:0 0;}
.propertyAnsim_ico .home:before {background-position:-40px 0;}
.propertyAnsim_ico .alarm:before {background-position:-80px 0;}
.propertyAnsim_ico .law:before {background-position:-120px 0;}

/* 라이프 - 우리교육몰 */
.education_mall .titH2 {padding-top:50px;}
.education_mall .titH2:first-child {padding-top:0;}
.education_mall .titH3 {margin:40px 0 5px;}
.education_mall ul li > .titH3 {margin:25px 0 20px;}
.education_mall ul {border-bottom:1px solid #e0e0e0; padding-bottom:50px;overflow:hidden;}
.education_mall ul li {float:left; padding-top:15px; min-width:50%;}
.education_mall ul li a {display:table; width:100%;}
.education_mall ul li a span.img {width:140px; height:80px; display:table-cell;}
.education_mall ul li a span.img img {border:1px solid #e4e4e4; border-radius:10px;}
.education_mall ul li a span.tit {color:#222; font-weight:700;}
.education_mall ul li a div {display:table-cell; vertical-align:middle; padding-left:30px;}

/* 라이프 - 위비마켓 */
.wibeeArea {border:1px solid #e0e0e0; padding:34px 60px; overflow:hidden; display:table; width:100%;}
.wibeeArea .wibeeMarket {display:table-cell; vertical-align:middle; width:74%; padding-left:97px;}
.wibeeArea .wibeeMarket .img {float:left; margin-left:-97px;}
.wibeeArea .wibeeMarket p {float:left; font-size:24px; font-weight:bold; padding:5px 0 0 0; color:#222;}
.wibeeArea .qrCode {display:table-cell; vertical-align:middle; width:15%; text-align:center;}
.wibeeArea .qrCode a {display:block;}
.wibeeArea .qrCode span {display:block; padding-top:8px; font-size:14px; font-weight: 700; color:#222;}

/* 라이프 - 위비마켓 메인 */
.wibee .ico3 .tit {background-image:url(../img/pc/content/ico_wedding5.png);}
.wibee .ico4 .tit {background-image:url(../img/pc/content/ico_wedding6.png);}

/* 라이프 - 보험상품몰 */
.contProList {border-top:1px solid #333;}
.contProList li {padding:40px 50px 40px 40px; border-bottom:1px solid #c8c8c8; color:#333;}
.contProList .inner {display:table; width:100%;}
.contProList .infoCon {display:table-cell; vertical-align:middle;}
.contProList .infoCon .tit {color:#222; font-size:20px; font-weight:700;}
.contProList .infoCon p {color:#666;}
.contProList .btnArea {display:table-cell; text-align:right; width:20%; vertical-align:middle;}
.titH2.insurance img{width: auto; height: 40px;}

/* 라이프 - 구독서비스 */
.scrSvcList .th img{max-width: 100%; max-height: 36px;}

/* 라이프 - 구독캘린더 */
section.subCal { padding: 34px 100px 68px; background-color: #f4f4f7; }
section.subCal .year { padding-bottom: 25px; text-align: center; font-size: 36px; font-weight: bold; color: #303030; }
section.subCal .calendar { display: flex; flex-wrap: wrap; margin: -20px 0 0 -20px; }
section.subCal .calendar .month { display: flex; flex-direction: column; justify-content: flex-start; position: relative; width: calc(25% - 20px); min-height: 226px; margin: 20px 0 0 20px; padding: 80px 20px 25px; border: 2px solid #fff; border-radius: 10px; font-size: 0; background-color: #fff; }
section.subCal .calendar .month.on { border-color: #1748bd; }
section.subCal .calendar .month .tit { position: absolute; top: 25px; left: 0; right: 0; text-align: center; font-size: 26px; font-weight: bold; color: #303030; }
section.subCal .calendar .month .servList { text-align: left; }
section.subCal .calendar .month .servList .servIco { display: inline-block; width: 40px; height: 40px; padding: 0; background: url('../img/pc/content/blockList_ico_subcal.png') no-repeat 0 0; background-size: auto 40px; }
section.subCal .calendar .month .servList .servIco.tele { background-position: 0 0; }
section.subCal .calendar .month .servList .servIco.ott { background-position: -40px 0; }
section.subCal .calendar .month .servList .servIco.apt { background-position: -80px 0; }
section.subCal .calendar .month .servList .servIco.gasFee { background-position: -120px 0; }
section.subCal .calendar .month .servList .servIco.elect { background-position: -160px 0; }
section.subCal .calendar .month .servList .servIco.rental { background-position: -200px 0; }
section.subCal .calendar .month .servList .servIco.book { background-position: -240px 0; }
section.subCal .calendar .month .servList .servIco.school { background-position: -280px 0; }
section.subCal .calendar .month .servList .servIco.insur { background-position: -320px 0; }
section.subCal .calendar .month .servList .servIco.social { background-position: -360px 0; }

.subCalDetail .dataList > li:last-child { border-bottom: none; }
.subCalDetail .btnTxt_more { margin-top: 0 !important; }
.subCalDetail .dataList > li .servInfo { font-size: 0; }
.subCalDetail .dataList > li .servInfo .servIco { display: inline-block; vertical-align: middle; width: 40px; height: 40px; padding: 0; background: url('../img/pc/content/blockList_ico_subcal.png') no-repeat 0 0; background-size: auto 40px; }
.subCalDetail .dataList > li .servInfo .servIco.tel { background-position: 0 0; }
.subCalDetail .dataList > li .servInfo .servIco.ott { background-position: -40px 0; }
.subCalDetail .dataList > li .servInfo .servIco.apt { background-position: -80px 0; }
.subCalDetail .dataList > li .servInfo .servIco.gasFee { background-position: -120px 0; }
.subCalDetail .dataList > li .servInfo .servIco.elect { background-position: -160px 0; }
.subCalDetail .dataList > li .servInfo .servIco.rental { background-position: -200px 0; }
.subCalDetail .dataList > li .servInfo .servIco.book { background-position: -240px 0; }
.subCalDetail .dataList > li .servInfo .servIco.school { background-position: -280px 0; }
.subCalDetail .dataList > li .servInfo .servIco.insur { background-position: -320px 0; }
.subCalDetail .dataList > li .servInfo .servIco.social { background-position: -360px 0; }
.subCalDetail .dataList > li .servInfo .servCont { display: inline-block; vertical-align: middle; width: calc(100% - 40px); padding-left: 8px; font-size: 16px; }
.subCalDetail .dataList > li .servInfo .servCont span.normal { font-weight: 400; }
.subCalDetail .dataList > li .servInfo .servCont .row { display: flex; margin: 0; }
.subCalDetail .dataList > li .servInfo .servCont .row:first-of-type { line-height: 26px; font-weight: bold; color: #333; }
.subCalDetail .dataList > li .servInfo .servCont .row .cell:first-child { width: calc(100% - 327px); }
.subCalDetail .dataList > li .servInfo .servCont .row .cell:nth-child(2) { width: 113px; padding-left: 30px; }
.subCalDetail .dataList > li .servInfo .servCont .row .cell:last-child { width: 214px; padding-left: 30px; text-align: right; }

.subCalBan .link { display: inline-block; width: 100%; padding: 22px; text-align: center; color: #303030; background-color: #eff5ff; }

.subCalLink { padding: 36px 40px 40px; border: 1px solid #e0e0e0; }
.subCalLink > ul { display: table; table-layout: fixed; width: 100%; }
.subCalLink > ul > li { display: table-cell; text-align: center; font-size: 18px; }
.subCalLink > ul > li .linkMenu { position: relative; display: inline-block; width: 100%; padding: 60px 2px 0; }
.subCalLink > ul > li .linkMenu:before { content: ''; position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); width: 40px; height: 40px; background: url('../img/pc/content/blockList_ico_subcal.png') no-repeat 0 0; background-size: auto 40px; }
.subCalLink > ul > li .linkMenu.tel:before { background-position: 0 0; }
.subCalLink > ul > li .linkMenu.ott:before { background-position: -40px 0; }
.subCalLink > ul > li .linkMenu.apt:before { background-position: -80px 0; }
.subCalLink > ul > li .linkMenu.gasFee:before { background-position: -120px 0; }
.subCalLink > ul > li .linkMenu.elect:before { background-position: -160px 0; }
.subCalLink > ul > li .linkMenu.rental:before { background-position: -200px 0; }
.subCalLink > ul > li .linkMenu.book:before { background-position: -240px 0; }
.subCalLink > ul > li .linkMenu.school:before { background-position: -280px 0; }
.subCalLink > ul > li .linkMenu.insur:before { background-position: -320px 0; }
.subCalLink > ul > li .linkMenu.social:before { background-position: -360px 0; }

.subCalGuide { padding: 36px 40px; border: 1px solid #e0e0e0; }
.subCalGuide .guideWrap { display: flex; }
.subCalGuide .guideWrap > li { flex: 1; position: relative; padding: 0 42px; }
.subCalGuide .guideWrap > li:first-child { padding-left: 0; }
.subCalGuide .guideWrap > li + li:before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1px; height: 76%; background-color: #e0e0e0; }

.fr .result .point { padding: 0; font-size: 24px; font-weight: bold; color: #2761d1; }
.fr .result .point:before { content:''; color: #2761d1; }
.fr .result .point:after { content:'P'; color: #2761d1; }
.titH2.icoSubStamp { position: relative; padding-left: 42px; }
.titH2.icoSubStamp:before { content: ''; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: url('../img/pc/content/ico_substamp.png') no-repeat center; background-size: 32px auto; }

/* 라이프 - 구독캘린더 - 팝업 */
.popup.typeSubcal .popHead { border-bottom: none; }
.popup.typeSubcal .popCont { padding-bottom: 40px; }
.popup.typeSubcal .popCont.col_5 .popHead + .popBody { padding: 0px 60px; }
.selTypeList { display: flex; flex-wrap: wrap; margin: -30px 0 0 -30px; text-align: left; font-size: 0; }
.selTypeList > .link { display: inline-block; width: calc(50% - 30px); margin: 30px 0 0 30px; padding: 25px 22px 20px; border: 1px solid #dadada; border-radius: 18px; text-align: center; font-size: 16px; color: #333; }
.selTypeList > .link .logo { display: inline-block; }
.selTypeList > .link .type { margin-top: 10px; }

/* 라이프-메인 */
.conBlockList.payAutoServ.div_4 > li { padding: 12px 7px; }
.conBlockList.payAutoServ.div_4.icoBanner .block { padding: 20px 0 20px 24px; }
.conBlockList.payAutoServ.div_4.icoBanner .desc { font-size: 14px; }
.conBlockList.payAutoServ.div_4.icoBanner .icoImg { width: 96px; }


/* 신용안심서비스-서비스안내 */
.creditansim_ico{padding:30px 0;}
.creditansim_ico > li{padding:0 50px;}
.creditansim_ico .block{padding-top:55px;}
.creditansim_ico .block:before{top:0; left:0; background:url(../img/pc/content/blocklist_ico_creditansim.png) no-repeat 0 0}
.creditansim_ico .credit:before{background-position:0 0;}
.creditansim_ico .name:before{background-position:-40px 0;}
.creditansim_ico .card:before{background-position:-80px 0;}
/*.step li{padding:30px 40px;}
.step li .block{font-size:16px; display:table; width:100%;}
.step li .block .step{padding-top:0; font-size:14px; display:table-cell; vertical-align:top;}
.step li .block .desc{color:#333; font-size:18px; display:table-cell; vertical-align:middle;}*/

/* 우리오토프리미엄 서비스안내*/
.autoPrm_ico {padding:30px 0; background-color:#fff;}
.autoPrm_ico > li {padding:0 50px;}
.autoPrm_ico .block {padding-top:55px;}
.autoPrm_ico .block:before{top:0; left:0; background:url(../img/pc/content/blocklist_ico_autoPremium.png) no-repeat 0 0}
.autoPrm_ico .credit:before{background-position:-4px 1px;}
.autoPrm_ico .finance:before{background-position:-44px 1px;}
.autoPrm_ico .info:before{background-position:-84px 1px;}

/* 쇼핑안심프리미엄서비스 */
.shopPrm_ico {padding:30px 0; background-color:#fff;}
.shopPrm_ico > li {padding:0 50px;}
.shopPrm_ico .block {padding-top:55px;}
.shopPrm_ico .block:before{top:0; left:0; background:url(../img/pc/content/blocklist_ico_shoppingPremium.png) no-repeat 0 0;}
.shopPrm_ico .member:before{background-position:0 1px;}
.shopPrm_ico .payback:before{background-position:-40px 1px;}
.shopPrm_ico .sale:before{background-position:-80px 1px;}

/* 댕댕냥이 케어서비스 */
.petcare_ico {padding:30px 0; background-color:#fff;}
.petcare_ico > li {padding:0 50px;}
.petcare_ico .block {padding-top:55px;}
.petcare_ico .block:before{top:0; left:0; width:45px !important; height:45px !important;}
.petcare_ico .member:before{top:0; left:0; background:url(../img/pc/content/blockList_ico_petcare_member.png) no-repeat 0 0; background-size:cover;}
.petcare_ico .payback:before{top:0; left:0; background:url(../img/pc/content/blockList_ico_petcare_payback.png) no-repeat 0 0; background-size:cover;}
.petcare_ico .sale:before{top:0; left:0; background:url(../img/pc/content/blockList_ico_petcare_sale.png) no-repeat 0 0; background-size:cover;}

/* 우리이용알림플러스 서비스안내 */
.usentfyplus_ico {padding:30px 0; background-color:#fff;}
.usentfyplus_ico > li {padding:0 50px;}
.usentfyplus_ico .block {padding-top:55px;}
.usentfyplus_ico .block:before{top:0; left:0; width:45px !important; height:45px !important; margin-left:10px;}
.usentfyplus_ico .card:before{top:0; left:0; background:url(../img/pc/content/blockList_ico_usentfyplus_card.png) no-repeat 0 0; background-size:cover;}
.usentfyplus_ico .fin:before{top:0; left:0; background:url(../img/pc/content/blockList_ico_usentfyplus_fin.png) no-repeat 0 0; background-size:cover;}
.usentfyplus_ico .credit:before{top:0; left:0; background:url(../img/pc/content/blockList_ico_usentfyplus_credit.png) no-repeat 0 0; background-size:cover;}
.usentfyplus_ico .compensate:before{top:0; left:0; background:url(../img/pc/content/blockList_ico_usentfyplus_compensate.png) no-repeat 0 0; background-size:cover;}

/*================================================ My ================================================*/
/* 이용대금명세서 */
.paymentSumArea {position:relative; margin-bottom:50px;}
.paymentSum {display:table; width:100%; height:200px; padding:0 90px 5px; background-color:#f8f8f8;}
.paymentSum > .info {display:table-cell; vertical-align:middle;}
.paymentSum > .total {display:table-cell; text-align:right; vertical-align:middle;}
.paymentSum .tit {color:#333; font-size:28px; font-weight:700;}
.paymentSum .txtList_guide {margin:15px 0 0;}
.paymentSum .total {color:#2b64ce; font-size:18px; white-space:nowrap;}
.paymentSum .money em {font-size:36px; font-weight:700; letter-spacing:-0.04em;}
.paymentSum .btnArea {margin:5px -5px 0 0; text-align:right;}

.paymentSumArea > [class^=btnIco_] {position:absolute; top:50%; left:20px; width:50px; height:50px; margin:-25px 0 0; background:#f8f8f8 url(../img/pc/content/btn_left_payment.png) no-repeat center center; z-index:10;}
.paymentSumArea > [class^=btnIco_][disabled] {cursor:default; opacity:0.4;}
.paymentSumArea > .btnIco_next {left:auto; right:20px; transform:rotate(-180deg); -ms-transform:rotate(-180deg);}

.paymentUnit {display:block !important; margin-bottom:20px !important; border:1px solid #e0e0e0;}
.paymentUnit .block {display:table; width:100%; padding:24px 80px 18px 40px; color:#222; font-size:18px; font-weight:700;}
.paymentUnit .block > span {display:table-cell; vertical-align:middle;}
.paymentUnit .tit {display:table-cell; width:230px; color:#222; font-size:22px; font-weight:700;}
.paymentUnit .item {display:block; margin-bottom:9px; color:#666; font-size:14px; font-weight:400;}
.paymentUnit .date {width:190px;}
.paymentUnit .account {width:325px;}
.paymentUnit .customSltList .block {padding:10px 80px 10px 40px; color:#333; font-size:16px; font-weight:400;}
.paymentUnit .customSltList .tit {font-size:16px; font-weight:400;}
.paymentUnit .customSltList .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%);}
.paymentUnit .customSltBox {position:relative; right:-1px; left:-1px; padding:18px 0 17px; border:none; border-top:1px solid #e0e0e0;  border-left:1px solid #e0e0e0; border-radius:0;}
.paymentUnit .asSlt:before {content:''; position:absolute; top:30px; right:25px; width:30px; height:30px; background:url(../img/pc/common/btn_acco.png) no-repeat center center; transition:transform 0.25s;}
.paymentUnit.on .asSlt:before {transform:rotate(180deg); -ms-transform:rotate(180deg);}

.paymentCard {margin:50px 0;}
.paymentCard > li {border:1px solid #e0e0e0;}
.paymentCard .accoHead {position:relative; padding:4px 80px 4px 40px; font-weight:400;}
.paymentCard .accoBtn {position:absolute; top:50%; right:25px; margin-top:-15px;}
.paymentCard .block {display:block;}
.paymentCard .tit {display:inline-block; width:230px; color:#222; font-size:22px; font-weight:700; line-height:80px;}
.paymentCard .targetCard {display:inline-table !important; width:350px; padding-right:20px; vertical-align:top; table-layout:fixed;}
.paymentCard .targetCard .img {display:table-cell; width:90px; height:80px; padding-right:20px; text-align:center; vertical-align:middle;}
.paymentCard .targetCard img {max-width:70px; max-height:70px; border-radius:4px;}
.paymentCard .targetCard .info {display:table-cell; width:100%; height:80px; color:#333; font-size:16px; line-height:1.3; vertical-align:middle;}
.paymentCard .targetCard .info > span {display:table-cell; vertical-align:middle;}
.paymentCard .accoBody {padding:20px 40px 20px 275px; border-top:1px solid #e0e0e0;}

.statisticArea {border:1px solid #e0e0e0;}
.statisticArea > .block {position:relative; border-top:1px solid #e0e0e0;}
.statisticArea > .block:before {content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; background-color:#e0e0e0;}
.statisticArea > .block:after {display:block; content:''; clear:both;}
.statisticArea > .block .titArea {position:absolute; top:40px; left:50px;}

.graphInfo > li {padding:13px 0 11px; border-bottom:1px dashed #e0e0e0;}
.graphInfo > li:after {display:block; content:''; clear:both;}
.graphInfo .item {float:left;}
.graphInfo img {margin-right:10px; vertical-align:middle;}
.graphInfo .val {float:right; font-weight:700;}

.statisticArea .monthArea {padding:80px 50px 75px;}
.statisticArea .monthArea > .inner {height:251px; border-bottom:1px solid #e0e0e0; font-size:0; text-align:center;} 
.monthGraph {display:inline-block; position:relative; width:80px; height:250px;}
.monthGraph .bar {display:inline-block; position:absolute; bottom:0; left:50%; width:30px; height:0; margin-left:-15px; border-radius:4px 4px 0 0; background:url(../img/pc/content/statistic_monthGraph_bg1.png) repeat-y 0 100%;}
.monthGraph.this .bar {background:url(../img/pc/content/statistic_monthGraph_bg2.png) repeat 0 100%;}
.monthGraph .txt {position:absolute; top:-30px; left:-25px; width:80px; color:#333; font-size:12px; text-align:center;}
.monthGraph .tit {position:absolute; bottom:-30px; left:0; width:80px; font-size:13px; text-align:center;}

.statisticArea .monthList .monthHead {margin:0 -15px;}
.statisticArea .monthList .monthHead:after {display:block; content:''; clear:both;}
.statisticArea .monthList .monthHead > div {float:left; width:33.3333%; padding:0 15px 5px;}
.statisticArea .monthList .monthHead .block {border-top:1px solid #333; background-color:#f8f8f8;}
.statisticArea .monthList {padding:50px;}
.statisticArea .monthList ul {margin:0 -15px;}
.statisticArea .monthList ul:after {display:block; content:''; clear:both;}
.statisticArea .monthList li {float:left; width:33.3333%; padding:0 15px;}
.statisticArea .monthList .block {padding:10px 15px; border-bottom:1px solid #e0e0e0;}
.statisticArea .monthList .block:after {display:block; content:''; clear:both;}
.statisticArea .monthList .item {float:left;}
.statisticArea .monthList .val {float:right; font-weight:700;}

.statisticArea .tblArea {padding:50px;}

.statisticArea > .block > [class*=Area] {position:relative; float:left; width:50%; padding:0 50px 60px;}
.statisticArea .solutionArea .inner {height:300px; padding-top:40px; line-height:100px;}
.statisticArea .classArea .inner {height:300px; padding-top:170px;}
.classGraph {width:360px; height:30px; margin:0 auto; border-radius:4px; background-color:#f8f8f8; font-size:0; overflow:hidden;}
.classGraph [class^=bar] {display:inline-block; width:33.3333%; height:30px; background:url(../img/pc/content/statistic_classGraph_bg1.png) repeat 0 0;}
.classGraph .bar2 {background:url(../img/pc/content/statistic_classGraph_bg2.png) repeat 0 0;}
.classGraph .bar3 {background:url(../img/pc/content/statistic_classGraph_bg3.png) repeat 0 0;}

/* 이용대금명세서 - 추천 메뉴 */
.recomMenuArea {margin:0 -12px; padding-top:5px;}
.recomMenuArea:after {display:block; content:''; clear:both;}
.recomMenuArea > .recomMenu {float:left; width:50%; padding:0 12px;}
.recomMenu .titArea {margin-bottom:0;}

.recomMenu .eventSumList {padding-top:24px;}
.recomMenu .eventSumList a {display:block; padding:0 0 0 240px;}
.recomMenu .eventSumList a:after {display:block; content:''; clear:both;}
.recomMenu .eventSumList .eventImg {width:210px; min-height:auto; margin-left:-240px;}
.recomMenu .eventSumList .tit {font-size:18px;}
.recomMenu .eventSumList .eventInfo .badgeArea {padding-right:0;}
.recomMenu .eventSumList .eventInfo .tit {padding-right:0;}

.recomMenu .goodsSumList {border:none;}
.recomMenu .goodsSumList > li {padding:0; border:none;}
.recomMenu .goodsSumList a {display:block; height:160px; padding:0 0 0 190px;}
.recomMenu .goodsSumList .cardImg {left:-190px; width:160px; height:160px; margin-right:-190px;}
.recomMenu .goodsSumList .cardImg img {position:absolute; top:50%; left:50%; max-width:160px; max-height:160px; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.recomMenu .goodsSumList .cardInfo {position:relative; min-height:115px; padding-top:58px;}
.recomMenu .goodsSumList .badgeArea {margin-top:-34px; margin-bottom:7px;}
.recomMenu .goodsSumList .btnArea {margin-top:10px; text-align:right;}

.recomMenu .swiperWrap .swiper-controls {top:26px; bottom:auto; left:auto;}
[class^=cardBadge_] {display:inline-block; height:24px; margin:0 4px 4px 0; padding:0 10px; border-radius:3px; background-color:#0393a8; color:#fff; font-size:12px; font-weight:700; letter-spacing:-0.05em; line-height:25px; text-align:center; vertical-align:middle; overflow:hidden;}
.cardBadge_2 {background-color:#666666;}
.cardBadge_3 {background-color:#2b64ce;}
.cardBadge_4 {background-color:#5e6dd4;}
.cardBadge_img {padding:1px 3px 0; border:1px solid #e0e0e0; background-color:#fff; line-height:0;}
.cardBadge_img > img {width:90%; margin-top:-1px;}


/* 특별한도신청 */
.iptSelArea {margin:20px -12px;}
.iptSel {display:table; width:100%; table-layout:fixed;}
.iptSel > li {display:table-cell; padding:0 12px !important;}
.iptSel label {width:100%; height:138px; padding:83px 0 0 !important; border:1px solid #eee; border-radius:9px; background:#f9f9f9; text-align:center;}
.iptSel label:before {display:none !important;}
.iptSel label:hover {background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.iptSel .ipt:focus + label {text-decoration:none !important;}
.iptSel .ipt:checked + label {border-color:#2b64ce; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.iptSel label:after {content:''; position:absolute; top:27px !important; left:50% !important; width:40px !important; height:40px !important; margin-left:-20px; background-image:url(../img/pc/content/iptSel_ico.png) !important; background-repeat:no-repeat; background-position:0 0;}
.iptSel .con:after {background-position:-40px 0 !important;}
.iptSel .hos:after {background-position:-80px 0 !important;}
.iptSel .tra:after {background-position:-120px 0 !important;}
.iptSel .int:after {background-position:-160px 0 !important;}
.iptSel .app:after {background-position:-200px 0 !important;}
.iptSel .tui:after {background-position:-240px 0 !important;}

/* 즉시결제 */
.prepayArea {margin-bottom:30px;}
.prepayArea:after {display:block; content:''; clear:both;}
.prepayArea .info {float:left; width:40%;}
.prepayArea .info td {text-align:right;}
.prepayArea .info .th {background-color:#fff; text-align:left;}
.prepayArea .explainArea {float:left; width:20%; padding-top:27px; text-align:center;}
.explain {display:inline-block; width:130px; height:130px; padding-top:30px; border-radius:50%; background:#e2f3fc url(../img/pc/common/ico_arrow6.png) no-repeat center 88px; color:#222; font-size:14px;}
.explain em {display:block; color:#2b64ce; font-size:20px; font-weight:700;}

/* 개인정보열람 */
.privacyBox {border:1px solid #e0e0e0; border-top-color:#000;}
.privacyBox ul {padding:45px 0 20px 50px; font-size:0;}
.privacyBox li {display:inline-block; width:20%; min-height:50px; padding:0 25px 10px 0; color:#333; font-size:16px; line-height:1.3; vertical-align:top;}
.personList{margin-top:25px; padding: 25px 0; border-top: 1px solid #333;}

/*================================================ 모바일 ================================================*/

/*스마트앱 - IC칩비밀번호(PIN)등록*/
.ic_passwordLogo{display:table; width:100%; height:160px; border:1px solid #e0e0e0;}
.ic_passwordLogo > div{position:relative; display:table-cell; width:25%; padding-top:5px; text-align:center; vertical-align:middle;}
.ic_passwordLogo > div:before{content:''; position:absolute; top:30px; bottom:30px; width:1px; border-left:1px dashed #e0e0e0; left:0;}
.ic_passwordLogo span{display: block; margin-top: 8px; color: #222;}

/* 카드터칭/IC칩비밀번호 */
.divLignLogo {display:table; position:relative; width:100%; height:160px; border:1px solid #e0e0e0; table-layout:fixed;}
.divLignLogo > div {position:relative; display:table-cell; padding-top:5px; text-align:center; vertical-align:middle;}
.divLignLogo > div:before {content:''; position:absolute; top:30px; bottom:30px; right:0; width:1px; border-right:1px solid #e0e0e0;}
.divLignLogo > div.dashed:before {border-right:1px dashed #e0e0e0;}
.divLignLogo > div.tit:before,
.divLignLogo > div:last-child:before {content:none;}
.divLignLogo .img {position:relative; display:inline-block; width:100%; height:70px; vertical-align:top;}
.divLignLogo .img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.divLignLogo .tit {padding-top:0; background-color:#f8f8f8; color:#333; font-size:18px;}
.divLignLogo .txt {display:block; margin-top:8px; color:#222;}

/* NHN 서비스 */
.nhnService {position:relative;}
.nhnService > .infoCon {position:absolute; top:110px; left:100px; color:#222;}
.nhnService .logo {margin-bottom:40px;}
.nhnService .tit {margin-bottom:12px; font-size:40px; line-height:1.2;}
.nhnService .btnArea {margin:25px 0 0 -5px; text-align:left;}

/*모바일_메인*/
.moMainVisual{height:250px; box-sizing:border-box; background:url(../img/pc/content/bg_mobile_main.png) no-repeat center center; background-size:cover;}
.moMainVisual .copyArea{width:1080px; height:100%; margin:0 auto;}
.moMainVisual .copyArea p{padding-top:70px; color:#fff; font-size:38px; line-height:54px; letter-spacing:-0.025em;}
.moMainVisual .copyArea .pointColor{color:#7bf4d1;}

.moMainTit{padding-top:25px; margin-bottom:50px;}
.moMainTit h2{font-size:32px; text-align:center;}
.moMainTit h2 em{color:#222;}

.nhnList .tit{color:#222; font-size:16px; font-weight:400;}
.nhnList li{padding-top:7px; text-align:center;}
.nhnList .tit{margin:20px 0 0; color:#222; font-size:16px; font-weight:400;}

/* 모바일-마이데이터 이용안내 */
.mydataTutoWrap .section {min-height:750px; min-height: 900px; width: 100% !important; margin-bottom: 0 !important;}
.mydataTutoWrap .logo {position: absolute; left: 50%; transform: translate(-50%, 0); top: 2vw; width: 100%; max-width: 1088px; padding: 0 0.83333rem; margin: 0 auto; z-index: 10;}
.mydataTutoWrap .logo img { position: absolute; left: 0; top: 180px; -webkit-transition: 1s all; transition: 1s all; width: 100%;}
.mydataTutoWrap .logo img.logoBlue {opacity: 0;}
.mydataTutoWrap .section {position: relative;}
.mydataTutoWrap .sec01 {background:#5296f1;}
.mydataTutoWrap .sec01 .bottom {position: absolute; left:0; bottom:0; width:100%;}
.mydataTutoWrap .sec01 .bottom .tit01 {position: absolute; bottom:603px; left:0; width:100%; text-align: center;}
.mydataTutoWrap .sec01 .bottom .tit02 {position: absolute; bottom:415px; left:0; width:100%; text-align: center;}
.mydataTutoWrap .sec01 .bottom .img01 {position: absolute; bottom:0; left:0; width:100%; text-align: center;}
.mydataTutoWrap .sec02 {background:#fff;}
.mydataTutoWrap .sec02 .center {position: absolute; left:0; bottom:0; width:100%;}
.mydataTutoWrap .sec02 .center .tit01 {position: absolute; bottom:610px; left:0; width:100%; text-align: center;}
.mydataTutoWrap .sec02 .center .imgbox {position: absolute; bottom:0; left:46%; width:1088px; margin-left:-544px; text-align: center;}
.mydataTutoWrap .sec02 .center .imgbox img{width: 100%;}
.mydataTutoWrap .sec02 .center .imgbox ul li {position: absolute; left:0; bottom:20px;}
.mydataTutoWrap .sec02 .center .imgbox ul li.no1 {left:192px;   transform:translateX(-50px);}
.mydataTutoWrap .sec02 .center .imgbox ul li.no2 {left:424px;  transform:translateY(50px);}
.mydataTutoWrap .sec03 {background:#e9f2f7;}
.mydataTutoWrap .sec03 .center {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1088px; height:577px;  }
.mydataTutoWrap .sec03 .center .tit01 {position: absolute; top:190px; right: 82px;}
.mydataTutoWrap .sec03 .center .tit02 {position: absolute; top:290px; right: 68px;}
.mydataTutoWrap .sec03 .center .imgbox ul li {position: absolute; left:0; bottom:0;}
.mydataTutoWrap .sec03 .center .imgbox ul li.no1 {left:0; top:-50px; z-index:1; transform:translateY(-50px);}
.mydataTutoWrap .sec03 .center .imgbox ul li.no2 {left:235px; top:133px; transform:translateX(-50px) scale(.8); z-index: 1;}
.mydataTutoWrap .sec03 .center .imgbox ul li.no3 {left:130px; top:320px; z-index:2; transform:translateY(50px) scale(.8);}
.mydataTutoWrap .sec04 {background:#fff;}
.mydataTutoWrap .sec04 .center {position: absolute; left:50%; top:54.5%; transform:translate(-50%,-50%); width:1088px; height:580px; }
.mydataTutoWrap .sec04 .center .tit01 {position: absolute; top:75px; left:0;}
.mydataTutoWrap .sec04 .center .tit02 {position: absolute; top:175px; left:0;}
.mydataTutoWrap .sec04 .center .imgbox ul li {position: absolute; left:0; }
.mydataTutoWrap .sec04 .center .imgbox ul li.no1 {left:763px; top:-50px; z-index:1; width:429px; height:719px; transform:translateY(50px);}
.mydataTutoWrap .sec04 .center .imgbox ul li.no2 {left:421px; top:41px; z-index:2;  transform:translateX(-50px) scale(.8); }
.mydataTutoWrap .sec04 .center .imgbox ul li.no3 {left:877px; top:187px; z-index:2; width:338px; height:385px; transform:translateX(50px) scale(.8);}
.mydataTutoWrap .sec05 {background: #e9f2f7;}
.mydataTutoWrap .sec05 .bottom {position: absolute; left:0; bottom:0; width:100%;}
.mydataTutoWrap .sec05 .bottom .tit01 {position: absolute; bottom:680px; left:0; width:100%; text-align: center;}
.mydataTutoWrap .sec05 .bottom .tit02 {position: absolute; bottom:580px; left:0; width:100%; text-align: center;}
.mydataTutoWrap .sec05 .bottom .img01 {position: absolute; bottom:-100px; left:0; width:100%; text-align: center;}
.mydataTutoWrap .sec06 {background: #293440; min-height: 700px;}
.mydataTutoWrap .sec06 .center {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1088px; height:460px; }
.mydataTutoWrap .sec06 .center .tit01 {padding-bottom:125px; text-align: center;}
.mydataTutoWrap .sec06 .center .qr span {display: inline-block; vertical-align: top;}
.mydataTutoWrap .sec06 .center .qr span:first-child {margin-right:85px;}
.mydataTutoWrap .sec06 .footer {position: absolute; left:0; bottom:0; width:100%; background: #fff;}
.mydataTutoWrap .sec06 .footer p { width:1088px; padding:50px 0 100px 0; margin:0 auto;}
.mydataTutoWrap .navList {position: fixed; right:45px; top:50%; margin-top:-60px; z-index:100; }
.mydataTutoWrap .navList ul li {margin-bottom:13px}
.mydataTutoWrap .navList ul li:last-child {margin-bottom: 0;}
.mydataTutoWrap .navList ul li a{display: block; width:13px; height:13px; border-radius:50%; background:rgba(0,69,198,.2); text-indent:-999em; transition:.5s all; cursor: pointer;}
.mydataTutoWrap .navList ul li.active a{background:rgba(0,69,198,1);}
.mydataTutoWrap .tit01 {transition:1.5s all; transform:translateY(250px); opacity:0.001;}
.mydataTutoWrap .tit02 {transition:1.5s all; transform:translateY(250px); opacity:0.001;}
.mydataTutoWrap .sec01 .bottom .img01 {transition:1s all; transform:translateY(250px); opacity:0.001;}
.mydataTutoWrap .sec05 .bottom .img01 {transition:1s all; transform:translateY(250px); opacity:0.001;}
.mydataTutoWrap .imgbox ul li {transition:1s all;opacity:0.001;}
.mydataTutoWrap .qr span { transition:2s;  transform:translateX(-50px); opacity:0.001;}
.mydataTutoWrap.sec2 .logo img.logoBlue,
.mydataTutoWrap.sec3 .logo img.logoBlue,
.mydataTutoWrap.sec4 .logo img.logoBlue,
.mydataTutoWrap.sec5 .logo img.logoBlue {opacity: 1;}
.mydataTutoWrap .on.sec01 .tit01 {transform:translateY(0); opacity:1;}
.mydataTutoWrap .on.sec01 .tit02 {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .on.sec01 .bottom .img01 {transform:translatex(0); opacity:1; transition-delay:300ms;}
.mydataTutoWrap .on.sec02 .tit01 {transform:translateY(0); opacity:1;}
.mydataTutoWrap .on.sec02 .imgbox ul li {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .on.sec03 .tit01 {transform:translateY(0); opacity:1;}
.mydataTutoWrap .on.sec03 .tit02 {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .on.sec03 .imgbox ul li {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .on.sec04 .tit01 {transform:translateY(0); opacity:1;}
.mydataTutoWrap .on.sec04 .tit02 {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .on.sec04 .tit01 {transform:translateY(0); opacity:1;}
.mydataTutoWrap .on.sec04 .tit02 {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .on.sec05 .tit01 {transform:translateY(0); opacity:1;}
.mydataTutoWrap .on.sec05 .tit02 {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .on.sec05 .bottom .img01 {transform:translatex(0) scale(0.8); opacity:1; transition-delay:300ms;}
.mydataTutoWrap .on.sec06 .tit01 {transform:translateY(0); opacity:1;}
.mydataTutoWrap .on.sec06 .imgbox ul li {transform:translateY(0); opacity:1; transition-delay:100ms;}
.mydataTutoWrap .section.on .imgbox ul li {transform:translate(0,0) rotate(0deg) scale(1) !important;  opacity:1;  }
.mydataTutoWrap .sec02.on .imgbox ul li.no1 {transition-delay:100ms;}
.mydataTutoWrap .sec02.on .imgbox ul li.no2 {transition-delay:500ms;}
.mydataTutoWrap .sec03.on .imgbox ul li.no1 {transition-delay:100ms;}
.mydataTutoWrap .sec03.on .imgbox ul li.no2 {transition-delay:200ms;}
.mydataTutoWrap .sec03.on .imgbox ul li.no3 {transition-delay:300ms;}
.mydataTutoWrap .sec04.on .imgbox ul li.no1 {transition-delay:100ms;}
.mydataTutoWrap .sec04.on .imgbox ul li.no2 {transition-delay:200ms;}
.mydataTutoWrap .sec04.on .imgbox ul li.no3 {transition-delay:300ms;}
.mydataTutoWrap .sec06.on .center .qr span {transform:translate(0,0) rotate(0deg) scale(1) !important;  opacity:1;  }
.mydataTutoWrap .sec06.on .center .qr span:last-child {transition-delay:300ms;}
@media all and (max-height:800px) {
	.mydataTutoWrap .sec01 .logo {transform:scale(.8); transform-origin:center top;}
	.mydataTutoWrap .sec01 .bottom .tit01 {bottom:490px}
	.mydataTutoWrap .sec01 .bottom .tit01 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .sec01 .bottom .tit02 {bottom:330px}
	.mydataTutoWrap .sec01 .bottom .tit02 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .sec01 .bottom .img01 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .sec01 .bottom .img05 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .sec02 .bottom .tit01 { bottom:550px}
	.mydataTutoWrap .sec02 .bottom .tit01 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .sec02 .bottom .imgbox {transform:scale(.9);  transform-origin:center bottom;}
	.mydataTutoWrap .sec05 .bottom .tit01 {bottom:490px}
	.mydataTutoWrap .sec05 .bottom .tit01 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .sec05 .bottom .tit02 {bottom:330px}
	.mydataTutoWrap .sec05 .bottom .tit02 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .sec05 .bottom .img01 img {transform:scale(.8);  transform-origin:center bottom;}
	.mydataTutoWrap .qr {transform:scale(.9);  transform-origin:center top; }
	.mydataTutoWrap .sec06 .footer p {padding:30px 0 70px 0;}
}

/*================================================ 개인 > 회사소개 ================================================*/
/* 타이틀 */
.companyTitArea {position:relative; margin-bottom:70px; padding-top:50px; text-align:center;}
.companyTitArea .txtLine {color:#222; font-size:28px; font-weight:700;}
.companyTitArea .txtLine:before {top:55%; height:10px; border-radius:2px; background-color:#7bf4d1;}
.companyTitArea .txt {margin-top:15px;}

.titBgBar:before {content:''; position:absolute; top:0; left:50%; width:20px; height:1px; margin-left:-10px; background-color:#333;}

/* CEO소개 */
.ceoInfoCon {position:relative; padding:60px 0 0 445px; color:#222; line-height:1.8; letter-spacing:-1.5px;}
.ceoInfoCon:after{content:''; position: absolute; top: 60px; left: 0; width:100%; height:272px;background-color:#2d6bc8;}
.ceoInfoCon > .inner {position:relative; right:0; z-index:1;}
.ceoInfoCon .tit {margin:38px 0 0; font-size:38px; line-height:1.3; color:#fff;}
.ceoInfoCon em.pointC1 {display:block; margin-bottom:5px; font-size:20px; font-weight:700; letter-spacing:-2px;}
.ceoInfoCon p {margin-top:28px; font-size:19px;}
.ceoInfoCon .txtM {margin-top:35px; font-size:17px !important; line-height:1.7; color:#dcdcdc;}
.ceoFromTo p{font-size:17px;}
.ceoFromTo .name {display:block; margin-top:18px; font-size:17px; line-height:1.3; text-align:right;}
.ceoFromTo .name em{display:block; margin-top:5px;}
.ceoPhoto {position:absolute; top:117px; left:30px; z-index:2;}
.ceoPhoto img {position:relative; z-index:1;}

/* 회사연혁 */
.companyHistoryList {position:relative; padding:60px 0 40px;}
.companyHistoryList:before {content:''; position:absolute; top:70px; bottom:75px; left:50%; width:1px; background-color:#e0e0e0;}
.companyHistoryList > li {position:relative; padding:0 0 20px 435px;}
.companyHistoryList .titYear {position:absolute; top:45px; left:120px; color:#f0f0f0; font-size:160px; font-weight:700; letter-spacing:-0.08em; line-height:1.2;}
.companyHistoryList .dayList {padding-top:100px;}
.companyHistoryList .dayList > li {position:relative; padding:0 0 0 150px;}
.companyHistoryList .dayList > li:before {content:''; position:absolute; top:8px; left:101px; width:8px; height:8px; border:2px solid #e0e0e0; border-radius:50%; background-color:#fff; box-sizing:border-box;}
.companyHistoryList .dayList > li:after {display:block; content:''; clear:both;}
.companyHistoryList .titDay {position:relative; float:left; top:0; left:-150px; margin-right:-150px; color:#222; font-size:18px; font-weight:700;}
.companyHistoryList .txt {float:left; width:100%; padding:2px 0 33px;}
.companyHistoryList .dayList > li:last-child .txt {padding-bottom:0;}
.companyHistoryList > li:first-child .dayList {padding-top:0;}
.companyHistoryList > li:first-child .titYear {top:-57px;}

/* ESG 경영원칙 */
.esgList > li {position: relative;padding: 35px 0 35px 0px;min-height: 117px;border-bottom: 1px solid #e0e0e0;line-height: 1.8;word-break: keep-all;overflow: hidden;}
.esgList > li > div{float: left;}
.esgList .tit {position: relative; width: 375px; padding:0 40px 0 60px; color: #222;font-size: 18px;font-weight: 700;}
.esgList .num {position: absolute; top: 0; left: 0; color: #2f67cb;}
.esgList .info{width: 670px;}

/* 윤리경영 */
.ethicsInfo {position:relative; min-height:450px; text-align:center;}
.ethicsInfo > .img {position:absolute; top:0; left:50%; margin-left:-270px;}
.ethicsInfo .infoArea {position:relative; padding:140px 15px 30px; z-index:2;}
.ethicsInfo .infoArea:after {display:block; content:''; clear:both;}
.ethicsInfo .tit {display:inline-block; width:170px; height:170px; border-radius:50%; background-color:#2f67cb; color:#fff; font-size:20px; font-weight:700; line-height:172px; text-align:center;}
.ethicsInfo .txt {margin-top:20px; line-height:1.8;}
.ethicsInfo .company {float:left;}
.ethicsInfo .ethics {float:right;}
.ethicsInfo .ethics .tit {background-color:#20c4be;}

.ethicsNeedArea {margin-bottom:40px !important; padding:40px 0 95px; background-color:#f0f5f8;}
.ethicsNeedArea .inner{position:relative; width:1080px; margin:0 auto;}
.ethicsNeed {border:none;}
.ethicsNeed > li {padding:0 30px; border-left:none; text-align:center;}
.ethicsNeed .img {margin-bottom:55px;}
.ethicsNeed .tit {margin-bottom:10px; font-size:20px;}
.ethicsNeed .txt {line-height:1.8;}

.ethicsProgram {width:1124px; margin:0 -22px; border:none;}
.ethicsProgram > li {padding:0 22px; border-left:1px dashed #e0e0e0;}
.ethicsProgram .block {margin:-5px 0;}
.ethicsProgram .step {color:#2f67cb; font-size:28px; font-weight:700;}
.ethicsProgram .tit {margin-bottom:10px; font-size:20px;}
.ethicsProgram .txt {line-height:1.7;}

.ethicsList > li {padding:55px 0 55px 275px; border-bottom:1px solid #e0e0e0; line-height:1.8; word-break:keep-all;}
.ethicsList > li:last-child {border-bottom:none;}
.ethicsList > li:after {display:block; content:''; clear:both;}
.ethicsList .tit {position:relative; float:left; left:-275px; width:275px; margin-top:-5px; margin-right:-275px; padding:0 30px 0 40px; color:#222; font-size:18px; font-weight:700;}
.ethicsList .num {display:inline-block; color:#2f67cb; font-size:20px; text-indent:-40px;}
.ethicsList .info {float:left;}
.ethicsList .txt {margin-bottom:5px; color:#222; font-size:18px;}
.ethicsList .txtLine:before {height:10px; background-color:#7bf4d1;}

/* CI */
.wooriCi .btnArea {margin:20px 0 0;}
.wooriCi li {width:auto !important;}
.wooriCi li.full {padding-bottom:30px;}

/* 사회공헌가치체계 */
.visionTxt {margin-top:15px; color:#333; font-size:36px;}
.visionTxt > span {display:inline-block; position:relative; padding:0 48px; background:url(../img/pc/content/company_social_quote.png) no-repeat 0 10px;}
.visionTxt > span:before {content:''; position:absolute; top:10px; right:0; width:28px; height:21px; background:url(../img/pc/content/company_social_quote.png) no-repeat 0 0; transform:rotate(180deg); -ms-transform:rotate(180deg);}

.companyCon > li {padding:90px 0 0 276px;}
.companyCon > li:after {display:block; content:''; clear:both;}
.companyCon > li:first-child {padding-top:0;}
.companyCon .conHead {position:relative; float:left; top:0; left:-275px; width:275px; margin-top:-5px; margin-right:-275px; padding-right:30px; color:#222; font-size:24px; font-weight:700;}
.companyCon .conBody {float:left; width:100%;}
.companyCon .txt {margin-bottom:60px;}

.socialHistoryTit {position:relative; margin-top:-35px; text-align:center;}
.socialHistoryTit .titYear {position:absolute; top:50%; left:50%; width:150px; margin:-27px 0 0 -75px; border:1px solid transparent; background:url(../img/pc/common/btn_acco.png) no-repeat right 8px center; color:#333; font-size:28px; font-weight:700; letter-spacing:-0.05em;}
.socialHistoryTit .titYear:hover,
.socialHistoryTit .titYear:focus {border:1px solid #2b64ce;}
.socialHistoryTit .yearBg {display:inline-block; color:#f8f8f8; font-size:160px; font-weight:700; letter-spacing:-0.15em; line-height:1.3;}

.socialHistoryList {border-top:1px solid #333;}
.socialHistoryList > li {padding:0 0 0 180px; border-bottom:1px solid #e0e0e0;}
.socialHistoryList > li:after {display:block; content:''; clear:both;}
.socialHistoryList .titMonth {position:relative; float:left; top:35px; left:-180px; width:115px; margin-right:-180px; color:#222; font-size:18px; font-weight:700; text-align:center;}
.socialHistoryList .dayList > li {padding:35px 0 35px 95px; border-bottom:1px solid #e0e0e0;}
.socialHistoryList .dayList > li:last-child {border-bottom:none;}
.socialHistoryList .dayList > li:after {display:block; content:''; clear:both;}
.socialHistoryList .titDay {position:relative; float:left; top:2px; left:-95px; margin-right:-95px; color:#222;}
.socialHistoryList .txtList_disc {margin:0;}
.socialHistoryList .txtList_disc > li {margin-top:3px;}

/* 수상내역 */
.awardsList {border-top:1px solid #333;}
.awardsList > li {border-bottom:1px solid #e0e0e0;}
.awardsList .accoHead {padding:40px 80px 40px 250px;}
.awardsList .accoHead:after {display:block; content:''; clear:both;}
.awardsList .accoHead .img {position:relative; float:left; top:0; left:-249px; width:210px; height:119px; margin-right:-210px; background-color:#fff; overflow:hidden;}
.awardsList .accoHead .img img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.awardsList .accoHead .tit {color:#222; font-size:20px;}
.awardsList .accoHead .info {margin-top:-3px;}
.awardsList .accoHead .txtList_disc {margin-bottom:0;}
.awardsList .accoHead .txtList_disc > li {margin-top:4px;}
.awardsList .accoBody {padding:40px 40px 40px 30px; border-top:1px solid #e0e0e0; background-color:#f8f8f8; line-height:1.7;}
.awardsList .accoBody .tit {display:block; margin-bottom:12px; color:#222; font-size:18px; font-weight:700;}

/* 위비배구단 */
.wibeeVolleyTeam {position:relative; min-height:485px; margin-bottom:90px; padding:60px 0 0; padding-bottom:30px;}
.wibeeVolleyTeam:after {content:''; position:absolute; top:235px; left:-50%; width:100%; height:250px; margin-left:-290px; background-color:#e2f3fc;}
.wibeeVolleyTeam .photo {display:inline-block; position:relative; box-shadow:15px 25px 15px rgba(0,0,0,0.2); z-index:2;}
.wibeeVolleyTeam .infoCon {position:absolute; top:130px; right:0; width:645px; min-height:355px; padding:35px 0 40px 40px; background-color:#fff; line-height:1.8; word-break:keep-all; z-index:2;}
.wibeeVolleyTeam .infoCon:after {content:''; position:absolute; top:-185px; right:-60px; width:334px; height:318px; background:url(../img/pc/content/volleyteam_bg.png) no-repeat 0 0;}
.wibeeVolleyTeam .infoCon > .inner {position:relative; z-index:2;}
.wibeeVolleyTeam .tit {margin-bottom:15px; color:#222; font-size:36px; line-height:1.4;}
.wibeeVolleyTeam .tit em {display:block;}

.volleyteamSns {margin:0;}
.volleyteamSns > li {padding:50px 30px 40px; border-left:none; text-align:center;}
.volleyteamSns > li:before {content:''; position:absolute; top:50px; left:0; width:1px; height:64px; background-color:#e0e0e0;}
.volleyteamSns > li:first-child:before {display:none;}
.volleyteamSns .block {display:block;}
.volleyteamSns .icoImg {display:block;}
.volleyteamSns .tit {margin:25px 0 0;}

/* 주요활동 */
.conInfoList {font-size:0;}
.conBody p.txt ~ .conInfoList {margin-top:-20px;}
.conInfoList li {width:50%; display:inline-block; vertical-align:top; padding-bottom:40px; text-align:center;}
.conInfoList li .img {position:relative; display:inline-block; margin-bottom:32px; z-index:1;}
.conInfoList li .img img {box-shadow:10px 10px 18px rgba(0,0,0,0.2);}
.conInfoList li .img:before {content:''; width:100%; height:100%; display: inline-block; border:6px solid #f1f1f1; box-sizing:border-box; position:absolute; top:32px; left:23px; z-index:-1;}
.conInfoList .tit {display:block; padding-top:15px; font-size:18px; font-weight:700; color:#222;}
.conInfoList.div_3 li{width:33.3%;}

/* 기부현황 */
.totalSum.totalcell {padding:45px 45px 50px 50px;}
.totalSum.totalcell .total {padding-top:32px;}
.totalSum.totalcell .tit {font-size:24px; color:#222;}
.totalSum.totalcell .txt {color:#666;}
.totalSum.totalcell .infoList {width:500px !important;}
.totalSum.totalcell .infoList li {width:100%; margin:0; float:none;}
.totalSum.totalcell .infoList li .item  {font-size:14px;}
.totalSum.totalcell .infoList li .val {color:#2b64ce; font-size:18px; font-weight:700;}
.totalSum.totalcell .infoList li .val em {font-size:32px;}

/* 비전/핵심가치/슬로건 */
.visionArea {overflow:hidden; padding-top:60px;}
.visionArea [class^=vision_box]{float:left; width:436px; height:224px; padding-top:40px; box-shadow:2px 10px 30px 10px rgba(0,0,0,0.2); color:#fff; text-align:center; overflow:hidden;}
.visionArea [class^=vision_box] .tit{display:inline-block; width:170px; position:relative; padding-bottom:5px; font-size:18px; font-weight:700; margin-bottom:30px;}
.visionArea [class^=vision_box] .tit:after{content: ""; display:inline-block; position:absolute; width:20px; height:20px; left:50%; bottom:-11px; margin-left:-10px; transform:rotate(45deg); -ms-transform:rotate(45deg); box-sizing:border-box; border:1px solid; border-width:0 1px 1px 0;}
.visionArea [class^=vision_box] .txt{font-size:24px; color:#ecf3fb;}
.visionArea [class^=vision_box] .txt em{color:#fff;}

.visionArea .vision_box1{background:url(../img/pc/content/bg_vision_box.png) no-repeat 0 0; margin-left:114px;}
.visionArea .vision_box1 .tit{border-bottom:1px solid #9acee9; color:#e3eff9;}
.visionArea .vision_box1 .tit:after{background-color:#4ea3df; border-color:#9acee9;}

.visionArea .vision_box2{background-color:#20c4be; margin:60px 0 0 -24px;}
.visionArea .vision_box2 .tit{border-bottom:1px solid #85eae6; color:#dff4f3;}
.visionArea .vision_box2 .tit:after{background-color:#20c4be; border-color:#85eae6;}

/* 핵심가치 */
.arrowblock .blockTblBox{border-radius:10px;}
.arrowblock .blockTblBox .infoCon{display:table-cell;}
.arrowblock .blockTblBox .step{font-size:20px;}
.arrowblock .blockTblBox .tit{font-size:24px; margin:10px 0; display:block;}
.arrowblock .blockTblBox .txt{font-size:18px; color:#222;}
.arrowblock .blockTblBox .icoImg{vertical-align:bottom; text-align:right;}

/*================================================ 개인 > 이용안내 ================================================*/
/* 사전용어 모음 */
.iptDick li {padding:0 1px 0 2px;}
.iptDick .ipt + label {width:32px; height:32px; padding:0; border:1px solid #c8c8c8; border-radius:2px; background-color:#fff; color:#333; font-size:14px; line-height:30px;}
.iptDick .ipt + label:before {display:none;}
.iptDick .ipt:checked + label {border-color:#000; color:#222; font-weight:700;}

.bbsSrchBox .iptDick {padding:15px 0 0 83px;}

.glossaryArea {padding:45px 30px 25px 45px; border:1px solid #e0e0e0;}
.glossaryArea .txtList_disc {margin:0; font-size:0;}
.glossaryArea .txtList_disc > li {display:inline-block; width:25%; margin:0; padding:0 20px 20px 14px; font-size:16px; vertical-align:top;}
.glossaryArea a:hover {color:#2b64ce; text-decoration:underline;}



/*================================================ 기업 > 카드조회/결제 ================================================*/
/*카드안내/신청*/
.payAutoBox.corprateCard > .inner:before{content:''; position:absolute; top:50%; left:60px; width:80px; height:70px; margin-top:-35px; background:url(../img/pc/content/cor_card_img.png) no-repeat 0 0;}

/*================================================ 기업 > 카드조회/결제 ================================================*/
/* 이용한도조회 */
.limitGraph {width:840px; margin:20px auto 0;}
.limitGraph .graphArea {display:inline-block; width:100%; height:40px; margin:10px 0 5px; border-radius:5px; background:url(../img/pc/content/limitGraph_bg.png) repeat 0 0; font-size:0; text-align:left; overflow:hidden;}
.limitGraph .graphArea .bar {display:inline-block; position:relative; width:0; height:40px; background-color:#2b64ce;}
.limitGraph .graphArea .txt {display:inline-block; position:absolute; top:8px; right:15px; color:#fff; font-size:16px; text-align:right;}
.limitGraph .graphArea .revert .txt {right:-120px; color:#222;}
.limitGraph .graphInfo {color:#222; text-align:right;}
.limitGraph .graphInfo:after {display:block; content:''; clear:both;}
.limitGraph .graphInfo em {font-weight:700;}

.limitGraphArea {display:table; width:100%; padding:10px 20px 5px;}
.limitGraphArea:after {display:block; content:''; clear:both;}
.limitGraphArea .total {display:table-cell; color:#333; text-align:left; vertical-align:bottom;}
.limitGraphArea .item {display:block;}
.limitGraphArea .money {display:block; margin:-3px 0 -5px; color:#2b64ce; font-size:18px;}
.limitGraphArea .money em {display:inline-table; padding-right:3px; font-size:36px; letter-spacing:-0.05em;}
.limitGraphArea .money + .item {margin-top:10px;}
.limitGraphArea .limitGraph {display:table-cell; width:650px; margin:0; vertical-align:bottom;}
.limitGraphArea .limitGraph .graphArea {height:28px; margin-bottom:0;}
.limitGraphArea .limitGraph .graphArea .bar {height:28px;}
.limitGraphTit {margin:5px 20px; font-size:18px; font-weight:700; text-align:left;}

/* [레]신청한도금액범위초과 */
.overBox{margin-bottom:30px; padding:30px 40px; background-color:#f8f8f8; color:#222; font-size:18px; text-align:center;}
.overBox .inner{padding-top:70px; background:url(../img/pc/content/ico_over.png) no-repeat center 0;}
/*================================================ swiperWrap ================================================*/
.swiperWrap {position: relative; opacity: 0}
.swiperWrap.on {opacity: 1}
.swiper-controls {position:absolute; bottom:37px; left:0; right:0; line-height:0; z-index:10; text-align:center;}
.swiper-pagination {position:static; display:inline-block;}
.swiper-pagination-bullet,
.swiper-pagination-switch {position:relative; width:18px; height:18px; vertical-align:middle; background:none; border-radius:0; opacity:1; border:1px solid rgba(0,0,0,0); box-sizing:border-box;}
.swiper-pagination-bullet:before,
.swiper-pagination-switch:before {content:''; position:absolute; top:4px; left:4px; width:8px; height:8px; background:rgba(51,51,51,0.3); border:1px solid rgba(62,62,62,0.3); border-radius:100%; box-sizing:border-box;}
.swiper-pagination-bullet-active:before,
.swiper-active-switch:before {background:rgba(39,109,226,1);}
[class^=swiper-button-] {position:relative; display:inline-block; width:18px; height:18px; vertical-align:middle; overflow:hidden; border:1px solid rgba(0,0,0,0);}
.swiper-button-stop:before,
.swiper-button-stop:after {content:''; position:absolute; top:3px; left:4px; bottom:4px; width:3px; background-color:rgba(51,51,51,1);}
.swiper-button-stop:after {left:auto; right:4px;}
.swiper-button-play {display:none;}
.swiper-button-play:after {content:''; position:absolute; top:3px; left:6px; width:0; height:0; border-top:5px solid rgba(51,51,51,0); border-bottom:5px solid rgba(51,51,51,0); border-right:6px solid rgba(51,51,51,0); border-left:6px solid rgba(51,51,51,1);}
.swiper-counter {margin-left:10px; color:#999; z-index:10; vertical-align:middle;}
.swiper-counter em {color:#222;}

.swiper-pagination-switch {display: inline-block;} /* IE9 전용 */

.eventThum .btnPrev,
.eventThum .btnNext,
.largeArrow .btnPrev,
.largeArrow .btnNext {position:absolute; top:50%; left:0; width:54px; height:54px; margin:-27px 0 0 0; background:url(../img/pc/content/btn_slideSet.png) no-repeat 0 0; z-index:10;}
.eventThum .btnNext,
.largeArrow .btnNext {left:auto; right:0; background-position:-54px 0;}

.eventThum .btnPrev {top:68px; margin-top:0;}
.eventThum .btnNext {top:68px; margin-top:0;}

.middleArrow .btnPrev,
.middleArrow .btnNext {position:absolute; top:50%; width:17px; height:30px; margin:-9px 0 0 0; background:url(../img/pc/content/btn_ent_slideSet.png) no-repeat 0 0; z-index:10;}
.middleArrow .btnNext {background-position:-40px 0;}

/* 보안서비스 */
.conBlockList .finishBox.security{font-size: 16px;}
.conBlockList.imgCont .tit img{width: 38px; vertical-align: middle;}
.finishBox.security{margin-top:20px; padding: 30px 50px 30px;}
.finishBox.security .inner{padding-top:0; background:none;}
.finishBox.security .txtBox{text-align:left;margin-top:40px;}
.finishBox.security .txtBox .tit{font-size: 18px; font-weight: 700;}
.finishBox.security ol li em{margin-right:10px; color: #2b64ce;}


/* 자동차 - 지점안내 */
.mapWrap {width:100%; height:318px; margin-bottom:20px; border:1px solid #e0e0e0; overflow:hidden; text-align: center;}
.mapWrap img{width:638px; height:318px;}

/*================================================ 자동차 ================================================*/
.servInfoBox .infoCon .tit img {margin-right:10px; vertical-align:text-bottom;}

/* 다이렉트자동차할부신청 */
.directContract {margin:0 -12px;}
.directContract:after {content:''; clear:both; display:block;}
.directContract > li {float:left; width:50%; padding:0 12px;}
.directContract [class^=signature_] {position:relative; border:1px solid #e0e0e0;}
.directContract .ipt {height:30px; margin:1px 0; padding:0 5px; background-color:#ecfeff; font-size:14px; box-shadow:3px 3px 4px rgba(0,0,0,0.1);}
.directContract .name {display:inline-block; position:absolute; width:78px;}
.directContract .name .ipt {width:76px;}
.directContract .date {display:inline-block; position:absolute;}
.directContract .date .ipt {width:24px; padding:0; text-align:center;}
.directContract .date .year {width:49px;}
.directContract .signature_1 .name {right:125px; bottom:45px;}
.directContract .signature_1 .date {left:185px; bottom:45px;}
.directContract .signature_3 .date {left:112px; top:145px;}
.directContract .signature_3 .name {right:108px; top:145px;}
.directContract .signature_3 .name .ipt:first-child {margin-bottom:61px;}
.directContract .signature_4 .name {left:150px; top:175px;}
.directContract .signature_4 .date {right:64px; top:339px;}
.accoTbl .accoBtn.notice{position: absolute; width: 20%; top: 50%;right: 0px; margin-top: -20px; padding: 10px;}

.carBox {display:table; width:100%; padding:40px 0 35px 15px; border:1px solid #e0e0e0;}
.carBox {display:block; content:''; clear:both;}
.carBox .tit {display:table-cell; width:285px; height: 150px; border-right:1px solid #e0e0e0; color:#333; vertical-align:middle;}
.carBox div {display:table-cell; padding-left:20px;  vertical-align:top;}
.carBox div:after {display:block; content:''; clear:both;}
.carBox ul > li {display:inline-block; width:170px; padding:0 10px; text-align:left; vertical-align:top;}
.carBox ul > li:last-child{width:190px;}
.carBox div .txtList_star li{display:inline-block; width:100%;}
.carBox + .carBox{margin-top: -1px;}

/*================================================ 가맹점 ================================================*/

/* 독자 가맹점 사전신청 */
.mchCrdList{border-top: 1px solid #333; border-bottom: 1px solid #e0e0e0;}
.mchCrdList .goodsList{ overflow: visible; border-top: 0; border-bottom: 0; padding-bottom: 60px;}
.mchCrdList .goodsList > li{border-bottom: 0;}
.mchCrdList .goodsList > li .desc {-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.mchCrdList .swiper-controls{bottom: 30px;}
.mchCrdList .btnPrev {left: 0;}
.mchCrdList .btnNext {right: 0;}
.mchCrdList .swiper-button-disabled{display: none;}


/*================================================ 공통 ================================================*/
/* 통합검색 */
.srchResult {padding:25px 0; border-top:1px solid #333; border-bottom:1px solid #e0e0e0; word-break:keep-all;}
.srchResult li {padding:4px 0; }
.srchResult a:hover {text-decoration:underline;}
.srchResult .noData {margin-bottom:0; padding-top:91px; padding-bottom:20px; border-top:0; border-bottom:0; background-position:center 25px;}
.goodsList.card > li.noData {float:none; width:100%; height:200px; padding:116px 20px 20px; border-top:0;}
.eventList.card > li.noData {float:none; width:100%; height:150px; padding:66px 20px 20px; margin-bottom:0; background-position:center 0;}
.bbsList.srch > li {padding:26px 0 23px;}
.bbsList.srch > li.noData {padding:116px 0 45px; margin-bottom:0; border-top:0; border-bottom:0;}
.bbsList.srch > li.noData > p {margin-top:0;}
.bbsList.srch .cont {display:block;}
.bbsList.srch .tit{ font-size:20px; font-weight:700;}
.bbsList.srch .txtS {margin-top:30px;}
.bbsList.srch a:hover {text-decoration:underline;}
.faqList > li.noData {margin-bottom:0;}

/* 그리드 */
#gridText{max-height: 480px; overflow: auto; margin-bottom: 20px;}
.gridWrap {}
.gridTop {padding:15px; background-color:#fff;}
.gridBottom {padding:20px; background-color:#f8f8f8;}
.gridTop:after, .gridBottom:after {content:''; clear:both; display:block;}
.gridTop .titArea {display:inline-block; margin:0;}
.gridTop .info {float:none; display:inline-block;}
.gridTop .info > span {display:inline-block; font-size:14px; vertical-align:middle;}
.gridTop .info > span + span {margin-left:5px;}
.gridTop .info > span + .date {position:relative; padding-left:9px;}
.gridTop .info > span + .date:before {content:''; position:absolute; top:50%; left:0; height:11px; margin-top:-6px; border-right:1px solid #d2d2d2;}
.gridTop .info em {margin-right:1px; color:#222; font-weight:normal; vertical-align:middle;}
.gridTop .fr .ipt {width:auto; height:35px; margin-left:15px;}
.gridTop .fr select.ipt {line-height: 35px;}
.gridTop .fr .btn_p {height:35px; line-height:35px;}
.gridBottom .txt {color:#333; font-weight:700; vertical-align:middle;}
.gridBottom .gridBtnGroup {display:inline-block; margin-left:20px; vertical-align:middle;}
.gridBottom .gridBtnGroup li {display: inline-block; position: relative;}
.gridBottom .gridBtnGroup li + li {margin-left:12px; padding-left:15px;}
.gridBottom .gridBtnGroup li + li:before {content: ''; position: absolute; top: 50%; left: 0; height: 13px; margin-top: -6px; border-right: 1px solid #d2d2d2;}

/* 디지털매거진 */
.cardAnsim_ico.disital .block:before {background:url(../img/pc/content/blockList_ico_disital.png) no-repeat 0 0;}
.cardAnsim_ico.disital .giftCard:before {background-position:0 0;}
.cardAnsim_ico.disital .movie:before {background-position:-40px 0;}
.cardAnsim_ico.disital .tire:before {background-position:-80px 0;}
.cardAnsim_ico.disital .member:before {background-position:-120px 0;}
.cardAnsim_ico.disital .event:before {background-position:-160px 0;}
.cardAnsim_ico.disital .info:before {background-position:-200px 0;}

/* 투자정보 - 사회적채권 */
.payAuto.bond .block:before {background:url(../img/pc/content/blockList_ico_bond.png) no-repeat 0 0;}
.payAuto.bond .col1:before {background-position:0 0;}
.payAuto.bond .col2:before {background-position:-40px 0;}
.payAuto.bond .col3:before {background-position:-80px 0;}

/* 웹접근성 안내 */
.waInfo > li {padding:35px 25px 35px 50px; border-left:none; }
.waInfo > li:last-child{padding-left:0;}
.waInfo .txtList_hangul{margin: 35px 0;}
.waInfo .block {padding:0;}
.conBlockList.imgCont.waInfo > li{padding:35px 80px;}


/*================================================ 배너 ================================================*/
.bannerGroup {margin:0 -12px;}
.bannerGroup:after {content:''; clear:both; display:block;}
.bannerGroup > .block {float:left; width:50%; padding:0 12px;}
.bannerGroup .banner {display:inline-block;}
.bannerGroup .swiper-controls {right:auto; bottom:18px; left:45px;}


/*================================================ 해외직구몰 ================================================*/
.overProBox {border:1px solid #e0e0e0;}
.overProBox .swiper-container {margin:-1px -1px 0;}
.overProBox li:after {content:''; clear:both; display:block;}
.overProBox li > .block {float:left; width:33.3333%; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.overProBox .block > a {display:block; position:relative; min-height:405px; padding:48px 30px 20px; text-align:center; overflow:hidden;}
.overProBox .productImg {position:relative; height:200px; margin-bottom:20px; overflow:hidden;}
.overProBox .productImg img {position:absolute; left:50%; width:auto; height:200px; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.overProBox .name {display:block; display:-webkit-box; height:50px; color:#333; font-size:16px; line-height:1.7; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.overProBox .priceArea {height:50px; margin-top:13px; text-align:center;}
.overProBox .priceArea > .inner {display:inline-block;}
.overProBox .priceArea > .inner:after {content:''; clear:both; display:block;}
.overProBox .priceArea del {display:inline-block; float:right; padding:9px 0 0 10px; vertical-align:middle;}
.overProBox .priceArea .price {display:inline-block; float:left; color:#222; font-size:24px; font-weight:700;}
.overProBox .reserve {position:absolute; top:30px; right:30px; width:80px; height:80px; padding-top:20px; border:1px solid #ed3482; border-radius:50%; background-color:#fff; color:#e80163; font-size:14px; font-weight:700; line-height:1.3;}
.overProBox .reserve > span {display:block;}
.overProBox .reserve em {font-size:20px;}
.overProBox .btnArea {height:55px; margin:0;}

.overMallBox {margin-bottom:30px; padding:50px 0; border:1px solid #e0e0e0;}
.overMallBox li:after {content:''; clear:both; display:block;}
.overMallBox li > .block {float:left; width:25%; padding:0 20px; border-left:1px solid #e0e0e0;}
.overMallBox li > .block:first-child {border-left:none;}
.overMallBox .block > a {display:block; text-align:center; overflow:hidden;}
.overMallBox .logoImg {position:relative; height:75px; margin-bottom:7px; overflow:hidden;}
.overMallBox .logoImg img {position:absolute; left:50%; max-width:143px; max-height:73px; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.overMallBox .mall {display:block; color:#333; font-size:16px;}
.overMallBox .reserve {padding-top:4px; color:#e80163; font-size:18px; font-weight:700; line-height:1;}
.overMallBox .reserve em {font-size:24px;}

.todayRate {display:table; width:100%; padding:42px 0; background-color:#f8f8f8; table-layout:fixed;}
.todayRate .tit {display:table-cell; width:260px; color:#222; font-size:24px; font-weight:700; text-align:center; vertical-align:middle;}
.todayRate .inner {display:table-cell;}
.todayRate .rateList {margin-bottom:15px;}
.todayRate .rateList:after {content:''; clear:both; display:block;}
.todayRate .rateList > li {float:left; margin-right:30px; color:#333; font-weight:700;}
.todayRate img {margin-right:5px; vertical-align:middle;}

.overTit {display:block; margin:-20px 0 20px;}
.overTit:after {content:''; clear:both; display:block;}
.overTit .tit {float:left; font-size:16px;}
.overTit .tit em {color:#222;}
.overTit .tit > span {display:inline-block; margin-left:5px;}
.overTit .goLinks {color:#333; font-size:18px;}


.goLinks {margin:0; padding-right:18px; background:url(../img/pc/common/ico_arrow8.png) no-repeat 100% center; color:#2b64ce; font-size:20px; font-weight:700;}

.overProBox .btnPrev,
.overProBox .btnNext,
.overMallBox .btnPrev,
.overMallBox .btnNext {position:absolute; top:50%; left:-85px; width:54px; height:54px; margin:-27px 0 0 0; background:url(../img/pc/content/btn_slideSet.png) no-repeat 0 0; z-index:10;}
.overProBox .btnNext,
.overMallBox .btnNext {left:auto; right:-85px; background-position:-54px 0;}


.lineList .tit a:hover{text-decoration: underline;}


.ico_btn.del {position: relative; padding-right: 23px; margin: 0 8px;}
.ico_btn.del:after{content:''; position:absolute; right:0; top:50%; width:19px; height:19px; margin-top:-9px; background: url(../img/pc/content/btn_ico_del.png) no-repeat center;}

/* 챗봇안내 */
.conBlockList.stepBlock {border:none;}
.conBlockList.stepBlock li {padding:80px 0 0; border-width:0 0 1px 0;}
.conBlockList.stepBlock li:first-child .infoCon  {padding-top:25px;}
.conBlockList.stepBlock .block {display:block;}
.conBlockList.stepBlock .img {float:right;}
.conBlockList.stepBlock .img:first-child {float:left;}
.conBlockList.stepBlock .infoCon {width:430px; float:right; padding:80px 30px 0 0;}
.conBlockList.stepBlock .infoCon:first-child {float:left; padding:80px 0 0 85px;}
.conBlockList.stepBlock .infoCon .txtLine {font-size:22px; color:#2b64ce; margin:0;}
.conBlockList.stepBlock .infoCon .txtLine:before {top:55%; height:10px; border-radius:2px; background-color:#c2fdff;}
.conBlockList.stepBlock .infoCon .tit {margin-top:35px; font-size:30px;}
.conBlockList.stepBlock .infoCon .chatMenu .tit {font-size:14px;}
.conBlockList.stepBlock .infoCon .chatMenu .img {padding-top:15px;}

/* 챗봇 이용 방법  */
.utility_list {margin-top:50px; overflow:hidden;}
.utility_list > li {float:left; width:33.3333%; padding:0 30px;}
.utility_list .tit {display:table; position:relative; left:50%; top:0; margin-left:-85px; width:171px; height:171px; border-radius:50%; box-sizing:border-box; vertical-align:middle; color:#fff;}
.utility_list .tit span {display:table-cell; text-align:center; vertical-align:middle;}
.utility_list .tit:after {content:''; position:absolute; left:50%; bottom:-53px; height:53px; width:1px; background-color:#c8c8c8;}
.utility_list [class^=list] .guideStep {position:relative; padding-top:53px;}
.utility_list [class^=list] .guideStep:before {content:''; position:absolute; left:50%; top:50px; width:7px; height:7px; margin-left:-2px; border-radius:50%;}
.utility_list [class^=list] .guideStep .num {font-weight:700; font-size:18px;}
.utility_list [class^=list] .guideStep .txt {color:#333;}
.utility_list .list1 .tit,
.utility_list .list1 .guideStep:before {background-color:#2b64ce;}
.utility_list .list1 .num {color:#2b64ce;}
.utility_list .list2 .tit, 
.utility_list .list2 .guideStep:before {background-color:#11b9b3;}
.utility_list .list2 .num {color:#11b9b3;}
.utility_list .list3 .tit,
.utility_list .list3 .guideStep:before {background-color:#939aa0;}
.utility_list .guideStep li {padding:20px 26px; background-color:#f8f8f8; border-radius:10px; margin-top:3px;}
.utility_list .guideStep li:first-child {margin-top:0;}
.utility_list .guideStep .num {margin-right:10px;}

/*우리 PICK/고객의소리(전자민원접수)*/
.cctGuide .block {display:block;}


/*================================================ 서브메인 ================================================*/
/* 공통 */
.specialLink {display:table; margin:0 -27px 0 -48px; table-layout:fixed;}
.specialLink > li {display:table-cell; padding:0 48px; font-size:18px; text-align:center; vertical-align:top;}
.specialLink .block {display:block; position:relative; margin:0 -20px; line-height:1.4;}
.specialLink .objImgArea {display:inline-block; position:relative; margin-bottom:44px; padding:0 20px;}
.specialLink .objBg {border-radius:20px; overflow:hidden;}
.specialLink .objImg {position:absolute; right:-35px; bottom:-30px; z-index:1;}
.specialLink .objShd {position:absolute; right:-35px; bottom:-30px; z-index:0;}
.specialLink .tit {display:block; padding-bottom:10px; color:#222; font-size:24px; font-weight:700; letter-spacing:-0.07em;}
.specialLink .tit .small {font-size:18px; font-weight:400;}

.specialLink.line {display:block; margin:0 -20px 0;}
.specialLink.line:after {content:''; clear:both; display:block;}
.specialLink.line > li {display:block; position:relative; float:left; width:25%; padding:0 20px;}
.specialLink.line > li:before {content:''; position:absolute; top:135px; bottom:60px; left:0; width:1px; background-color:#d9d9d9;}
.specialLink.line > li:first-child:before {display:none;}
.specialLink.line .block {margin:0; padding-top:255px;}
.specialLink.line .objImgArea {position:absolute; top:0; left:50%; margin-bottom:0; padding:0; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.specialLink.line .objImg {position:static;}

/* 아이콘 배너 */
.icoBanner {margin:-12px -12px 18px !important;}
.icoBanner .block {display:table; width:100%; min-height:125px; padding:20px 0 20px 50px; font-size:0; table-layout:fixed;}
.icoBanner a.block:hover {box-shadow:none;}
.icoBanner .infoCon {display:table-cell; vertical-align:middle;}
.icoBanner .tit {margin:0; color:#222; font-size:18px; font-weight:700; line-height:1.4;}
.icoBanner .desc {margin:0 0 4px; font-size:16px;}
.icoBanner .tit + .desc {margin:7px 0 0;}
.icoBanner .arsNum {margin-bottom:3px; color:#222; font-size:26px; font-weight:700; line-height:1.4;}
.icoBanner .txtS {color:#333;}
.icoBanner .icoImg {display:table-cell; width:150px; text-align:center; vertical-align:middle;}
.icoBanner .icoImgR {width:92px; height:92px; margin-left:-40px; background-color:#fff; vertical-align:middle;}
.icoBanner .btnArea {margin:10px -5px 0; text-align:left;}
.icoBanner .btnArea [class^=btn_].m {margin-top:5px;}
.icoBanner .point {margin-bottom:-10px;}
.icoBanner .point .tit {font-size:16px !important; line-height:1.2;}
.icoBanner .point .num {color:#2b64ce; font-size:18px;}
.icoBanner .point .num em {display:inline-block; padding-right:2px; font-size:30px; letter-spacing:-0.06em;}

.icoBanner.div_3 .block {padding:25px 0 25px 40px;}
.icoBanner.div_3 .icoImg {width:130px;}

.icoBanner [class*=bgColor] {min-height:150px; padding:19px 15px 15px 50px;}
.icoBanner [class*=bgColor] .infoCon.vt,
.icoBanner [class*=bgColor] .icoImg.vb {padding:9px 0 13px;}
.icoBanner [class*=bgColor] .tit {font-size:20px;}
.icoBanner [class*=bgColor] .tit .bar {display:inline-block; font-size:18px; font-weight:400; vertical-align:middle; opacity:0.4;}
.icoBanner [class*=bgColor] .icoImgR {margin-left:-15px;}
.icoBanner [class*=bgColor] .cardImg {display:inline-block; margin-left:-15px; padding:5px 33px; background:url(../img/pc/content/cdl_banner_card_bg.png) no-repeat 0 49px;}
.icoBanner [class*=bgColor] .cardImg img {border-radius:2px; overflow:hidden;}
.icoBanner .bgColor01 {background-color:#d4f8f8 !important;}
.icoBanner .bgColor02 {background-color:#d3f2ff !important;}
.icoBanner .bgColor03 {background-color:#e1e9ff !important;}
.icoBanner .bgColor01,
.icoBanner .bgColor01 .tit {color:#00342c;}
.icoBanner .bgColor02,
.icoBanner .bgColor02 .tit {color:#003d57;}
.icoBanner .bgColor03,
.icoBanner .bgColor03 .tit {color:#011448;}

.icoBanner.div_2 .bannerSwiper {margin:-20px 0 -20px -50px;}
.icoBanner.div_2 .slideList .block {width:528px;}
.icoBanner .swiper-controls {top:13px; right:13px; bottom:auto; left:auto;}

/* 플러스서비스 */
.plusSrvArea {margin-bottom:30px; padding:12px 0; border-top:2px solid #666; border-bottom:1px solid #e4e4e4;}
.plusSrvArea .subMenuLink {margin-bottom:13px; padding:10px 0 25px; border-bottom:1px solid #e4e4e4;}
.plusSrvArea .subMenuLink > li {border-right:none;}
.plusSrvArea .subMenuLink .icoImg {margin-bottom:10px;}
.plusSrvArea .subMenuLink .tit {font-size:18px;}
.plusSrvList {font-size:0;}
.plusSrvList  li {display:inline-block; position:relative; width:33.3333%; padding:10px 0 10px 40px; vertical-align:top; z-index:1;}
.plusSrvList a {display:block; padding:0 0 0 70px; color:#222; font-size:18px;}
.plusSrvList a:after {content:''; clear:both; display:block;}
.plusSrvList .icoImgR {float:left; position:relative; left:-70px; width:56px; height:56px; margin-right:-70px;}
.plusSrvList .tit {float:left; width:100%; line-height:56px;}

.subMainTop {width:100% !important; margin-bottom:70px; background-color:#2b64ce;}
.subMainTop .customSrchBox {padding:60px 0 68px; background-color:transparent;}
.subMainTop .customSrchBox .tit {color:#fff; font-size:36px; font-weight:400;}
.subMainTop .customSrchBox .srchBar {width:805px; height:60px; border:none; background-color:#fff;}
.subMainTop .customSrchBox .srchBar .ipt {width:720px; height:60px; padding:2px 20px 0; font-size:20px;}
.subMainTop .customSrchBox .srchBar .ipt::placeholder {font-size:20px;}
.subMainTop .customSrchBox .srchBar .btnIco_srch {top:0; right:0; width:75px; height:60px; background:url(../img/pc/common/btn_srch.png) no-repeat center center;}
.subMainTop .customSrchBox .keyword .tit span {padding-left:23px;}
.subMainTop .customSrchBox .keyword .links {margin:0 15px; color:#becaec;}
.subMainTop .customSrchBox .keyword .links:after {display:none;}
.subMainTop .customSrchBox .keyword .links:focus,
.subMainTop .customSrchBox .keyword .links:hover {color:#fff !important;}

.subMainTit {margin-bottom:25px; padding-top:15px; text-align:center;}
.subMainTit h2 {color:#222; font-size:32px; font-weight:700; letter-spacing:-0.05em;}
.subMainTit .titH2 {font-size:24px !important;}
.subMainTit .desc {padding-bottom:20px;}
.subMainTit ~ .goodsList {margin-bottom:-30px;}
.subMainTit ~ .goodsList > li:last-child {border-bottom:none;}
.subMainTit ~ .goodsList.card {margin-bottom:-40px;}
.subMainTit ~ .goodsList.card {border-bottom-color:#fff;}

.subMenuLink {display:table; width:100%; margin-bottom:55px; table-layout:fixed;}
.subMenuLink > li {display:table-cell; padding:0 10px; font-size:16px; border-right:1px solid #e0e0e0; text-align:center; vertical-align:top;}
.subMenuLink > li:last-child {border-right:none;}
.subMenuLink a {display:block; padding:7px 0 0;}
.subMenuLink .icoImg {display:inline-block; margin:0 0 11px;}
.subMenuLink .tit {display:block; color:#222;}

#seEvnt .subMenuLink .icoImg {height: 42px; line-height: 42px;}

.subMenuLink.many {width:1090px; margin:0 -5px 55px;}
.subMenuLink.many > li {padding:0 5px; border-right:none;}
.subMenuLink.many a {display:table; width:100%; padding:0 7px; border-radius:6px; background-color:#f1f1f1; line-height:1.3;}
.subMenuLink.many .tit {display:table-cell; width:100%; height:60px; padding-top:1px; vertical-align:middle;}

.subMenuLink.shortcut {margin-top:60px;}
.subMenuLink.shortcut > li {padding:0; border-right:1px solid #fff;}
.subMenuLink.shortcut a {display:table; width:100%; padding:0 15px; background-color:#546d82;}
.subMenuLink.shortcut .tit {display:table-cell; width:100%; height:80px; color:#fff; vertical-align:middle;}


/* My */
.topVisualArea.myMain > .inner {padding:0;}
.topVisualArea.myMain .myArea {float:left; width:700px; padding:46px 0;}
.topVisualArea.myMain .myArea .myInfo {margin-bottom:5px; color:#222; font-size:24px;}
.topVisualArea.myMain .myArea .phishing {margin-top:-7px;}
.topVisualArea.myMain .myArea .date {display:inline-block; padding-left:15px; color:#666; font-size:16px;}
.topVisualArea.myMain .myArea .levelInfo {color:#333;}
.topVisualArea.myMain .myArea .levelInfo .level {display:inline-block; margin-right:10px;}
.topVisualArea.myMain .myArea .icoImgR {width:32px; height:32px; background-color: transparent; margin-right:10px; vertical-align:middle;}
.topVisualArea.myMain .myArea .icoImgR img {width:32px; height:32px;}
.topVisualArea.myMain .myArea .icoImgR + span > a {padding:0;}
.topVisualArea.myMain .myArea .icoImgR + span > a:before {content:none;}
.topVisualArea.myMain .myArea .levelInfo a {position:relative; padding:0 9px;}
.topVisualArea.myMain .myArea .levelInfo a:before {content:''; position:absolute; top:2px; left:0px; width:1px; height:16px; background-color:#c8c8c8;}
.topVisualArea.myMain .myArea .levelInfo button.btn_l {border-color:#546d82; background-color:transparent; color:#333;}
.topVisualArea.myMain .myArea .corpInfo {margin-top:12px; margin-bottom:2px; color:#333;}

.topVisualArea.myMain .myBanner {float:right; top:50%; right:-15px; bottom:auto; left:auto; width:345px; margin-top:-60px; background-color:transparent;}
.topVisualArea.myMain .myBanner .block {padding-left:0;}

.myMain .topLinkArea {padding:10px 0; background-color:#f8f8f8;}
.myMain .topLinkArea .inner {height:35px; overflow:hidden;}
.myMain .noticeCtrl {width:1080px; height:35px; color:#222; padding:0 100px 0 25px; font-size:14px; overflow:hidden;}
.myMain .noticeCtrl .swiper-container {position:relative; z-index:11;}
.myMain .noticeCtrl li {line-height:35px; background-color:#f8f8f8;}
.myMain .noticeCtrl a {display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.myMain .noticeCtrl .date {display:inline-block; position:relative; padding-left:20px; color:#666;}
.myMain .noticeCtrl .date:before {content:''; position:absolute; top:50%; left:8px; width:1px; height:15px; margin-top:-6px; background-color:#c8c8c8;}
.myMain .noticeCtrl .swiper-controls {top:auto; bottom:7px; left:0;}
.myMain .noticeCtrl .swiper-controls > button {border:1px solid #e0e0e0; background-color:#fff;}
.myMain .noticeCtrl .swiper-controls > button:before,
.myMain .noticeCtrl .swiper-controls > button:after {bottom:3px;}
.myMain .noticeCtrl .swiper-counter {display:inline-block; position:absolute; right:21px; bottom:10px; font-size:15px;}
.myMain .noticeCtrl .btnPrev{width:8px;height:13px;position:absolute;bottom:9px;right:68px;z-index:10;background:url(../img/pc/content/submain_my_ctrl_arrow_3.png) no-repeat;}
.myMain .noticeCtrl .btnNext{width:8px;height:13px;position:absolute;bottom:9px;right:0;z-index:10;background:url(../img/pc/content/submain_my_ctrl_arrow_3.png) no-repeat;transform:rotate(180deg); -ms-transform:rotate(180deg);}
.myMainCont {display:table; width:100%; table-layout:fixed;}
.myMainCont > li {display:table-cell; position:relative; width:360px; min-height:615px; padding:30px 30px 120px; border:1px solid #e0e0e0; border-left:none;}
.myMainCont .titArea {margin-bottom:22px;}
.myMainCont .titArea .titH3 {font-size:22px;}
.myMainCont .titArea .titH3 .links {margin:0; font-size:22px; vertical-align:top;}
.myMainCont .titArea .links {margin-top:3px;}
.myMainCont:not(.enterprise) .noData {margin:0; padding:200px 0 0; border:none; background:none; color:#222;}
.myMainCont .keepCard {border-color:#e2f3fc; background-color:#e2f3fc;}
.myMainCont .paymentBtn {margin:12px -5px 0; font-size:0;}
.myMainCont .paymentBtn [class^=btn_] {width:93px; margin:5px;}
.myMainCont .paymentBtn .full {width:298px !important;}
.myMainCont .paymentBtn .half {width:144px !important;}
.myMainCont .infoList {margin-top:32px; padding-top:25px; border-top:1px solid #e0e0e0;}
.myMainCont .infoList > li {display:block; padding:7px 0;}
.myMainCont .infoList > li:after {content:''; clear:both; display:block;}
.myMainCont .infoList .item {float:left;}
.myMainCont .infoList .val {float:right; color:#333;}
.myMainCont .myEvent .swiper-controls {top:40px; right:25px;}
.myMainCont .myLimtInq #banner2 .swiper-slide {padding:1px;}

.myCardList {margin:0 -30px;}
.myCardList li {padding:0 30px;}
.myCardList .goods {display:block;}
.myCardList .goods .cardImg {position:relative; height:250px; margin-bottom:18px;}
.myCardList .goods .cardImg > img {position:absolute; top:50%; left:50%; max-width:250px; max-height:250px; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.myCardList .badgeArea {margin-bottom:7px;}
.myCardList .tit {display:block; margin-bottom:5px; color:#222; font-size:18px; font-weight:700; line-height:1.6;}
.myCardList .btnPrev,
.myCardList .btnNext {position:absolute; top:108px; left:18px; width:35px; height:35px; margin:0; background:url(../img/pc/content/submain_my_ctrl_arrow_2.png) no-repeat 0 0; z-index:10;}
.myCardList .btnNext {left:auto; right:18px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.myCardList .swiper-button-disabled {opacity:0.25;}
.myCardList .swiper-controls {top:-48px; right:30px; bottom:auto; left:auto;}
.myCardList .swiper-counter {display:inline-block; height:21px; padding:1px 15px 0; border-radius:11px; background-color:#e0e0e0; font-size:13px; line-height:20px; overflow:hidden;}

.goodsSumList.swiperWrap {margin-bottom:35px;}
.goodsSumList.swiperWrap li {border-bottom:none;}
.goodsSumList .btnPrev,
.goodsSumList .btnNext {position:absolute; top:50%; left:-20px; width:35px; height:35px; margin:-17px 0 0; background:url(../img/pc/content/submain_my_ctrl_arrow_2.png) no-repeat 0 0; z-index:10;}
.goodsSumList .btnNext {left:auto; right:-20px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.goodsSumList .swiper-controls {bottom:-30px; text-align:center;}

.recomCardGroup .goodsSumList {border-top:none;}
.recomCardGroup .goodsSumList > li {width:100%; margin:0; padding:0 0 40px;}
.recomCardGroup .goodsSumList .block {display:block; float:left; width:400px; margin:0 5px; padding:0 5px 0 150px;}
.recomCardGroup .goodsSumList .cardImg {left:-150px; height:124px; margin-right:-150px;}
.recomCardGroup .goodsSumList .cardImg img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.recomCardGroup .goodsSumList .cardInfo {min-height:92px; padding-top:20px;}
.recomCardGroup .swiper-controls {bottom:10px;}
.recomCardGroup .btnPrev,
.recomCardGroup .btnNext {position:absolute; top:48px; left:-33px; width:35px; height:35px; margin:0; background:url(../img/pc/content/submain_my_ctrl_arrow_2.png) no-repeat 0 0; z-index:10;}
.recomCardGroup .btnNext {left:auto; right:-33px; transform:rotate(180deg); -ms-transform:rotate(180deg);}

.toolTipTxt {position:relative; overflow:visible;}
.toolTipTxt .txt {display:none; position:absolute; top:-38px; left:50%; padding:5px 10px; border:1px solid #333; background-color:#fff; color:#222; font-size:14px; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.toolTipTxt .txt:before {content:''; position:absolute; bottom:-5px; left:50%; width:8px; height:8px; margin-left:-5px; border-top:1px solid #333; border-right:1px solid #333; background-color:#fff; box-sizing:border-box; transform:rotate(135deg); -ms-transform:rotate(135deg); z-index:1;}
.toolTipTxt:focus .txt,
.toolTipTxt:hover .txt {display:block;}
.btn_l.toolTipTxt .txt {top:-54px; left:0; width:320px; transform:none; -ms-transform:none;}
.btn_l.toolTipTxt .txt:before {left:50px;}

.myBanner {position:absolute; right:-1px; bottom:-1px; left:0; background-color:#f1f1f1;}
.myBanner a {display:inline-block;}
.myBanner .block {display:table; width:100%; height:114px; padding-left:30px; table-layout:fixed;}
.myBanner .block > .info {display:table-cell; vertical-align:middle;}
.myBanner .block .tit {display:block; padding:2px 0; color:#222; font-size:18px; font-weight:700;}
.myBanner .block .desc {display:inline-block; padding:0;}
.myBanner .block > .icoImg {display:table-cell; width:95px; vertical-align:middle;}

.myBanner.recomm {background-color:#80dff7; color:#222;}
.myBanner.payment {background-color:#546d82; color:#fff;}
.myBanner.payment .tit {color:#fff;}
.myBanner .swiper-controls {top:20px; right:25px; bottom:auto; left:auto;}

.myBenefit {min-height:225px; margin-bottom:50px; padding:24px 400px 40px 40px;}
.myBenefit .infoArea {min-height:206px; padding:0 0 40px 320px;}
.myBenefit .infoArea:after {content:''; clear:both; display:block;}
.myBenefit .total {position:relative; float:left; left:-320px; margin-right:-320px; padding-top:80px !important;}
.myBenefit .infoList {width:255px !important;}
.myBenefit .infoList > li {float:none; width:100%; margin:0;}
.myBenefit .total + .infoList {width:320px !important;}
.myBenefit .btnArea {position:absolute; right:400px; bottom:40px; margin:0; padding:0;}
.myBenefit .noData {margin:0; padding:100px 0 0; border:none; background:url(../img/pc/common/ico_no_data_bnf.png) no-repeat center 35px;}
.myBenefit .noData .btn_p {margin:15px 0 0;}

.myBenefit .myCardList {position:absolute; top:35px; left:170px; width:230px;}
.myBenefit .myCardList li {padding:0; background-color:#e6f5fe;}
.myBenefit .myCardList .tit {display:-webkit-box; height:55px; margin-bottom:0; color:#333; font-size:16px; font-weight:400; line-height:1.6; text-align:center; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.myBenefit .myCardList .cardImg {height:130px; margin-bottom:12px;}
.myBenefit .myCardList .cardImg > img {max-width:130px; max-height:130px;}
.myBenefit .myCardList .btnPrev,
.myBenefit .myCardList .btnNext {position:absolute; top:48px; left:-10px; width:35px; height:35px; margin:0; background:url(../img/pc/common/ico_arrow3.png) no-repeat center center; z-index:10; opacity:0.5; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.myBenefit .myCardList .btnNext {left:auto; right:-10px; transform:rotate(0); -ms-transform:rotate(0);}

.myBenefit .familyCardArea {padding:35px 0 0 20px; color:#222;}
.myBenefit .familyCardArea .tit {margin-bottom:20px; font-size:20px; font-weight:700;}

.loginBnf {display:inline-block; margin:30px -30px 0 75px;}
.loginBnf > .tit {padding-left:25px; color:#333; font-size:16px; font-weight:400;}
.loginBnf .etcInfo {margin:22px 0 0; border:none;}
.loginBnf .etcInfo > li {padding:0;}
.loginBnf .etcInfo .block {display:table; width:100%;}
.loginBnf .etcInfo .tit {display:table-cell; padding:0; font-weight:400; vertical-align:middle;}
.loginBnf .etcInfo .icoImgR {left:-95px; margin-right:-95px; background-color:#fff;}

.perLink {display:inline-block; position:absolute; top:40px; right:40px; bottom:40px; width:305px; padding:25px 20px; border:1px solid #cedfea; color:#222;}
.perLink .links {position:absolute; bottom:30px; left:15px; font-size:14px;}
.perLink .icoImg {position:absolute; right:20px; bottom:33px; z-index:0;}

.myMainHistory {position:relative; margin-bottom:-20px;}
.myMainHistory:after {content:''; clear:both; display:block;}
.myMainHistory .titH3 .links {font-size:22px;}
.myMainHistory > .historyArea {float:left; width:625px;}
.myMainHistory > .historyArea:before {content:''; position:absolute; top:9px; right:400px; bottom:6px; width:1px; background-color:#e0e0e0;}
.myMainHistory > .historyArea.full {width:100%;}
.myMainHistory > .historyArea.full:before {content: none;}
.myMainHistory .historyList > li {padding:18px 0 17px; border-top:1px solid #e0e0e0;}
.myMainHistory .historyList > li:first-child {border-top:none;}
.myMainHistory .historyList > li:last-child {padding-bottom:0;}
.myMainHistory .historyList > li:after {content:''; clear:both; display:block;}
.myMainHistory .noData {margin:90px 0 0; border:none;}
.historyList .infoCell {float:left; width:500px;}
.historyList .moneyCell {float:right; text-align:right;}
.historyList .tit {margin-bottom:10px;}
.historyList .tit em {display:inline-block; max-width:335px; color:#222; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.historyList .date {display:inline-block; padding-left:10px; color:#666; font-size:16px; font-weight:400;}
.historyList .info {font-size:14px;}
.historyList .info > span {display:inline-block; position:relative; margin-right:12px; padding-right:17px; color:#666; vertical-align:middle;}
.historyList .info > span:before {content:''; position:absolute; top:50%; right:0; width:1px; height:13px; margin-top:-7px; background-color:#e0e0e0;}
.historyList .info > span:last-child {margin-right:0; padding-right:0;}
.historyList .info > span:last-child:before {display:none;}
.historyList .money {display:block; margin-bottom:10px; color:#222;}
.historyList .links {margin:0; font-size:14px;}

.myMainHistory > .myEvent {float:right; width:345px;}
.myEvent .eventThum {position:static; padding-top:10px; text-align:left;}
.myEvent .eventThum a {width:100%;}
.myEvent .eventImg {float:none; width:100%; margin:0 0 20px;}
.myEvent .eventImg.dimm:after {content:"";position:absolute;display:block;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);width:100%;height:100%;}
.myEvent .badgeArea {margin-bottom:15px;}
.myEvent .tit {display:block; display:-webkit-box; width:100%; height:50px; margin-bottom:10px; white-space:normal; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.myEvent .swiper-controls {top:15px; bottom:auto; left:auto;}

.subGoLink {display:block; padding-top:1px;}
.subGoLink .tit {display:inline;}
.subGoLink .tit .tel {position:relative; margin:0 0 -1px 5px; padding:0 0 8px 25px; background: url(../img/pc/content/ico_phone.png) no-repeat 8px 7px; color:#333; font-size:20px; font-weight:700; line-height:1.2; vertical-align:middle;}
.subGoLink .tit .tel:before {content:''; position:absolute; top:8px; left:0; width:1px; height:15px; background-color:#dedcd9;}
.subGoLink .tit .member {position:relative; margin-left:8px; padding-left:10px;}
.subGoLink .tit .member:before {content:''; position:absolute; top:3px; left:0; width:1px; height:14px; background-color:#e0e0e0;}
a.subGoLink .tit {padding-right:19px; background:url(../img/pc/common/ico_arrow8.png) no-repeat 100% center;}
.subGoLink .item {display:inline-block; width:100px; vertical-align:middle;}
.subGoLink .val {display:inline-block; color:#333; vertical-align:middle;}
.subGoLink .val em {display:inline-block; padding:1px 2px 1px 0; font-size:20px; font-weight:700; letter-spacing:-0.04em;}
.subGoLink .total {margin-top:-2px;}
.subGoLink .total .val {color:#2b64ce; font-size:20px;}
.subGoLink .total .val em {font-size:34px;}
.subGoLink .txt {margin:5px 0 -1px; background-color:#f8f8f8; font-size:14px; line-height:32px; text-align:center;}
.subGoLink .txt .links {margin:0; font-size:14px;}

.subGoLinkGroup > li {padding:17px 0 11px; border-top:1px dashed #e0e0e0;}
.subGoLinkGroup > li:first-child {border-top:none !important;}
.subGoLinkGroup .noData {height:80px; margin:0; padding:50px 0 0; border:none; background-position:center 0;}
.subGoLinkGroup .noData p {margin:0;}

.myMainLimit {position:relative; margin-top:5px; border:1px solid #e0e0e0; background-color:#fff; z-index:1;}
.myMainLimit .limitBtn {position:relative; width:100%; padding-left:16px; color:#e92670; line-height:44px; text-align:left;}
.myMainLimit .limitBtn:before {content:''; position:absolute; top:50%; right:17px; width:22px; height:14px; margin-top:-7px; background:url(../img/pc/content/submain_my_btn_arrow.png) no-repeat 0 0;}
.myMainLimit.on .limitBtn:before {background-position:0 -14px;}
.myMainLimit .limitGraph {display:none; position:absolute; top:44px; right:-1px; left:-1px; width:auto; margin:0; padding:45px 23px 10px; border:1px solid #e0e0e0; background-color:#f8f8f8;}
.myMainLimit .graphArea .bar {position:relative;}
.myMainCont .graphArea {height:30px; margin:0; overflow:visible;}
.myMainCont .graphArea .bar {height:30px; background:url(../img/pc/content/submain_my_limitGraph_bg2.png) no-repeat 0 0;}
.myMainCont .graphArea .txt {top:-24px; right:-11px; width:100px; border:1px solid #333; background-color:#fff; color:#666; font-size:14px; line-height:33px; text-align:center;}
.myMainCont .graphArea .txt em {color:#222; font-weight:700;}
.myMainCont .graphArea .revert .txt {right:-100px;}
.myMainLimit .graphInfo {margin:5px 0 15px; padding-bottom:15px; border-bottom:1px solid #e0e0e0;}
.myMainLimit .graphInfo > li {padding:5px 0; border-bottom:none; color:#666; font-size:14px;}
.myMainLimit .graphInfo .val {color:#222; font-weight:700;}
.myMainLimit.on .limitGraph {display:block;}


/* 카드 */
.topVisualArea.cardMain {margin-bottom:50px;}
.topVisualArea.cardMain > .inner {height:440px; padding:58px 0 22px; overflow:hidden;}
.topVisualArea.cardMain .cardTit {color:#222; font-size:20px;}
.topVisualArea.cardMain .recomCardArea {position:relative; float:left; width:655px; min-height:360px;}
.topVisualArea.cardMain .recomCardArea:before {content:''; position:absolute; top:85px; right:0; bottom:110px; width:1px; background-color:#cbe3e4;}
.topVisualArea.cardMain .cardArea {width:655px; height:250px; padding-top:10px;}
.topVisualArea.cardMain .info {padding-right:10px; vertical-align:top;}
.topVisualArea.cardMain .titH1 {font-size:32px; line-height:1.3;}
.topVisualArea.cardMain .info .desc {margin-top:6px; font-size:20px; line-height:1.5;}
.topVisualArea.cardMain .txtList_disc {margin:22px 0 0; font-size:14px;}
.topVisualArea.cardMain .txtList_disc > li {margin-top:4px;}
.topVisualArea.cardMain .cardArea .img {width:330px; height:290px; padding-bottom:40px;}
.topVisualArea.cardMain .cardArea .cardImg {padding:0;}
.topVisualArea.cardMain .cardArea .cardImg img {max-width:250px; max-height:250px; box-shadow:13px 13px 15px rgba(22,39,77,0.175);}

.topVisualArea.cardMain .recomCardArea .swiper-controls {right:auto; bottom:5px;}

.keepCardArea {float:right; width:425px; padding-left:90px; padding-right:30px;}
.keepCardArea .goodsSumList {height:244px; padding-top:53px; border:none;}
.keepCardArea .goodsSumList li {float:none; width:100%; margin:0; padding:0; border-bottom:none; background-color:#e2fdfe;}
.keepCardArea .goodsSumList li:after {content:''; clear:both; display:block;}
.keepCardArea .cardImg {left:0; width:124px; height:124px; margin:0 0 9px;}
.keepCardArea .cardImg > img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.keepCardArea .cardInfo {float:left; width:181px; height:124px; margin:0 0 9px; padding:13px 0 0 20px;}
.keepCardArea .badgeArea {margin-bottom:13px;}
/* 200626 style 재적용 요청 / .keepCardArea .cardBadge_img {border:none; background-color:transparent;} */
.keepCardArea .tit {height:67px; font-size:16px; -webkit-line-clamp:3;}
.keepCardArea .btnArea {clear:both;}
.keepCardArea .btnArea button + button {float:right;}

.keepCardArea .btnPrev,
.keepCardArea .btnNext {position:absolute; top:98px; left:-60px; width:35px; height:35px; margin:0; background:url(../img/pc/content/submain_my_ctrl_arrow_2.png) no-repeat 0 0; z-index:10;}
.keepCardArea .btnNext {left:auto; right:-35px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.keepCardArea .swiper-controls {right:-30px; bottom:0; left:auto;}
.keepCardArea .swiper-counter {display:inline-block; height:21px; padding:1px 15px 0; border-radius:11px; background-color:#e0e0e0; font-size:13px; line-height:20px; overflow:hidden; vertical-align:middle;}


/* 금융 */
.sumConArea .lonMain {width:1110px; margin:0 -15px; border:none;}
.sumConArea .lonMain > li {margin:0; padding:0 15px 123px; border:none; border-left:1px solid #bad3d6;}
.sumConArea .lonMain > li:first-child {border-left:none;}
.sumConArea .lonMain .block {display:block; position:static;}
.sumConArea .lonMain .tit {margin:2px 0 12px; font-size:30px; letter-spacing:-0.05em;}
.sumConArea .lonMain .tit .small {font-size:22px;}
.sumConArea .lonMain .icoImg {margin:10px 0 7px;}
.sumConArea .lonMain .infoList {display:table; margin:0 auto;}
.sumConArea .lonMain .infoList > li {display:table-row; letter-spacing:-0.05em;}
.sumConArea .lonMain .infoList .item {display:table-cell; width:70px; padding:13px 20px 0 0; vertical-align:top;}
.sumConArea .lonMain .infoList .item .small {display:block; font-size:14px;}
.sumConArea .lonMain .infoList .val {color:#222; text-align:left;}
.sumConArea .lonMain .infoList .val em {display:inline-block; padding-right:2px; color:#2b64ce; font-size:28px; letter-spacing:-0.07em;}
.sumConArea .lonMain .infoList .val > span {display:inline-block;}
.sumConArea .lonMain .infoList .val > span + span {padding-left:30px; background:url(../img/pc/common/ico_arrow10.png) no-repeat left 8px top 20px;}
.sumConArea .lonMain .infoList .val .txt {display:block; margin-top:-2px; color:#666; font-size:13px;}
.sumConArea .lonMain .infoList .val .del {font-size:14px; text-decoration:line-through;}
.sumConArea .lonMain .infoList .val .del em {color:#222; font-size:14px; font-weight:400; text-decoration:line-through;}
.sumConArea .lonMain .btnArea {position:absolute; right:45px; bottom:-5px; left:45px; margin:0;}
.sumConArea .lonMain .btnArea [class^=btn_] {width:100%; margin:5px 0;}
.sumConArea .lonMain .btnArea .txt {margin:5px 0; border-radius:4px; background-color:#fff; color:#666; font-size:16px; line-height:46px; text-align:center;}
.sumConArea .lonMain .noData {position:absolute; top:97px; bottom:135px; left:45px; width:279px; min-height:208px; margin:0; padding:0; border:none; background-color:#fff !important; background-image:none; z-index:2;}
.sumConArea .lonMain .noData p {position:absolute; top:50%; right:0; left:0; margin:0; padding:50px 35px 0; background: url(../img/pc/content/submain_lon_ico_nodata.png) no-repeat center 0; transform:translateY(-50%); -ms-transform:translateY(-50%);}

/* 금융 - 장기카드대출 부수거래 서비스 */
.cdlnIrtpfIlst > .tb{border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden;}
.cdlnIrtpfIlst .tbCell:not(.col_8){padding: 35px 45px;}
.cdlnIrtpfIlst .tbCell.col_8{background: #f8f8f8;}
.cdlnIrtpfIlst .group {display: table; width: 100%; margin-top: 20px;}
.cdlnIrtpfIlst .group li{display: table-cell; background: #fff; border-radius: 4px; overflow: hidden;}
.cdlnIrtpfIlst .group li.arrow{width: 30px; background: none; vertical-align: middle;}
.cdlnIrtpfIlst .group .lbl{ height: 32px; line-height: 32px; background: #606060; color: #fff;}
.cdlnIrtpfIlst .group .txt{padding: 10px 0; color: #222;}
.cdlnIrtpfIlst .benefit {margin-top: 10px; padding: 10px 0; background: #fff; color: #222; border-radius: 4px; overflow: hidden;}

.sumList_3 .large {width:410px;}
.sumList_3 .large .extra p {letter-spacing:-0.075em; vertical-align:top;}
.sumList_3 .large .extra p .tit {display:block; margin-top:10px; font-size:36px; font-weight:700;}
section .sumConArea {margin-bottom:-8px; padding-top:10px; padding-bottom:0;}
section .sumList_3 {margin:0 -20px 0 -15px;}
section .sumList_3 .large {width:475px;}
section .sumList_3 .large .extra p {height:220px;}
section .sumList_3 .inner {background-color:#e2f3fc;}



/* 회사소개 */
.comMainVisual {position:relative; margin-bottom:55px;}
.comMainVisual .copyArea {position:absolute; top:0; left:50%; margin-left:-540px; padding-top:80px; color:#fff; font-size:38px; font-weight:400; line-height:1.4; z-index:1;}
.comMainVisual .copyArea .logo {display:block; margin-bottom:20px;}
.comMainVisual .bgArea {position:relative; height:450px; z-index:0;}
.comMainVisual .bgArea > div {position:absolute; top:0; right:0; bottom:0; left:0;}
.comMainVisual .bgArea img {position:absolute; top:0; left:50%; margin-left:-960px;}
.comMainVisual .bgArea .swiper-controls {display:none;}
.comMainVisual .bg1 {background-color:#393d41;}
.comMainVisual .bg2 {background-color:#6f7072;}

.comMainCont {margin:0 -10px;}
.comMainCont:after {content:''; clear:both; display:block;}
.comMainCont > li {float:left; padding:25px 25px 25px 30px;}
.comMainCont .block {width:220px; height:220px; text-align:center;}
.comMainCont a.block {display:inline-block; padding-top:70px; border-radius:50%; background-color:#f8f8f8;}
.comMainCont .tit {display:block; margin-bottom:12px; color:#222; font-size:18px; font-weight:700;}
.comMainCont .desc {font-size:14px; line-height:1.5;}
.comMainCont a.block:focus,
.comMainCont a.block:hover {background:#2f67cb url(../img/pc/content/submain_company_ico_arrow.png) no-repeat center bottom 36px; color:#fff; box-shadow:0 15px 10px rgba(0,0,0,0.10);}
.comMainCont a.block:focus .tit,
.comMainCont a.block:hover .tit {color:#fff;}

.comMainSns {margin-top:13px; background-color:#f8f8f8;}
.comMainSns:after {content:''; clear:both; display:block;}
.comMainSns > li {position:relative; float:left; width:33.3333%; padding:46px 40px 41px; text-align:center;}
.comMainSns > li:nth-child(even):before {content:''; position:absolute; top:50px; left:10px; bottom:50px; width:1px; background-color:#c8c8c8;}
.comMainSns > li:nth-child(even):after {content:''; position:absolute; top:50px; right:10px; bottom:50px; width:1px; background-color:#c8c8c8;}
.comMainSns .block {display:inline-block; padding:0 0 0 75px; text-align:left;}
.comMainSns .icoImg {position:relative; float:left; left:-75px; margin-right:-75px; padding-top:5px;}
.comMainSns .tit {display:block; color:#222; font-size:18px; font-weight:700;}
.comMainSns .arrow {margin:0; color:#8c8b8b; font-size:14px; background: url(../img/pc/common/ico_arrow5.png) no-repeat right 1px top 5px;}

.comMainNews {margin:0 -12px;}
.comMainNews:after {content:''; clear:both; display:block;}
.comMainNews > div {position:relative; float:left; width:50%; padding:0 12px;}
.comMainNews .titH3 {margin-top:0;}
.comMainNews .list {margin:0 -12px; padding-top:3px;}
.comMainNews .list:after {content:''; clear:both; display:block;}
.comMainNews .list > li {float:left; width:50%; padding:0 12px;}
.comMainNews a.block {display:inline-block; position:relative; width:100%; height:280px; padding:35px 30px 70px; border:1px solid #e0e0e0; background-color:#fff; color:#222; line-height:1.8;}
.comMainNews a.block .flag {display:block; margin-bottom:20px; color:#2f67cb; font-weight:700;}
.comMainNews .press a.block .flag {color:#00879b;}
.comMainNews a.block .date {position:absolute; bottom:35px; left:30px; color:#666; font-size:14px;}
.comMainNews a.block:focus,
.comMainNews a.block:hover {padding:34px 29px 69px; border:2px solid #2f67cb; box-shadow:15px 15px 10px rgba(0,0,0,0.08);}
.comMainNews .btnIco_more {position:absolute; top:0; right:12px;}

/* 회사소개 - CEO소개 */
.ceoIntro{position: relative; margin-top: 50px !important;}
.ceoIntro .titH2{font-size: 38px; font-weight: normal;}
.ceoIntro .ceoImg {position: absolute; top: 90px; right: 0;}
.ceoIntro .ceoMsg{max-width: 700px; word-break: keep-all; letter-spacing: -1px;}
.ceoIntro .ceoMsg p{line-height: 1.7; font-size: 18px;}
.ceoIntro .ceoMsg p.pointC1{font-size: 20px;}
.ceoIntro .ceoSign{position: absolute; top: 530px; right: -155px; padding: 10px 200px 10px 0; font-size: 20px; text-align: right;}

/* 회사소개 - ESG경영 카테고리 */
.esgMain .secVisual{width:100% !important; height:317px; margin-bottom:80px !important; background:#6EA66B url(../img/pc/content/bg_esg_main_visual.png) no-repeat center top;}
.esgMain .secVisual .core{width:1080px; margin:0 auto; padding-top:97px;}
.esgMain .secVisual .core p{padding-bottom:6px; font-size:22px; font-weight:bold; color:#fff; letter-spacing:-1px; word-spacing:-2px;}
.esgMain .secCont{margin:0 auto !important;}
.esgMain .secCont:after{content:""; display:block; overflow:hidden; height:0; clear:both;}
.esgMain .secCont .dl{float:left; width:344px; margin-right:24px;}
.esgMain .secCont .dl:nth-child(3n){margin-right:0;}
.esgMain .secCont .dl .anchor{position:relative; display:block; height:133px; padding:32px 0 0 30px; border-radius:16px;}
.esgMain .secCont .dl .anchor:after{content:""; position:absolute; right:30px; top:50%; width:86px; height:86px; margin-top:-43px; background-repeat:no-repeat; background-position:left top;}
.esgMain .secCont .dl:nth-child(1) .anchor{background-color:#D2EDFC;}
.esgMain .secCont .dl:nth-child(1) .anchor:hover{background-color:#BCE6FD;}
.esgMain .secCont .dl:nth-child(1) .anchor:after{background-image:url(../img/pc/content/icon_esg_main_cont1.png)}
.esgMain .secCont .dl:nth-child(2) .anchor{background-color:#B9F6D9;}
.esgMain .secCont .dl:nth-child(2) .anchor:hover{background-color:#A3F7CF;}
.esgMain .secCont .dl:nth-child(2) .anchor:after{background-image:url(../img/pc/content/icon_esg_main_cont2.png)}
.esgMain .secCont .dl:nth-child(3) .anchor{background-color:#E6EAFC;}
.esgMain .secCont .dl:nth-child(3) .anchor:hover{background-color:#D5DCFA;}
.esgMain .secCont .dl:nth-child(3) .anchor:after{background-image:url(../img/pc/content/icon_esg_main_cont3.png)}
.esgMain .secCont .dl:nth-child(4) .anchor{background-color:#F9EAD7;}
.esgMain .secCont .dl:nth-child(4) .anchor:hover{background-color:#FAE0BE;}
.esgMain .secCont .dl:nth-child(4) .anchor:after{background-image:url(../img/pc/content/icon_esg_main_cont4.png)}
.esgMain .secCont .dl:nth-child(5) .anchor{background-color:#E6F3DC;}
.esgMain .secCont .dl:nth-child(5) .anchor:hover{background-color:#D7F4BF;}
.esgMain .secCont .dl:nth-child(5) .anchor:after{background-image:url(../img/pc/content/icon_esg_main_cont5.png)}
.esgMain .secCont .dl:nth-child(6) .anchor{background-color:#D4F7F4;}
.esgMain .secCont .dl:nth-child(6) .anchor:hover{background-color:#C3F8F4;}
.esgMain .secCont .dl:nth-child(6) .anchor:after{background-image:url(../img/pc/content/icon_esg_main_cont6.png)}
.esgMain .secCont .dl span{display:block; padding-bottom:4px; font-size:14px; color:#6D7173; word-spacing:-2px;}
.esgMain .secCont .dl strong{position:relative; left:-1px; font-size:24px; color:#000; font-weight:bold; letter-spacing:-1px;}
.esgMain .secCont .dl dd ul{padding-top:17px;}
.esgMain .secCont .dl dd ul:after{content:""; display:block; overflow:hidden; height:0; clear:both;}
.esgMain .secCont .dl dd ul li{float:left; width:50%; margin-bottom:30px;}
.esgMain .secCont .dl dd ul li:nth-child(odd){padding-left:27px;}
.esgMain .secCont .dl dd a{position:relative; padding-left:13px; font-size:18px; color:#999; letter-spacing:-1px; word-spacing:-2px;}
.esgMain .secCont .dl dd a:before{content:""; position:absolute; left:0; top:12px; display:block; width:2px; height:2px; background:#999;}
.esgMain .secCont .dl dd a:hover{color:#222;}
.esgMain .secCont .dl dd a:hover:before{background:#222;}
.esgMain .secCont dl.dl{height:264px; margin-bottom:40px; border-radius:16px; background:#f8f8f8}
.esgMain .secFilm{margin-top: 40px !important;padding: 40px;background-color:rgb(223 244 255);background: #fcf4d2;border-radius: 16px;}
.esgMain .secFilm::after{display: table; clear: both; content: '';}
.esgMain .secFilm > div{float: left; position: relative; width: 500px;}
.esgMain .secFilm .info{padding-right: 50px;}
.esgMain .secFilm .title{font-size: 24px;color: #000;font-weight: bold;letter-spacing: -1px;border-bottom: 1px solid #000000;padding-bottom: 10px;}
.esgMain .secFilm .desc{position: absolute;top: 4px;right: 50px;color: #666;}
.esgMain .secFilm .sub_title{margin: 30px 0 10px;font-size: 36px;color: #000000;font-weight: bold;}
.esgMain .secFilm .sub_desc{font-size: 20px;color: #000000;line-height: 1.6;}
.esgMain .secFilm .video{height: 282px;background-color: #ddd;border-radius: 4px;}
.esgMain .secFilm .video iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.tabESGManage{padding:75px 0 0; margin:0 auto !important;}
.tabESGManage .tabList{width:auto; margin:0;}
.tabESGManage .tabList li{width:214px; padding:0; word-spacing:-2px;}

.ESGManageRule .secTop{margin-bottom:20px !important;}
.ESGManageRule .secTop .servInfoBox .tit b{color:#2f67cb;}
.ESGManageRule .secTop .servInfoBox .desc b{display:inline-block; padding-bottom:15px;}
.ESGManageRule .secTop .servInfoBox > .icoImg{vertical-align:middle;}
.ESGManageRule .secCont .info{margin-top:-3px;}
.ESGManageRule .secCont .txtList_numL{margin-top:18px; padding-left:19px;}
.ESGManageRule .secCont .txtList_numL > li{margin-top:16px;}
.ESGManageRule .secCont .txtList_hangul > li{margin-top:12px; padding-left:22px;}
.ESGManageRule .secCont .txtList_hangul > li:first-child{margin-top:0;}
.ESGManageRule .secCont .ethicsList > li:last-child{border-bottom:1px solid #e0e0e0;}
.ESGManageRule .secCont [class*=txtList_]{margin-bottom:0; line-height:1.8;}
.ESGManageRule .colorType1{color:#222;}
.ESGManageRule .closingRemarks{margin-top:70px; text-align:center; font-size:20px; color:#222; font-weight:700;}
.ESGManageRule .closingRemarks .date{padding:45px 0 55px;}

.secEnviromentManage .companyCon > li{padding-top:93px;}
.secEnviromentManage .companyCon > li:first-child{padding-top:0;}
.secEnviromentManage .companyCon .txt{margin-bottom:56px; font-size:20px; color:#222; font-weight:900; text-align:center;}
.secEnviromentManage .companyCon .txt > span{position:relative; text-align:center;}
.secEnviromentManage .companyCon .txt > span:after{content:""; position:absolute; left:0; bottom:0; display:block; width:100%; height:10px; background:#B8FEE4;}
.secEnviromentManage .companyCon .txt > span > span{position:relative; z-index:2;}

/* 회사소개 - 브랜드스토리 */
.brandstory-container #content {font-family: "Poppins", "NanumSquareNeo", sans-serif;color: #fff;background: #0B0617;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); padding-bottom: 0 !important;}
.brandstory-container #content section{width: auto;}
.brandstory-container img { max-width: 100%;display: inline-block;vertical-align: middle;height: auto;}
.brandstory-container .nu-room-main {position: relative;width: 100%;min-width: 1400px;padding-bottom: 490px;background: url("../img/pc/landing/brandstory/footer.png") 50% 100% no-repeat;background-size: 100% 495px;overflow: hidden;}
.brandstory-container .nu-room-main a {color: #fff;text-decoration: none;}
.brandstory-container .nu-room-main__copyright {white-space: nowrap;position: absolute;bottom: 48px;left: 50%;transform: translateX(-50%);font-size: 15px;font-weight: 400;line-height: 2.1333333333;}
.brandstory-container .nu-room-main__inner {width: 1400px;margin: 0 auto;text-align: center;}
.brandstory-container .nu-room-main__title {font-size: 60px;font-weight: 500;line-height: 1.5;}
.brandstory-container .nu-room-main__sub-text {margin-top: 3px;font-size: 24px;font-weight: 300;line-height: 1.5833333333;}
.brandstory-container .nu-room-main__title-group {max-width: 1224px;margin: 0 auto;display: flex;padding: 16px;text-align: left;}
.brandstory-container .nu-room-main__title-group__title {width: 60%;}
.brandstory-container .nu-room-main__title-group__title em {display: block;font-size: 35px;font-weight: 600;line-height: 1.5142857143;}
.brandstory-container .nu-room-main__title-group__title span {display: block;margin-top: -1px;font-size: 24px;font-weight: 500;line-height: 1.3333333333;}
.brandstory-container .nu-room-main__title-group__text {margin-top: 10px;color: #aaa;font-family: "Pretendard";font-size: 18px;font-weight: 500;line-height: 1.5555555556;}
.brandstory-container .nu-room-visual {position: relative;background: url("../img/pc/landing/brandstory/visual.gif") 50% 50% no-repeat;background-size: cover;}
.brandstory-container .nu-room-visual .nu-room-main__inner {max-width: 1190px;text-align: center;padding: 69px 0 202px;}
.brandstory-container .nu-room-visual__label {display: inline-flex;justify-content: center;align-items: center;width: 262px;height: 50px;border-radius: 25px;background: rgba(255, 255, 255, 0.2);padding-top: 2px;font-size: 30px;font-weight: 600;line-height: 1.3333333333;}
.brandstory-container .nu-room-visual__text-main {margin-top: 509px;font-size: 73px;font-weight: 500;line-height: 0.8219178082;}
.brandstory-container .nu-room-visual__text-sub {margin-top: 36px;font-family: "Pretendard";font-size: 32px;font-weight: 400;line-height: 1.25;}
.brandstory-container .nu-room-visual__button {border: none;position: absolute;bottom: 42px;left: 50%;transform: translateX(-50%);width: 24px;height: 24px;background: url("../img/pc/landing/brandstory/arrow2.svg") 50% 50% no-repeat;background-size: contain;font-size: 0;overflow: hidden;opacity: 0.5;animation: aniBrandstoryArrowDown 0.5s infinite alternate;}
.brandstory-container .nu-room-story {padding: 427px 0 288px;}
.brandstory-container .nu-room-story__items {display: inline-flex;gap: 14px;margin-top: 81px;}
.brandstory-container .nu-room-story__item {display: flex;flex-direction: column;justify-content: flex-start;gap: 12px;width: 392px;height: 374px;padding: 35px 36px;text-align: left;background: 50% 50% no-repeat;background-size: cover;border-radius: 16px;cursor: pointer;position: relative;}
.brandstory-container .nu-room-story__item::before {content: "";position: absolute;left: 36px;bottom: 35px;display: inline-block;width: 49px;height: 49px;background: url("../img/pc/landing/brandstory/arrow.svg") 50% 50% no-repeat;background-size: contain;}
.brandstory-container .nu-room-story__item strong {letter-spacing: -0.38px;font-size: 38px;font-weight: 700;line-height: 1.3684210526;}
.brandstory-container .nu-room-story__item span {display: block;margin-top: 28px;font-family: "Pretendard";font-size: 18px;font-weight: 400;line-height: 1.6111111111;}
.brandstory-container .nu-room-story__item:nth-of-type(1) {background-image: url("../img/pc/landing/brandstory/story_pc1.png");}
.brandstory-container .nu-room-story__item:nth-of-type(2) {background-image: url("../img/pc/landing/brandstory/story_pc2.png");}
.brandstory-container .nu-room-story__item:nth-of-type(3) {background-image: url("../img/pc/landing/brandstory/story_pc3.png");}
.brandstory-container .nu-room-story__item:hover[data-aos=fade-up] {z-index: 2;transition: 0.3s cubic-bezier(0.6, 0.1, 0.2, 1);transform: translateY(-12px);}
.brandstory-container .nu-room-story__film {margin-top: 174px;}
.brandstory-container .nu-room-story__film__video {position: relative;margin-top: 52px;}
.brandstory-container .nu-room-story__film__video iframe {position: absolute;left: 0;top: 0;z-index: 2;}
.brandstory-container .nu-room-brands {padding: 288px 0;}
.brandstory-container .nu-room-brands__items {display: flex;justify-content: center;margin-top: 76px;gap: 24px;}
.brandstory-container .nu-room-brands__item {display: flex;flex-direction: column;text-align: left;width: 600px;height: 646px;padding: 54px 0 65px 54px;background: 50% 50% no-repeat;background-size: cover;}
.brandstory-container .nu-room-brands__item em {display: inline-block;padding: 2px 25px 1px;border-radius: 25px;background: rgba(255, 255, 255, 0.2);font-size: 20px;font-weight: 500;line-height: 1.95;margin-bottom: 32px;}
.brandstory-container .nu-room-brands__item p {margin-top: auto;font-family: "Pretendard";font-size: 30px;font-weight: 400;line-height: 1.5;}
.brandstory-container .nu-room-brands__item:nth-of-type(1) {background-image: url("../img/pc/landing/brandstory/brands_pc1.png");}
.brandstory-container .nu-room-brands__item:nth-of-type(1) img {height: 79px;}
.brandstory-container .nu-room-brands__item:nth-of-type(2) {background-image: url("../img/pc/landing/brandstory/brands_pc2.png");}
.brandstory-container .nu-room-brands__item:nth-of-type(2) img {height: 84px;}
.brandstory-container .nu-room-dawoom {padding: 288px 0;}
.brandstory-container .nu-room-dawoom__items {display: flex;justify-content: center;flex-wrap: wrap;margin-top: 76px;gap: 66px 24px;}
.brandstory-container .nu-room-dawoom__item {width: 600px;height: 646px;background: 50% 50% no-repeat;background-size: cover;padding: 85px 0 0 61px;color: #0B0617;text-align: left;}
.brandstory-container .nu-room-dawoom__item strong {display: block;margin-bottom: 61px;font-size: 43px;font-weight: 700;line-height: 1.3953488372;}
.brandstory-container .nu-room-dawoom__item p {font-family: "Pretendard";font-size: 23px;font-weight: 400;line-height: 1.6956521739;}
.brandstory-container .nu-room-dawoom__item:nth-of-type(1) {display: flex;gap: 92px;width: 1224px;color: #fff;background-image: url("../img/pc/landing/brandstory/dawoom_pc1.png");}
.brandstory-container .nu-room-dawoom__item:nth-of-type(1) strong {line-height: 68px;}
.brandstory-container .nu-room-dawoom__item:nth-of-type(1) p {font-size: 28px;line-height: 51px;}
.brandstory-container .nu-room-dawoom__item:nth-of-type(2) {background-image: url("../img/pc/landing/brandstory/dawoom_pc2.png");}
.brandstory-container .nu-room-dawoom__item:nth-of-type(3) {background-image: url("../img/pc/landing/brandstory/dawoom_pc3.png");}
.brandstory-container .nu-room-concept {padding: 288px 0;}
.brandstory-container .nu-room-concept .nu-room-main__sub-text::after {content: "";display: block;width: 1px;height: 310px;background: #fff;margin: 60px auto 150px;}
.brandstory-container .nu-room-concept__list {display: flex;justify-content: space-between;}
.brandstory-container .nu-room-concept__list-item {width: 205.552px;display: flex;gap: 112px;flex-direction: column;position: relative;}
.brandstory-container .nu-room-concept__list-item dt {position: absolute;top: 50%;left: 50%;white-space: nowrap;transform: translate(-50%, -50%);font-family: "NanumSquareNeo";font-size: 16px;font-weight: 500;line-height: 1.75;}
.brandstory-container .nu-room-concept__detail {margin-top: 320px;}
.brandstory-container .nu-room-concept__detail-item+.nu-room-concept__detail-item {margin-top: 172px;}
.brandstory-container .nu-room-concept__detail-images {display: flex;margin-top: 78px;}
.brandstory-container .nu-room-concept__detail-images li {flex: 1 0 0;}
.brandstory-container .nu-room-concept__detail-images img {width: 100%;}
.brandstory-container .nu-room-products {padding: 288px 0;}
.brandstory-container .nu-room-products .nu-room-main__inner {max-width: 1224px;}
.brandstory-container .nu-room-products__items {margin-top: 184px;}
.brandstory-container .nu-room-products__item {display: block;}
.brandstory-container .nu-room-products__item+.nu-room-products__item {margin-top: 170px;}
.brandstory-container .nu-room-products__item-title {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 4px;font-size: 38px;font-weight: 500;line-height: 1.5;}
.brandstory-container .nu-room-products__item-title img {height: 34px;}
.brandstory-container .nu-room-products__item-body {display: block;margin-top: 35px;border-radius: 30px;height: 513px;position: relative;overflow: hidden;text-align: left;padding: 71px 90px;transition: 0.3s cubic-bezier(0.6, 0.1, 0.2, 1);}
.brandstory-container .nu-room-products__item-body::before,
.brandstory-container .nu-room-products__item-body::after {content: "";position: absolute;}
.brandstory-container .nu-room-products__item-body::before {top: 0;right: 0;filter: blur(7.5px);width: 793px;height: 339px;opacity: 0.95;}
.brandstory-container .nu-room-products__item-body::after {width: 49px;height: 49px;background: url("../img/pc/landing/brandstory/arrow.svg");background-size: cover;left: 90px;bottom: 69px;}
.brandstory-container .nu-room-products__item-body img {position: absolute;top: 105px;right: 150px;z-index: 1;height: 323px;-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));}
.brandstory-container .nu-room-products__item-body:hover {box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.16);transform: scale3d(1.01, 1.01, 1.01);}
.brandstory-container .nu-room-products__item-label {display: inline-flex;justify-content: center;align-items: center;padding: 1px 20px 0;height: 36px;border-radius: 36px;background: rgba(255, 255, 255, 0.2);font-size: 20px;font-weight: 600;line-height: 1.2;}
.brandstory-container .nu-room-products__item-text {margin-top: 30px;letter-spacing: -1.2px;font-size: 40px;font-weight: 500;line-height: 1.5;}
.brandstory-container .nu-room-products__item:nth-of-type(1) .nu-room-products__item-body {background: #ac55f0;}
.brandstory-container .nu-room-products__item:nth-of-type(1) .nu-room-products__item-body::before {background: linear-gradient(157deg, rgba(147, 62, 214, 0) 35%, #933ED6 100%);}
.brandstory-container .nu-room-products__item:nth-of-type(2) .nu-room-products__item-body {background: #1B4CBA;}
.brandstory-container .nu-room-products__item:nth-of-type(2) .nu-room-products__item-body::before {background: linear-gradient(157deg, rgba(25, 66, 156, 0) 35%, #1B45A4 100%);}
.brandstory-container .nu-room-products__item:nth-of-type(3) .nu-room-products__item-body {background: #2CCA9A;}
.brandstory-container .nu-room-products__item:nth-of-type(3) .nu-room-products__item-body::before {background: linear-gradient(157deg, rgba(27, 177, 132, 0) 35%, #1BB184 100%);}
@keyframes aniBrandstoryArrowDown {
	0% {transform: translate(-50%, 0); opacity: 0.5;}
	100% {transform: translate(-50%, 20px); opacity: 0.4;}
}


/* 고객센터 */
.subMainArs .block {display:table; width:100%; padding:45px 50px; table-layout:fixed;}
.subMainArs .infoCon {display:table-cell; vertical-align:top;}
.subMainArs .tit {margin-bottom:10px; color:#222; font-size:16px; font-weight:700;}
.subMainArs .arsNum {color:#2b64ce; font-size:32px; font-weight:700; line-height:1.4;}
.subMainArs .desc {color:#333; font-size:14px;}
.subMainArs .icoImg {display:table-cell; width:170px; text-align:right; vertical-align:bottom;}

.noticeWrap {margin:60px 0 0;}
.noticeWrap:after {content:''; clear:both; display:block;}
.noticeWrap .tabWrap {float:left; position:relative; width:625px;}
.noticeWrap .tabContents {padding-top:25px;}
.noticeWrap ul.noticeTab {width:auto;}
.noticeWrap ul.noticeTab > li {height:37px; padding:2px 20px 0 21px; color:#444; font-size:18px;}
.noticeWrap ul.noticeTab > li:before {content:''; position:absolute; top:12px; left:0; width:1px; height:13px; background-color:#e0e0e0;}
.noticeWrap ul.noticeTab > .on {padding:2px 30px 0; border-radius:19px; background-color:#000; color:#fff;}
.noticeWrap ul.noticeTab > li:first-child:before,
.noticeWrap ul.noticeTab > .on:before,
.noticeWrap ul.noticeTab > .on + li:before {display:none;}
.noticeWrap .noticeTab .txtList_disc {margin:0;}
.noticeWrap .noticeTab .txtList_disc > li {padding:0 90px 0 14px;}
.noticeWrap .noticeTab .txtList_disc > li:after {content:''; clear:both; display:block;}
.noticeWrap .noticeTab .txtList_disc a {display:inline-block; float:left; max-width:100%; color:#222; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.noticeWrap .noticeTab .txtList_disc .date {float:right; position:relative; right:-90px; margin-left:-90px; padding-top:2px; color:#666; font-size:14px; text-align:right;}
.noticeWrap .noticeTab .btnIco_more {position:absolute; top:3px; right:0;}

.noticeWrap .infoBanner {float:right; position:relative; width:370px;}
.noticeWrap .infoBanner {position:static;}
.infoBanner .tit {margin-bottom:20px; padding-top:1px; color:#222; font-size:22px; font-weight:700;}
.infoBanner .block {display:table; position:relative; width:100%; height:105px; padding:5px 1px 0; table-layout:fixed;}
.infoBanner .block .infoCon {display:table-cell; vertical-align:top;}
.infoBanner .block .tit {display:block; margin:0; padding:0; color:#444; font-size:18px; font-weight:400; line-height:1.4;}
.infoBanner .block .desc {color:#666; font-size:16px;}
.infoBanner .block .links {position:absolute; bottom:10px; left:1px; height:29px; margin:0; padding:4px 15px 0; border:1px solid #e0e0e0; border-radius:15px; color:#666; font-size:14px;}
.infoBanner .block .links:after {display:none;}
.infoBanner .block .icoImg {display:table-cell; width:100px; text-align:right; vertical-align:top;}
.infoBanner .block .icoImgR {width:92px; height:92px; background-color:#ebebeb;}
.infoBanner .swiper-controls {top:-46px; bottom:auto; left:auto;}
.noticeWrap .infoBanner .swiper-slide {padding:3px;}

/* 고객센터 - 알뜰교통카드 */
.csTrafficMap {padding:40px 60px 35px; margin-top:20px; border:1px solid #e0e0e0;}
.csTrafficMap .mapList {display:table; position:relative; width:100%; text-align:center;}
.csTrafficMap .mapList:before {content:''; position:absolute; left:0; right:0; top:115px; border:2px dashed #e0e0e0;}
.csTrafficMap .mapList > li {display:table-cell; position:relative; width:25%;}
.csTrafficMap .mapList > li:before {content:''; position:absolute; top:112px; left:50%; margin-left:-4px; width:8px; height:8px; border-radius:50%; background-color:#2b64ce; box-sizing:border-box;}
.csTrafficMap .mapList > li .ico {padding-bottom:35px;}
.csTrafficMap .mapList > li .txt > em {display:block;}

.csTrafficBenefit {position:relative; border:1px solid #e0e0e0; background-color:#f8f8f8;}
.csTrafficBenefit:after {content:''; display:block; clear:both;}
.csTrafficBenefit:before {content:''; position:absolute; width:1px; background-color:#e0e0e0; top:0; bottom:0; left:40%; z-index: 4}
.csTrafficBenefit .benefitArea {float:left; text-align: center;}
.csTrafficBenefit .benefitArea.credit,
.csTrafficBenefit .benefitArea.credit .btnArea {width:40%;}
.csTrafficBenefit .benefitArea.check,
.csTrafficBenefit .benefitArea.check .btnArea {width:60%;}
.csTrafficBenefit .benefitArea .titH3 {margin:0;}
.csTrafficBenefit .card {height:362px; text-align:center; border-bottom:1px solid #e0e0e0; background-color:#fff; overflow:hidden; padding:50px 0;}
.csTrafficBenefit .card .cardImg {height:111px; margin:20px 0;}
.csTrafficBenefit .card .cardImg > img {height:100%;}
.csTrafficBenefit .list {padding:40px 40px 100px;}
.csTrafficBenefit .list > div:nth-child(3) {float:none; width:100%; overflow:hidden;}
.csTrafficBenefit .list > div .titH4 {margin-top:0; text-align:left;}
.csTrafficBenefit .btnArea {position:absolute; bottom:50px; margin:0}

/* 고객센터 - 상생금융제도 */
.conts_inner_winwin > [class*="winwin_"] {margin-top:54px}
.conts_inner_winwin .winwin_detail .titH2 {margin-bottom:20px}
.conts_inner_winwin .winwin_detail .winwin_list {font-size:0}
.conts_inner_winwin .winwin_detail .winwin_list li {position: relative; display:inline-flex; flex-direction: column; justify-content:center; align-items: flex-start; padding: 0 40px 0 128px; margin-bottom:20px; width:calc((100% - 24px) / 2); height:178px; vertical-align:middle; border:1px solid #E0E0E0}
.conts_inner_winwin .winwin_detail .winwin_list li::before {content: ''; display: block; position: absolute; top: 50%; margin-top: -25px; left:50px; width: 50px; height: 50px; background: url(../img/pc/content/icon_winwin01.png) 0 center no-repeat;}
.conts_inner_winwin .winwin_detail .winwin_list li:nth-of-type(2n-1) {margin-right:24px}
.conts_inner_winwin .winwin_detail .winwin_list .icon2::before {background-image: url(../img/pc/content/icon_winwin02.png);}
.conts_inner_winwin .winwin_detail .winwin_list .icon3::before {background-image: url(../img/pc/content/icon_winwin03.png);}
.conts_inner_winwin .winwin_detail .winwin_list .icon4::before {background-image: url(../img/pc/content/icon_winwin04.png);}
.conts_inner_winwin .winwin_detail .winwin_list .icon5::before {background-image: url(../img/pc/content/icon_winwin05.png);}
.conts_inner_winwin .winwin_detail .winwin_list .icon6::before {background-image: url(../img/pc/content/icon_winwin06.png);}
.conts_inner_winwin .winwin_detail .winwin_list li .tit {font-size:18px; font-weight:700; line-height: 23px; color: #333;}
.conts_inner_winwin .winwin_detail .winwin_list li .desc {margin-top:14px; font-size:16px; line-height: 23px; color: #666;}
.conts_inner_winwin .winwin_detail .winwin_list li .winwin_badge {padding: 6px 8px; margin-bottom: 12px; background: #EFF5FF; font-size: 12px; font-weight: 700; color: #295CDD; border-radius: 2px;}
.conts_inner_winwin .winwin_ars .consult {display: table; width: 100%; padding: 50px 80px 50px 50px; table-layout: fixed; background-color: #f8f8f8;}
.conts_inner_winwin .winwin_ars .consult .icoImg {vertical-align: inherit;}
.conts_inner_winwin .winwin_ars .consult .infoCon .arsNum {margin: 20px 0 14px;}

/* 고객센터 - ARS안내 */
.totalSum .arsList li{float:left; padding-right:18px;}

/* 고객센터 - 소비자금융교육 동영상 */
.fncEduVideo .conBlockList li:nth-child(odd) {padding-right: 20px;}
.fncEduVideo .conBlockList li:nth-child(even) {padding-left: 20px;}
.fncEduVideo .videoFrame{padding: 10px; border: 1px solid #e0e0e0;}
.fncEduVideo .videoLink{display: block; position: relative;}
.fncEduVideo .videoLink:hover::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: rgba(0, 0, 0, 0.25);}
.fncEduVideo .videoLink::after{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -46%); display: block; content: ''; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 48px solid #2b64ce; filter: drop-shadow(0 4px 6px rgb(0 0 0 / 30%)); transition: cubic-bezier(0.075, 0.82, 0.165, 1) .8s;}
.fncEduVideo .videoLink:hover::after{border-left: 48px solid #fff; transform: translate(-50%, -54%);}
.fncEduVideo .videoLink img{max-width: 100%;}

/* 라이프 */
.cdlMain {margin-bottom:45px;}
.cdlMain .serviceStatus {position:relative; padding:28px 0 25px; border-radius:8px; background-color:#fff;}
.cdlMain .serviceStatus:before {content:''; position:absolute; top:20px; bottom:20px; left:50%; width:1px; background-color:#e0e0e0;}
.cdlMain .serviceStatus:after {content:''; clear:both; display:block;}
.cdlMain .serviceStatus > li {float:left; width:50%; padding:0 50px;}
.cdlMain .serviceStatus .block {display:table; width:100%; table-layout:fixed;}
.cdlMain .serviceStatus .block > span {display:table-cell; vertical-align:middle;}
.cdlMain .serviceStatus .tit {color:#333; font-size:18px; font-weight:700; text-align:left; line-height: 48px;}
.cdlMain .serviceStatus .con {text-align:right;}
.cdlMain .serviceStatus .pointC1 {display:inline-block; margin-right:10px; font-size:18px;}
.cdlMain > .inner {padding-top:0;}
.cdlMain .subMenuLink {width:1160px; margin:0 -40px;}
.cdlMain .subMenuLink > li {position:relative; padding:0 30px; border-right:none;}
.cdlMain .subMenuLink > li:before {content:''; position:absolute; top:65px; left:0; width:1px; height:160px; background-color:#e0e0e0;}
.cdlMain .subMenuLink > li:first-child:before {display:none;}
.cdlMain .subMenuLink a {font-size:18px;}
.cdlMain .subMenuLink .tit {margin:5px 0; font-size:24px; font-weight:700;}
.cdlMain .icoBanner {margin: 35px auto 0 !important; padding:30px 0 0 !important; border:none; border-top:1px dashed #c0cfd6;}
.cdlMain .icoBanner > li {padding:0 30px;}
.cdlMain .icoBanner > li:first-child {padding-left:0;}
.cdlMain .icoBanner > li:last-child {padding-right:0;}
.cdlMain .icoBanner .block {padding:0; min-height:auto;}
.cdlMain .icoBanner .tit {margin:3px 0; font-size:24px; font-weight:700;}
.cdlMain .icoBanner .icoImg {width:100px; text-align:right;}
.cdlMain .icoBanner .icoImg.cuPost{transform: translateY(10px);}

/* 자동차 */
.carMainVisual{height:250px; box-sizing:border-box; background:url(../img/pc/content/bg_car_main.png) no-repeat center center; background-size:cover;}
.carMainVisual .copyArea{position:relative; width:1080px; height:100%; margin:0 auto;}
.carMainVisual .copyArea img{ position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.carMainVisual .copyArea p{color:#fff; font-size:38px; line-height:54px; letter-spacing:-0.025em;}
.carMainVisual .copyArea .pointColor{color:#7bf4d1;}

.car_specialLink{margin-bottom:80px;}
.car_specialLink .block{margin:0 -23px;}
.car_specialLink .desc {display:block;}
.car_specialLink .btn_p {min-width:90px; margin: 25px auto 0;}
.car_deliber{margin:10px 0 0; text-align:right; color:#222; font-size:14px; font-weight:700;}

.topMsg{width:100%; margin:0; padding:29px 0; background-color:#e2fdfe}
.topMsg .inner{display:table; position:relative; width:1080px; margin:0 auto;}
.topMsg .inner .msg{display:table-cell; vertical-align:middle; color:#222;}
.topMsg .inner .btn_l{display:table-cell; border:1px solid #000; background-color:inherit;}
.topMsg .inner .btn_close_s{position:absolute; top:50%; right:0; min-width:15px; width:15px; height:15px; margin:-7px 0 0; padding: 0; text-indent:-9999px; background:url('../img/pc/content/btn_close_s.png') no-repeat;}

/* 기업 카드신청안내  */
.icoStepList[class*=div_] {display:block;}
.icoStepList[class*=div_] > li {display:inline-block; min-height:144px;}
.icoStepList.div_6 > li {width:168px;}
.icoStepList.div_6 > li:first-child, .icoStepList.div_6 > li:nth-child(7) {width:110px;}
.icoStepList.div_6 > li:nth-child(7):before {content:none;}
.icoStepList.div_7 > li {width:142px;}
.icoStepList.div_7 > li:first-child, .icoStepList.div_7 > li:nth-child(8) {width:110px;}
.icoStepList.div_7 > li:nth-child(8):before {content:none;}

/* 혜택- 해외부가가치세 환급서비스 */
.conBlockList.benefit_ico {padding:30px 0; background-color:#fff;}
.conBlockList.benefit_ico > li {padding:0 50px;}
.conBlockList.benefit_ico .block {padding-top:55px;}
.conBlockList.benefit_ico .block:before {top:0; left:0; width:32px; background:url(../img/pc/content/blockList_ico_bnf.png) no-repeat 0 0;}
.conBlockList.benefit_ico .vat:before {background-position:-32px 0;}
.conBlockList.benefit_ico .card:before {background-position:-64px 0;}
.benefit_ico .txtList_disc {margin-bottom:0;}

/* 혜택- 우리카드법인비즈플레이 */
.conBlockList.bizplay_ico {padding:30px 0; background-color:#fff;}
.conBlockList.bizplay_ico > li {padding:0 50px;}
.conBlockList.bizplay_ico .block {padding-top:55px;}
.conBlockList.bizplay_ico .block:before {top:0; left:0; width:32px; background:url(../img/pc/content/blockList_ico_bizplay.png) no-repeat 0 0;}
.conBlockList.bizplay_ico .vat:before {background-position:-32px 0;}
.conBlockList.bizplay_ico .card:before {background-position:-64px 0;}
.bizplay_ico .txtList_disc {margin-bottom:0;}

/* 혜택- 웹진 */
.webzine-detail{position: relative;}
.webzine-head {display:table; width:1080px; margin:0 auto 40px; padding:35px 0; border-top:1px solid #1a1a1a; border-bottom:1px solid #e0e0e0; table-layout:fixed;}
.webzine-head > .inner {display:table-cell; vertical-align:middle;}
.webzine-head > .snsBtn {display:table-cell; width:200px; text-align:right; vertical-align:middle;}
.webzine-head .tit {color:#222; font-size:24px; font-weight:700; line-height:1.4;}
.webzine-head [class^=btnIco_sns] {display:inline-block; width:40px; height:40px; margin-left:5px; border-radius:50%; background-repeat:no-repeat !important; background-position:center center !important;}
.webzine-head .btnIco_snsFb {background:#3a5c9a url("../img/pc/common/sns_facebook.png");}
.webzine-head .btnIco_snsTw {background:#3aa3f6 url("../img/pc/common/sns_twitter.png");}
.webzine-head .btnIco_snsUrl {border:1px solid #c9c9c9; background:#fff url("../img/pc/common/sns_url.png");}
.webzine-body {width:1080px; margin:0 auto;}
.webzine-cont > li{position: relative; margin: 0; padding: 0; font-size: 0; text-align: center;}
.webzine-cont > li img{max-width: 100%; pointer-events: none;}
.webzine-cont > li .btn-link{position: absolute; top: 0; left: 0; padding: 0; margin: 0; z-index: 20;}
.webzine-foot {position: relative; padding:0 0 48px; background-color: #f2f2f2; border-bottom:1px solid #ccc; z-index: 10;}
.webzine-foot > * {position: relative;}
.webzine-foot .subtitle{margin: 72px 0 36px; text-align: center;}
.webzine-foot .woori-links{position: relative;}
.webzine-foot .woori-links::after{display: table;content: "";clear: both;}
.webzine-foot .woori-links .btn-link{position: absolute; top: 72px; width: 248px; height: 250px; margin: 0; border-radius: 20px; overflow: hidden; text-indent: -9999px;}
.webzine-foot .woori-links .nubrand{left: 157px;}
.webzine-foot .woori-links .woncard{left: 416px;}
.webzine-foot .woori-links .wonmembers{left: 676px;}
.webzine-foot .woori-links.old .btn-link{width: 232px;}
.webzine-foot .woori-links.old .oldImg, .webzine-foot .woori-links.old .onair{display: block !important;}
.webzine-foot .woori-links.old .newImg{display: none !important;}
.webzine-foot .woori-links.old .onair{left: 58px;}
.webzine-foot .woori-links.old .nubrand{left: 302px;}
.webzine-foot .woori-links.old .woncard{left: 546px;}
.webzine-foot .woori-links.old .wonmembers{left: 790px;}
.webzine-foot .sns-links{width: 480px; margin: 0 auto 10px;}
.webzine-foot .sns-links::after{display: table;content: "";clear: both;}
.webzine-foot .sns-links .btn-link{float: left; display: block; width: 72px; height: 72px; margin: 0 12px; background-image: url("../webzine/common/img/webzine_sns_icons.png?230127000001"); background-repeat: no-repeat; border-radius: 20px; overflow: hidden; text-indent: -9999px;}
.webzine-foot .sns-links .btn-link:last-child{margin-right: 12px;}
.webzine-foot .sns-links .youtube{background-position: -12px 0;}
.webzine-foot .sns-links .facebook{background-position: -108px 0;}
.webzine-foot .sns-links .instagram{background-position: -204px 0;}
.webzine-foot .sns-links .blog{background-position: -300px 0;}
.webzine-foot .sns-links .kakao{background-position: -396px 0;}

.webzineTemplate202308 .webzine-foot{padding: 0 0 30px 0; background-color: transparent;}
.webzineTemplate202308 .webzine-foot .woori-links{position: relative;}
.webzineTemplate202308 .webzine-foot .btn-link{position: absolute;top: 196px;left: 0;width: 60px;height: 60px;background:transparent; border-radius: 16px;}
.webzineTemplate202308 .webzine-foot .youtube{left: 366px;}
.webzineTemplate202308 .webzine-foot .facebook{left: 438px;}
.webzineTemplate202308 .webzine-foot .instagram{left: 510px;}
.webzineTemplate202308 .webzine-foot .blog{left: 583px;}
.webzineTemplate202308 .webzine-foot .kakao{left: 656px;}
.webzineTemplate202308 .webzine-foot .btn-link.woncard{width: 248px; height: 252px; top: 42px; left: 88px;}
.webzineTemplate202308 .webzine-foot .btn-link.wonmembers{width: 248px; height: 252px; top: 42px; left: 745px;}


/*================================================ 기업카드 메인 ================================================*/
.visualInner {position:relative;}
.visualInner .mouseWheel {position:absolute; bottom:-58px; left:50%; margin-left:-9px; z-index:99;}
.visualInner .mouseWheel .btnIco_mouse {position:relative; width:19px; height:27px; background:url(../img/pc/content/ico_mouse.png) no-repeat 0 0; overflow:visible;}
.visualInner .mouseWheel .btnIco_mouse:before {content:''; position:absolute; bottom:-12px; left:5px; width:11px; height:7px; background:url(../img/pc/content/ico_mouse_arrow.png) no-repeat 0 0;}
.entMainTop {width:100% !important;}

.entBanner {position:relative; height:547px;}
.entBanner:after {content: ''; position: absolute; top: 80%; left: -20%; right: -20%; bottom: -40%; background-color: #e2fdfe; transform: rotate(-4.4deg); -ms-transform: rotate(-4.4deg); z-index: 1;}
.entBanner .item {height:547px;}
.entBanner .item .inner {display:block; width:1080px; height:504px; margin:0 auto; padding-top:80px;}
.entBanner .item .inner .tit {font-size:44px; font-weight:700; letter-spacing:-0.04em; line-height:1.23; color:#fff;}
.entBanner .item .inner .desc {width:50%; margin-top:10px; font-size:22px; line-height:1.45; color:#fff;}
.entBanner .item .inner .btn_detail {min-width:134px; height:46px; margin-top:25px; margin-left:0; background:#595a65; line-height:46px; font-size:14px; font-weight:700; color:#dcdcde;}
.entBanner .item .inner .btn_detail span:after {display:inline-block; content:''; width:5px; height:5px; margin-left:5px; border-right:1px solid #dcdcde; border-bottom:1px solid #dcdcde; vertical-align:middle; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.entBanner.swiperWrap .swiper-controls {width:1080px; margin:0 auto; top:245px; left:420px;}
.entBanner.swiperWrap .swiper-button-stop:before, .entBanner.swiperWrap .swiper-button-stop:after {background-color:rgba(250,250,250,1)}
.entBanner.largeArrow .btnPrev, .entBanner.largeArrow .btnNext {top:140px; margin-top:0; background: url(../img/pc/content/btn_slideSet2.png) no-repeat 0 0;} 
.entBanner.largeArrow .btnPrev {left:50%; margin-left:-626px;}
.entBanner.largeArrow .btnNext {right:50%; margin-right:-626px; background-position: -54px 0;}
.entBanner.swiperWrap .swiper-pagination-bullet:before {background: rgba(250,250,250,0.2); border:1px solid rgba(250,250,250,0.1);}
.entBanner.swiperWrap .swiper-pagination-bullet-active:before {background: rgba(39,109,226,1);}
.entBanner.swiperWrap .swiper-counter {color:#aaa;}
.entBanner.swiperWrap .swiper-counter em {color:#fff;}

.topCardArea {position:absolute; top:55px; left:50%; width:440px; height:217px; padding:40px; background:#2b64ce; color:#fff; margin-left:100px; z-index:10;}
.topCardArea > .tit {display:block; font-size:24px; font-weight:700; margin-bottom:3px;}
.topCardArea .cardIssueArea {margin-top:20px;}
.topCardArea .cardIssueArea:after {content:''; display:block; clear:both;}
.topCardArea .cardIssue {display:inline-block; float:left;}
.topCardArea .cardIssue:first-child {padding-right:25px; margin-right:25px; border-right:1px solid #4174d3;}
.topCardArea .cardIssue .tit {display:block; color:#93ffec; margin-bottom:5px;}
.topCardArea .linkArea {display:flex;}
.topCardArea .linkArea > li:first-child {margin-right:15px;}
.topCardArea .linkArea > li a:after {content:''; display:inline-block; width:14px; height:14px; background:url(../img/pc/common/ico_arrow11.png) no-repeat 0 0; margin-left:6px; vertical-align:middle;}

.topLoginArea {position:absolute; left:50%; top:334px; width:1080px; height:157px; padding:25px 40px; margin-left:-540px; background:#fff; box-shadow:0px 4px 10px rgba(0,0,0,0.15); z-index:10;}
.topLoginArea .joinArea {margin-bottom:20px;}
.topLoginArea .joinArea:after {content:''; display:block; clear:both;}
.topLoginArea .joinBtn {float:left; width:500px;}
.topLoginArea .joinBtn > button {position:relative; font-size:20px; color:#333; line-height:36px; margin-right:30px;}
.topLoginArea .joinBtn > button.on {color:#2b64ce; font-weight:700;}
.topLoginArea .joinBtn > button.on:after {content:''; display:inline-block; position:absolute; top:3px; right:-10px; width:6px; height:6px; background-color:#2b64ce; border-radius:3px;}

.topLoginArea .utilBtn {float:right; width:500px; padding-top:7px;}
.topLoginArea .utilBtn ul {float:right;}
.topLoginArea .utilList li {display:inline-block; padding:0 15px; border-right:1px solid #e0e0e0;}
.topLoginArea .utilList li:first-child {padding-left:0;}
.topLoginArea .utilList li:last-child {padding-right:0; border-right:0;}
.topLoginArea .utilList li a {color:#333;}

.topLoginArea .formArea {position:relative;}
.topLoginArea .formArea input {width:325px;}
.topLoginArea .formArea .btn_p {position:absolute; right:0;}
.topLoginArea .formArea .label {font-size:18px; color:#222; font-weight:700; padding:0 18px 0 30px;}
.topLoginArea .formArea .id {width:16px; height:17px; background:url(../img/pc/content/ico_id_ent.png) no-repeat 0 6px;}
.topLoginArea .formArea .pw {width:16px; height:17px; background:url(../img/pc/content/ico_pw_ent.png) no-repeat 0 6px; margin-left:10px;}

.topLoginArea.user {height:186px;}
.topLoginArea.user .btn_p {position:absolute; top:33px; right:50px;}
.topLoginArea.user .joinArea {padding-bottom:18px; border-bottom:1px dashed #d9d9d9;}
.topLoginArea .userName {margin-bottom:13px;}
.topLoginArea .userName > span {font-size:14px; color:#666;}
.topLoginArea .userName > span:first-child {font-size:20px; color:#222; margin-right:15px;}
.topLoginArea .menuArea {height:32px; overflow:hidden;}
.topLoginArea .menuArea:after {content:''; display:block; clear:both;}
.topLoginArea .menuArea .tit {float:left; display:inline-block; color:#222; font-weight:700;}
.topLoginArea .menuList {display:block; margin-left:104px;}
.topLoginArea .menuList > li {float:left; display:inline-block; margin-right:10px;}
.topLoginArea .menuList > li:last-child {margin-right:0;}
.topLoginArea .menuList > li a {display:block; height:32px; font-size:14px; color:#333; line-height:32px; padding:0 20px; background-color:#f1f1f1; border-radius:14px;}
.topLoginArea .menuList > li a.on,
.topLoginArea .menuList > li a:hover {color:#222; text-decoration:underline;}

.entPontMenu {width:1080px; margin:0 auto; padding-top:10px;}
.entPontMenu .subMenuLink {position:relative; z-index:2;}

.entMainHistory .titH2 {font-size:20px;}
.entCard .mainTit {position:relative; margin-bottom:40px;}
.entCard .mainTit > a{display: inline-block; height: 105px; overflow: hidden;}
.entCard .mainTit > a:hover img{margin-top:-105px;}
/*.entCard .titH2 {font-size:46px; color:#00ada7; font-weight:400;}
.entCard .titH2:after {content:''; display:inline-block; width:63px; height:15px; background:url(../img/pc/content/ico_entCard_tit.png) no-repeat 0 0; margin-top:-14px; vertical-align:middle;}*/

.entCard {position:relative; width:100% !important; padding-top:120px;}
.entCard:before {content: ''; position: absolute; top: -21%; left: -20%; right: -20%; bottom: 57%; background-color: #e2fcfe; transform: rotate(6.8deg); -ms-transform: rotate(6.8deg); /* z-index: 1; */}
.entCard .inner {position:relative; width:1080px; margin:0 auto; z-index:1;}
.entCard .swiper-controls {top:-35px; left:auto; bottom:auto;}
.entCard .middleArrow .btnPrev {left:50%; margin-left:-606px;}
.entCard .middleArrow .btnNext {right:50%; margin-right:-606px;}

.entCardInfo {height:320px;}
.entCardInfo .slideList {text-align:center;}
.entCardInfo .slideList:after {content:''; clear:both; display:block;}
.entCardInfo .slideList > li {display:flex;}
.entCardInfo .slideList > li a {position:relative; display:block; float:left; width:270px;}
.entCardInfo .slideList > li .cardImg {position:relative; height:272px; padding:0 10px 20px; line-height:252px;}
.entCardInfo .slideList > li .cardImg .img {position:relative; display:inline-block; vertical-align:bottom; overflow: hidden;}
.entCardInfo .slideList > li .cardImg img {min-width:159px; height:auto; max-width:250px; max-height:252px; vertical-align:bottom;}
.entCardInfo .slideList > li .tit {display:block; display:-webkit-box; max-height:50px; line-height:1.2; padding:0 17px; font-size:20px; color:#000; margin-bottom:10px; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.entCardInfo .slideList > li .desc {display:block; display:-webkit-box; max-height:48px; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.entCardInfo .cardImg .cardInfoBox {display:table; position:absolute; bottom:0; left:0; right:0; top:auto; height:158px; padding:20px 10px 60px; background-color:#2b64ce; opacity:0.9; border-radius:10px; transform:translate(0,150%); -ms-transform:translate(0,150%); transition:all 0.3s ease-in-out;}
.entCardInfo .cardImg .cardInfoBox:after {content:''; display:inline-block; position:absolute; left:50%; bottom:20px; margin-left:-15px; width:30px; height:30px; background:url(../../img/pc/content/ico_event_more.png) no-repeat 50% 50%; background-color:#02050a; border-radius:50%;}
.entCardInfo .cardImg .cardInfoBox .inner {display:table-cell; vertical-align:middle;}
.entCardInfo .cardImg .cardInfoBox p {display:-webkit-box; max-height:60px; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all; word-wrap:break-word; line-height:20px; color:#fff;}
.entCardInfo .cardImg .img.vertical .cardInfoBox {top:0; padding:60px 10px; height:252px;}
.entCardInfo .cardImg .img.vertical p {-webkit-line-clamp:5; max-height:100px;}
.entCardInfo a:hover .cardInfoBox,
.entCardInfo a:focus .cardInfoBox {transform: translate(0,0); -ms-transform: translate(0,0);}

.entCardService {height:293px; padding-top:20px;}
.entCardService .slideList:after {content:''; clear:both; display:block;}
.entCardService .slideList > li {display:block;}
.entCardService .slideList > li a {display:block; float:left; width:360px; padding:0 70px 0 30px; text-align:center;}
.entCardService .slideList > li a:first-child {padding-left:0;}
.entCardService .slideList > li .serviceImg {position:relative; padding-bottom:45px;}
.entCardService .slideList > li .objImg {position:absolute; bottom:20px; right:-45px; z-index:1;}
.entCardService .slideList > li .tit {display:block; font-size:20px; color:#333; margin-bottom:10px;}
.entCardService.middleArrow .btnPrev {margin-top:-60px;}
.entCardService.middleArrow .btnNext {margin-top:-60px;}

.entMainHistory {position:relative; width:100% !important; padding-top:120px; margin-bottom:0 !important;}
.entMainHistory:before {content: ''; position: absolute; top: 26%; left: -20%; right: -20%; bottom: -90%; background-color: #e2f3fc; transform: rotate(-6.8deg); -ms-transform: rotate(-6.8deg); /* z-index: 1; */}
.entMainHistory .inner {width:1080px; margin:0 auto;}
.entMainHistory .inner:after {content:''; clear:both; display:block;}
.entMainHistory .historyArea {float:left; position:relative; width:540px;}
.entMainHistory .historyArea .btnIco_more {position:absolute; top:0; right:50px;}
.entMainHistory .newsList {padding-right:12px;}
.entMainHistory .newsList > li {position:relative; padding:15px 0 0 13px;}
.entMainHistory .newsList > li:before {content:''; display:inline-block; position:absolute; top:63%; left:0; width:3px; height:3px; border-radius:1px; background-color:#333;}
.entMainHistory .newsList > li a {display:inline-block; width:400px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:20px; vertical-align:middle; color:#333;}
.entMainHistory .newsList > li .date {font-size:14px; color:#888;}

.entMainHistory .serviceArea,
.entMainHistory .downloadArea {float:left; position:relative; width:270px;  padding-left:30px;}
.entMainHistory .downloadList > li {display:block; height:64px; line-height:64px; background:url(../img/pc/content/submain_ent_guide_downlist.png) repeat-x left bottom;}
.entMainHistory .downloadList > li a {display:flex;}
.entMainHistory .downloadList > li .tit {position:relative; display:block; width:100%; padding-left:15px; color:#222;}
.entMainHistory .downloadList > li .tit:after {content:''; display:inline-block; position:absolute; top:50%; right:0;}
.entMainHistory .downloadList > li .tit.arrow:after {width:7px; height:11px; margin-top:-5px; background:url(../img/pc/content/submain_ent_guide_arrow.png) no-repeat 0 0;}
.entMainHistory .downloadList > li .tit.down:after {width:13px; height:15px; margin-top:-7px; background:url(../img/pc/content/submain_ent_guide_down.png) no-repeat 0 0;}

/*================================================ 기업 > 카드조회/결제 ================================================*/
/* 	My우리기업 */
.myMainCont.enterprise > li{padding:37px 30px 35px;}
.myMainCont.enterprise > li:first-child {border-left:1px solid #e0e0e0;}
.myMainCont.enterprise .block {position:relative; min-height:338px;}
.myMainCont.enterprise .block + .block {margin-top:30px; padding-top:30px; min-height:0;}
.myMainCont.enterprise .block + .block:before {content:''; position:absolute; top:0; left:-30px; right:-30px; border-top:1px solid #e0e0e0;}
.myMainCont.enterprise .titArea {margin: 0 0 10px 0;}
.myMainCont.enterprise .date {display:inline-block; vertical-align:bottom;}
.myMainCont.enterprise .btnArea {margin:0;}
.myMainCont.enterprise .btnArea [class^=btn] {margin:0;}
.myMainCont.enterprise a.subGoLink .tit {background:none;}
.myMainCont.enterprise .subGoLink .total .val {color:#333;}
.myMainCont.enterprise .subGoLinkGroup{height:231px;}
.myMainCont.enterprise .subGoLinkGroup > li {padding-top:27px; border-top:1px dashed #e0e0e0;}
.myMainCont.enterprise .subGoLinkGroup > li:first-child {padding-top:0; padding-bottom:25px;}
.myMainCont.enterprise .subGoLinkGroup .subGoLink .total .val {color:#2b64ce;}
.myMainCont.enterprise .infoList {margin:0; padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #e0e0e0;}
.myMainCont.enterprise .infoList > li {padding:5px 0;}
.myMainCont.enterprise .infoList .val > span {font-size:20px;}
.myMainCont.enterprise .limitGraph {width:100%; margin:15px auto;}
.myMainCont.enterprise .graphArea {width:270px; height:26px; vertical-align:top;}
.myMainCont.enterprise .graphArea .bar {height:26px; background:url(../img/pc/content/submain_my_limitGraph_bg3.png) no-repeat 0 0;}
.myMainCont.enterprise .graphArea .txt {top:-18px; right:-43px; display:none; width:117px; z-index:1;}
.myMainCont.enterprise .graphArea:hover .txt {display:block}
.myMainCont.enterprise .limitGraph{magin:18px 0 0 0;}
.myMainCont.enterprise .limitGraph .tip {top:3px; vertical-align:top;}
.myMainCont.enterprise .paymentBtn {margin-top:25px;}
.myMainCont.enterprise .tipWrap .btnIco_tip {background:url(../img/pc/content/ico_infotooltip.png) no-repeat center center;}
.myMainCont.enterprise .noData {font-size:15px; background-size:33px 33px;height: 106px; margin-bottom: 23px; padding: 68px 0 0; border: none; background-position: center 25px;}
.myMainCont.enterprise .noData.all{min-height:179px; margin:33px 0 30px; padding-top:90px; border:none; background-position:center 46px;}
.myMainCont.enterprise .latest .noData,
.myMainCont.enterprise .keepCard .noData {height:106px; margin-bottom:23px; padding:68px 0 0; border:none; background-position:center 25px;}
.myMainCont.enterprise .latest .noData p,
.myMainCont.enterprise .keepCard .noData p {margin-bottom:0;}
.myMainCont.enterprise .latest .date ~ .noData {height:92px; padding:58px 0 0; background-position:center 15px;}
.myMainCont.enterprise .total{text-align:right;}
.myMainCont.enterprise .btnaccoList .btnArea {text-align:left;}
.myMainCont.enterprise .btnaccoList .accoHead {position:relative;}
.myMainCont.enterprise .btnaccoList .accoItem.on .accoHead:after {opacity:1;}
.myMainCont.enterprise .btnaccoList .accoItem .accoHead:after {content:''; position:absolute; top:42px; right:1px; width:44px; height:1px; border-top:3px solid #fff; z-index:2; opacity:0;}
.myMainCont.enterprise .btnaccoList .accoItem.on .accoBtn:after {content:''; position:absolute; bottom:-4px; right:0px; width:44px; height:1px; border-top:3px solid #fff; z-index:1;}
.myMainCont.enterprise .btnaccoList .accoBody {width:100%; position:absolute; background-color:#fff; padding:7px 20px 2px; z-index:1; border:1px solid #333;}
.myMainCont.enterprise .keepCard .btnaccoList .accoBody {padding-left:0; padding-right:0;}
.myMainCont.enterprise .btnaccoList .tableX {background-color:#fff;}
.myMainCont.enterprise .btnaccoList .tableX th {padding:17px 5px 15px;}
.myMainCont.enterprise .btnaccoList .btnArea {text-align:left; margin-top:30px;}
.myMainCont.enterprise .btnaccoList .btnArea [class^=btn] {width:244px;}
.myMainCont.enterprise .btnaccoList .accoBtn {width:46px; position:absolute; top:0; right:0; height:42px; padding:20px 15px; border:1px solid #333; background-color:#fff;}
.myMainCont.enterprise .btnaccoList .accoBtn:before {width:16px; height:16px; top:50%; left:50%; margin:-8px 0 0 -8px; background:url(../img/pc/content/btn_acco.png) no-repeat 0 0;}
.myMainCont.enterprise .btnaccoList .accoItem.on .accoBtn:before {background:url(../img/pc/content/btn_acco.png) no-repeat -16px 0; transform: rotate(180deg); -ms-transform: rotate(180deg);}

.myMainCont.enterprise .block.keepCard {margin-top:30px; padding-top:30px; background-color:#fff;}
.myMainCont.enterprise .keepCard .infoList {margin-bottom:23px;}
.myMainCont.enterprise .cardInauiry {display:table; width:100%; padding:11px 0 10px; table-layout:fixed;}
.myMainCont.enterprise .cardInauiry li {display:table-cell; position:relative; padding:0; text-align:center; vertical-align:top;}
.myMainCont.enterprise .cardInauiry li:before {content:''; position:absolute; top:5px; left:0; width:1px; height:38px; background-color:#e0e0e0;}
.myMainCont.enterprise .cardInauiry li:first-child:before{display:none;}
.myMainCont.enterprise .cardInauiry li .item {display:block; color:#666; font-size:14px;}
.myMainCont.enterprise .cardInauiry li .val {font-weight:700;}

.myMainCont.enterprise .confirmData {background-color:#f8f8f8;}
.myMainCont.enterprise .paymenTnum {margin:0; border-top:1px solid #333; border-bottom:1px solid #e0e0e0;}
.myMainCont.enterprise .paymenTnum:after {content:''; clear:both; display:block;}
.myMainCont.enterprise .paymenTnum li {position:relative; display:table; width:100%; height:100px;}
.myMainCont.enterprise .paymenTnum li:not(:first-child) {border-top:1px dashed #e0e0e0;}
.myMainCont.enterprise .paymenTnum li .item {display:table-cell; vertical-align:middle;}
.myMainCont.enterprise .paymenTnum li .val {display:table-cell; font-weight:700; color:#333; text-align:right; vertical-align:middle;}
.myMainCont.enterprise .paymenTnum li .val span {font-size:26px; line-height:26px;}
.myMainCont.enterprise .paymenTnum li .val span.numL {font-size:34px;}
.myMainCont.enterprise .tableX:before {display:none;}
.myMainCont.enterprise .tableX td {color:#333;}
.myMainCont.enterprise .tableX thead th {font-weight:700; background-color:#fff;}
.myMainCont.enterprise .tableX tbody th,
.myMainCont.enterprise .tableX tbody td {padding:15px 7px 14px 7px; background-color:#fff; letter-spacing:-1px;}

.myMainCont.enterprise .block.overdue {margin-top:30px; padding-top:30px;}
.myMainCont.enterprise .overdue .copyArea {display:table; width:100%; height:184px; background-color:#fff; color:#222; text-align:center;}
.myMainCont.enterprise .overdue .copyArea .inner {display:table-cell; vertical-align:middle;}
.myMainCont.enterprise .overdue p {margin-top:3px;}
.myMainCont.enterprise .overdue .btnArea {margin-top:10px;}

.myMainHistory .newsList {margin:25px 0 0;}
.myMainHistory .newsList > li {padding:10px 90px 10px 0;}
.myMainHistory .newsList > li:after {content:''; clear:both; display:block;}
.myMainHistory .newsList a {display:inline-block; float:left; max-width:100%; color:#222; font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.myMainHistory .newsList .date {float:right; position:relative; right:-90px; margin-left:-90px; padding-top:2px; color:#666; font-size:16px; text-align:right;}

.myMainHistory .subGuid {margin-top:38px; padding-top:40px; border-top:1px dashed #e0e0e0;}
.myMainHistory .subGuid li {position:relative; float:left; padding:0 40px 0 34px;}
.myMainHistory .subGuid li:first-child {padding-left:0;}
.myMainHistory .subGuid li:last-child {padding-right:0;}
.myMainHistory .subGuid li:before {content:''; position:absolute; top:7px; bottom:6px; left:0; border:1px solid #e0e0e0;}
.myMainHistory .subGuid li a {display:inline-block;}
.myMainHistory .subGuid li a .tit {display:inline-block; padding-left:10px;}
.myMainHistory .subGuid li a .tit:after {display:inline-block; content:''; width:7px; height:11px; margin-left:20px; background:url(../img/pc/content/submain_my_guide_arrow_1.png) no-repeat 0 0;}

.myMainHistory > .myEvent > .block {position:relative;}
.myMainHistory .goods .cardImg+div {letter-spacing:-0.05em;}
.myMainHistory .myEvent .tit {-webkit-line-clamp: 1; height: 30px; font-size:18px;}
.myEvent .block:last-child .titArea {margin-bottom:48px;}
.myMainHistory .myCardList {position:static; margin:0;}
.myMainHistory .myCardList li {padding:0;}
.myMainHistory .myCardList .btnPrev,
.myMainHistory .myCardList .btnNext {top:50%; left:0; margin-top:-18px;}
.myMainHistory .myCardList .btnNext {right:0; left:auto;}
.myMainHistory .myCardList .swiper-controls {right:0;}
.myMainHistory .myEvent .eventThum .swiper-slide {padding:3px;}

/*================================================ 복지 메인 ================================================*/
/* 상단 비쥬얼 bg버전 */
.welFMainVisual > .inner {width:1080px; height:450px; margin:0 auto; z-index:1; position:relative;}
.welFMainVisual > .inner .copyArea {float:left; max-width:700px; padding-top:90px; font-size:44px; font-weight:700; line-height:1.4; z-index:1; color:#222;}
.welFMainVisual > .inner .copyArea .logo {display:inline-block; margin-bottom:20px; font-size:19px; padding:3px 8px; border:1px solid #a7aab1; border-width:1px 0;}
.welFMainVisual > .inner .copyArea em {color:#333; font-size:20px; display:block;;}
.welFMainVisual .bgArea {position:absolute; left:0; top:0; bottom:0; right:0; background:url(../img/pc/content/submain_welfare_bg_1.png) no-repeat 50% 50%; background-size:cover;}
/* 상단 비쥬얼 */
.welFMainVisual {width:100%; position:relative; margin-bottom:55px; overflow:hidden;}
.welFMainVisual .item {background-position:50% 0; background-repeat:no-repeat; background-size:cover;}
.welFMainVisual .item .inner {width:1080px; height:450px; margin:0 auto; z-index:1; position:relative;}
.welFMainVisual .item .inner .copyArea {max-width:700px; padding-top:90px; font-size:44px; font-weight:700; line-height:1.4; z-index:1; color:#222;}
.welFMainVisual .item .inner .copyArea .logo {display:inline-block; margin-bottom:20px; font-size:19px; padding:3px 8px; border:1px solid #a7aab1; border-width:1px 0;}
.welFMainVisual .item .inner .copyArea em {color:#333; font-size:20px; display:block;}

.welFMainVisual .swiper-controls {margin:0 auto; width:1080px;}
.welFMainVisual .largeArrow .btnPrev {left:50%; margin-left:-626px;}
.welFMainVisual .largeArrow .btnNext {right:50%; margin-right:-626px;}

/* 로그인 영역 */
.tabWrap.welFLogin {position:absolute; top:70px; left:50%; width:376px; margin-left:163px; padding:30px; background-color:#3752ad; border-radius:15px; z-index:1; box-shadow:-20px 20px 17px rgba(0,0,0,0.4);}
.tabWrap.welFLogin .iptGroup:after {content:''; clear: both; display: table;}
.tabWrap.welFLogin .iptGroup li {float:left; width:50%; padding:0; text-align:center;}
.tabWrap.welFLogin .iptGroup .ipt + label {color:#97acd4; font-size:20px; padding-left:0;}
.tabWrap.welFLogin .ipt:focus + label {outline: 1px dotted white;}
.tabWrap.welFLogin a:focus {outline: 1px dotted white !important;}
.tabWrap.welFLogin .iptGroup .ipt:checked + label {color:#fff; font-weight:700;}
.tabWrap.welFLogin .iptGroup .ipt:checked + label:after {content:''; display:inline-block; width:6px; height:6px; background-color:#fff; border-radius:50%; position:absolute; right:-10px; top:0;}
.tabWrap.welFLogin .iptGroup .ipt + label:before {display:none;}

.tabWrap.welFLogin .ipt[type='checkbox'] + label:hover,
.tabWrap.welFLogin .ipt[type='radio'] + label:hover,
.tabWrap.welFLogin .ipt[type='checkbox']:focus + label,
.tabWrap.welFLogin .ipt[type='radio']:focus + label  {text-decoration:none;}
.formWrap .chkGroup .links:after {display:none;}
.formWrap .chkGroup {padding-top:15px;}
.formWrap .chkGroup .ipt[type='checkbox'] + label,
.formWrap .chkGroup .links {font-size:14px; color:#fff; vertical-align:middle;}
.formWrap .chkGroup .links:hover,
.formWrap .chkGroup .links:focus {color:#fff !important;}
.formWrap .chkGroup .links:first-child {border-left:0; margin:0; padding-left:0;}
.formWrap .chkGroup .links {border-left:1px solid #8797ce; margin:0 0 0 17px; padding-left:17px; line-height:1em;}

.tabWrap.welFLogin .tit {color:#fff; font-size:20px; font-weight:700; text-align:center; display:block;}
.tabWrap.welFLogin .form {position:relative;}
.formWrap .form .idpad {position:relative; margin-right:90px; display:block; margin-top:10px;}
.formWrap .form .idpad .btnIco_keypad {position:absolute; top:0; right:0;}
.formWrap .form .iptWrap {margin-right:90px; display:block; margin-top:10px; box-sizing:border-box;}
.formWrap .form .iptWrap input {width:100%;}
.formWrap .form .keypad {margin-right:90px; display:block; margin-top:10px;}
.formWrap .form .keypad .ipt {background-color:#fff;}
.formWrap .form button.btn_p {position:absolute; right:0; top:0; height:95px; min-width:80px; padding:0; background-color:#6ae8c4; color:#222; font-size:16px;}
.formWrap .form button.btn_p:hover,
.formWrap .form button.btn_p:focus {background-color:#57bfa2}

.formWrap {padding-top:24px;}
.formWrap select.ipt[disabled] {background-color:#e1e5f3;}
.formWrap .login {text-align:center;}
.formWrap .login .logTxt {height:214px; max-height:214px; font-size:24px; color:#fff; font-weight:400; padding-top:60px; overflow:hidden;}
.formWrap .login .logTxt .copy {font-weight:700; height:38px; line-height:38px; overflow:hidden;}
.formWrap .login .logTxt .copy:before {content:''; display:inline-block; width:32px; height:32px; background:url(../img/pc/content/ico_login_welfare.png) no-repeat 0 0; vertical-align:middle; margin:-3px 7px 0 0;}
.formWrap .login .logTxt em {font-weight:400; display: inline-block; max-width: 230px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;}
.formWrap .login .chkGroup {text-align:center; border-top:1px solid #5f75bd;}

.formWrap a:focus,
.formWrap select:focus,
.formWrap input:focus,
.formWrap button:focus {outline:1px dotted black !important;}

/* 메뉴링크 */
.subMenuLink.conMenuLink li .icoImg {padding-bottom:25px;}
.subMenuLink.conMenuLink li .tit {font-size:24px; font-weight:700;}
.subMenuLink.conMenuLink li .desc,
.subMenuLink.conMenuLink li .menuLinkBox {padding-top:15px; color:#333;}
.subMenuLink.conMenuLink li .menuLinkBox {width:170px; text-align:center; display:inline-block;}
.subMenuLink.conMenuLink li .menuLinkBox a {display:inline-block; padding:0 0 0 13px;}
.subMenuLink.conMenuLink li .menuLinkBox a:after {content:'';margin-left:6px; width:12px; height:12px; display:inline-block; background:url(../img/pc/content/menulist_ico_link.png) no-repeat 0 0;}

/* 헬프데스크 */
.conBlockList.menuBnr {margin-bottom:-100px;}
.conBlockList.menuBnr li .block {background-color:#e1f8f6; padding:30px 40px; table-layout:auto;}
.conBlockList.menuBnr li .block .icoImg {vertical-align:bottom; width:auto;}
.conBlockList.menuBnr li:first-child .block {background-color:#e2f3fc;}
.conBlockList.menuBnr li .block .infoCon .tit {margin-bottom:23px; font-size:18px; color:#333;}
.conBlockList.menuBnr li .block .infoCon .arsNum {font-size:30px; line-height:1em; color:#222; font-weight:700}
.conBlockList.menuBnr li .block .infoCon p.txtS {color:#222;}
.conBlockList.menuBnr li .block .btn_l {min-width:130px; padding:10px 0; height:auto; line-height:normal; color:#333; font-size:14px;}
.conBlockList.menuBnr li .block [class^=btn_].down > span {position:relative; padding-right:36px;}
.conBlockList.menuBnr li .block [class^=btn_].down:before {content:''; background-color: #f1f1f1; border-radius:50%; width:32px; height:32px; display:inline-block; position:absolute; top:13px; right:15px;}
/* 보안모듈설치 */
.conBlockList.menuBnr .infoGet {position:absolute; right:40px; bottom:33px;}
.conBlockList.menuBnr .infoGet .arsNum {font-size:30px; line-height:1em; color:#222; font-weight:700}
.conBlockList.menuBnr .infoGet p.txtS {color:#222;}
.conBlockList.menuBnr .infoList li {padding-top:5px; overflow:hidden;}
.conBlockList.menuBnr .infoList li em {float:left; color:#5b789c; font-size:14px; display:inline-block; min-width:70px; text-align:right;}
.conBlockList.menuBnr .infoList li strong {float:left; text-align:center;}
.conBlockList.menuBnr .infoList li strong span {float:left; position:relative; margin-left:6px; background-color:#fff; border-radius:50%; width:24px; display:inline-block; border:1px solid #7598c4; color:#5b789c; font-size:13px; line-height:22px; height:24px;}
.conBlockList.menuBnr .infoList li strong span:before {content:''; width:6px; height:1px; display:inline-block; position:absolute; left:-7px; top:50%; margin-top:-1px; background-color:#7598c4;}
.conBlockList.menuBnr .infoList li strong span:first-child:before {display:none;}


/*일부결제이월약정(리볼빙) 체험하기*/
.ratioSimul {float:left; z-index:1}
.ratioSimul .ratio {display:block; position:absolute; top:116px; width:44px; height:44px; border-radius:100%; font-size:14px; color:#fff; text-align:center; line-height:44px;}
.ratioSimul .ratio:before {display:block; content:''; position:absolute; top:50%; left:-81px; width:81px; height:1px;}
.ratioSimul .ratio:after {display:block; content:''; position:absolute; top:-33px; left:50%; width:130px; height:33px;}
.ratioSimul .ratio.first {left:625px; background:#e80163;}
.ratioSimul .ratio.second {left:895px; background:#00879b;}
.ratioSimul .ratio.first:before {background:#e80163;}
.ratioSimul .ratio.second:before {background:#00879b;}
.ratioSimul .ratio.first:after { border-top:1px solid #e80163; border-left:1px solid #e80163;}
.ratioSimul .ratio.second:after { border-top:1px solid #00879b; border-left:1px solid #00879b;}
.rateResult {display:inline-block; position:relative; padding-left:10px; background:#fff; z-index:5;}
.rateResult:before {display:inline-block; content:''; position:absolute; top:50%; left:0; width:0px; height:0px; margin-top:-4px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:0;}
.rateResult.first:before {border-left:6px solid #e80163;}
.rateResult.second:before {border-left:6px solid #00879b;}

/*================================================ 복지 ================================================*/
/* 고객센터-고객상담안내 */
.helpDesk .tit{font-size:18px; color:#222; font-weight:700;}
.helpDesk .desc{font-size:34px; color:#2b64ce; font-weight:700;}
.helpDesk .txtList_remark{color:#666;}
.helpDesk .inner ul li span{color:#222;}

/*고객센터 - 이용안내*/
.conBlockList.spaceBlock.welfUse{margin-top:45px;}
.conBlockList.spaceBlock.welfUse .block.blockTblBox{padding:0 !important;}

/*================================================ 해외이용의정석 ================================================*/
.overseasUse .bnnItem {height:250px;}
.overseasUse .tit,
.overseasUse .desc {color:#fff;}

.useEventList .imgWrap .img {width:100%;}

.useEventList .eventblock {position:relative;}
.useEventList .servInfoBox {height:270px;}
.useEventList .servInfoBox .flag {display:block; color:#2b64ce; margin-bottom:20px;}
.useEventList .servInfoBox .icoImg .img {position:absolute; right:0; top:0;}

.useCardInfo .goodsList.card {border:none; overflow:visible;}
.useCardInfo .goodsList.card > li {float:none; height:auto; padding:5px 20px 0 20px; table-layout:unset;}
/*.useCardInfo .goodsList.card .over .btnArea [class^=btn_] {display:inline-block !important;}
.useCardInfo .goodsList.card .swiper-slide:hover .goods .over {opacity:1;}
.useCardInfo .goodsList.card .btnTxt_plus span {padding:0; background:none;}*/
.useCardInfo .goodsList.card > li a {display:block !important;}
.useCardInfo .goodsList.card .over {display:none !important;}

.useEventList .swiper-controls {bottom:40px; left:50px;}
.useEventList.largeArrow .btnPrev,
.useCardInfo.largeArrow .btnPrev {left:50%; margin-left:-626px;}
.useEventList.largeArrow .btnNext,
.useCardInfo.largeArrow .btnNext {right:50%; margin-right:-626px; background-position:-54px 0;}

/*============================================  메세지함  ==========================================*/
.messageWrap .popCont {background-color:#f8f8f8;}
.messageWrap.nodata .popCont {background-color:#fff;}
.messageWrap .popBody {padding:0;}
.messageWrap .popInner {padding:35px 40px 0;}
.messageWrap .popInner:before {content:''; position:absolute; top:0; bottom:0; left:150px; width:2px; background:#e0e0e0;}
.messageWrap.nodata .popInner:before {content:none;}
[class^=tit] .messageInfo {display:inline-block; position:relative; top:-4px; margin-left:15px; padding:18px 20px 19px; border:1px solid #2b64ce; background:#ecfeff; font-size:14px; color:#333; box-shadow:-3px 2px 7px 0px rgba(0, 0, 0, 0.09);}
[class^=tit] .messageInfo:before {display:block; content:''; position:absolute; top:50%; left:-9px; width:9px; height:12px; margin-top:-4.5px; background:url(../img/pc/content/img_arrow_msginfo.png) no-repeat 0 0;}
.messageCont {display:table; table-layout:fixed; margin-top:30px;}
.messageCont:first-child {margin-top:0;}
.messageCont .date, .messageCont .message {display:table-cell; vertical-align:top;}
.messageCont .date {position:relative; padding:0 20px 0 9px; text-align:right;}
.messageCont .date:after {content:''; position:absolute; top:8px; right:-6px; width:12px; height:12px; background:#2b64ce; border-radius:50%;}
.messageCont .date > em {display:block; color:#222;}
.messageCont .message {padding:10px 0 0 40px;}
.messageCont .message .box {position:relative; width:308px; padding:16px 20px 17px; border:2px solid #e0e0e0; border-radius:18px; border-top-left-radius:0; background:#fff; word-break: keep-all;}
.messageCont .message .box:after {content:''; position:absolute; top:-2px; left:-14px; width:14px; height:25px; background:url(../img/pc/content/img_arrow_messagebox.png) no-repeat 0 0;}


/*============================================  우리페이 결제창  ==========================================*/
.wpayPop .titInfo {display:table; width:100%; height:60px; padding:0 30px; table-layout:fixed; background-color:#2b64ce; box-sizing:border-box;}
.wpayPop .titInfo .cell {display:table-cell; vertical-align:middle;}
.wpayPop .conInfo {min-height:336px; padding:20px 30px; box-sizing:border-box;}
.wpayPop .conInfo .guideBox {padding:29px 5px; text-align:center; font-size:0;}
.wpayPop .conInfo .guideBox > span {display:inline-block; vertical-align:middle; font-size:16px;}
.wpayPop .conInfo .guideBox .num {font-size:24px;}
.wpayPop .conInfo .guideBox .or {margin:0 55px;}
.wpayPop .conInfo .btnArea {margin:20px 0 0 0;}
.wpayPop .conInfo .btnArea [class^=btn] {min-width:auto;}
.wpayPop .conInfo .txtList_step {margin-top:12px;}

/*==================================  외부링크 - 우리카드 발급 상담 신청  ===============================*/
.chkBoard.exLink > li {width:50%;}
.chkBoard.exLink label {height:525px; padding:60px 0 20px !important; color:#666;}
.chkBoard.exLink .block {display:block; padding:0 40px;}
.chkBoard.exLink .tit {padding:15px 0 10px; font-size:20px; font-weight:700; color:#222;}
.chkBoard.exLink .ipt:checked + label:before {border-color: #2b64ce; background: #2b64ce url(../img/pc/common/ico_checkbox_card2.png) no-repeat center center;}
.chkBoard.exLink label:before {display: inline-block !important; top: 14px; right: 14px; left: auto; width: 30px; height: 30px; margin: 0; border: 1px solid #c9c9c9; background: #fff url(../img/pc/common/ico_checkbox_card1.png) no-repeat center center; box-shadow: none;}
.chkBoard.exLink .cardImg {display:block; margin-top:30px;}
.chkBoard.exLink .desc {display:block; margin-top:30px; font-size:16px;}

/*==================================  외부링크 - 생활 속 가득한 혜택 우리카드 상품안내  ===============================*/
.exTernalCrdLink {display:inline-block; width: 168px;}
.exTernalCrdLink .cardImg {width:124px; height:124px; display:inline-block; margin-bottom:10px; background-size:contain;}
.exTernalCrdLink strong {width:168px; height:82px; vertical-align:top; font-weight:700; font-size:20px; color:#333; display:inline-block; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
/*================================== 공통 - 브라우저 인증서 이용안내 팝업  ===============================*/
.useCertificate .img {border:1px solid #e0e0e0; margin:20px 0 30px;}
.useCertificate .img img{width:100%;}

/*================================== 기업 고객센터- 고객상담센터  ===============================*/
/* FAQ-목록 */
.payTimeList {width:470px; overflow:hidden;}
.payTimeList li {position:relative; float:left; width:50%; margin-top:5px; padding-left:50px;}
.payTimeList li .date {position:absolute; display:inline-block; left:0;}


/*================================== 외부링크 - 연세총동문회 카드  ===============================*/
.yonseinVCard .cardListMain .inner{width: 1080px; margin: 0 auto;}
.yonseinVCard .cardListMain .img{display: block; margin: 36px auto 0;}
.yonseinVCard .cardRank .tit{margin-top: 10px; line-height: 1.2;}
.yonseinVCard .cardListMain {background-color:#f6f6f6; padding:60px 0; overflow:hidden; text-align:center;}
.yonseinVCard .cardListMain .logo{display:inline-block;}
.yonseinVCard .cardListMain .tit {font-size:3.6rem; font-weight: 700; color:#000; margin:25px 0;letter-spacing:-0.3rem;}
.yonseinVCard .cardListMain .inner > .subtit{font-size:1.8rem; color:#ed3a35; border:1px solid #ed3a35; letter-spacing:-0.05rem; border-width:1px 0; padding:6px 30px; display:inline-block;}
.yonseinVCard .cardRank {text-align:center; background: #fff;}
.yonseinVCard .cardRank .inner{ position: relative; width: 1080px; margin: 0 auto; z-index: 1;}
.yonseinVCard .cardRank>li {position:relative; padding:60px 0;}
.yonseinVCard .cardRank>li:last-child{padding-bottom:0}
.yonseinVCard .cardRank>li:before {content:''; width:100%; position:absolute; top:0; left:0; height:500px; z-index:0}
.yonseinVCard .cardRank .cardRank1:before {background-color:#fef1eb;}
.yonseinVCard .cardRank .cardRank3:before {background-color:#e2f3fc;}
.yonseinVCard .cardRank .crown {display:inline-block; padding-bottom:7px;}
.yonseinVCard .cardRank .command {padding-bottom:17px;}
.yonseinVCard .cardRank .command>span {display:block; font-size:1.6rem; font-weight:700;}
.yonseinVCard .cardRank .command1 {color:#ed3a35;}
.yonseinVCard .cardRank .command3 {color:#016fc4;}
.yonseinVCard .cardRank .subtit {font-size:1.6rem; color:#666; letter-spacing:-0.05rem;}
.yonseinVCard .cardRank .tit {display:block; font-size:2.8rem; font-weight:700; color:#000; line-height:1.2;}
.yonseinVCard .cardRank .cardArea {margin:40px 0;}
.yonseinVCard .cardRank .cardRank1 .tit>span {color:#ed3a35;}
.yonseinVCard .cardRank .cardRank3 .tit>span {color:#016fc4;}
.yonseinVCard .cardRank .membershipArea {margin-top:40px;}
.yonseinVCard .cardRank .membershipArea .item {background-color:#666; color:#fff; padding:0 3px 2px 3px; font-size:1.3rem; border-radius:3px; margin-right:2px;}
.yonseinVCard .cardRank .membershipArea .val {color:#666; font-size:1.3rem;}
.yonseinVCard .cardRank button{color: #fff; height: 72px; line-height: 1;}
.yonseinVCard .cardRank button.morebtn {background-color:#333; border-radius:5px}
.yonseinVCard .cardRank button:after {content:''; display:inline-block; width:10px; height:17px; margin-left:15px; background:url(../img/pc/common/ico_media_btn_next.png) no-repeat 0 0; background-size:8px auto;}
.yonseinVCard .btnArea {width: 540px; margin:50px auto 70px; padding:0; background-color:#fff; font-size:0; text-align:center;}
.yonseinVCard .btnArea:after {display:block; content:''; clear:both;}
.yonseinVCard .btnArea [class^=btn_]{float: left; width: 100%;  padding:0 10px; margin: 0; font-size:1.8rem; font-weight:500; letter-spacing:-0.05em; text-align:center; border-radius: 36px;}
.yonseinVCard .btnArea [class^=btn_].half{width: 48%;}
.yonseinVCard .btnArea [class^=btn_]:nth-child(1) { float: left;}
.yonseinVCard .btnArea [class^=btn_]:nth-child(2) { float: right;}
.yonseinVCard .btnArea [class^=btn_]:nth-child(3) {margin-top: 20px; clear: both;}
.yonseinVCard .btnArea [class^=btn_].btn_bgRed{background-color: #ed3a35;}
.yonseinVCard .btnArea [class^=btn_].btn_bgBlue{background-color: #016fc4;}
.yonseinVCard .discounticoList {width: 720px; margin: 0 auto; padding:0 23px; overflow:hidden; font-size:0;}
.yonseinVCard .discounticoList li {display:inline-block; width:50%; padding-bottom:25px; vertical-align:top;}
.yonseinVCard .discounticoList li .img {display:inline-block; margin-bottom:10px;}
.yonseinVCard .discounticoList li .txtL {color:#000; font-size:1.6rem !important;}
.yonseinVCard .discounticoList li .txtLine {font-weight:700; white-space:nowrap;}
.yonseinVCard .discounticoList li .txtLine:before {height:10px;}
.yonseinVCard .discounticoList li .txtLine.line1:before {background-color:#fcd7d1;}
.yonseinVCard .discounticoList li .txtLine.line3:before {background-color:#bfeffd;}
.yonseinVCard .arsNumber{float: left; width: 100%; margin-top: 10px; font-size: 1.5rem; font-weight: 700;}

/*================================== 금융소비자보호법 & 신용정보법  ===============================*/
/* 금융소비자보호법 - 적합성 원칙 확인서 */
.fitPrinWcnf .contArea{padding: 30px 40px; border: 1px solid #e0e0e0;}
.fitPrinWcnf .toggleArea{ margin-top: 30px;}

/* 금융소비자보호법 - 상품설명서 팝업 */
.fncPrdDoc .group .titH4 {background: #eee; margin-top: 0; padding: 5px 15px;border-radius: 2px;}
.fncPrdDoc .group .col_6 > ul + .titH4{margin-top: 30px;}
.fncPrdDoc .group {position: relative; margin-bottom: 30px; overflow: hidden;}
.fncPrdDoc .group:last-child{margin-bottom: 0;}
.fncPrdDoc .group.line{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ddd;}
.fncPrdDoc .group .col_6 {float: left;}
.fncPrdDoc .group .col_6:first-child {padding-right: 30px;}
.fncPrdDoc .group .col_6:last-child {padding-left: 30px;}
.fncPrdDoc .group .guideBox,
.fncPrdDoc .group .msgBox{position: relative;}
.fncPrdDoc .group .msgBox{margin: 10px 0 20px; padding: 20px 25px;}
.fncPrdDoc .group .guideBox::before,
.fncPrdDoc .group .msgBox::before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;content: "";border: 1px solid rgba(0, 0, 0, 0.05);}
.fncPrdDoc .topGroup{padding: 30px 30px; border: 1px solid #e0e0e0;}
.fncPrdDoc .topGroup .userTypeArea{margin: 20px 0;}
.fncPrdDoc .topGroup .txtList_disc.inline {overflow: hidden;}
.fncPrdDoc .topGroup .txtList_disc.inline > li {float: left;margin-top: 2px;}
.fncPrdDoc .group .colgroup{margin-bottom: 0;}
.fncPrdDoc .group .colgroup span {display: inline-block;}
.fncPrdDoc .group .colgroup .th {width: 130px;}
.fncPrdDoc .lstStyleNone::before {display: none !important;}

/* 금융소비자보호법 2차 */
.fncPrdDoc .ipt.writeText{min-width: 140px; height: 24px; line-height: 24px; vertical-align: top; border: 0; color: #2b64ce; font-weight: bold; font-size: 18px; letter-spacing: -1px;}
.fncPrdDoc .ipt.writeText::placeholder{color:rgba(232, 1, 99, 0.2); font-weight: bold; font-size: 18px; letter-spacing: -1px;}
.fncPrdDoc .ipt.writeText:-ms-input-placeholder{color:rgba(232, 1, 99, 0.2) !important; font-weight: bold !important; font-size: 18px !important; letter-spacing: -1px !important;}
.fncPrdDoc .iptWrap .btnIco_del {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 32px; height: 32px;}
.fncPrdDoc .iptWrap .btnIco_del::before, .fncPrdDoc .iptWrap .btnIco_del::after{left: 50%;}
.fncPrdDoc .iptWrap .btnIco_del::before{transform: translateX(-50%) rotate(45deg);}
.fncPrdDoc .iptWrap .btnIco_del::after{transform: translateX(-50%) rotate(135deg);}

.fncPrdDoc .tblFlexLayout{border-top: 1px solid #eee; border-left: 1px solid #eee;}
.fncPrdDoc .tblFlexLayout::after{display: table; content: ''; clear: both;}
.fncPrdDoc .tblFlexLayout li {border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.fncPrdDoc .tblFlexLayout li span{padding: 8px 12px;}
.fncPrdDoc .tblFlexLayout li .th{ background: #f9f9f9;}
.fncPrdDoc .tblFlexLayout li .th{position: relative;} 
.fncPrdDoc .tblFlexLayout .item{display: flex;}
.fncPrdDoc .tblFlexLayout .item .column{flex: 1;}
.fncPrdDoc .tblFlexLayout .item .column > .tb{height: 100%;}

.fncPrdDoc .fixedIptGroup{position: absolute; top: 0; right: 10px;}
.fncPrdDoc .fixedIptGroup .tit{display: inline-block; height: 38px; line-height: 38px; margin-right: 20px;}
.fncPrdDoc .fixedIptGroup ul {vertical-align: top; padding-top: 2px;}

.fncPrdDoc .dataWrap [class*=Cell]{position: relative; padding: 17px 5px 15px;}
.fncPrdDoc .dataWrap .thCell{background-color: #f8f8f8; width: 180px;}
.fncPrdDoc .dataWrap .tdCell{padding: 17px 15px 15px;}
.fncPrdDoc .dataWrap img{max-width: 100%; width: 220px;}
.fncPrdDoc .dataWrap .dataList + .dataList{border-top: 1px solid #e0e0e0;}
.fncPrdDoc .dataWrap .tbCell.pd0{max-width: 263px; vertical-align: top;}
.fncPrdDoc .dataWrap .tbCell .img{min-height: 160px;}
.fncPrdDoc .dataWrap .dataHead .tdCell::after{display: block; position: absolute; top: 30%; right: 0; content: ''; width: 1px; height: 40%; background-color: #e8e8e8;}
.fncPrdDoc .dataWrap .dataHead .tdCell:last-child:after{display: none;}

.fncPrdDoc .bgWhite{background-color: #fff;}
.fncPrdDoc .bdLine{position: relative; border: 1px solid rgba(0, 0, 0, 0.1);}
.fncPrdDoc .dataList p{margin-top: 0; padding:0; font-size: 16px;}
.fncPrdDoc .guideBox.mnd *{font-weight: bold;}


/* 신용정보법 */
.termsHead{margin-bottom: 30px;}
.termsHead .tabWrap.etcTab{margin-top: 20px; margin-bottom: 15px;}
.termsHead ul.etcTab{margin-bottom: 20px;}
.termsBody .downChk .iptGroup > li {display:inline-block; padding:5px 20px 4px 0;}
.termsBody .downChk .iptGroup .rankItem{min-width: 100px;}
.termsBody .iptGroup .accoBody .inner + .downChk{margin-top: 20px;}
.termsBody .termsContentWrap + .termsContentWrap {margin-top: 60px;}
.termsBody{position: relative;}
.termsBody .titH6 + p + .titH6,
.termsBody .titH6 + ul + .titH6{margin-top: 20px;}
.termsBody .termsContent > .titArea{margin-top: 60px;}
.termsBody .titArea::after{display: table; content: ''; clear: both;}
.termsBody .titArea .titH5{float: left; max-width: 50%;}
.termsBody .titArea .infoUseRankWrap{ position: absolute; right: 0; bottom: 0;  max-width: 48%;}
.termsBody .rankLabel{ position: relative; display: inline-block; width: 72px; height: 24px; line-height: 24px; font-size: 13px; color: #000; border-radius: 12px; text-align: center; overflow: hidden;}
.termsBody .rankLabel::before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; border: 1px solid rgba(0, 0, 0, .05); border-radius: 12px; z-index: 11;}
.termsBody .rankLabel::after{display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-100%); -ms-transform: translateY(-100%); width: 100%; height: 12px; background-color: rgba(255, 255, 255, .05); z-index: 10;}
.termsBody .rankColor1{ background-color: #52abe2}
.termsBody .rankColor2{ background-color: #a0cc5f}
.termsBody .rankColor3{ background-color: #ffeb00}
.termsBody .rankColor4{ background-color: #f86834}
.termsBody .rankColor5{ background-color: #ec6d6e}
.termsBody .chkGroup{padding: 0 !important; margin: 0 !important;}
.termsBody .chkGroup .singleIpt + .singleIpt{margin-left: 20px;}

.termsBody .infoUseRankWrap{position: relative; margin-top: 10px; padding-right:74px;}
.termsBody .infoUseRankWrap .rank{position: relative; clear: both; border-radius: 12px;}
.termsBody .infoUseRankWrap .rank::before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border: 1px solid rgba(0, 0, 0, .05); border-radius: 12px; clear: both; z-index: 11;}
.termsBody .infoUseRankWrap .rank::after{display: table; content: ''; clear: both;}
.termsBody .infoUseRankWrap .rank li{ position: relative; float: left; width: 20%; height: 24px;}
.termsBody .infoUseRankWrap .rank li::before{display: block; position: absolute; left: 0; top: 50%; transform: translateY(-100%); -ms-transform: translateY(-100%); width: 100%; height: 12px; background-color: rgba(255, 255, 255, .05); z-index: 10;}
.termsBody .infoUseRankWrap .rank li:first-child{ border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.termsBody .infoUseRankWrap .rank li:first-child::before{border-top-left-radius: 12px;}
.termsBody .infoUseRankWrap .rank li:last-child{ border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.termsBody .infoUseRankWrap .rank li:last-child::before{border-top-right-radius: 12px;}
.termsBody .infoUseRankWrap .rank li span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 24px; line-height: 24px; font-size: 13px; color: #000; text-align: center;}
.termsBody .infoUseRankWrap .rank li.active::after{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -20px);display: block;content: '선택됨';font-size: 0;border-top: 12px solid #333;border-left: 6px solid transparent;border-right: 6px solid transparent;border-radius: 2px;text-indent: -9999px;z-index: 12;}
.termsBody .infoUseRankWrap .desc{ margin: 4px 0 0; padding: 0 0 0 16px; font-size: 13px; letter-spacing: -1px; word-break: keep-all; line-height: 1.3;}
.termsBody .infoUseRankWrap .qrcode{position: absolute; top: 0; right: 0; width: 64px; height: 64px;}
.termsBody .infoUseRankWrap .term_qr_1_cdprdadvcoluse{ background: url(../img/pc/content/term_qr_1_cdprdadvcoluse.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_2_crclnsvccoluse{ background: url(../img/pc/content/term_qr_2_crclnsvccoluse.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_3_bkaffofiofr{ background: url(../img/pc/content/term_qr_3_bkaffofiofr.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_4_bkinfcdofr{ background: url(../img/pc/content/term_qr_4_bkinfcdofr.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_5_frgopprvofr{ background: url(../img/pc/content/term_qr_5_frgopprvofr.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_1_biz_cdprdadvcoluse{ background: url(../img/pc/content/term_qr_1_biz_cdprdadvcoluse.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_2_biz_crclnsvccoluse{ background: url(../img/pc/content/term_qr_2_biz_crclnsvccoluse.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_3_biz_bkaffofiofr{ background: url(../img/pc/content/term_qr_3_biz_bkaffofiofr.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_4_biz_bkinfcdofr{ background: url(../img/pc/content/term_qr_4_biz_bkinfcdofr.png) -5px -5px no-repeat; background-size: 75px;}
.termsBody .infoUseRankWrap .term_qr_5_biz_frgopprvofr{ background: url(../img/pc/content/term_qr_5_biz_frgopprvofr.png) -5px -5px no-repeat; background-size: 75px;}

/*================================== Wyse머니  ===============================*/


/* wyse-point */
.wyse-wrap {background-color:#e1f3fd;padding:50px 0 70px;}
.wyse-wrap-inner {max-width:1080px;margin:0 auto;}
.wyse-wrap .wyse-title {text-align:center;}
.wyse-wrap .wyse-title h2 {font-size:40px;font-weight:700;color:#000;}
.wyse-wrap .wyse-title strong {font-size:46px;font-weight:400;color:#2761d1;margin-top:10px;}
.wyse-wrap .wyse-title strong span {font-weight:700;}

.wyse-wrap .wyse-chart-wrap {display:flex;background-color:#fff;padding:50px 100px;margin-top:30px;border-radius:6px;align-items:center;}
.wyse-wrap .wyse-chart-wrap .wyse-chart {flex:1 0 330px;max-width:330px;}
.wyse-wrap .wyse-chart-wrap .wyse-chart canvas {margin:0 auto;}
.wyse-wrap .wyse-chart-wrap .wyse-chart span {display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;font-size:24px;color:#fff;font-weight:700;text-align:center;width:100%;}
.wyse-wrap .wyse-chart-wrap .wyse-point {flex:1 1 100%;}
.wyse-wrap .wyse-chart-wrap .wyse-point .wyse-point-inner {display:flex;justify-content:flex-end;text-align:right;}
.wyse-wrap .wyse-chart-wrap .wyse-point-date {font-size:14px;color:#666;text-align:right;margin-bottom:30px;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl {}
.wyse-wrap .wyse-chart-wrap .wyse-point dl dt {position:relative;display:inline-block;font-size:18px;padding-left:20px;color:#000;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl dt:before {display:block;content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl.type01 {padding-right:80px;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl.type02 {padding-left:80px;border-left:1px solid #e0e0e0;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl.type01 dt:before {background-color:#2b64ce;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl.type02 dt:before {background-color:#567588;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl dd {font-size:20px;font-weight:400;white-space:nowrap;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl.type01 dd {color:#2b64ce;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl.type02 dd {color:#333;}
.wyse-wrap .wyse-chart-wrap .wyse-point dl dd span {font-size:36px;font-weight:700;}

/* wyse-point-nodata */
.wyse-wrap-nodata .wyse-chart-wrap {position:relative;}
.wyse-wrap-nodata .wyse-chart-wrap:after {display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#546d82;opacity:0.6;z-index:3;border-radius:6px;}
.wyse-wrap-nodata .wyse-chart {position:relative;}
.wyse-wrap-nodata .wyse-chart:after {display:block;content:'';box-sizing:border-box;position:absolute;left:50%;top:50%;width:214px;height:214px;border:55px solid #e0e0e0;z-index:2;margin:-107px 0 0 -107px;border-radius:50%;}
.wyse-wrap.wyse-wrap-nodata .wyse-chart-wrap .wyse-chart span {display:block;}

.wyse-banner {display:flex;margin-left:-24px;}
.wyse-banner a {display:flex;flex:1;margin-left:24px;background-color:#e1f3fd;padding:30px;align-items:center;justify-content: space-between;}
.wyse-banner a div {margin-right:10px;}
.wyse-banner a span {display:block;color:#333;font-weight:700;font-size: 18px;}
.wyse-banner a strong {display:block;color:#666;font-weight:400;margin-top:8px;font-size: 16px;}
.wyse-banner a img {width:64px;}

/* wyse-using */
.wyse-wrap-using {}
.wyse-wrap-using .wyse-point {background-color:#e6f5fe;padding:75px 0;}
.wyse-wrap-using .wyse-point .wyse-point-inner {position:relative;display:flex;align-items:center;justify-content:space-between;}
.wyse-wrap-using .wyse-point .wyse-point-inner:after {display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0px;height:100%;background-color:#e0e0e0;}
.wyse-wrap-using .wyse-point dl {display:flex;align-items:center;justify-content:space-between;flex:1 0 50%;padding:0 60px;}
.wyse-wrap-using .wyse-point dl dt {font-size:16px;color:#666;}
.wyse-wrap-using .wyse-point dl dt .wyse-point-date {font-size:14px;margin-top:3px;}
.wyse-wrap-using .wyse-point dl dd {font-size:18px;}
.wyse-wrap-using .wyse-point dl dd span {font-size:36px;font-weight:700;}
.wyse-wrap-using .wyse-point dl.type01 dd {color:#2b64ce;}
.wyse-wrap-using .wyse-point dl.type02 dd {color:#333;}

.wyse-wrap-using .wyse-point-list-wrap {}
.wyse-wrap-using .wyse-point-list-wrap h3 {font-size:24px;font-weight:700;color:#000;margin-top:60px;}
.wyse-wrap-using .wyse-point-list-wrap h3 span {font-size:14px;font-weight:400;color:#666;margin-left:5px;}
.wyse-wrap-using .wyse-point-list-wrap .wyse-point-list {border-top:2px solid #333;margin-top:15px;}
.wyse-wrap-using .wyse-point-list-wrap .wyse-point-list > li {border-bottom:1px solid #e0e0e0;}
.wyse-wrap-using .wyse-point-list-wrap .list-info {display:flex;align-items:center;justify-content:space-between;padding:40px 50px 40px 20px;border-bottom:1px solid #f2f2f2;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt {font-size:20px;color:#000;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt label {padding-left:45px;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt label:before {top:5px;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt ul {display:flex;padding-left:45px;font-size:16px;color:#666;margin-top:5px;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt ul li {position:relative;padding:0 15px;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt ul li:after {display:block;content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:15px;background-color:#e0e0e0;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt ul li:first-child {padding-left:0;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dt ul li:last-child:after {display:none;}
.wyse-wrap-using .wyse-point-list-wrap .list-info dd {font-size:20px;font-weight:700;color:#000;}
.wyse-wrap-using .wyse-point-list-wrap .list-history {position:relative;display:flex;flex-wrap:wrap;padding:20px 0;}
.wyse-wrap-using .wyse-point-list-wrap .list-history:after {display:block;content:'';position:absolute;left:50%;top:50%;transform:translateY(-50%);width:1px;height:calc(100% - 72px);background-color:#e0e0e0;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl {display:flex;flex:1 0 50%;max-width:50%;padding:20px 30px;align-items:center;justify-content:space-between;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl dt {font-size:18px;color:#333;font-weight:700;flex:1;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl dd {flex:1 1 auto;max-width:300px;text-align:right;font-size:18px;color:#333;font-weight:700;flex:1;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl dd.ipt-wrap {position:relative;font-size:16px;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl dd.ipt-wrap .ipt {text-align:right;padding-right:50px;background-color:#e8f7ff;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl dd.ipt-wrap .ipt ~ i {position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:400;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl dd.ipt-wrap i:first-child {font-weight:400;}
.wyse-wrap-using .wyse-point-list-wrap .list-history dl dd .btn_p {height:32px;min-width:90px;padding:0 20px;font-size:14px;}

.wyse-wrap-using .wyse-point-result {border:1px solid #e0e0e0;margin-top:80px;padding:23px 50px;}
.wyse-wrap-using .wyse-point-result dl {display:flex;align-items:center;justify-content:flex-end;text-align:right;}
.wyse-wrap-using .wyse-point-result dl dt {flex:1 0 60%;max-width:60%;font-size:18px;font-weight:700;color:#333;text-align:left;}
.wyse-wrap-using .wyse-point-result dl dd {flex:1 0 40%;max-width:40%;font-size:20px;font-weight:700;color:#2b64ce;}

/* =======================================================
    maintenance.css 제거로인한 css이동
    date : 2021-05-21
======================================================= */
/* ========================================
    SR 작업로그
    date : 2021-04-09
======================================== */
/* ------------------------------
    카드신청 프로세스 개선안
------------------------------ */
.fieldMsg { line-height: 1.4rem; margin-top: 0px; }
.iptWrap input { caret-color: #2b64ce; }
.iptWrap input.error { border: 1px solid #2b64ce; color: #000; background: #fff; }
input.error { border: 1px solid #2b64ce; color: #000; background: #fff; }
input.ipt.error { border: 1px solid #2b64ce; color: #000; background: #fff; }

/* 인풋 + 셀렉트 */
.iptSltWrap { position: relative; display: inline-block; margin: 5px 7px 5px 0; }
.iptSltWrap .ipt {}
.iptSltWrap .iptWrap { z-index: 1; position: relative; margin: 0; }
.iptSltWrap .iptWrap.sltOn input.ipt { border-color: #2b64ce; }
.iptSltWrap .iptWrap input.ipt { width: 275px; border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;  }
.iptSltWrap .iptWrap.on ~ select.ipt { border-color: #2b64ce; }
.iptSltWrap select.ipt.on { border-color: #2b64ce; }
.iptSltWrap select.ipt { z-index: 0; position: absolute; top: 0; left: 0; width: 315px; margin: 0; }

/*---- 요청수정안 키패드 disabled -----*/
.keypad[class*="disabled_"]:before { content: ''; position: absolute; top: 33%; left: 0; margin-top: -6px; font-size: 1rem; letter-spacing: 2.5px; transform: scale(0.3); color: #2b64ce; }
.keypad[class*="disabled_"]:after { content: ''; display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; }
.keypad.disabled_2:before { left: 2px; content: '●●' }
.keypad.disabled_3:before { left: -4px; content: '●●●' }
.keypad.disabled_4:before { left: -11px; content: '●●●●' }
.keypad.disabled_7:before { left: -30px; content: '●●●●●●●' }


/*---- 20210423 error 표시추가수정 -----*/
.setPhone.error input { border-color: #2b64ce; }
.setPhone.error select { border-color: #2b64ce; }
.setHalf.error input { border-color: #2b64ce; }
.setCard.error input { border-color: #2b64ce; }
.keypad.error input { border-color: #2b64ce; }
.iptGroup.error { border: 1px solid #2b64ce; border-radius: 5px; }
.iptGroup.error label { border-color: transparent; }
.iptGroup.error li + li label { border-left-color: #d5d5d5; }

.iptGroup ul.error:after { content:''; display: block; clear: both; }
.iptGroup ul.error { border: 1px solid #2b64ce; border-radius: 5px; }
.iptGroup ul.error label { border-color: transparent; }
.iptGroup ul.error li + li label { border-left-color: #d5d5d5; }

/*---- 20210423 error 표시추가수정 -----*/
.sub_title .fieldMsg.error { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; }
.titH2 .fieldMsg.error { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; }



/* ========================================
    SR 작업로그
    date : 2021-00-00
======================================== */
/* ------------------------------
    메인콘텐츠 수정( Home > 모바일 )
------------------------------ */
.specialLink { width: 100%; margin: 0; }

/* ========================================
    SR 작업로그
    date : 2021-05-11
======================================== */
/* -----------------------------------
   공통
----------------------------------- */
.fr .result { display: inline-block; line-height: 28px; font-size: 0; vertical-align: middle; }
.fr .result > span { display: inline-block; font-size: 14px; color: #000; vertical-align: middle; }
.fr .result .total { padding: 0; font-weight: bold; color: #2761d1; }
.fr .result .total:before { content:'총 '; color: #000; }
.fr .result .total:after { content:'건'; color: #000; }
.fr .result .complete { margin-left: 3px; font-weight: bold; color: #2761d1; }
.fr .result .complete:before { content: ' (정상 '; color: #000; } 
.fr .result .complete:after { content: '건 /'; color: #000; } 
.fr .result .error { margin-left: 3px; font-weight: bold; color: #e8010c; }
.fr .result .error:before { content: '오류 '; color: #000; }
.fr .result .error:after { content: '건)'; color: #000; }

/* ========================================
    SR 헬퍼
    date : 2021 ~
======================================== */
.txtXXS {font-size:10px !important;}

/* 20210617 hebale 버튼유형 추가(이벤트 제거용) */
.btn_p2 {background-color:#2b64ce; color:#fff;}
.btn_p2:hover, .btn_p2:focus {background-color:#0048ce;}

/* 20210622 hebale 이용안내 슬라이드팝업 & 메인안내(openbank00) */
.operGuide .titArea { margin: 5px 0 35px; }
.operGuide .titArea .titH2 { line-height: 1.6; }
.operGuide .txtList_disc { padding-top: 30px; margin: 0; border-top: 1px solid #e0e0e0; }
.operGuide .txtList_disc > li + li { margin-top: 15px; }

/* 20210625 hebale 오픈뱅킹 추가인증 문구 */
.crtNoti { padding-bottom: 15px; font-size: 18px; }
.crtNoti .emphasis { font-weight: bold; }

/* 20210630 hebale 오픈뱅킹(즉시결제 이용안내)팝업 수정 */
.operGuide .titArea { margin: 5px 0 35px; text-align: center; }
.operGuide .titArea .titH2 { line-height: 1.6; font-size: 24px; }
.operGuide .txtList_disc { padding-top: 30px; margin: 0; border-top: 1px solid #e0e0e0; }
.operGuide .txtList_disc > li + li { margin-top: 15px; }
.operGuide .guideBox.extra .txtList_disc { padding-top: 0; border: none; }
.operGuide .termsWrap { margin-top: 30px; }

.operGuide .termsWrap {margin:10px 0 30px; border:1px solid #e0e0e0; border-top-color:#333; border-bottom:none;}
.operGuide .termsWrap .accoLi .tit {margin:0; padding:22px 70px 21px 20px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8; color:#333; font-size:16px; font-weight:700;}
.operGuide .termsWrap .accoLi .accoBody {padding:30px 60px 25px; border-bottom:1px solid #e0e0e0; font-size:14px; line-height:1.8;}
.operGuide .termsWrap .accoLi .ipt + label {padding-left:40px; color:#333;}
.operGuide .termsWrap .accoLi label [class^=pointC] {font-weight:400;}
.operGuide .termsWrap .accoLi .accoHead {position:relative;}
.operGuide .termsWrap .accoLi .accoHead .btnIco_acco {position:absolute; top:50%; right:25px; margin-top:-15px;}
.operGuide .termsWrap .accoLi .accoBody {display:none; background-color:#fff;}

/* ========================================
    메인로그인
    date : 2021-06-28 ~
======================================== */
/* 20210628 hebale 화살표위치수정 */
.securBaner .tit:after { margin-top: -5px; }

/* ========================================
    장기카드대출(마이너스론) - 이용내역조회(중도상환)
    date : 2021-08-03 ~
======================================== */
/* -----------------------------------
   우리페이 이용안내 - 앱다운로드
----------------------------------- */
/* 20211008 tobe디자인적용위한클래스추가(newType) 및 CSS수정 */ 
.wooriPayApp.newType { padding: 0 0 5px; background-color: transparent; }
.wooriPayApp.newType > .titArea { text-align: center; }
.wooriPayApp.newType > .titArea .subTxt { padding-top: 5px; line-height: 34px; }
.wooriPayApp.newType .cont { margin-top: 0px; margin-bottom: 44px; padding: 0; text-align: center; }
.wooriPayApp.newType .cont img { width: auto; height: auto;}
.wooriPayApp.newType .smartApp { padding: 42px 0; background-color: transparent; }
.wooriPayApp.newType .smartApp > li { padding: 0 174px; }
.wooriPayApp.newType .conBlockList { margin: 0; }
.wooriPayApp.newType .conBlockList .block { display: block; }
.wooriPayApp.newType .setPhone select.ipt { width: 180px; }
.wooriPayApp.newType .setPhone .ipt { width: 440px; }
.wooriPayApp.newType [class^=btn_].m { padding: 0 10px; }


/* -----------------------------------
    모바일 메인
----------------------------------- */
.specialLink.type_moMain .desc { margin: 0 -30px; }


/* -----------------------------------
    우리페이 소개
----------------------------------- */
.servInfoBox.payService{ padding: 54px 75px 0 80px; }
.payServList { margin-top: 178px; }
.payServList .swiper-container { overflow: visible; position: relative; text-align: center; }
.payServList .swiper-container:before { content: ''; display: block; position: absolute; top: 156px; left: 266px; width: 549px; height: 549px; border-radius: 50%; background: #f1f1f1;}
.payServList .swiper-wrapper { position: relative; }
.payServList .swiper-pagination-bullet:before { border: none; background: #dee3e6;}
.payServList .swiper-pagination-bullet-active:before { border: none; background: #2b64ce;}
.payServList .titH2 { font-size: 34px; }
.payServList .subTit { height: 103px; padding: 6px 0; font-size: 22px; }
.payServList .imgWrap { overflow: hidden; width: 549px; height: 549px; border-radius: 50%; margin: 0 auto; }
.payServList .desc { height: 170px; margin-bottom: 58px; padding-top: 42px; font-size: 18px; line-height: 32px; color: #333333; }
.payServList .btnPrev,
.payServList .btnNext { position: absolute; top: 436px; left: 50%; width: 76px; height: 76px; }
.payServList .btnPrev { margin-left: -616px; background: url('../img/pc/content/btn_wooripay_intro_prev.png') no-repeat center; }
.payServList .btnNext { margin-left: 540px; background: url('../img/pc/content/btn_wooripay_intro_next.png') no-repeat center; }
.payServList .swiper-controls { bottom: 0; }
.payServList .swiper-counter { font-size: 13px; }


/* -----------------------------------
    앱카드 인증
----------------------------------- */
.mmbAppCard li { padding-left: 87px; margin-bottom: 24px; font-size: 18px; line-height: 30px; color: #000; }
.mmbAppCard .step { display: inline-block; left: -87px; width: 70px; height: 30px; border-radius: 15px; text-align: center; line-height: 30px; color: #fff; background: linear-gradient(to right, #658bff, #4fb8dc); }
.mmbAppCard li .step { font-size: 14px; }
.appCardPw { margin: 40px -40px  16px -127px; font-size: 16px; color: #666; }
.appCardPw > .inner { padding: 40px 0 50px; }
.appCardPw .form { width: 402px; }
.appCardPw .ipt { width: 240px; height: 70px; border: 3px solid #000; border-radius: 0; box-sizing: border-box; font-size: 26px; }
.appCardPw .ipt.blue { border-color: #000; background-color: transparent; }
.appCardPw .qrImg .tit { margin-bottom: 12px; }



/* 20210803 hebale 브라우저 랜더링오류(소숫점정리 IE대응) */
.col_1 {width:8% !important;}
.col_2 {width:16% !important;}
.col_4 {width:33% !important;}
.col_6 {width:49.5% !important;}

/* ========================================
	다이너스 클럽 소개 페이지
======================================== */
.diners-gate{position: relative;}
.diners-gate .diners-top {position:relative;}
.diners-gate .diners-top-logo {position:absolute;top:54px;left:50%;transform:translateX(-50%)}
.diners-gate .about-diners {width:100%;position:absolute;top:253px;left:0;text-align:center}
.diners-gate .about-diners dt {font-size:55px;line-height:74px;color:#e3dccf}
.diners-gate .about-diners dd {margin-top: 26px;font-size: 25px;line-height: 1.4;color:#b6ad9e}
.diners-gate .about-diners dd p{font-size: 20px;font-weight: bold;color: #ffdda2;opacity: .8;margin-bottom: 20px;font-family: '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', 'gulim', '굴림', Helvetica, sans-serif;}
.diners-gate .diners-cnt {position:relative;padding:44px 44px 8px 58px;background:#f0ece5}
.diners-gate .card-list {margin-top:42px;}
.diners-gate .card-list li {padding:58px 0;}
.diners-gate .card-list li:first-child {padding-top:0}
.diners-gate .card-list li + li {border-top:1px solid #b5b2ae}
.diners-gate .card-detail dt {font-size: 40px;font-weight:900;color:#221815}
.diners-gate .card-detail dd {position:relative;margin-top:25px;padding-right:295px;font-size: 30px;line-height: 1.3;color:#221815}
.diners-gate .card-detail .btnArea {margin:0;position:absolute;bottom:0;right:-5px}
.diners-gate .card-detail [class^=btn_].m {min-width:125px;}
.diners-gate .card-detail [class^=btn_] + [class^=btn_] {margin-left:0}
.diners-gate .diners-bottom {position:relative;min-height:316px;padding:58px 433px 58px 58px;background:#36302e}
.diners-gate .diners-bottom-info dt {font-size: 30px;font-weight:900;color:#f0ece5}
.diners-gate .diners-bottom-info dd {font-size: 25px;margin-top:25px;line-height: 1.4;color:#f0ece5}
.diners-gate .diners-bottom-logo {position:absolute;top:0;right:44px}

/* [NU Pay plus] NU Pay plus 이용안내 - 2022.11.09 */
.servInfoBox.sub.nupay {background:url(../img/pc/content/bg_nupay.jpg) no-repeat top center; background-size:100% auto; text-align:center; margin:0; padding:0;}
.servInfoBox.sub.nupay div {padding:30px 25px;}
.servInfoBox.sub.nupay .infoCon {text-align: left !important;}
.servInfoBox.sub.nupay img {width:120px;margin:10px 60px 10px;}

/*할부개월수 변경(s) */
.istlInfo{display: flex; margin-top: 15px;  background:url(../img/pc/common/ico_arrow15.png) center center no-repeat;}
.istlInfo .col{ flex: 1; text-align: center; padding-bottom:37px;}
.istlInfo .col .round{width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; margin: 15px auto; font-size: 18px;}
.istlInfo .col.after .round{background:linear-gradient(to top right, #2b64ce, #8447f1 85%);  font-weight: bold; color: #fff;}
.istlInfo .col .fee{display: block; margin-top: 10px; font-size: 14px; font-weight: bold; text-decoration: underline;}

.istlGuide{position: relative; margin-top: 30px; border: 1px solid #eee; border-radius: 16px; padding: 30px 20px 20px; box-shadow: 0 10px 30px rgb(212 221 230 / 38%); font-size: 13px; word-break: keep-all;}
.istlGuide .tit{position: absolute; top: 0; transform: translateY(-8px); background-color: #333; display: flex; align-items: center; color: #fff; padding: 0 12px; height: 26px; border-radius: 13px; letter-spacing: -0.06em;}
.istlGuide .desc{line-height: 1.6;}

.istlDataList{border: 0;}
.istlDataList li{border: 0; margin-bottom: 10px;}
.istlDataList li .block{background: #f8f8f8; padding: 12px 20px 18px; border-radius: 8px;}
.istlDataList .dataInfo .info ~ .info{ margin-top: 8px;}
/*할부개월수 변경(e) */

/* 20231219 coming soon(s) */
.coming_soon_wrap img {width:100%;}
/* 20231219 coming soon(e) */

/*금융상품 상품에 관한 주요사항 확인 (카드론, 신용대출 ,개인사업자대출) (s) */

/*박스 간격*/
.cfIptGroup > li + li { margin-top: 12px; }
/*체크박스 기본*/
.cfChkHp { z-index: -1; opacity: 0; position: absolute; top: auto; width: 24px; height: 24px; }
.cfChkHp + .cfLabel {z-index: 1;display: inline-block;position: relative;padding: 0;padding-left: 30px;line-height: 1.7;vertical-align: top;color: #333;cursor: pointer;}
.cfChkHp + .cfLabel:before {content: '';display: inline-block;position: absolute;top: 0;left: 0;width: 24px;height: 24px;margin: 0 8px 0 0;border: 1px solid #c8c8c8;border-radius: 50%;box-sizing: border-box;background-color: #fff;vertical-align: top;transition: background-color ease-in-out 0.225s;background: #fff url('../img/pc/content/cf_ico_checkbox1.png') no-repeat center;background-size: cover !important;}
.cfChkGroup > li + li { margin-top: 12px; }
.cfChkHp.sizeL + .cfLabel { font-size: 1.7rem; line-height: 1.4; font-weight: bold; }

/* 체크형태 */
.cfChkHp.dsgnChk + .cfLabel:before {border: none;border-radius: 0;background: url('../img/pc/content/cf_ico_chk.png') no-repeat center;background-size: 18px 14px !important;}
.cfChkHp.dsgnChk:checked + .cfLabel:before {border:none; background: url('../img/pc/content/cf_ico_chk_on.png') no-repeat center; }
.cfChkHp.dsgnChk:disabled:not(.def) + .cfLabel:before,
.cfChkHp.dsgnChk[disabled]:not(.def) + .cfLabel:before { border: none; background: url('../img/pc/content/cf_ico_chk_off.png') no-repeat center; }
.cfChkHp.dsgnChk:disabled:not(.def):checked + .cfLabel:before,
.cfChkHp.dsgnChk[disabled]:not(.def):checked + .cfLabel:before { border: none; background-image: url('../img/pc/content/cf_ico_chk_onoff.png'); }

/*체크박스  활성화 */
.cfChkHp:checked + .cfLabel:before { border: 2px solid #2b64ce; background: #2b64ce url('../img/pc/content/cf_ico_checkbox2.png') no-repeat center; transition: background-color 0s; }
.cfChkHp:checked:focus + .cfLabel:before { border-color: #001f5b; }

/* 박스형태 */
.cfChkHp.dsgnBox + .cfLabel {display: -webkit-box;display: flex;-webkit-box-orient: vertical;flex-direction: column;-webkit-box-pack: center;justify-content: center;width: 100%;min-height: 70px;padding: 15px 17px 17px 53px;border-radius: 6px;font-size: 1.7rem;line-height: 1.4;color: #888;background-color: #fff;box-shadow: 0 0 0 1px #dfdfdf inset;}
.cfChkHp.dsgnBox + .cfLabel:before {top: 24px;left: 17px;}
.cfChkHp.dsgnBox:checked + .cfLabel {color: #2b64ce;background-color: #f6feff;box-shadow: 0 0 0 2px #2b64ce inset;}
.cfChkHp.dsgnBox.withTit + .cfLabel:before { top: 17px; left: 17px; transform: translate(0, 0); }

/* 링크형태 */
.cfChkHp.dsgnLink + .cfLabel {width: 100%;padding-right: 41px;background: #fff url('../img/pc/content/cf_ico_link_off.png') no-repeat top 28px right 20px;background-size: 6px auto;}
.cfChkHp.dsgnLink:checked + .cfLabel { padding-right: 41px; background: #f6feff url('../img/pc/content/cf_ico_link_on.png') no-repeat top 28px right 20px; background-size: 6px auto; }

/*금융상품 상품에 관한 주요사항 확인 (카드론, 신용대출 ,개인사업자대출) (e) */