/*============== 공통 ===============*/
/*== 로그인 ==*/
.loginBoxWrap{position:relative; margin-top:50px; padding:40px 0; background:#fff; box-sizing:border-box;}
.loginBoxWrap:after{content:""; display:block; clear:both}
.loginBox{position:relative; padding:0 40px; min-height:320px;}
.loginBox:before{content:""; position: absolute; top:0; left:-1px; display:inline-block;width:1px; height:100%; background: #c0c0c0; }
.loginBox:first-child:before{width:0}

.loginBox .titH3,
.popup .loginBox .titH3{margin-top:0}
.loginBox .exArea{margin-top:20px}
.loginBox .quickGroup{position:absolute; }
.loginBox .formWrap .formControl{background-color:#eee}
.logBannerBox{position:absolute; left:0; bottom:0;padding:0 40px; width:100%; box-sizing:border-box}
.logBannerBox .txt{padding:18px; text-align:center; background:#eee}
.loginBoxWrap .loginBox:first-child .quickGroup{bottom:80px}

.faqList{padding-left:40px}
.faqList:before{content:""; position: absolute; top:50px; left:-1px; display:inline-block;width:1px; height:87%; box-sizing:border-box; background: #c0c0c0; }
.faqList .btnMore{position:absolute; top:48px; right:40px; font-weight:normal}
.faqList ul{padding-top:20px;}
.faqList ul li{width:100%; line-height:35px; text-align:left; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden}
.faqList ul li button,
.faqList ul li a{width:100%; line-height:35px; text-align:left; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden}

.menuList{position:relative; padding-right:20px; box-sizing:border-box}
.promotionArea{overflow:hidden; margin-top:20px; padding:40px 20px; text-align:center; background:#fff; box-sizing:border-box}
.promotionArea .msgBlock .titH3  {margin-top:0}
.bannerList li{padding-top:20px; text-align:center;}
.bannerList li a{display:block}

/*== 로그아웃 ==*/
.scopeBoxWrap{position:relative; margin-top:60px; padding:50px 0; background:#fff; overflow:hidden; box-sizing:border-box;}

.scopeBoxWrap .titH3{margin:0 0 40px; text-align:center;}
.scopeBoxWrap .btnArea{padding-top:40px}
.scopeBoxInner{margin:0 40px; padding:30px 0 0 0; border-top:1px solid #ccc; overflow:hidden}
.scopeBoxInner:after{content:""; display:block; clear:both}
.scopeBox{position:relative; padding:0 38px; min-height:157px; text-align:center}
.scopeBox:first-child{padding-left:0}
.scopeBox:last-child{padding-right:0}
.scopeBox:before{content:""; position: absolute; top:0; left:-1px; display:inline-block;width:1px; height:100%; background: #c0c0c0; }
.scopeBox .titH4{margin-top:0; min-height:50px}

/* 로그아웃 - 별점 선택 */
.selectStarWrap{display:inline-block; margin:38px 0 0; }
.selectStarWrap:after{content:""; display:block; clear:both}
.selectStarWrap span{display:inline-block; font-size:12px; color:#002a54}
.selectStarWrap .selectBad{padding:45px 0 0 ; width:85px; background:url("../restored/img/common/ico_bad.png") no-repeat center 3px; background-size:30px 30px}
.selectStarWrap .selectGood{padding:45px 0 0 ; width:85px; background:url("../restored/img/common/ico_good.png") no-repeat center 3px; background-size:30px 30px}
.selectStarWrap .selectStar{margin:7px 5px 0; vertical-align:top}
.selectStar{display:inline-block;}
.selectStar:after{content:""; display:block; clear:both}
.selectStar input[type="radio"]{position:absolute; top:0px; width:auto;}
.selectStar label{float:left; display:inline-block; width:25px; height:25px; margin-left:10px; background:url("../restored/img/common/ico_star_empty.png") no-repeat 0 0; background-size:25px 25px}
.selectStar label.on{display:inline-block; background:url("../restored/img/common/ico_star_full.png") no-repeat 0 0; background-size:25px 25px}
.selectStar label:first-child{margin-left:0}
.selectStar input[type="radio"],
.selectStar label:hover{cursor:pointer}

/*== Login 신규 ==*/
.logBoxWrap {width:980px; padding:15px 0 55px; margin:20px auto; background: #fff; box-sizing:border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, .15);}
.logBoxWrap > [class*="tit"] {text-align: center; font-weight: bold;}
.logBoxWrap .formArea {margin-top:30px !important; padding:0 330px}
.logBoxWrap .titH3 {margin-top:15px !important; font-weight: normal; white-space: nowrap; font-size:19px; color:#333;}
.logBoxWrap .formWrap .formControl {background-color:#eee}
.ie9 .logBoxWrap .formWrap .essenText {display:none !important;}
.logBoxWrap .quickGroup {width:100%; text-align:center; white-space: nowrap;} 
.logBoxWrap .quickGroup li {float: none; display: inline-block;}
.logBoxWrap .idCheck {margin: 20px 0 30px 0;}
.logBoxWrap .idCheck label {display: inline-block;}
.logBoxWrap .formArea.cerLogin {margin-top:20px !important; padding-top: 20px;}
.logBoxWrap .formArea.cerLogin:after {display: block; content: ''; position: absolute; top: 0; left: 0; right:0; width:70%; height: 1px; margin:0 auto; border-bottom: 1px solid #ccc;}
.logBoxWrap .autoCertLogin {margin-top:20px; text-align: center; vertical-align: middle;}
.logBoxWrap .autoCertLogin .inputGroup {display:inline-block; vertical-align: top}
.logBoxWrap .autoCertLogin .inputGroup .formWrap {margin-bottom: 0 !important;}
.logBoxWrap .autoCertLogin .inputGroup .formWrap input {margin:0;}
.logBoxWrap .autoCertLogin .inputGroup .formWrap label {line-height: 26px}
.logBoxWrap .autoCertLogin .txtIptLabel {display:inline-block; margin: 0 20px 0 0; font-size: 16px; color:#333; line-height: 26px}

.logBoxWrap.acco {padding-top:0; padding-bottom:0}
.logBoxWrap.acco > .wrap {background-color: #f6f6f6; text-align: center;}
.logBoxWrap.acco .accordion {display: inline-block; width:auto; height:60px; text-align: center; color:#056dae; font-size: 16px; font-weight: bold;}
.logBoxWrap.acco .accordion:before {left:auto; right:-23px;}

.logBoxWrap.acco .accoContents {padding: 0 60px}
.logBoxWrap.acco .accoContents .titH3 {font-size: 23px; font-weight: bold}
.logBoxWrap.acco .accoContents .menuList {margin-right:0; padding-right: 0}

.logBoxWrap .iconMenu {padding:20px 0 15px; border-bottom: 1px solid #ccc; text-align: center;}
.logBoxWrap .iconMenu li {display:inline-block; width:100%; max-width:139px; margin:0 0 20px 0px; vertical-align: top; text-align: center; box-sizing:border-box}
.logBoxWrap .iconMenu li a {display:block;}
.logBoxWrap .iconMenu li a span {display:block; padding:70px 0 5px 0; color:#056dae}
.logBoxWrap .iconMenu li a span.icoChkpc {background:url("../restored/img/common/ico_chk_pc.png") no-repeat center top;}
.logBoxWrap .iconMenu li a span.icoWsInfo {background:url("../restored/img/common/ico_ws_info.png") no-repeat center top;}
.logBoxWrap .iconMenu li a span.icoCert {background:url("../restored/img/common/ico_cert.png") no-repeat center top;}
.logBoxWrap .iconMenu li a span.icoSecu {background:url("../restored/img/common/ico_secu.png") no-repeat center top;}
.logBoxWrap .iconMenu li a span.icoIbInfo {background:url("../restored/img/common/ico_ib_info.png") no-repeat center top;}
.logBoxWrap .iconMenu li a span.icoIpin {background:url("../restored/img/common/ico_ipin.png") no-repeat center top;}

.logBoxWrap .noticeWrap {position: relative; padding-bottom:55px}
.logBoxWrap .noticeWrap .titH3 {margin:0 0 20px 0 }
.logBoxWrap .noticeWrap .btnMore {top:8px; right:0;}
.logBoxWrap .noticeWrap .faqList {padding-left:0;}
.logBoxWrap .noticeWrap .faqList:before {display:none}
.logBoxWrap .noticeWrap .faqList .inner {margin:0 -40px 0 -40px;}
.logBoxWrap .noticeWrap .faqList li {padding-left:40px; padding-right:40px; box-sizing:border-box;}

/* Login 신규 */
.logBoxWrap .menuList .titH3 {margin-top:50px !important}
.logBoxWrap .formArea .row:first-child .formWrap {margin-bottom:0px}

/*== overView ==*/
.dragAcc {overflow-x: hidden;}
/*.accountGroup .acco > li {margin-bottom:30px;}
.accountGroup .acco.dragAcc > li {margin-top:0; margin-bottom:30px;}*/
.accountGroup .acco.dragAcc > li:not('.ui-sortable-helper') {transition: all 0.4s}
.btnIcoAgainSch {padding-left:23px; background:url("../restored/img/common/btnIco_again.png") no-repeat 0 center; color:#056dae; font-size:12px;}

.accountGroup > ul > li {margin-top:30px;/* border-top:1px solid #eee;*/}
.accountGroup > ul > li:first-child {margin-top:0;}
.accountGroup > ul > li > .accoContents {border-top:2px solid #056dae; overflow:visible;;}
.accountGroup .edit {display:table; width:100%; padding:16px 32px 17px; background-color:#fff; font-size:14px; text-align:right; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,.18); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.18);}
.accountGroup .wrap {display:table; position:relative; width:100%; padding:20px 100px 24px 40px; background-color:#fff; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,.18); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.18);}
.accountGroup [class^=mainTit] {display:table-cell; font-size:23px; vertical-align:middle;}
.accountGroup .sumGroup {display:table-cell; padding-bottom:5px; text-align:right; vertical-align:middle;}
.accountGroup .sumGroup strong.sum {word-break:break-all;}
.accountGroup .accordion {position:absolute; top:50%; right:25px; margin-top:-20px;}
.accountGroup .accoContents .wrap {padding:33px 100px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; word-break:break-all;}
.accountGroup .accoContents .uiAct .wrap:after {content:""; display:block; position:absolute; top:35px; right:77px; bottom:35px; border-left:2px solid #efefef;}
.accountGroup .accoContents .on .wrap {border-bottom:0 none;}
.accountGroup .accoContents .accoContents:before {display:block; content:''; position:absolute; top:-15px; left:50%; width:30px; height:30px; margin-left:-15px; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.18); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.18); transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.accountGroup .relatedLinks {margin:25px 0; text-align:center;}
.accountGroup .leftInfo .tit {display:block;}
.accountGroup .leftInfo > span {font-size:12px; letter-spacing: 0}
.accountGroup .rightInfo  > * {display:block; white-space: nowrap;}
.accountGroup .rightInfo  > span {color:#666; font-size:12px;}
.accountGroup .btnArea {padding:30px 100px; text-align:center;}
.accountGroup .btnArea .new {width:100%; height:50px; padding:10px 0 0; border:2px dashed #cdcdcd; box-sizing:border-box;}
.accountGroup .wrap.btnArea:after {display:none !important;}
.accountGroup .card .leftInfo {padding-left:80px;}
.accountGroup .card .leftInfo img {position:relative; float:left; top:5px; left:-80px; width:60px; height:auto; margin-right:-80px; border-radius:3px;}
.accountGroup .unregistered {padding-right:35px !important; background-color:#f9f9f9; color:#666;}
.accountGroup .unregistered:after {display:none !important;}
.accoContents .unregistered {border-top:1px solid #ddd;}

.overviewCard .slide {margin-top:0 !important;}
.overviewCard .financeList .detail li:last-child {width:165px; padding-left:20px; box-sizing:border-box;}
.overviewCard .graphArea {height:10px; margin-top:7px !important;}

[class^=overview] {margin:25px -10px 0;}
[class^=overview] > li {width:66.7%; padding:15px 10px; box-sizing:border-box;}
[class^=overview] article {box-sizing:border-box;}
[class^=overview] .relatedLinks {text-align:center;}
[class^=overview] .relatedLinks a {position:relative; margin:0 15px; display:inline-block;}
[class^=overview] .relatedLinks a:before {display:block; content:''; position:absolute; top:5px; bottom:1px; left:-19px; border-left:1px solid #333;}
[class^=overview] .relatedLinks a:first-child:before {display:none;}
[class^=overview] .relatedCnt {padding:40px;}
[class^=overview] .relatedCnt > *:first-child {margin-top:0;}
[class^=overview] .relatedCnt .dotList > li {margin:15px 0 0 0; padding-left:12px; color:#666;}
[class^=overview] .relatedCnt .dotList > li:first-child {margin-top:0;}
[class^=overview] .right {width:33.3%;}
[class^=overview] .right article {margin-bottom:40px; border:2px solid #056dae; padding:40px 30px;}
[class^=overview] .right .tit {margin:-55px 0 25px; color:#666; font-size:16px; text-align:center;}
[class^=overview] .right .tit span {display:inline-block; padding:0 10px; background-color:#eee;}
[class^=overview] .right .relatedLinks {margin-top:20px; padding-top:20px; border-top:1px solid #999;}
[class^=overview] .right .relatedLinks a:before {border-left:1px solid #ccc;}
[class^=overview] .right .tit + .relatedLinks {margin-top:0; padding-top:0; border-top:0 none;}
[class^=overview] .right .date {display:block; color:#666; font-size:12px;}
[class^=overview] .linkArea {margin-bottom:40px; padding:0 30px 10px 70px; background:url("../restored/img/common/ico_certify.png") no-repeat 0 0;}
[class^=overview] .right > ul > li:last-child > article {margin-bottom:0;}
[class^=overview] .right .paging {margin:20px -40px 0;}

.overviewBank:after {content:''; display:block; clear:both;}
.overviewBank .titH3 {height:40px; margin-top:0; line-height:1;}
.overviewBank .left {float:left;}
.overviewBank .right {float:right;}
.overviewBank .leftInfo {display:table-cell; vertical-align:middle;}
.overviewBank .rightInfo {display:table-cell; min-width:180px; text-align:right; vertical-align:middle;}

.overviewBank .bankLink {margin-top:30px;}
.overviewBank .bankLink:after {content:''; display:block; clear:both;}
.overviewBank .bankLink li {float:left; width:50%; padding-left:10px; box-sizing:border-box;}
.overviewBank .bankLink li:first-child {padding-left:0; padding-right:10px;}
.overviewBank .bankLink a {display:table; width:100%; height:105px; padding:0 30px; background-color:#fff; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,.18); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.18);}
.overviewBank .bankLink h2 {display:table-cell; vertical-align:middle;}
.overviewBank .bankLink h2 span {display:block; margin-bottom:2px; color:#666; font-size:12px; font-weight:normal;}
.overviewBank .bankLink h2 span + span {font-size:16px; font-weight:bold;}
.overviewBank .bankLink a > span {display:table-cell; min-width:80px; font-size:12px; text-align:right; vertical-align:middle;}
.overviewBank .historyList li {display:table; width:100%; margin-top:22px;}
.overviewBank .historyList li:first-child {margin-top:0;}
.overviewBank .historyList .rightInfo {min-width:70px;}
.overviewBank .historyList .date {margin-bottom:3px;}
.overviewBank .historyList strong {display:block; color:#666;}
.overviewBank .historyList .bank {padding-right:10px;}
.overviewBank .historyList a {font-size:12px; letter-spacing: 0; font-weight: bold}
.overviewBank .bnrArea {margin:0; background-color:transparent; overflow:hidden;}
.overviewBank .bnrArea img {width:100%;}
.en .overviewBank .bankLink li {width: 100%; padding: 0 !important; margin-top:20px;}
.en .overviewBank .bankLink li:first-child {margin-top:0;}

/* 드래그 이체 */
.editModeBtn {position: absolute; right:10px; top:-20px; display: none}
.editModeBtn > * {vertical-align:middle; color:#056dae;}
.overviewBank .btnIcoEdit {display: inline-block; width:30px; height: 30px; margin-left:10px; background: url("../restored/img/common/btn_edit_acc.png") no-repeat center top; border-radius:50%; background-size:30px auto;}
.overviewBank .btnIcoEdit.on {/*background-color: #056dae;*/ background-position: center bottom}
.overviewBank .left {position: relative}
.overviewBank .accountGroup.editMode .accoContents {overflow: visible;}
.overviewBank .accountGroup.editMode.accEditMode > ul > li > .wrap .editBtn {display: none}
.overviewBank .bankLink h2 {font-size: 18px}

.editMode .acco li > .wrap {cursor: move}
.editMode .acco.moveMode > li > .wrap {cursor: default}

.accountGroup > ul > li {margin-bottom:30px; margin-top:0;}
.accountGroup.editMode .accordion {display: none;}
.accountGroup.editMode .editBtn {display: block; cursor: move;}
.accountGroup.editMode .editBtn {display: block; cursor: move;}
.accountGroup .editBtn {display: none; position: absolute; top: 50%; right: 25px; width: 40px; height:40px; margin-top: -20px; background: url("../restored/img/common/ico_edit.png") no-repeat center center; background-size: 12px; z-index: 10; cursor: pointer}

.accountGroup .accoContents .editBtn {display: none}
.accountGroup .accoContents li.target .wrap {background: #056DAE; color:#fff; border-color:#056DAE;}
.accountGroup .accoContents li.target .wrap a {color:#fff}
.accountGroup .accoContents li.target .wrap .editBtn { background: url("../restored/img/common/ico_edit_.png") no-repeat center center; background-size: 15px }
.accountGroup.accEditMode.editMode .accoContents .editBtn {display: block}

.myAccList-placeholder, .myAcc-placeholder {position:relative; background-color: #ddd;  }
.myAccList-placeholder:after, .myAcc-placeholder:after {content:''; position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height: 100%; border: 1px dashed #056DAE;box-sizing: border-box; }

.overviewBank .leftInfo .tit {display: inline-block;}
.overviewBank .leftInfo .tit + span {display: block; color:#333; letter-spacing: 0}

/* Overview Card */
.overviewCard {position:relative;}
.overviewCard .right {position:absolute; top:0; right:0;}
.overviewCard .block {padding:25px 40px; background-color:#fff;}
.overviewCard .block h1.tit,
.overviewCard .block h2.tit {margin-bottom:25px; color:333; font-size:23px;}
.overviewCard .funcGroup {margin-top:0; margin-bottom:25px;}
.overviewCard .funcGroup h1.tit {margin-bottom:0;}
.overviewCard .funcGroup [class^=func] {margin-top:4px;}
.overviewCard .goodsArea {margin-top:0;}
.overviewCard .itemList {margin-top:20px;}
.overviewCard .itemList li {position:relative;}
.overviewCard .itemList .links {position:absolute; top:20px; right:20px; font-size:12px;}
.overviewCard .crdImgArea {padding-top:20px;}
.overviewCard .crdImgArea:after {content:''; display:block; clear:both;}
.overviewCard .crdImgArea .crdImg {float:left; width:200px; text-align:center;}
.overviewCard .crdImgArea .crdImg img {width:100%; margin-bottom:5px;}
.overviewCard .crdInfo {float:right; text-align:right;}
.overviewCard .goodsArea .sumGroup {position:static;}
.overviewCard .sumGroup > div {padding-bottom:5px;}
.overviewCard .sumGroup .item {position:static; font-size:23px;}
.overviewCard .sumGroup .sum {font-size:38px;}
.overviewCard .sumGroup .sum > .unit {font-size:23px;}
.overviewCard .sumGroup .tags {margin-right:0; vertical-align:middle;}
.overviewCard .dropGroup .dropDownWrap {margin-left:20px;}
.overviewCard .profileList li {margin-top:10px; padding-left:100px;}
.overviewCard .profileList li:after {content:''; display:block; clear:both;}
.overviewCard .profileList .item {position:relative; float:left; left:-100px; width:90px; margin-right:-90px; font-weight:bold;}
.overviewCard .profileList .value {float:left; width:100%;}
.overviewCard .icoInfo {margin-top:20px; padding-left:30px; background:#fff url("../restored/img/common/ico_info.png") no-repeat 0 2px; color:#666;}
.overviewCard .btnArea {margin-top:30px; padding-top:0;}
.overviewCard .btnArea .btnType1 {width:100%; min-width:100%; padding:0;}
.overviewCard .serviceList > li {background-color:#fff;}
.overviewCard .serviceList > li:after {content:''; display:block; clear:both;}
.overviewCard .serviceList .block {float:left; width:50%; box-sizing:border-box;}
.overviewCard .serviceList p {margin-bottom:20px;}
.overviewCard .serviceList .img {float:right; width:50%; max-height:280px; text-align:right; overflow:hidden;}
.overviewCard .serviceList .img img {width:100%; height:auto; min-height:280px;}
.overviewCard .financeList {color:#666;}
.overviewCard .financeList > li {margin-top:20px;}
.overviewCard .financeList > li:after {content:''; display:block; clear:both;}
.overviewCard .financeList .subTit {float:left; margin-bottom:7px; font-size:16px;}
.overviewCard .financeList > li > .links {float:right; padding-left:10px;}
.overviewCard .pointList li {margin-top:10px;}
.overviewCard .pointList li:after {content:''; display:block; clear:both;}
.overviewCard .pointList .item {float:left; color:#666;}
.overviewCard .pointList .point {float:right;}
.overviewCard .eventList img {width:100%;}
.overviewCard .eventList figcaption {margin:20px 0 7px;}
.overviewCard .etcServiceList {margin-top:-10px;}
.overviewCard .etcServiceList li {display:inline-block; width:50%; margin:10px -3px 0 0; box-sizing:border-box; vertical-align:top; zoom:1;}

/*== main ==*/
.mainArea {position:relative; background-color:transparent;}
.mainArea .bg {position:absolute; top:0; left:0; width:100%; max-width:100%; height:495px; background-size:cover; background-position:center; overflow:hidden; z-index:1;}
/*.mainArea .bg > img {width:auto; min-width:100%; min-height:520px;}*/
.mainArea > div {position:relative; width:100%; max-width:1440px; margin:0 auto; padding:0 20px; box-sizing:border-box; z-index:2}
.mainArea [class^=btnType] {width:220px; overflow:hidden;}
.mainArea .crdInfo {display:table; width:100%; height:460px; padding:0 40px; box-sizing:border-box;}
.mainArea .crdInfo:after {content:''; display:block; clear:both;}
.mainArea .crdInfo .cnt {display:table-cell; text-align:right; vertical-align:middle;}
.mainArea .crdInfo .cnt > div {display:inline-block; width:33.3%; min-width:380px; padding:30px 20px; background-color:rgba(5,109,174,0.9); text-align:center; box-sizing:border-box;}
.mainArea .crdInfo .cnt > div > span {display:block; margin-top:13px; color:#fff;}
.mainArea .crdInfo .cnt > div > span.poinCopy {margin-top: 18px; margin-bottom: 23px;}
.mainArea .crdInfo .cnt .pointWord {font-weight: bold; font-size:22px;}
.mainArea .crdInfo .small {font-size:12px;}
.mainArea .crdInfo .poinCopy {margin-top:15px; font-size:44px; line-height:1.2;}
.mainArea .crdInfo .hiddenTM {margin-top:25px;}
.mainArea .crdInfo .btnType3 {display:block; margin:25px auto 15px;}
.mainArea .crdInfo .img {display:table-cell; width:280px; vertical-align:middle;}
[class*=main] .img > img {width:100%; height:auto;}
[class*=main] .mBlock {background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0, .15); -webkit-box-shadow:0 2px 10px rgba(0,0,0, .15);}
.mainArea .mBlock {position:relative; padding:30px 0; overflow: hidden;}
.mainArea .mBlock:after, .mainArea .mBlock:before {content:''; position:absolute; top:42px; bottom:42px; display:block; left:33%; border-left:1px solid #ccc;}
.mainArea .mBlock:before {left:auto; right:33%; border-left:1px solid #ccc;}
.mainArea .mBlock .loginBtnArea {float:left; width: 33%; line-height:0;}
.mainArea .mBlock .loginBtnArea [class^=btnType] {display:block; width:58%; margin:0 auto;}
.mainArea .mBlock .loginBtnArea .btnType1:first-child {margin-bottom: 10px}
.mainArea .mBlock:after {content:''; display:block; clear:both;}
.mainArea .mBlock .txtList li a {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal;}
.mainArea .mBlock .txtList li a:hover {text-decoration: underline; color:#2b7ab4}
.mainArea .linkList {float:left; position:relative; width:34%; box-sizing:border-box;}
.mainArea .linkList:after {content:''; display:block; clear:both;}
.mainArea .linkList .quickGroup {margin-top:0}
.mainArea .linkList {margin:0; padding:5px 20px 0; box-sizing:border-box;}
.mainArea .linkList li {float:left; width: 50%; margin:5px 0 6px 0; padding:0;}
.mainArea .linkList li:before {display:none;}
.mainArea .linkList li a {display:inline-block;}
.mainArea .noticeList {float:left; width:33%; padding:5px 40px 0 20px; box-sizing:border-box;}
.mainArea .noticeList > ul {position:relative;}
.mainArea .noticeList > ul:after {content:''; display:block; clear:both;}
.mainArea .noticeList > ul > li {float:left; margin-left:20px; padding-left:20px; overflow: visible;}
.mainArea .noticeList > ul > li button {position:relative; color:#2b7ab4; font-weight: bold}
.mainArea .noticeList > ul > li:first-child {margin-left:0; padding-left:0;}
.mainArea .noticeList > ul > li:first-child button:after {content:''; position:absolute; top:5px; bottom:1px; right:-20px; border-right:1px solid #333;}
.mainArea .noticeList .txtList {display:none; position:absolute; top:0; left:0; width:100%; margin-top:30px;}
.mainArea .noticeList .more {display:none; position:absolute; top:0; right:0;}
.mainArea .noticeList .on .tit {text-decoration:underline;}
.mainArea .noticeList .on .txtList,
.mainArea .noticeList .on .more {display:block;}
.mainCntList {margin-bottom:30px;}
.mainCntList > li {margin-top:80px;}
.mainCntList article {display:table; width:83.2%; min-height:330px; margin:0 auto; vertical-align:middle;}
.mainCntList article:after {content:''; display:block; clear:both;}
.mainCntList .cnt {display:table-cell; width:50.8%; padding-right:7.6%; box-sizing:border-box; text-align:right; vertical-align:middle; overflow:hidden;}
.mainCntList .cnt.al {padding-right:0; padding-left:7.6%;}
.mainCntList article.mBlock {min-height: 460px}
.mainCntList .tit {margin-top:14px; font-size:38px; line-height: 1.32em; /*letter-spacing:-1px;*/ letter-spacing:-0.09em;}
.en .mainCntList .tit {letter-spacing:0;}
.mainCntList .pointCopy {margin:22px 0 0;}
.mainCntList .btnType1 {margin-top:27px;}
.mainCntList .btnType2 {margin-top:0px;}
.mainCntList .btnArea.div2,
.mainCntList.crdMain .btnArea {padding-top:27px;}
.mainCntList .btnArea.div2 .btnType1,
.mainCntList.crdMain .btnArea .btnType1 {margin-top:0;}
.mainCntList .img {position:relative; display:table-cell; width:49.2%; box-sizing:border-box; vertical-align:bottom;}
.mainCntList .img .imgCont {position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height: 330px; box-shadow:0 2px 10px rgba(0,0,0, .15); -webkit-box-shadow:0 2px 10px rgba(0,0,0, .15);}
.mainCntList .mBlock {width:100%;}
.mainCntList .mBlock .img {width:57.8%; padding-left:0; overflow:hidden;}
.mainCntList .mBlock .cnt {width:42.2%; padding:0 5% 0 6.4%; text-align:left;}
.mainCntList .mBlock .img .imgCont {height: 460px}
/*카드메인일경우*/
.mainCntList.crdMain .btnArea .btnType1{min-width:190px;}

[class^=mainTit] .small {font-size:16px; margin-left:5px; white-space: nowrap;}
[class^=mainTit] {padding-left:61px; color:#666; background-size:40px; background-repeat:no-repeat; background-position:0 center;}
.mainTitMnd {background-image:url("../restored/img/common/icoTit_mnd.png");}
.mainTitTrs {background-image:url("../restored/img/common/icoTit_trs.png");}
.mainTitCrd {background-image:url("../restored/img/common/icoTit_crd.png");}
.mainTitLon {background-image:url("../restored/img/common/icoTit_lon.png");}
.mainTitFnd {background-image:url("../restored/img/common/icoTit_fnd.png");}
.mainTitIns {background-image:url("../restored/img/common/icoTit_ins.png");}
.mainTitFxd {background-image:url("../restored/img/common/icoTit_fxd.png");}

/*== Security Card/OPT ==*/
.securityCardArea {position:relative; margin-top:20px; padding:40px 0; padding-left:452px; border-top:1px solid #999; border-bottom:1px solid #999;}
.securityCardArea:after, .securityCardArea .inputArea:after, .securityCardArea .inputArea .pinUI:after {content:''; display: block; clear: both;}
.otpType.securityCardArea {padding-left:312px}

/*== Security Card/OPT - 좌측 이미지 영역 ==*/
.securityCardArea .secuImgArea {position: relative; float:left; margin-left:-452px}
.securityCardArea .securityCardBox {position: absolute; top:0; left:0;}
.securityCardArea .codeTxt {position: absolute; top:17px; height:21px; padding:0 10px 0 30px; border-top-right-radius:4px; border-bottom-right-radius:4px; background:#3685c7; box-sizing:border-box; font-size:14px; font-weight: bold; color:#fff;  line-height:19px; letter-spacing: 0 }
.securityCardArea .codeTxt:before {content:''; position: absolute; top:0; left:0; width:20px; height:21px; background: #225e97}
.securityCardArea .secuImgArea .numBox {position: absolute; box-sizing:border-box; width:20px; height:19px; border: 2px solid #002a54; overflow: hidden;}
.securityCardArea .secuImgArea .numBox input {display: block; border:none; width:100%; height: 100%; background:#fff !important; text-align: center; line-height: 10px;}
.securityCardArea .secuImgArea .numBox.back {border-color:#006e0a; margin-left:22px}
.secuImgArea #pinNum01, .secuImgArea #pinNum02, .secuImgArea #pinNum03, .secuImgArea #pinNum04, .secuImgArea #pinNum05, .secuImgArea #pinNum06 {left:60px}
.secuImgArea #pinNum07, .secuImgArea #pinNum08, .secuImgArea #pinNum09, .secuImgArea #pinNum10, .secuImgArea #pinNum11, .secuImgArea #pinNum12 {left:138px}
.secuImgArea #pinNum13, .secuImgArea #pinNum14, .secuImgArea #pinNum15, .secuImgArea #pinNum16, .secuImgArea #pinNum17, .secuImgArea #pinNum18 {left:216px}
.secuImgArea #pinNum19, .secuImgArea #pinNum20, .secuImgArea #pinNum21, .secuImgArea #pinNum22, .secuImgArea #pinNum23, .secuImgArea #pinNum24 {left:296px}
.secuImgArea #pinNum25, .secuImgArea #pinNum26, .secuImgArea #pinNum27, .secuImgArea #pinNum28, .secuImgArea #pinNum29, .secuImgArea #pinNum30 {left:373px}
.secuImgArea #pinNum01, .secuImgArea #pinNum07, .secuImgArea #pinNum13, .secuImgArea #pinNum19, .secuImgArea #pinNum25 {top:49px}
.secuImgArea #pinNum02, .secuImgArea #pinNum08, .secuImgArea #pinNum14, .secuImgArea #pinNum20, .secuImgArea #pinNum26 {top:74px}
.secuImgArea #pinNum03, .secuImgArea #pinNum09, .secuImgArea #pinNum15, .secuImgArea #pinNum21, .secuImgArea #pinNum27 {top:99px}
.secuImgArea #pinNum04, .secuImgArea #pinNum10, .secuImgArea #pinNum16, .secuImgArea #pinNum22, .secuImgArea #pinNum28 {top:124px}
.secuImgArea #pinNum05, .secuImgArea #pinNum11, .secuImgArea #pinNum17, .secuImgArea #pinNum23, .secuImgArea #pinNum29 {top:149px}
.secuImgArea #pinNum06, .secuImgArea #pinNum12, .secuImgArea #pinNum18, .secuImgArea #pinNum24, .secuImgArea #pinNum30 {top:174px}
.otpType .secuImgArea {display:table; width:312px; height:213px; margin-left:-312px; border-radius:8px; background: #fff; text-align: center; vertical-align: middle; text-align: center;}
.otpType .otpWrap {display: table-cell; text-align: center; vertical-align: middle;} 
.otpType.securityCardArea .securityCardBox {top:50%; left:50%; width:74px; height:14px; margin: -5px 0 0 -13px; overflow: hidden;}
.otpType.securityCardArea .securityCardBox input {display:block; border:none; background: none}

/*== Security Card/OPT - 우측 인풋 영역 ==*/
.securityCardArea .inputArea {position: relative; float:left; padding:0 0 0 60px; box-sizing:border-box; /*min-width:630px*/}
.inputArea .pinUI {white-space: nowrap;}
.inputArea .pinUI .pinWrap {position:relative; padding:20px 0; margin-left:80px; box-sizing:border-box}
.inputArea .pinUI .pinWrap:after {content:''; position:absolute; top:25px; bottom:25px; left:-42px; border-right:1px solid #ccc;}
.inputArea .pinUI > .pinWrap:first-child {margin-left:0;}
.inputArea .pinUI .pinWrap:not(.serialNumArea):first-child:after {border-right:none;}
.inputArea .pinContain {position:relative; display:inline-block; margin-top:-1px; margin-left:-80px; white-space: nowrap; vertical-align: top}
.inputArea .pinContain .pinWrap {float:none; display: inline-block; vertical-align: top}
/*.inputArea .pinContain:after {content:''; position: absolute; left:60px; top:auto; width:2000px; border-top:1px solid #ccc;}*/
.inputArea .pinUI [class*=pinNum] {font-weight: bold; color:#333}
.inputArea .pinUI [class*=pinNum] strong {margin-right:5px; color:#002a54; font-weight: bold;}
.inputArea .pinUI [class*=pinNum] .essential {display: inline-block; width: 10px; height: 12px; margin-left:5px; overflow: hidden; background: url("../restored/img/common/ico_star.png") no-repeat center 4px; font-size: 0px; text-indent: -9999px;}
.inputArea .pinUI .pinNumBack strong {color:#006e0a;}
.inputArea .pinUI .pinBox {margin-top:20px;}
.inputArea .pinUI .pinBox .star {display:inline-block; width: 25px; height: 50px; background: url("../restored/img/common/ico_star_gray.png") no-repeat 50% 50%;}
.inputArea .pinUI .formWrap {display:inline-block; max-width:91px; margin-bottom:0; vertical-align: top}
.inputArea .pinUI .formWrap .formControl {padding:10px 40px 10px 10px; margin:0; background: #fff !important; text-align: center;}
.inputArea .pinUI .formWrap .virImgIco {position: absolute; bottom: 0px; right: 0; width: 50px; height: 50px; background: url("../restored/img/common/btnImg_otp.png") no-repeat center;}
.inputArea .pinUI .formWrap.nonLabel label {display:block; height:1px; overflow: hidden; margin:0; padding:0}
.inputArea .pinWrap.serialNumArea {display:inline-block; margin-right:80px;}
.inputArea .pinWrap.serialNumArea:after {content:''; position:absolute; top:25px; left:auto; bottom:25px; right:-38px; border-right:1px solid #ccc;}
.serialNumArea .serialBox {display: inline-block; height: 50px; min-width: 15px; margin-right: 4px; background: url("../restored/img/common/ico_star_gray1.png") no-repeat center center; vertical-align: top}
.serialNumArea .formWrap {width:50px; text-align: center;}
.serialNumArea .formWrap .formControl {margin:0; padding-left:0 !important; padding-right: 0 !important; text-align: center;}
.serialNumArea .formWrap.nonLabel .txtIptLabel {height: 1px}
.serialNumArea .formWrap .formControl::-webkit-input-placeholder {color: #fff; opacity:0}
.serialNumArea .formWrap .formControl::-moz-placeholder {color: #fff}
.serialNumArea .formWrap .formControl:-ms-input-placeholder {color: #fff}
.otpType .inputArea .pinUI .formWrap {width:100%; max-width:none}
.otpType .inputArea .pinUI .formWrap .formControl {padding:10px 40px 10px 20px; text-align: left}
.otpType .inputArea .pinUI .pinWrap {display:inline-block; min-height: 135px; vertical-align: top}
.otpType .inputArea .pinUI .pinWrap .txt {margin-top:25px; text-align: center;}
.inputArea .otpIco.accoTit {padding-bottom: 10px; border-bottom:1px solid #d8d8d8;}
.inputArea .accordion {width: 80px; height:auto; color: #056DAE; text-decoration: none; font-size: 14px;}
.inputArea .accordion:before {left:100%; background: url("../restored/img/common/ico_arr_down_bold.png") no-repeat center 50%;}
.inputArea .accoContents {min-width:550px; padding: 30px 20px; border-bottom: 1px solid #d8d8d8; background-color: #fff; font-size:14px; text-align: left !important}
.inputArea .accoContents + .refList {padding:0}
.inputArea .accoContents .formWrap {float:left; width:50%;}
.inputArea .accoContents .formWrap .formControl {margin:0; background-color: #eee;}
.inputArea .accoContents .btnArea {float: left; margin-left:10px;}
.inputArea .pinUI .btnArea {display: block; width: 100%; text-align: left;}
.inputArea .pinUI .btnArea > * {width:100%}
.popWrap .otpType .inputArea .pinUI .formWrap {max-width: 188px}

/*== Security Card/OPT - 카드 우상단 일련번호 추가 ==*/
.securityCardArea .serialNumBox {position:absolute;top:20px;left:320px;}
.securityCardArea .serialNumBox > div {position:absolute; top:0; width:11px; height:11px; border:2px solid #d60000; background-color:#fff; overflow: hidden;}
.securityCardArea .serialNumBox input {display:block; width:100%; height:100%; border:none; background: #fff !important; text-align: center; }
.securityCardArea .serialNumBox #serialNum01 {left:0;}
.securityCardArea .serialNumBox #serialNum02 {left:16px;}
.securityCardArea .serialNumBox #serialNum03 {left:32px;}
.securityCardArea .serialNumBox #serialNum04 {left:48px;}
.securityCardArea .serialNumBox #serialNum05 {left:64px;}
.securityCardArea .serialNumBox #serialNum06 {left:80px;}
.securityCardArea .serialNumBox #serialNum07 {left:96px;}

/*== Security Card/OPT - 일렬번호 lnb 있을 경우 ==*/
.cntArea .securityCardArea {padding:40px 0 !important; text-align:center}
.cntArea .securityCardArea .secuImgArea, .cntArea .securityCardArea .inputArea {float: none; display: inline-block; margin:0 auto; padding:0; vertical-align: top; min-width:0}
.cntArea .securityCardArea.otpType .secuImgArea {display: table}
.cntArea .securityCardArea .refList {margin-top: 10px !important; padding: 0 20px; text-align: left;}

/*== Security Card/OPT - Etc ==*/
.securityCardArea .otpIco {margin-top:10px; background:url("../restored/img/common/ico_info.png") no-repeat 0 3px; padding-left:30px; color:#666; font-size:14px; text-align: left;}
.securityCardArea .inputArea.on .accordion:before {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.securityCardArea .refList {display: block; margin-top:0}
.securityCardArea .formWrap.isFocused {text-align: left;}

/*== Security Card/OPT - OTP전원 팝업 ==*/
.otpPowerWbox{background-color:#fff;text-align:center;padding:40px 0;font-size:14px; font-weight:bold;}
.otpPowerWbox p{margin-bottom:20px;}
.otpPowerWbox ul{position:relative;}
.otpPowerWbox ul li{display:inline-block;}
.otpPowerWbox ul li:first-child{margin-right:30px;}
.otpPowerBox{position:relative;display:table;width:100%;margin-top:30px;}
.otpPowerBox li{display:table-cell;width:50%;vertical-align:top;padding-left:20px;}
.otpPowerBox li:first-child{border-right:1px solid #ccc;padding-right:20px;padding-left:0;width:49%}
.otpPowerBox li ul{margin-top:10px;}
.otpPowerBox li ul li:first-child{border-right:none;padding-left:17px;width:83%;}
.otpPowerBox li ul li{width:95%;}
.otpPowerBox .wBox{background-color:#fff;text-align:center;width:100%;padding:30px 0;height:130px;margin-bottom:30px;}
.otpPowerBox .wBox img{vertical-align:middle;}
.otpPowerBox .txtTit{font-weight:bold;font-size:19px;}

/*== 보안프로그램 브라우저 호환성안내 팝업 ==*/
.sbArea{margin-top:30px;padding-bottom:30px;border-bottom:1px solid #ccc;}
.sbArea ul{width:100%; display:table;}
.sbArea ul li{width:33.3333%; display:table-cell;}
.sbArea ul li a{display:block;height:140px;position:relative;background-color:#fff;border-radius: 6px;border:2px solid #fff;color:#056dae;margin-right:10%;}
.sbArea ul li a.chromeBtn{background:#fff url("../restored/img/common/icoChrome.png") no-repeat 50% 30px;}
.sbArea ul li a.firefoxBtn{background:#fff url("../restored/img/common/icoFirefox.png") no-repeat 50% 30px;}
.sbArea ul li a.safariBtn{background:#fff url("../restored/img/common/icoSafari.png") no-repeat 50% 30px;}
.sbArea ul li a:hover, .sbArea ul li a:active, .sbArea ul li a:focus{border:2px solid #056dae;}
.sbArea ul li a:hover span, .sbArea ul li a:active span, .sbArea ul li a:focus span{text-decoration:underline !important;}
.sbArea ul li a > span{display:block;position:absolute;bottom:20px;text-align:center;width:100%;}

/*== QNA List ==*/
.qnaList {position:relative; clear:both; margin-top:60px; padding:0; border-top:1px solid #999;}
.qnaList li .titH5, .qnaList li .txtC5 {margin-top:0; font-weight:bold}
.qnaList .txtList {margin-top:5px;}
.qnaList > li {position:relative; border-bottom:1px solid #999;}
.qnaList.acco > li {padding:0;}
.qnaList .wrap {display:table; width:100%; padding:0; box-sizing:border-box;}
.qnaList .wrap [class*=Info] > strong {display:block; margin-bottom:3px; color:#333; font-size:16px;}
.qnaList .accordion {position:static; width:100%; height:auto; padding:20px 0 20px; text-align:left}
.qnaList .accordion:before {background:transparent}
.qnaList .accordion em, .qnaList .accoContents em {display:table-cell; padding:0 0 0 20px}
.qnaList .accordion .tit {padding:0 20px;}
.qnaList .accordion .titQ {color:#056dae}
.qnaList .accoContents {padding:0; background-color:#fff; border-top:1px solid #d8d8d8}
.qnaList .accoContents .titA {display:table-cell; padding:20px; color:#002a54}
.qnaList .accoContents .titA + .txt{padding:20px 20px 20px 0}
.qnaList .accoContents .txt {display:table-cell; padding:20px; word-break:break-all;}
.qnaList .accordion {padding:20px 20px 20px 35px; background:url("../restored/img/common/ico_select_arrow.png") no-repeat 20px 27px;}
.qnaList > .on  .accordion {background:url("../restored/img/common/ico_selected_arrow.png") no-repeat 20px 27px; color:#056dae; font-weight:bold;}
.qnaList .accoContents {padding-left:35px;}
.qnaList .accoContents .titA {font-weight:bold;}
.qnaList .accoContents .txt .extraList:first-child,
.qnaList .accoContents .txt .dashList:first-child {margin-top:0;}
.qnaList .accoContents .txt .dashList li {margin-top:9px;}


/*=========== 약관 =============*/
/* 약관내용 */
.termsBox {height:180px; padding:20px; border-radius:6px; background-color:#eee; overflow-y:auto; box-sizing:border-box; font-size:14px; line-height: 230%}
.termsBox .titH3.terms{margin-top:0px;}
.popCont .termsBox {height:120px; background-color:#fff;}
.popCont .infoListLine .termsBox {background-color:#eee;}
.termsBold {font-size:17px; font-weight: bold;}/* 120% */
.termsBold2 {font-size:20px; font-weight: bold;}/* 140% */
/* 약관동의(기본유형 및 이중아코디언) */
.termsAgree,
.termsInner {text-align:right;}
.termsAgree:after,
.termsInner:after {content:''; display:block; clear:both;}
.termsAgree .tit,
.termsAgree .txt,
.termsInner .tit,
.termsInner .txt {display:block; font-size:16px; float:left; text-align:left;}
.termsAgree .tit,
.termsInner .tit {width:100%; padding-bottom:20px; font-weight:bold;}
.termsAgree .txt,
.termsInner .txt {width:66%; padding-top:15px; border-top:1px solid #ccc; min-height:26px;}
.termsAgree .txt .dashList {margin-top:10px;}
.termsAgree .txt .dashList li {font-size:12px; color:#666; margin:3px 0;}
.termsAgree div:not(.termsBox),
.termsInner div:not(.termsBox) {width:100%; float:right; padding-top:15px; font-size:0; border-top:1px solid #ccc;}
/* 약관동의(기본유형_간격) */
.termsAgree .tit + .txt {padding-top:15px; border-top:1px solid #ccc;}
.termsAgree .txt + div {width:34%;}
.termsAgree .tit + .txt + div + .txt,
.termsAgree .tit + .txt + div + .txt + div {border-top:0; padding-top:15px;}
.termsAgree div + .txt,
.termsAgree div + .txt + div {border-top:0; padding-top:15px;}

.termsAgree.col2 .txt,
.termsAgree.col2 .txt + div{width:50%}

/* 약관동의(이중아코디언_간격) */
.termsInner .txt {width:72%;}
.termsInner .txt + div {width:28%;}
.termsInner .txt + div + .txt,
.termsInner .txt + div + .txt + div {border-top:0; padding-top:15px;}
/* 약관동의(버튼) */
.termsAgree div label,
.termsInner div label {display:inline-block !important;} /* 크롬포터블 대응 */
.termsAgree div > input + label,
.termsInner div > input + label {font-size:16px; margin-left:20px;}
.termsAgree div > input:first-child + label,
.termsInner div > input:first-child + label {margin-left:0 !important;}
/* 약관동의(dl_리스트유형) */
.termsAgree dl {width:100%; float:left; margin:25px 0 0 0; padding:0; text-align:left;}
.termsAgree dl:after {content:''; display:block; clear:both;}
.termsAgree dl dt {float:none; padding:0; margin-top:0; font-size:16px;}
.termsAgree dl dt:before {display:none;}
.termsAgree dl dd:after {content:''; display:block; clear:both;}
.termsAgree dl dd {float:left; width:50%; margin-top:15px; padding-right:10px; font-size:16px; box-sizing:border-box; list-style:none;}
.termsAgree dl dd:nth-child(odd) {padding-left:27px; padding-right:0px;}
.termsAgree dl dd:nth-child(odd):before {left:10px;}
.termsAgree dl dd .dltxt {display:inline !important; width:auto; padding:0; margin:0;}
.termsAgree dl dd div {width:auto; text-align:right; border:0; padding-top:0;}
.termsAgree dl dd label {font-size:16px;}
/* 약관동의(dl_소타이틀+텍스트+버튼유형) */
.termsAgree dl.unique dd {width:100% !important; padding:0 !important; margin-top:14px;}
.termsAgree dl.unique dd:after {content:''; display:block; clear:both;}
.termsAgree dl.unique dd .dltxt {width:66%; float:left;}
.termsAgree dl.unique dd div {width:34%; float:left;}
/* 약관동의(dl_간격) */
.termsAgree .tit + dl{padding-top:20px; margin-top:0; border-top:1px solid #ccc;}
.termsAgree dl + dl {margin-top:20px}
.termsAgree dl + .txt,
.termsAgree dl + .txt + div {border-top:0; padding-top:30px;}
/* 약관동의(싱글) */
.termsAgree.single .txt {width:80%;}
.termsAgree.single .txt + div {width:20%;}
.termsAgree.single .inBlock {float:none; border-top:0;}
/* [PRE] 160819 termsAgree */
.termsAgree .links {margin-left:20px;}
/* 타이틀 옆 동의하기 */
.funcGroup.terms {display:table; width:100%;}
.funcGroup.terms > [class^=titH] {margin-top:0 !important;}
.funcGroup.terms > [class^=titH],
.funcGroup.terms > .termsAllAgree,
.funcGroup.terms > .termsAgree {display:table-cell; float:none; vertical-align:bottom;}
.funcGroup.terms > .termsAgree,
.funcGroup.terms > .termsAgree div {margin-bottom:0; padding-top:0; border:0;}
.funcGroup.terms + .txt {margin-top:20px;}
/* 약관동의(전체동의버튼) */
.termsAllAgree {text-align:right;}
.termsAllAgree .allAgree {display:inline-block; vertical-align:bottom;}
.termsAllAgree .allAgree input[type="radio"] + label,
.termsAllAgree .allAgree input[type="checkbox"] + label {min-width:auto; padding:0 20px !important; font-size:16px; color:#fff; text-indent:0 !important; text-decoration:none !important;}
.termsAllAgree .allAgree input[type="radio"] + label:before,
.termsAllAgree .allAgree input[type="checkbox"] + label:before {display:none;}
.termsAllAgree .allAgree input[type="radio"]:checked + label,
.termsAllAgree .allAgree input[type="checkbox"]:checked + label,
.termsAllAgree .allAgree.on input[type="radio"] + label,
.termsAllAgree .allAgree.on input[type="checkbox"] + label{border:2px solid #002a54; background:#002a54;}
.termsAllAgree .allAgree button {min-width:auto;}
.termsAllAgree .allAgree label {display:block !important;}
/* 약관동의(전체동의버튼_간격) */
.formList + .termsAllAgree {margin-top:20px; padding:20px 0 0; border-top:1px solid #ccc; text-align:right}
/* 약관내용페이지(개인정보취급방침) */
.termsLine + .termsLine{border-top:1px solid #ccc;margin-top:40px;}
.termsTB .subHead{margin-left:15px;}
.termsWrap {margin-top:50px}
/* 약관동의 다음에 약관내용+약관동의가 들어오는 유형으로 확인후 정리 */
/* JSP반영 후 삭제요망 */
.termsAgree div.termsBoxDetailWrap{float:left; margin-top:0; padding-top:15px 0; border-top:0}
.termsAgree div.termsBoxDetailWrap .termsBox{margin-top:0; text-align:left; border:1px solid #ccc; border-radius:6px 0 0 6px}
.termsAgree div.termsBoxDetailWrap .txt,
.termsAgree div.termsBoxDetailWrap div,
.termsAgree div.termsBoxDetailWrap + .txt,
.termsAgree div.termsBoxDetailWrap + .txt + div{border-top:0}

.termsAgree.single .inBlock {width:auto !important;}
.termsAgree.single .inBlock.links {display:inline-block !important;}

/*== InfoList Line ==*/
[class^=infoList] {margin-top:20px;}
/*[class^=infoList] [class^=infoList] {margin-top:0;}*/
[class^=infoList] .wrap .tit {color:#333;}
[class^=infoList] .wrap .leftInfo .tit {color:#333;}
[class^=infoList] .noResultArea {margin-top:0;}
[class^=infoList]+[class^=infoList]{margin-top:60px;}

.infoListLine .formList li .dashList {display:inline-block; margin:10px 0 0 30px; padding-left:7px; font-size:14px; color:#666}
.infoListLine .formList li .dashList + p {margin-top:10px}
.infoListLine .formList li {margin-top:10px;}
.infoListLine .formList li:first-child {margin-top:0;}

.infoListLine.fundAcc .rightInfo {width:50%; text-align: left}

/* infoListLine.efsService */
.infoListLine.efsService > li .formArea{margin-top:0}
.infoListLine.efsService > li .formWrap input,
.infoListLine.efsService > li .formWrap select{background-color:#eee}
.infoListLine.efsService > li .formArea .formControl{border:1px solid #eee;}
.infoListLine.efsService > li .phoneWrap .formWrap input.formControl{border-left: 1px solid #bbb;}
.infoListLine.efsService > li > .wrap:after{content:""; display:block; clear:both}
.infoListLine.efsService > li > .wrap > .tit{float:left; font-size:23px;color:#333}
.infoListLine.efsService > li > .wrap > .formWrap{float:right; margin-bottom:0; text-align:right}

.infoListLine.efsService .on .wrap .tit{color:#056dae}
.infoListLine.efsService .wrap{padding:25px 0 24px}
.infoListLine.efsService .infoListLine{margin-top:0}
.infoListLine.efsService .infoListLine .wrap{padding:26px 0}
.infoListLine.efsService .infoListLine .wrap:after{content:""; display:block; clear:both}
.infoListLine.efsService .infoListLine .wrap .tit{float:left; color:#333}
.infoListLine.efsService .infoListLine .wrap .formWrap{float:right; margin-bottom:0; text-align:right}
.infoListLine.efsService .infoListLine .on .wrap .tit{color:#056dae;}
.infoListLine.efsService .on .infoListLine .on{background:#eee}
.infoListLine.efsService .infoListLine .accoContents .txtList{margin-top:0}
.infoListLine.efsService .accoContents .guideArea{margin-top:0; margin-bottom:20px; background-color:#eee}
.infoListLine.efsService .accoContents .guideArea p{font-weight:normal}
.infoListLine.efsService .accordion{top:22px}
.infoListLine.efsService .infoListLine .accordion{top:18px}
.infoListLine.efsService .relatedInfo{font-size:16px}
.infoListLine.efsService .txtList.form{margin-top:0}
.infoListLine.efsService .txtList.form li{}
.infoListLine.efsService .txtList.form li:after{content:""; display:block; clear:both}
.infoListLine.efsService .txtList.form li .tit{float:left;}
.infoListLine.efsService .txtList.form li .formWrap{float:right}
.infoListLine.efsService .txtList.form li .clear:before,
.infoListLine.efsService .txtList.form li .clear:after{content:""; display:block;clear:both}
.infoListLine.efsService .txtList.form li .dashList,
.infoListLine.efsService .txtList.form li .dashList li{margin-top:0}
.infoListLine.efsService .txtList.form li .dashList li:after{content:""; display:block;clear:bot}
.infoListLine.efsService .txtList.form li .dashList li .inputGroup{float:left}
.infoListLine.efsService .txtList.form li .dashList li .inputGroup .formWrap{float:left}

.infoListLine.acco.calendar > li.on{background-color:#eee}
.infoListLine.acco.calendar .accoContents table{margin-top:20px}
.infoListLine.acco.calendar .accoContents table thead th{text-align:center}
.infoListLine .wrap [class*=Info] > .tip strong.bold {display: inline-block; margin-left:5px; color: #333; font-size: 16px; cursor: pointer;}

.infoListLine {border-top:1px solid #999;}
.infoListLine > li {position:relative; border-bottom:1px solid #999;}
.infoListLine.acco > li {padding:0 20px 0 54px;}
.infoListLine.acco > li.on {background-color:#fff;}
.infoListLine.acco > li.on.exception {background-color:transparent;}
.infoListLine.acco > li.on.exception .wrap .tit.small {color:#333;}
.infoListLine .wrap {display:table; width:100%; padding:26px 0 26px 0; box-sizing:border-box;}
.infoListLine .leftInfo {display:table-cell; vertical-align:middle;}
.infoListLine .rightInfo {display:table-cell; text-align:right; vertical-align:middle; word-break:normal;}
.infoListLine.acco li.on > .wrap .tit {color:#056DAE; font-weight:bold;}
.infoListLine.acco li.on > .wrap .accTit {word-break:break-word}
.infoListLine.acco > li.on .wrap .tit.small {color:#056dae;}
.infoListLine.acco > li .wrap .tit.small  {font-size:16px;}
.infoListLine.acco > li .wrap .tit.small + .sumList li {color: #666; font-size:12px;}
.infoListLine.acco > li .wrap .tit.small + .shortList {margin-top:10px;}
.infoListLine.acco > li .wrap .tit.small + .shortList li {color: #666; font-size:12px;}

/*.infoListLine .wrap .rightInfo strong.bold {color:#333; font-size:16px;}*/
.infoListLine [class*=Info] {color:#666; font-size:12px;}
.infoListLine .wrap [class*=Info] > strong {display:block; color:#333; font-size:16px;}
.infoListLine .accordion {position:absolute; top:18px; left:5px;}
.infoListLine .accoContents {margin-bottom:30px;}
.infoListLine .leftInfo .shortList li:before {height:12px; margin-top:-4px;}

.infoListLine.unique > li > .wrap {padding:23px 0 26px 0;}
.infoListLine.unique > li > .wrap > .tit {font-size:23px;}
.infoListLine.unique.acco li.on {background-color:#fff;}
.infoListLine.unique.acco .accoContents li.on {background-color:#eee;}
.infoListLine.unique > li > div > .accordion {top:22px;}
.infoListLine.unique .infoListLine {margin-top:0;}
.infoListLine.unique .txtList {font-size:14px;}
.infoListLine.unique .sumList {margin:20px 0 30px;}
.infoListLine.unique > li .sumList:last-child {margin:20px 0 0;}

/* 예외 레이아웃 */
.infoListLine .rightInfo.link > strong {display:inline;}
.infoListLine .rightInfo.link > em {display:inline-block; width:120px;}
.infoListLine .rightInfo.link a {font-size:16px;}
.infoListLine.check > li {padding-left:20px;}
.infoListLine.check .wrap .formWrap {display:table-cell; width:35px; vertical-align:top;}
.infoListLine.check .leftInfo {vertical-align:top;}
.infoListLine.check.acco > li {padding-left:50px;}
.infoListLine.check .accoContents {margin-left:35px;}
.infoListLine.form > li {padding-right:260px;}
.infoListLine.form > li:after {content:''; display:block; clear:both;}
.infoListLine.form > li > .wrap {float:left;}
.infoListLine.form > li > .formWrap {float:right; right:-240px; width:220px; margin:10px 0 10px -240px;}
.infoListLine.form > li > .formWrap .formControl {margin:0;}
.infoListLine.form.acco > li {padding:0 260px 0 50px;}
.infoListLine.form.acco > li.on select.formControl {background-color:#eee;}
.infoListLine.form .accoContents {clear:both; margin:0 -240px 30px 35px;}
.infoListLine.form.acco .on > div .accordion:before {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

/* accoAccountInfo */
.infoListLine.accoDivision .wrap .tit {font-size:16px; padding: 0 20px 0 54px;}
.infoListLine.accoDivision > li {padding:0;}
.infoListLine.accoDivision > li.on .tit {color:#056dae !important;}
.infoListLine.accoDivision .accoContents {margin-bottom:0;}
.infoListLine.accoDivision .accoContents.accDivLine {border-top:1px solid #999;}
.infoListLine.accoDivision .accoContents .wrap {display:block; padding:0 20px; width:auto; background-color:#fff;}
.infoListLine.accoDivision .accoContents .wrap .accoInnerTable {margin-top:-1px;}
.infoListLine.accoDivision .accoContents .wrap .accoInnerTable thead th {border-bottom:1px solid #ccc;}
.infoListLine.accoDivision .accoContents .wrap .accoInnerTable tr:first-child td {border-top:1px solid #ccc;}
.infoListLine.accoDivision .accoContents .totalCount {border-bottom:0; border-top:1px solid #999; background:none;}
.infoListLine.accoDivision .accoContents .totalCount p {font-weight:normal;}


.bannerCont.evtCont.w40{width:40%}

/*=========== 약관 =============*/
/* 약관레이아웃 */
.infoListLine.terms {margin-top:20px;}
.progIndicator + form .infoListLine.terms {margin-top:55px;}
.infoListLine.terms li .wrap {padding:26px 0 20px 0 !important;}
.infoListLine.terms li.on .accoContents {/*display:block;*/ margin-bottom:25px;}
/* 약관타이틀 및 다운로드 */
.infoListLine.terms .funcGroup {margin-top:0; padding-right:0px; min-height:30px;}
.infoListLine.terms .funcGroup > .tit {float:left; max-width:90%; margin-top:-4px; text-align:left; font-size:19px !important; font-weight:bold;}
.infoListLine.terms .funcGroup > .tit > a {display:inline-block; margin-left:10px; }
.infoListLine.terms .funcGroup > .tit > a [class*=icoImg] {margin-bottom:4px;}
.infoListLine.terms .funcGroup + .txt {margin-top:10px;} /* 약관동의,내용이 없을 경우 */
.infoListLine.terms .funcTxt {margin-top:0px; margin-left:20px; vertical-align:top;}
.infoListLine.terms .funcTxt:after {content:''; display:block; clear:both;}
.infoListLine.terms .funcTxt a {display:inline-block; line-height:24px;}
.infoListLine.terms .funcImg {position:relative; float:right; right:0px; margin-left:20px; margin-top:3px; vertical-align:top;}
.infoListLine.terms .funcImg > li:first-child {padding-left:0;}
/* 아코디언버튼 */
.infoListLine.terms.acco li .wrap .accordion {z-index:1; background-color:#eee;}
.infoListLine.terms.acco li.on .wrap .accordion,
.infoListLine.terms.acco li.on .infoListLine.acco li .wrap .accordion {background:none !important;}
.infoListLine.terms.acco li .wrap:after {content:''; display:block; position: absolute; top: 18px; left: 5px; width:40px; height:40px; z-index:0; background: url("../restored/img/common/btnImg_accordion_none.png") no-repeat 50% 50%;}
.infoListLine.terms.acco li.on .wrap:after,
.infoListLine.terms.acco li.on .infoListLine.acco li .wrap:after,
.infoListLine.terms.acco li.on .infoListLine.acco li.on .wrap:after {display:none;}
/* 약관내용박스 */
.infoListLine.terms li .accoContents .funcGroup {margin-top:30px;}
.infoListLine.terms li .accoContents * + .termsBox {margin-top:20px;}
.infoListLine.terms li .accoContents + .termsAgree + .termsBox {text-align:left; border:1px solid #ccc; border-radius:6px 0 0 6px;}
.infoListLine.terms li.on .accoContents + .termsAgree + .termsBox {text-align:left; border:0;}
.infoListLine.terms li .termsBox + .termsAgree .txt,
.infoListLine.terms li .termsBox + .termsAgree div {border-top:0;}
.infoListLine.terms li.on .termsBox + .termsAgree {margin-top:20px;}
/* 약관동의(기본유형_간격) */
.infoListLine.terms li *:not(.termsAgree) + .termsAgree {margin-top:0; margin-bottom:26px;}
.infoListLine.terms li .termsAgree + .termsAgree {margin-top:-5px; margin-bottom:26px;} 
.infoListLine.terms li.on .termsAgree .txt,
.infoListLine.terms li.on .termsAgree div,
.infoListLine.terms li.on .termsAgree .txt + div {padding-top:0; border-top:0;}
.infoListLine.terms li.on .termsAgree .tit + div,
.infoListLine.terms li.on .termsAgree .tit + .txt,
.infoListLine.terms li.on .termsAgree .tit + .txt + div {padding-top:15px; border-top:1px solid #ccc;}
.infoListLine.terms li.on .termsAgree div + .txt,
.infoListLine.terms li.on .termsAgree div + .txt + div {padding-top:15px;}
/* 약관동의(dl_간격) */
.infoListLine.terms li.on .termsAgree dl + .txt,
.infoListLine.terms li.on .termsAgree dl + .txt + div {border-top:0; padding-top:30px;}
/* 기타요소 */
.infoListLine.terms .refList {margin:15px 0 0 0;}
.infoListLine.terms .refList > li {margin:3px 0 0 0;}
/* 동의내역 상세보기 */
.infoListLine.terms li .wrap + .termsAllAgree {margin-bottom:20px;}
.infoListLine.terms li .infoListLine.acco {margin-bottom:30px;}
.infoListLine.terms li.on .infoListLine.acco {margin-top:30px;}
.infoListLine.terms li .infoListLine.acco > li.on,
.infoListLine.terms li.on .infoListLine.acco > li.on {background-color:#eee !important;}
.infoListLine.terms li .infoListLine.acco > li.on .accoContents {margin-bottom:3px;}
.infoListLine.terms li .infoListLine.acco > li .wrap {padding:24px 0 26px 0 !important;}
.infoListLine.terms li .infoListLine.acco > li .wrap .tit {font-weight:bold;}
.infoListLine.terms li.on .infoListLine.acco > li.on .wrap .tit {color:#056dae; font-weight:bold;}
.infoListLine.terms li .termsInner {margin-bottom:26px;}
.infoListLine.terms li .termsInner + .termsInner {margin-top:-5px;}
/* 독립사용 */
.infoListLine.terms li > .termsAgree {margin-top:17px; margin-bottom:17px;}
/* 다중체크박스 */
.infoListLine.terms.noAcco > li {padding-left:20px; padding-right:20px; background:#fff}
.infoListLine.terms.noAcco > li .txt {display:inline-block; margin-top:15px}
.infoListLine.terms.noAcco .tit {width:100%;}
.infoListLine.terms.noAcco .barList {margin-top:-10px;}
.infoListLine.terms.noAcco .barList li > input + label {display:inline-block;}
.infoListLine.terms.noAcco .barList li > input + label.links {font-weight:normal; color:#056DAE; margin-right:10px;}
.infoListLine.terms.noAcco .barList li > input + label:before {color:#333;}
/* 기타유형 */
.infoListLine.terms li.on .accoContents > .txt + .termsBox {margin-top:20px}
/* .infoListLine.terms .descript + .termsAgree {margin-top:-26px;} */
/* 약관동의 다음에 약관내용+약관동의가 들어오는 유형으로 확인후 정리 */
/* JSP반영 후 삭제요망 */
.infoListLine.terms li.on .termsAgree div.termsBoxDetailWrap{padding:15px 0}
.infoListLine.terms li.on .termsAgree div.termsBoxDetailWrap .termsBox{border:0}
.infoListLine.terms li.on .termsAgree div.termsBoxDetailWrap .txt,
.infoListLine.terms li.on .termsAgree div.termsBoxDetailWrap div{padding-top:20px}
/* 펀드보고서관리 */
.infoListLine.form.st1 > li {padding-right:0;}
.infoListLine.form.st1 > li > .formWrap {float:right; right:0; width:220px; margin:10px 0 10px -240px;}
.infoListLine.form.st1 .wrap .formWrap {display:table-cell; width:220px;}
.infoListLine.form.st1 .wrap > .formWrap:first-child {width:35px;}
.infoListLine.form.st1 .rightInfo {float:right; text-align:left}
.infoListLine.form > li > .frLinks {position:relative; float:right; right:-240px; width:220px; margin:35px 0 10px -240px; text-align:center}

/* 펀드보고서관리 너비 타입 190919*/
.infoListLine.form.st1 > li > .formWrap.wType2,
.infoListLine.form.st1 .wrap .formWrap.wType2{width:350px;}

/*== 약관 자세히보기 ==*/
.termsDetail .funcGroup:first-child{margin-top:0}
.termsDetail .termsBox{height:100px; border-radius:0; background:#fff}
.termsDetail .guideArea,
.termsDetail .funcGroup + .termsBox,
.termsDetail .termsBox + .funcGroup,
.termsDetail .guideArea + .funcGroup{margin-top:20px}
.termsDetail .termsDetailList{margin-top:20px}
.termsDetail .infoListLine.terms .wrap{padding:15px 0 !important;}
.termsDetail .infoListLine.terms .wrap > .titH3{margin-top:0; min-height:33px; font-weight:bold}
.termsDetail .infoListLine.terms .wrap .funcGroup .titH3{font-weight:bold}
.termsDetail .infoListLine.terms .termsBox{margin-bottom:20px;height:100px; border-radius:6px; background:#fff}
.termsDetail .infoListLine.terms .termsAgree{margin-bottom:20px; padding-top:0; border-top:0}
.termsDetail .infoListLine.terms .termsCont{padding:20px 0; border-top:1px solid #ccc}
.termsDetail .infoListLine.terms .termsCont + .termsAgree{border-top:1px solid #ccc; padding-top:20px;}
.termsDetail .infoListLine.terms .refList{margin-bottom:0}
.termsDetail .infoListLine.terms .optionAgree{padding:20px 0 10px; border-top:1px solid #ccc;}
.termsDetail .infoListLine.terms .optionAgree:after{content:""; display:block; clear:both}
.termsDetail .infoListLine.terms .optionAgree .exArea .formWrap{margin-top:10px}
.termsDetail .infoListLine.terms .titH3 {margin-top:0 !important;}
.termsDetail .infoListLine.terms .titH3 > .small {font-weight:bold; margin-left:0;}

/* 신용카드 상세 */
.infoListLine.cardDetail > li.on .wrap .tit {color:#056dae; font-weight:bold;}
.infoListLine.cardDetail .checkList > li {margin-top:30px;}
.infoListLine.cardDetail .checkList > li > p {margin-top:20px;}
.infoListLine.cardDetail .txtList {margin-top:15px;}
.infoListLine.cardDetail .accoContents > ul {margin-top:0;}
.infoListLine.cardDetail .accoContents > ul > li:first-child {margin-top:0;}
.infoListLine.cardDetail .accoContents > .btnType1 + ul {margin-top:20px;}
.infoListLine.cardDetail .accoContents table {margin-top:20px;}
.infoListLine.cardDetail .btnDetail {margin-left:15px;}

/* 아코디언 안에 테이블 */
/*.infoListLine.acco .accoContents table {margin-top:0;}*/
.infoListLine.acco .accoContents table .dropDownWrap .dropDown {display:none;}
.infoListLine.acco .accoContents table .dropDownWrap.on .dropDown {display:block !important;}
.infoListLine.acco .accoContents table .dropDownWrap .dropDown .tit {padding:14px 20px; color:#333; font-size:14px;}

/* 지점찾기 해외씨티은행 */
.infoListLine.txtLinkIntro {margin-top:20px;}
.infoListLine.txtLinkIntro li {padding:0;}
.infoListLine.txtLinkIntro .wrap {padding:0 60px; margin:40px 0 40px 0; min-height:88px;}
.infoListLine.txtLinkIntro li:nth-child(even) .wrap {border-left:1px solid #999;}
.infoListLine.txtLinkIntro.row {margin-left:0; margin-right:0;}
.infoListLine.txtLinkIntro.en .links + p {min-height:72px;}
.infoListLine.txtLinkIntro + .btnArea {padding-top:40px;}
/* infoListLine-blockType */
.infoListLine .blockType .wrap .leftInfo {width:50%;}
.infoListLine .blockType .wrap .rightInfo {width:50%;}

/*== 전체상품보기  ==*/
.selectLayerWrap.selEtc .selectLayerCtrl {overflow:hidden; margin-top:25px; line-height:29px}
.selectLayerWrap.selEtc li:first-child .formWrap {margin-bottom:0}
.selectLayerWrap.selEtc .sTxt {margin-top:5px}
.selectLayerWrap.selEtc .selectLayer .dlCase li > * {display:block}
.selectLayerWrap.selEtc .selectLayer .dlCase li > div {padding:14px 20px}
.selectLayer .dropScroll {max-height:300px; overflow-y:scroll;}

/* 전체상품보기 - 보험 */
.selectLayerGroup.ins .slNum2 .selectLayerUI{width:200%} 
.selectLayerGroup.ins .selectLayer .scroll{height:250px; overflow-y:auto;}
.selectLayerGroup.ins p.refList{margin:0 20px; padding:20px 0 20px 17px; white-space:normal}
.selectLayerGroup.ins p.refList:before{top:20px}

/*== 텍스트배너 ==*/
.txtBanner.black {background:#333; color:#fff;}
.txtBanner.black .links {text-decoration:underline;}
.txtBanner span + .links {margin-left:20px;}
.txtBanner.gray {background:none; color:#333; padding:45px 20px;}
.txtBanner.gray .links {text-decoration:underline;}
.txtBanner.gray span + .links {margin-left:20px;}
.txtBanner.gray .txt a {padding-right:17px; background:url("../restored/img/common/btnIco_quick.png") no-repeat 100% center; font-weight:bold; color:#056dae;}
.txtBanner.gray [class*=titH] {margin-top:25px;}
.txtBanner.gray.brdB {border-bottom:1px solid #ccc !important;}
.txtBanner{width:100%; padding:18px 20px; min-height:60px; text-align:center; box-sizing:border-box; background:#fff}
.txtBanner.brdT{border-top:1px solid #ccc !important}

/*== sms ==*/
.smsSendArea{position:relative; width:100%; min-height:242px; box-sizing:border-box;}
.smsSendArea .smsNumberBox{margin-top:10px; margin-bottom:-10px; padding:0 10px 0 0;}
.smsSendArea .smsNumberBox .titH4 {margin:10px 0; font-size:16px; color:#333;}
.smsSendArea .smsNumberBox .formControl {margin-bottom:0 !important;}
.smsSendArea .smsSendBox{position:absolute; bottom:0; right:0; width:245px; height:242px; padding:0; background:url("../restored/img/common/smsSend.png") no-repeat 0 0;}
.smsSendArea .smsSendBox label{display:none;} 
.smsSendArea .smsSendBox .txtBoxArea{position:absolute; top:65px; left:22px; right:20px;}
.smsSendArea .smsSendBox .txtBoxArea textarea {border:none;width:195px;height:145px;background-color: transparent;font-size:16px;padding:5px;line-height:1.6em;}
.smsSendArea .smsSendBox .byetBox{position:absolute; bottom:0px; right:34px; font-size:12px;}

.smsChatLine{border-top:1px solid #999999;margin-top:30px;padding-top:20px;}
.smsChatLine .refList{margin-top:0px;}

/*sms 추가 인증팝업*/
.smsAddArea{margin-top:20px;}
.smsAddArea .btnArea{padding-top:0px;}
.smsAddArea .btnArea button{font-size:12px;height:40px;padding:0 8px;line-height:1.1em;}
/*16.10.26 sms */
.smsGetArea{text-align:center;padding:50px 10px;}
.smsGetArea .large{font-size:23px;margin-bottom:10px;}
.smsGetArea .formWrap{width:250px;margin:30px auto 10px auto;padding-bottom:20px;}
.smsGetArea .timeIco{background:url("../restored/img/common/ico_time.png") no-repeat 0 0;height:30px;width:150px;padding-left:20px;line-height:1.8em;margin:auto;}
.smsGetArea .formWrap .txtIptLabel{text-align:left;}

/*16.11.05 추가*/
.smsGetArea1{text-align:center;padding:25px 10px;background:#fff;}
.smsGetArea1.msgBox{padding:25px 10px 10px;}
.smsGetArea1 .large{font-weight:bold;margin-bottom:10px;}
.smsGetArea1 .formWrap{width:100px;text-align:center;margin:10px auto 20px auto;}
.smsGetArea1 .formWrap input[readonly].formControl{text-align:center;font-weight:bold;color:#056DAE;}
.smsGetArea1 .timeIco{background:url("../restored/img/common/ico_time.png") no-repeat 0 0;height:30px;width:150px;padding-left:20px;line-height:1.8em;margin:auto;}
.smsGetArea1 .formWrap .txtIptLabel{text-align:center;}
.smsGetArea1 .msg{background:#f0f0f0;border-top:1px solid #e8e8e8;margin-top:20px;padding:20px 20px;}

/*== bank&stock List ==*/
.bankStockArea{position:relative;min-height:400px;margin-top:20px;}
.bankStockArea .bankBox {width:100%;}
.bankStockArea .bankBox li{float:left;display:block;width:25%;}
.bankStockArea .bankBox li a{display:block;background:#fff url("../restored/img/common/bank_logo.png") no-repeat;border-radius:6px;height:50px;margin:0 10px 10px 0;}
.bankStockArea .bankBox li a.bank01{background-position:50% 4px !important;}
.bankStockArea .bankBox li a.bank02{background-position:50% -60px !important;}
.bankStockArea .bankBox li a.bank03{background-position:50% -115px !important;}
.bankStockArea .bankBox li a.bank04{background-position:50% -179px !important;}
.bankStockArea .bankBox li a.bank05{background-position:50% -239px !important;}
.bankStockArea .bankBox li a.bank06{background-position:50% -298px !important;}
.bankStockArea .bankBox li a.bank07{background-position:50% -358px !important;}
.bankStockArea .bankBox li a.bank08{background-position:50% -420px !important;}
.bankStockArea .bankBox li a.bank09{background-position:50% -480px !important;}
.bankStockArea .bankBox li a.bank10{background-position:50% -535px !important;}
.bankStockArea .bankBox li a.bank11{background-position:50% -600px !important;}
.bankStockArea .bankBox li a.bank12{background-position:50% -660px !important;}
.bankStockArea .bankBox li a.bank13{background-position:50% -720px !important;}
.bankStockArea .bankBox li a.bank14{background-position:50% -780px !important;}
.bankStockArea .bankBox li a.bank15{background-position:50% -841px !important;}
.bankStockArea .bankBox li a.bank16{background-position:50% -900px !important;}
.bankStockArea .bankBox li a.bank17{background-position:50% -960px !important;}
.bankStockArea .bankBox li a.bank18{background-position:50% -1020px !important;}
.bankStockArea .bankBox li a.bank19{background-position:50% -1080px !important;}
.bankStockArea .bankBox li a.bank20{background-position:50% -1138px !important;}
.bankStockArea .bankBox li a.bank21{background-position:50% -1200px !important;}
.bankStockArea .bankBox li a.bank22{background-position:50% -1258px !important;}
.bankStockArea .bankBox li a.bank23{background-position:50% -1320px !important;}
.bankStockArea .bankBox li a.bank24{background-position:50% -1380px !important;}
.bankStockArea .bankBox li a.bank25{background-position:50% -1440px !important;}
.bankStockArea .bankBox li a.bank26{background-position:50% -1500px !important;}
.bankStockArea .bankBox li a.bank27{background-position:50% -1570px !important;}
.bankStockArea .bankBox li a.bank28{background-position:50% -1642px !important;}
.bankStockArea .bankBox li a.bank29{background-position:50% -1714px !important;}
.bankStockArea .bankBox li a.bank30{background-position:50% -1782px !important;}
.bankStockArea .bankBox li a.bank31{background-position:50% -1838px !important;}
.bankStockArea .bankBox li a.bank32{background-position:50% -1901px !important;}
.bankStockArea .bankBox li a.bank33{background-position:50% -1963px !important;}
 
.bankStockArea .stockBox {width:100%;}
.bankStockArea .stockBox li{float:left;display:block;width:25%;}
.bankStockArea .stockBox li a{display:block;background:#fff url("../restored/img/common/stock_logo.png") no-repeat;border-radius:6px;height:50px;margin:0 10px 10px 0;}
.bankStockArea .stockBox li a.stock01{background-position:50% 4px !important;}
.bankStockArea .stockBox li a.stock02{background-position:50% -60px !important;}
.bankStockArea .stockBox li a.stock03{background-position:50% -120px !important;}
.bankStockArea .stockBox li a.stock04{background-position:50% -179px !important;}
.bankStockArea .stockBox li a.stock05{background-position:50% -239px !important;}
.bankStockArea .stockBox li a.stock06{background-position:50% -298px !important;}
.bankStockArea .stockBox li a.stock07{background-position:50% -358px !important;}
.bankStockArea .stockBox li a.stock08{background-position:50% -420px !important;}
.bankStockArea .stockBox li a.stock09{background-position:50% -480px !important;}
.bankStockArea .stockBox li a.stock10{background-position:50% -539px !important;}
.bankStockArea .stockBox li a.stock11{background-position:50% -600px !important;}
.bankStockArea .stockBox li a.stock12{background-position:50% -660px !important;}
.bankStockArea .stockBox li a.stock13{background-position:50% -720px !important;}
.bankStockArea .stockBox li a.stock14{background-position:50% -780px !important;}
.bankStockArea .stockBox li a.stock15{background-position:50% -840px !important;}
.bankStockArea .stockBox li a.stock16{background-position:50% -900px !important;}
.bankStockArea .stockBox li a.stock17{background-position:50% -960px !important;}
.bankStockArea .stockBox li a.stock18{background-position:50% -1020px !important;}
.bankStockArea .stockBox li a.stock19{background-position:50% -1080px !important;}
.bankStockArea .stockBox li a.stock20{background-position:50% -1140px !important;}
.bankStockArea .stockBox li a.stock21{background-position:50% -1200px !important;}
.bankStockArea .stockBox li a.stock22{background-position:50% -1258px !important;}
.bankStockArea .stockBox li a.stock23{background-position:50% -1320px !important;}
.bankStockArea .stockBox li a.stock24{background-position:50% -1380px !important;}
.bankStockArea .stockBox li a.stock25{background-position:50% -1440px !important;}
.bankStockArea .stockBox li a.stock26{background-position:50% -1500px !important;}
.bankStockArea .stockBox li a.stock27{background-position:50% -1560px !important;}
.bankStockArea .stockBox li a.stock28{background-position:50% -1619px !important;}
.bankStockArea .stockBox li a.stock29{background-position:50% -1670px !important;}
.bankStockArea .stockBox li a.stock30{background-position:50% -1730px !important;}
.bankStockArea .stockBox li a.stock31{background-position:50% -1791px !important;}
.bankStockArea .stockBox li a.stock32{background-position:50% -1837px !important;}
.bankStockArea .stockBox li a.stock33{background-position:50% -1882px !important;}


/*연계대출 파트너*/
.bankImg{display:block;background:#fff url("../restored/img/common/partner_bank_logo.png") no-repeat; text-indent:-100%;overflow:hidden; height:45px; background-size: 140px;}
.bankImg.bankImg002{background-position:50% -6px !important;}
.bankImg.bankImg004{background-position:50% -65px !important;}
.bankImg.bankImg003{background-position:50% -115px !important;}
.bankImg.bankImg001{background-position:50% -185px !important;}

/* 161012 popup .bankStockArea */
.bankStockArea.icoType {min-height:auto; margin:10px -10px -10px -10px;}
.bankStockArea.icoType .bankBox:after {content:""; display:block; clear:both;}
.bankStockArea.icoType .bankBox li {padding:10px; box-sizing:border-box;}
.bankStockArea.icoType .bankBox li a, 
.bankStockArea.icoType .bankBox li button {display:table; width:100%; height:50px; margin:0; background:none; background-color:#fff; border-radius:6px;}
.bankStockArea.icoType .bankBox li a span,
.bankStockArea.icoType .bankBox li button span {display:table-cell; vertical-align:middle; line-height:normal;}
.bankStockArea.icoType .bankBox li a span img,
.bankStockArea.icoType .bankBox li button span img {margin:0 10px 0 20px;}

/*== bank&stock List ==*/
.bankStockArea .bankBox.en li a {display:block; background-image:url("../restored/img/common/bank_logo_m_en.png"); background-size:140px auto;}
.bankStockArea .stockBox.en li a {display:block; background-image:url("../restored/img/common/stock_logo_m_en.png"); background-size:140px auto;}

/*== 통장사본 ==*/
.accountImg.front div {position:relative; width:456px; height:563px; margin:0 auto; background:url("../restored/img/common/bg_account_front.png") no-repeat 50% 0;}
.accountImg.front div > input {position:absolute; right:23px; bottom:30px; width:203px; height:45px; background:transparent; border:0; text-align:center; font-size:23px; }
.accountImg.front div > label {opacity: 0 !important; top:0; position: relative; margin-top:-1px}
.accountImg.back {padding:40px 40px 40px; background:url("../restored/img/common/bg_account_back.png") no-repeat;}
.accountImg.back .titH3 {margin-top:0;}

/*== 해외주소 추가 ==*/
.foreignWrap .nonLabel .txtIptLabel {height:0 !important;}

/*== 계좌리스트  ==*/
/* 카드 - 계좌리스트 관련 
.accountList > li {position:relative; float:left; width:33.3333% padding:20px 20px 0 0; box-sizing:border-box;}
.accountList > li > .control {position:absolute; top:10px; right:15px;}
.accountList > li > .control button {margin:0 5px; font-size:12px; font-weight:bold;}
.accountWrap {padding:25px 20px 20px; border-radius:6px; background-color:#fff; box-sizing:border-box;}
.accountWrap > li {padding:4px 0; color:#666;} */

.accountList {margin-left:-20px; overflow:hidden}
.accountList > li {position:relative; float:left; width:33.3333333%; padding:20px 0 0 20px; box-sizing:border-box;}

.accountBox {position:relative; display:table; width:100%; table-layout:fixed; border-radius:6px; background-color:#fff; box-sizing:border-box; }
.accountBox .formWrap{display:table-cell; width:20px; padding:20px 0 0 20px; vertical-align:top;}
.accountBox .accountWrap {display:table-cell; width:100%; padding:20px;}
.accountBox .control {position:absolute; top:15px; right:20px;}
.accountBox .control button {margin:0 5px; font-size:12px; font-weight:bold;}

.accountWrap > li {padding:4px 0; color:#666;}
.accountWrap > li > span{position:relative; display:block;}
.accountWrap > li > span.sepa{padding-left:5px; margin-left:5px}
.accountWrap > li > span.sepa:before{display:inline-block; content:""; position:absolute; top:7px; left:0; height:14px; border-left:1px solid #333;}
.accountWrap > li a{width:100%;display:block;/*word-break:break-all;*/word-wrap:break-word;}

.accountList.etcAcc .accountBox .accountWrap > li a{display:inline-block;width:auto;}
.accountList.etcAcc .accountBox .accountWrap > li span{display:inline-block;}

.accountList.accH240 > li{height:260px;}
.accountList.accH240 > li .accountBox{height:240px;}
.accountList.accH180 > li{height:200px;}
.accountList.accH180 > li .accountBox{height:180px;}
/* 계좌리스트  - 내계좌 추가*/
.accountList1 {margin-left:-20px; overflow:hidden}
.accountList1 > li {position:relative; float:left; width:33.3333333%; height:130px; padding:0 0 0 20px; margin-bottom:20px; box-sizing:border-box;}
.accountBox1 {position:relative; display:table; width:100%; height:130px; table-layout:fixed; border-radius:6px; background-color:#fff; box-sizing:border-box; }
.accountBox1 .formWrap{display:table-cell; width:20px; padding:20px 0 0 20px; vertical-align:top;}
.accountBox1 .accountWrap {display:table-cell; width:100%;  padding:20px;}

/* Board View */
.viewWrap + .viewWrap,
.viewWrap + .veiwSurveyArea + .viewWrap {padding-top:35px; border-top:1px solid #999;}
.viewWrap {margin-top:20px; margin-bottom:60px; border-top:1px solid #999;}
.viewWrap .viewTitle {padding-top:15px;}
.viewWrap .viewTitle > .tit {position:relative; padding-bottom:13px; border-bottom:1px solid #999; box-sizing:border-box}
.viewWrap .viewTitle > .tit .titH3 {margin:0 70px 5px 0; font-size:16px !important;}
.viewWrap .viewTitle > .tit > .small{font-size:14px}
.viewWrap .viewTitle > .tit > span {display:inline-block; margin:0 0 5px 0; font-size:14px}
.viewWrap .viewTitle > .tit .vNo {position:absolute; top:5px; right:0; /* width:70px;*/ text-align:right}
.viewWrap .viewTitle > .tit .vCount {float:right}
.viewWrap .viewTitle > .tit .vCount .btnImgFile {vertical-align:middle}

.viewWrap .viewOpt {overflow:hidden; width:100%; border-bottom:1px solid #d8d8d8; text-align:right}
.viewWrap .viewOpt li {position:relative; float:left; margin-right:20px; padding:18px 20px 18px 0; font-size:14px;}
.viewWrap .viewOpt li:last-child {margin-left:0; padding-left:0;}
.viewWrap .viewOpt li:before {display:block; content:''; position:absolute; top:50%; right:0; height:15px; margin-top:-7px; border-right:1px solid #333;}
.viewWrap .viewOpt li:last-child:before {display:none;}
.viewWrap .viewOpt .viewOptLink {padding-top:5px;}
.viewWrap .viewCont {clear:both; min-height:300px; margin:60px 0 20px 0; padding:0 20px; text-align:left; box-sizing:border-box}
.viewWrap .viewCont img {width:100%; text-align:center}
.viewWrap + .btnArea {border-top:1px solid #999;}
.viewWrap > .txtList {margin-bottom:20px;}

.viewWrap .viewOpt {position:relative; border-bottom:0 !important;}
.viewWrap .viewOpt:after {position:absolute; left:0; bottom:0; display:block; content:''; width:100%; height:1px; border-bottom:1px solid #d8d8d8;}
.viewWrap .vFile {display:inline-block; padding:18px 0; font-size:14px;}


/* 만족도 조사 */
.veiwSurveyArea {padding:20px; border-top:1px solid #d8d8d8; background-color:#fff; text-align:right;}
.veiwSurveyArea:after {content:''; display:block; clear:both;}
.veiwSurveyArea p:first-child {float:left;}
.veiwSurveyArea p {line-height:26px; margin-right:20px;}
.veiwSurveyArea p,
.veiwSurveyArea .inputComp {/*float:left;*/ display:inline-block;}
.veiwSurveyArea .inputComp .formWrap {margin-bottom:0;}
.veiwSurveyArea .inputComp + p {/*float:right;*/ margin-top:0; margin-right:0; text-align:right;}
.veiwSurveyArea + .btnArea {/*padding-top:0 !important;*/ border-top:1px solid #999;}

/* 이전글/다음글 */
.btnBrdArea {margin-top:40px; border-top:1px solid #999; border-bottom:1px solid #999}
.btnBrdArea li {display:table; width:100%; padding:16px 0; border-top:1px solid #d8d8d8; font-size:14px; box-sizing:border-box}
.btnBrdArea li span {display:table-cell; padding:0 18px; vertical-align:top}
.btnBrdArea li span:nth-child(1) {width:50px; padding-left:0; font-weight:bold}
.btnBrdArea li span:nth-child(2) {padding-right:0;}
.btnBrdArea li:first-child {border-top:0}

/*== 선택 상품/서비스  ==*/
.cartBox{position:relative; margin-top:50px; padding:150px 20px 60px 20px; text-align:center; box-sizing:border-box; background:#fff url("../restored/img/common/ico_cart.png") no-repeat center 68px}
.cartBox .msg{font-size: 23px;}
.cartBox .smsg{margin-top:10px}
.cartBox .goodsNum{position:absolute; top:60px; left:50%; margin-left:16px; display:inline-block; min-width:20px; height:20px;background:#d60000; border-radius:10px 10px; vertical-align:top}
.cartBox .goodsNum span{display:inline-block; padding:1px 5px 0; font-size:12px;color:#fff; vertical-align:top}
.cartBox .selectItemWrap{}
.cartBox .selectItemWrap:after{content:""; display:block; clear:both}
.cartBox .selectItem {position:relative; display:inline-block; margin:10px 0 0 20px; padding:13px 40px 13px 20px; border-radius:6px; background:#eee}
.cartBox .selectItem:first-child {margin-left:0;}
.cartBox .selectItem strong{display:inline-block}
.cartBox .selectItem .btnCancel{position:absolute; top:12px; right:10px; display:inline-block; box-sizing:border-box;}
.cartBox .selectItem .btnCancel img{display:inline-block;padding:8px}
.cartBox .cartTit{font-size:23px; font-weight:bold}
.cartBox.result{margin-top:20px; padding:20px 20px 30px 20px; background:#fff}
.cartBox.result .selectItemWrap{text-align:left}
.cartBox.result .selectItem{padding:13px 20px}
.cartBox.nonIcon{margin-top:20px; padding:40px 20px 40px 20px; background:#fff}
.cartBox.nonIcon .selectItemWrap{margin-top:20px}
.cartBox.nonIcon .selectItem {padding:13px 20px}

/*== 통합검색 ==*/
/* 통합검색: 고객센터 */
.allSrchArea.limitFAQ {padding:20px 80px 40px; background:#fff;}
.allSrchArea.limitFAQ .formWrap {margin-bottom:15px;}
.allSrchArea.limitFAQ .formWrap .formControl {background-color:#eee;}
.allSrchArea.limitFAQ .formWrap.nonLabel {margin-bottom:20px; margin-top:10px;}
.allSrchArea.limitFAQ .formWrap.nonLabel label {height:0; padding:0; margin-top:0;}
.allSrchArea.limitFAQ .formWrap.nonLabel .formControl {margin-top:0; margin-bottom:0;}
.allSrchArea.limitFAQ .formWrap.nonLabel + div > .relatedInfo {padding-top:10px; margin-bottom:20px;}
.allSrchArea.limitFAQ .subject {padding:0; border-top:1px solid #ccc;}
.allSrchArea.limitFAQ .subject .tit {width:100%; float:left; font-size:12px; line-height:normal; margin:20px 0 0 0; font-weight:normal; color:#666;}
.allSrchArea.limitFAQ .subject .cnt {width:100%; float:left; font-size:12px; margin-top:8px;}
/* 통합검색 */
.allSrchArea + .quickSearchWrap {margin-top:30px;}
.allSrchArea {margin-top:50px;}
.allSrchArea .block {padding:20px 30px 40px; background-color:#fff;}
.allSrchArea .formWrap .formControl {background-color:#eee;}
.allSrchArea .srchFormWrap {position:relative;}
.allSrchArea .srchFormWrap .formControl { padding-right:50px;}
.allSrchArea .srchFormWrap .srchFormLayer {position:absolute; top:85px; left:10px; right:10px; background-color:#fff; box-sizing:border-box; box-shadow:0 6px 12px rgba(0,0,0, .175); -webkit-box-shadow:0 6px 12px rgba(0,0,0, .175); z-index:2}
.allSrchArea .srchFormWrap .btnSrchAuto {position:absolute; top:25px; right:10px; width:40px; height:50px; background:url("../restored/img/common/ico_select_arrow.png") no-repeat center;}
.allSrchArea .srchFormWrap .srchAuto {max-height:229px;}
.allSrchArea .srchFormWrap .srchAutoInfo {padding:15px 20px 20px;}
.allSrchArea .srchFormWrap .srchAutoInfo .copy {margin-bottom:10px; font-size:14px;}
.allSrchArea .srchFormWrap .srchAutoInfo .btnImgClose {position:absolute; top:20px; right:20px;}
.allSrchArea .srchAutoInfo .links + .links {position:relative; margin-left:35px;}
.allSrchArea .srchAutoInfo .links + .links:after {display:block; content:''; position:absolute; top:4px; bottom:0; left:-20px; border-left:1px solid #333;}
.allSrchArea .tip {padding-left:10px;}
.allSrchArea .subject {margin-top:15px; padding-top:35px;}
.allSrchArea .subject + .subject {padding-top:20px; border-top:1px solid #ccc;}
.allSrchArea .subject .tit {min-width:140px; font-weight:bold;}
.allSrchArea.limitFAQ +.innerTab {margin-top:20px;} /* FAQ 목록 */

.subject {margin-top:20px;}
.subject:after {content:''; display:block; clear:both;}
.subject .tit {float:left; margin:3px 10px 0 0;}
.subject .cnt {float:left;}
.kWord {display:inline-block; margin:2px 0 5px; padding:4px 9px 5px; border:1px solid #eee; border-radius:6px; background-color:#eee; font-size:12px;}
.kWord:hover {border:1px solid #056dae;}
.kWord button {margin-left:2px; padding:0 3px;}
.kWord img {vertical-align:middle;}

.srchResultBlock {position:relative; margin-top:50px;}
.srchResultBlock .more {position:absolute; top:5px; right:0;}
.srchResultBlock .btnLink {margin-top:20px;}
.srchResultBlock .txtList li a:hover,
.srchResultBlock .tblList td a:hover{color:#056DAE; text-decoration:underline}
.srchResultList {margin-top:20px; background-color:#fff;}
.srchResultList > li {padding:25px 30px; border-top:1px solid #ccc;}
.srchResultList > li:first-child {border-top:0 none;}
.srchResultList .tit {font-size:16px;}
.srchResultList .tagsArea {margin-top:10px;}
.srchResultList .txt {margin-top:15px;}

/*== 지점찾기 ==*/
/* [PRE] 160816 지점찾기 검색영역  */
.branchSearch {position:relative; padding:40px 30px; margin-top:50px; background-color:#fff; box-sizing:border-box;}
.branchSearch .formWrap .formControl {background-color:#eee !important;}
.branchSearch .inputComp:first-child .inputGroup.horizontal {margin-top:0px;}
/* [PRE] 160816 지점찾기 검색결과 */
.branchResult .infoListLine .wrap {padding:20px 0;}
.branchResult .infoListLine .wrap ul li .links,
.branchDetail .wrap ul li .links {margin-left:15px;}
.branchResult .infoListLine .wrap ul + div,
.branchResult .wrap ul {margin-top:10px;}
.branchDetail .wrap ul + div {margin-top:5px;}
.branchResult .infoListLine .wrap div .btnType1 {margin-left:20px;}
.branchResult .infoListLine .wrap div .btnType1 + .links {margin-left:10px;}
.branchResult .infoListLine .icoType > a {display:inline-block; vertical-align:middle;}
.branchResult .infoListLine .icoType > a + a {margin-left:20px;}
.branchResult .infoListLine .icoType ul + div > span .links.arrowR {margin-left:10px;}
.branchResult .noResultArea {display:table; width:100%; height:477px; background:none; padding:0; margin-bottom:10px;} /* background-position:center 183px; padding:248px 0 55px; min-height:500px; box-sizing:border-box; */
.branchResult .noResultArea span {display:table-cell; width:100%; vertical-align:middle;}
.branchResult .noResultArea span:before {content:""; display:block; height:48px; margin-bottom:17px; background:url("../restored/img/common/ico_result.png") no-repeat center 0;}
/* [PRE] 160816 지점찾기 */
.infoMapBox {margin-top:20px; position:relative;}
.infoMapBox .infoMapBox_tmpImg {width:100%; height:421px;}
.infoMapBox .apiMaker {position:absolute; display:block; width:64px; height:70px; text-indent:-999999px; overflow:hidden; background-image:url("../restored/img/common/apiMap_marker.png"); background-repeat:no-repeat; cursor: pointer;}
.infoMapBox .icoBrch {background-position:0 0;}
.infoMapBox .icoAtm {background-position:0 -70px;}
.infoMapBox .icoBrch:hover,
.infoMapBox .icoBrch.on {background-image:url("../restored/img/common/apiMap_marker2.png"); background-position:0 0;}
.infoMapBox .icoAtm:hover,
.infoMapBox .icoAtm.on {background-image:url("../restored/img/common/apiMap_marker2.png"); background-position:0 -70px;}
/* [PRE] 160817 지점찾기 상세보기 */
.branchDetail .wrap {margin-top:20px;}
.branchDetail + .row {margin-top:20px;}

/*== selectLayer ==*/
/* [PRE] 160826 selectLayer */
.selectLayerGroup .slNum1 .selectLayerUI {}
.selectLayerGroup .slNum2 .selectLayerUI {}
.selectLayerGroup .slNum3 .selectLayerUI {width:250%;left:0%;padding-left:10px;/* box-size:border-box */}
.selectLayerGroup .slNum3 .selectLayerUI .formWrap.isFocused .txtIptLabel {opacity: 1;}
.selectLayerGroup .slNum4 .selectLayerUI {width:250%;left:-100%;padding-left:10px;/* box-size:border-box */}
.selectLayerGroup .btnType1 {padding:0 10px; min-width:0 !important;}
.selectLayerGroup .totalMenuIco {display:inline-block; vertical-align:middle; width:18px; height:14px; position:relative; margin-right:10px; color:#056dae !important;}
.selectLayerGroup .totalMenuIco span {position:absolute; left:0; top:50%; margin-top:-1px; display:inline-block; content:''; width:18px; height:2px; background-color:#056dae; text-indent:-99999px; overflow:hidden;}
.selectLayerGroup .totalMenuIco:before {position:absolute; left:0; top:0px; display:inline-block; content:''; width:18px; height:2px; background-color:#056dae;}
.selectLayerGroup .totalMenuIco:after {position:absolute; left:0; bottom:0px; display:inline-block; content:''; width:18px; height:2px; background-color:#056dae;}
.selectLayerWrap {position:relative;}
.selectLayerWrap.nonLabel .txtIptLabel {opacity: 0; top:0; position: relative; margin-top:0px}
.selectLayerWrap .txtIptLabel {display: block; padding-bottom:4px; font-size: 12px; color: #666; opacity: 1; /* opacity: 0; */ -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; white-space: nowrap}
.selectLayerWrap .selectLayerCtrl {display: block; width: 100%; height: 50px; margin: 3px 0 5px; padding: 10px 20px; border: 1px solid #fff; border-radius: 6px; background-color: #fff; -webkit-transition: border-color ease-in-out 0.225s; transition: border-color ease-in-out 0.225s; font-size: 16px; line-height: 1.5; color: #333; box-sizing: border-box; cursor: pointer;}
.selectLayerWrap .selectLayerCtrl {padding-right:42px; background: #fff url("../restored/img/common/ico_select_arrow.png") no-repeat right 14px center; color:#666}
.selectLayerWrap .selectLayerCtrl.on {outline:rgba(0,0,0,0); border-color:#056DAE; background: #fff url("../restored/img/common/ico_selected_arrow.png") no-repeat right 14px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ie9 .selectLayerWrap .txtIptLabel {opacity: 1} 
.ie9 .selectLayerWrap .essenText {background: #fff}
.selectLayerGroup .relatedInfo {width:100%;}
.selectLayerUI {display:none; position:absolute; z-index:3; top:85px; left:10px; min-width:230px; width:100%;}
.selectLayerWrap.on .selectLayerUI {display:block;}
.selectLayerUI * {white-space:nowrap;}
.selectLayerUI .inner {position:relative; padding-right:20px;}
.selectLayer {width:100%; background-color:#fff; box-shadow:0 6px 12px rgba(0,0,0, .175); -webkit-box-shadow:0 6px 12px rgba(0,0,0, .175);}
.selectLayer .contComplex {padding:20px;}
.selectLayer .contComplex .formWrap {margin-bottom:20px;}
.selectLayer .contComplex .formWrap label {display:none;}
.selectLayer .contComplex .formWrap .formControl {padding:10px 52px 10px 20px}
.selectLayer .contComplex .formWrap .formControl {background-color:#eee;} 
.selectLayer .contComplex .formWrap .zoomImgIco {right:0; bottom:0;}
.selectLayer .tit {display:block; padding:14px 20px; color:#333; font-weight:bold;}
/* linkCase */
.selectLayer .linkCase {display:block; padding:10px 0;}
.selectLayer .linkCase li a {display:block; padding:10px 20px; box-sizing:border-box;}
.selectLayer .linkCase li a:hover {color:#fff; text-decoration:none; background-color:#1e90ff;}
/* listCase */
.selectLayer .listCase li a {display:block; padding:10px 0px; white-space:normal;}/* box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */
.selectLayer .listCase li em {font-weight:bold}
.selectLayer .listCase li:first-child {border-top:0;}
.selectLayer .listCase li {border-top:1px solid #ccc;}
/* dlCase */
.selectLayer .dlCase li:first-child {border-top:0;}
.selectLayer .dlCase li {border-top:1px solid #ccc; position:relative;}
.selectLayer .dlCase li a {display:inline-block;}
.selectLayer .dlCase li a > * {display:block; width:90%; padding:14px 20px; box-sizing:border-box;}
.selectLayer .dlCase li a * {white-space:normal;}
.selectLayer .dlCase li .layerBtnClose {position:absolute; top:50%; right:16px; margin-top:-9px; width:18px; height:18px; background-image:url("../restored/img/common/btn_close.png"); background-repeat: no-repeat; background-position:0 -18px;}
.selectLayer .dlCase .layerMsg {padding:20px; box-sizing:border-box; text-align:center;}
.selectLayer .btnArea {padding:20px;}
.selectLayer .dlCase + .btnArea {border-top:1px solid #ccc;}
.selectLayerGroup + .showcase {margin-top:50px}

/*==  예금잔액증명서 ==*/
.forewordArea {position:relative; margin-top:55px;}
.forewordArea p span {display:block; width:70px; height:40px; overflow:hidden; text-align:left; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; background-size:70px; background-image: url("../restored/img/common/tx_logo.gif"); }
.forewordArea .txtNumber {display:block; position:absolute; top:0; right:0; font-size:23px; text-decoration:underline;}
.forewordWrap {margin-top:-4px; float:right;}
.forewordWrap .formWrap,
.forewordWrap .relatedInfo {float:left; padding-left:10px; padding-right:10px;}
.forewordWrap .relatedInfo {width:auto;}
.forewordWrap .formWrap .essenText {bottom:4px;}
.certfiDocs .titH2 + .titH3 {margin-top:20px; color:#666;}
.certfiDocs .blockArea span .essential {display:inline-block;}
.certfiDocs .vAlign {vertical-align:middle;}
.certfiDocs .tableX {margin-top:40px; min-width: 1000px}
.certfiDocs.en .tableX {min-width: 1400px}
.certfiDocs .tableX td .formWrap:last-child {margin-bottom:20px;}
.certfiDocs + .complexformArea {margin-top:20px;}
.certfiDocs .totalCount {}
.certfiDocs .numDecimalWrap .formWrap {padding-left:10px; padding-right:10px; margin-bottom:0;}
.certfiDocs .numDecimalWrap .formWrap:last-child {margin-bottom:0 !important;}
.certfiDocs .numDecimalWrap .formWrap.nonLabel label {height:auto; display:block;}
.certfiDocs .numDecimalWrap .row:last-child .formWrap {margin-bottom:20px;}
.complexformArea {text-align:left;}
.complexformArea.unique {text-align:center;}
.complexformArea.total {text-align:right; padding-top:20px; padding-bottom:40px; border-bottom:1px solid #999;}
.complexformWrap {font-size:0; float:none;}
.complexformWrap:after {content:''; display:block; clear:both;}
.complexformWrap .formWrap,
.complexformWrap .relatedArea {display:inline-block; float:none; text-align:left; margin-bottom:0; padding-left:10px; padding-right:10px; vertical-align:middle;}
.complexformWrap .relatedArea {padding-top:0px;}
.complexformWrap .relatedArea .relatedInfo {display:block; width:auto; height:auto; padding-top:0; margin-bottom:5px; margin-top:25px;}
.complexformWrap .relatedArea .relatedInfo div {display:table; height:50px;}
.complexformWrap .relatedArea .relatedInfo div span {display:table-cell; font-size:16px; vertical-align:middle;}
.complexformWrap .formWrap .essenText {bottom:4px; font-size:16px;}
.complexformWrap .formWrap.unit .unit {font-size:16px; display:block;}
.complexformWrap .formWrap.unit input[type="text"]::-webkit-input-placeholder {color: #fff; opacity:0}
.complexformWrap .formWrap.unit input[type="text"]::-moz-placeholder {color: #fff}
.complexformWrap .formWrap.unit input[type="text"]:-ms-input-placeholder {color: #fff}
.complexformWrap .formWrap.unit:first-child .txtIptLabel {opacity:1; height:auto;}
.complexformWrap .formWrap.unit .essenText{visibility:hidden}
.complexformArea .stampArea {position:relative; margin-top:50px;}
.complexformArea .stampArea .titH3 {margin-top:0; height:100px;}
.complexformArea .stampArea .txtCntSign {position:absolute; left:0;}
/*== 고객상담-팝업 ==*/
.listQnA {margin-top:10px; border-bottom:1px solid #999}
.listQnA > * {border-top:1px solid #999;}
.listQnA > * > a {display:block; padding:20px 0; word-break:break-word}
.listQnA > * > a span {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* 공통푸터 > 예금잔액증명서 */
.certfiWrap {position:relative; width:100%; min-width:1000px; box-sizing:border-box; overflow:hidden;}
.cntArea .certfiWrap {min-width:0}
/*=========== 예금/신탁 ==============*/
.multiTransList li {padding-bottom:20px; border-top: 1px solid #d8d8d8;}
.multiTransList li:first-child {border-top: none;}
.multiTransList li {padding-top:15px;}
.multiTransList li:first-child {padding-top:0;}

.titFormArea {margin-top:20px;}
/* 예금신탁(mnd) - 인터넷무방문신청서비스 */
.noMeetTit label.titH4 {display:inline-block; margin-top:0 !important; margin-right:5px; font-size:19px; vertical-align:middle;}
.noMeetTit .tags {margin-top:2px; margin-right:0; vertical-align:middle;}

.termWrap {position: relative; margin-top:20px; padding: 0 20px 20px 20px; box-sizing: border-box; background-color: #fff;}
.termWrap .tit{margin:0 auto 40px; text-align: center;}
.termWrap .underlineTit {border-bottom: 2px solid #333; font-weight: bold; font-size: 30px; letter-spacing: 0;}
.termContain {max-width: 800px; padding:50px 0; margin:0 auto;}
.termWrap .formWrap .formControl {background-color: #eee}

/* 공통 > 상품명으로 검색하기 */
.prdcSearch .btnType1.full{min-width:0}
.prdcSerResult .prdcSearchList{height:240px; margin-top:20px; border-top:1px solid #999; border-bottom:1px solid #999; overflow:hidden; overflow-y:auto;}
.prdcSerResult .prdcSearchList ul{margin-bottom:20px}
.prdcSerResult .prdcSearchDefault{margin-top:20px; padding:125px 0 55px; border-top: 1px solid #999; border-bottom:1px solid #999; background:url("../restored/img/common/ico_prdcDefault.png") no-repeat center 60px; color:#666; text-align:center;}
/* 고객상담 검색- 팝업[공통] */
.prdcSearch.bgColorWsch {padding:20px 40px;background-color:#fff}
.prdcSearch.bgColorWsch .formWrap .formControl {background-color:#eee}

/*== 예금공통 - 남은시간 아이콘 ==*/
.timeIco1{background:url("../restored/img/common/ico_time1.png") no-repeat 0 16px;width:150px;padding-left:30px;}
.col_mb_12 .timeIco1{background:url("../restored/img/common/ico_time1.png") no-repeat 0 50%; width:100%;}

/*== 자주쓰는 입금계좌 ==*/
.groupOption {margin-top:20px;}
.groupOption .sTxt{margin-top:20px;}
.groupOption a{position:relative; display:block; width:30px; height:30px; padding:0; margin:0; color:#056DAE; border-radius:6px; font-family:inter Light,Arial; letter-spacing:0 !important; cursor:pointer; box-sizing: border-box}
.groupOption a:hover{color:#033e64}
.groupOption .proc2 {margin-top:130px; text-align:center}
.groupOption .proc2 .btnPrev {margin-right:0; margin-bottom:20px;}
.groupOption .proc2 .btnNext {margin-left:0}
.groupOption .proc2 .btnPrev a, .groupOption .proc2 .btnNext a {margin:0 auto;}
.groupOption .listBox {width:100%; height:160px; padding:17px; border-radius:6px; background:#fff; overflow:hidden; overflow-y:auto;}
.groupOption .listBox .formWrap {margin-bottom:9px}
.groupOption .btnNext{margin-left:5px}
.groupOption .btnNext a,
.groupOption .btnPrev a{border:2px solid #056DAE; text-indent:-9999px; line-height:27px; background:#056DAE; color:#fff; font-weight:bold}
.groupOption .btnNext a:before,
.groupOption .btnPrev a:before{content:'\2039'; position:absolute; top:-1px; left:-2px; width:30px; height:30px; text-indent:0; font-size:20px; font-weight:bold}
.groupOption .btnNext a:hover, .groupOption .btnPrev a:hover,
.groupOption .btnPrev a:focus{background:#002A54; border-color:#002A54; color:#fff; font-weight:bold}
.groupOption .btnNext.disabled a,
.groupOption .btnPrev.disabled a{background-color:transparent; border-color:#767676; color:#767676; cursor:default}
.groupOption .btnNext.disabled a:hover,
.groupOption .btnPrev.disabled a:hover{border:2px solid #767676; color:#767676}
.groupOption .btnPrev{margin-right:5px}
.groupOption .btnNext{margin-left:5px}
.groupOption .btnNext a:before{content:'\203A'; position:absolute; top:-1px; left:-1px; width:30px; height:30px; text-indent:0; font-size:20px;}
.groupOption .btnNext a:hover, .groupOption .btnPrev a:hover {background-color:#002A54; font-weight:normal}

/*== 이체 - 자주쓰는 입금계좌 ==*/
.accountWrap .count {display:inline-block;margin-left:10px}
.accountWrap .bar{position:relative; margin-left:15px; padding:0 15px}
.accountWrap .bar:before {display:block; content:''; position:absolute; top:6px; left:0; width:1px; height:15px; background-color:#333}

/*== 예금신탁 - 거래내역 ==*/
.waterMark {background:url("../restored/img/common/img_bankbook.gif") repeat;}
.waterMark .highlight {background:url("../restored/img/common/bg_statement01.gif") repeat;}

/*== 인터넷무방문신청서비스 - 진행상황조회 ==*/
.progStatusWrap{margin-top:20px; padding:40px 45px 40px 35px; background:#fff}
.progStatusWrap .progStatusList:after{content:""; display:block; clear:both}
.progStatusWrap .progStatusList > li{position:relative; float:left; width:16.666%; text-align:center; box-sizing:border-box}
.progStatusWrap .progStatusList > li:before{content:""; display:block; position:absolute; top:30px; left:0; width:11px; height:20px; background:url("../restored/img/common/progStatus_arrow_r.png") no-repeat 0 0 }
.progStatusWrap .progStatusList > li:first-child:before{background:none}
.progStatusWrap .progStatusList > li > span{display:inline-block; min-width:80px; padding:95px 0 0 0; font-size:14px;}
.progStatusWrap .progStatusList > li > .ico1{background:url("../restored/img/common/progStatus_ico01_off.png") no-repeat center top}
.progStatusWrap .progStatusList > li > .ico2{background:url("../restored/img/common/progStatus_ico02_off.png") no-repeat center top}
.progStatusWrap .progStatusList > li > .ico3{background:url("../restored/img/common/progStatus_ico03_off.png") no-repeat center top}
.progStatusWrap .progStatusList > li > .ico4{background:url("../restored/img/common/progStatus_ico04_off.png") no-repeat center top}
.progStatusWrap .progStatusList > li > .ico5{background:url("../restored/img/common/progStatus_ico05_off.png") no-repeat center top}
.progStatusWrap .progStatusList > li > .ico6{background:url("../restored/img/common/progStatus_ico06_off.png") no-repeat center top}

.progStatusWrap .progStatusList > li.on > span{font-weight:bold}
.progStatusWrap .progStatusList > li.on > .ico1{background:url("../restored/img/common/progStatus_ico01_on.png") no-repeat center top}
.progStatusWrap .progStatusList > li.on > .ico2{background:url("../restored/img/common/progStatus_ico02_on.png") no-repeat center top}
.progStatusWrap .progStatusList > li.on > .ico3{background:url("../restored/img/common/progStatus_ico03_on.png") no-repeat center top}
.progStatusWrap .progStatusList > li.on > .ico4{background:url("../restored/img/common/progStatus_ico04_on.png") no-repeat center top}
.progStatusWrap .progStatusList > li.on > .ico5{background:url("../restored/img/common/progStatus_ico05_on.png") no-repeat center top}
.progStatusWrap .progStatusList > li.on > .ico6{background:url("../restored/img/common/progStatus_ico06_on.png") no-repeat center top}

/*== 신탁 - 계산법 ==*/
.trustCalArea{width:100%;background-color:#fff;margin-top:20px;}
.trustCalArea .trustCalBox{width:100%;padding:65px 0;}
.trustCalArea .trustCalBox .textTrpd01{background:url("../restored/img/common/textTrpd0102.png") no-repeat 50% 0;height:64px;}
.trustCalArea .trustCalBox .textTrpd02{background:url("../restored/img/common/textTrpd0102.png") no-repeat 50% -364px;height:64px;}
.trustCalArea .trustCalBox .textTrpd03{background:url("../restored/img/common/textTrpd0102.png") no-repeat 50% -725px;height:64px;}
.trustCalArea .trustCalBox .textTrpd04{background:url("../restored/img/common/textTrpd0102.png") no-repeat 50% -1090px;height:144px;}
.trustCalArea .trustCalBox .textBopd01{background:url("../restored/img/common/textBopd0102.png") no-repeat 50% 0;height:64px;}
.trustCalArea .trustCalBox .textBopd02{background:url("../restored/img/common/textBopd0102.png") no-repeat 50% -364px;height:64px;}
.trustCalArea .trustCalBox .textBopd03{background:url("../restored/img/common/textBopd0104.png") no-repeat 50% 0;height:64px;}
.trustCalArea .trustCalBox .textBopd04{background:url("../restored/img/common/textBopd0104.png") no-repeat 50% -339px;height:64px;}

/*== 다계좌이체 ==*/
.btnEtc {margin-top:20px; text-align:right}
.btnEtc .links {margin-left:20px}

/* 예금/신탁 일괄이체 */
.sel4 .formWrap {width:185px;}

/*============== 카드 ===============*/
.sampleCard {margin-bottom:20px; padding:60px 0 40px; border-bottom:1px solid #999; text-align:center;}

.shortSumList .bar {position:relative; display:inline-block; margin-left:10px; padding-left:15px;}
.shortSumList .tit + .bar {margin-left:0; padding-left:0;}
.shortSumList .bar:before {display:block; content:''; position:absolute; top:50%; left:0; height:16px; margin-top:-7px; border-left: 1px solid #333;}
.shortSumList .tit + .bar:before {display:none;}

.checkList .dashList{margin-top:10px;}
.checkList.first{margin-top:-13px;}
.checkList{margin-top:30px;}
.checkList > li{display:list-item; position:relative; margin-top:9px; padding-left:35px;}
.checkList > li:before {display:block; content:''; position:absolute; top:9px; left:0; width:15px; height:11px; background:url("../restored/img/common/ico_blue_check.png") no-repeat 0 0px;}
.checkList.green {color:#333 !important;}
.checkList.green > li:before {background:url("../restored/img/common/ico_conditionBox_check.png") no-repeat 0 0;}
.checkList.green.small > li {padding-left:20px;}
.checkList.green.small > li:before {width:10px; height:8px; background:url("../restored/img/common/ico_check.png") no-repeat 0 0 !important;}
.accoContents .checkList > li > strong {font-weight:bold;}

.limitList li {margin-top:10px;}
.limitList li:after {content:''; display:block; clear:both;}
.limitList .item {float:left; width:40%;}
.limitList .value {float:right; width:60%; font-family:'inter Regular', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; letter-spacing:0 !important; text-align:right;}
.limitList .value.graph {padding:0 60px 0 10px; box-sizing:border-box;}
.limitList .value.graph:after {content:''; display:block; clear:both;}
.limitList .value.graph .txt {position:relative; float:right; top:0; right:-60px; margin-left:-60px;}
.limitList .value .graphArea {float:left; margin-top:10px;}

.totalList {color:#333;}
.totalList:after {content:''; display:block; clear:both;}
.totalList > li {float:left; box-sizing:border-box;/*width:50%;*/}
.totalList > li:nth-child(odd) {width:31%; padding-right:40px;}
.totalList > li:nth-child(even) {width:69%;}
.totalList li:after {content:''; display:block; clear:both;}
.totalList span {float:left;}
.totalList strong {float:right;}
.totalList .tit {margin-bottom:5px; font-weight:bold;}
.totalList .split:after {content:''; display:block; clear:both;}
.totalList .split > ul {float:left; width:50%; box-sizing:border-box;}
.totalList .split > ul:first-child {padding-right:20px; border-right:1px solid #ccc;}
.totalList .split > ul:last-child {padding-left:20px;}
.totalList ul ul {padding-left:10px; clear:both;}
.totalList .total {margin:15px 0 5px; padding-top:15px; border-top:1px solid #ccc;}
.totalList .total:after {content:''; display:block; clear:both;}
.totalList > li:first-child .total {margin-top:39px;}
.totalList.revolving > li:first-child .total {margin-top:15px;}
.totalList.revolving .split > ul:first-child {padding-top:24px;}
.totalList.revolving .total {font-weight:bold;}
.totalList.revolving .total li {margin-bottom:10px;}
.totalList.revolving + .totalList.revolving ul {float:left; box-sizing:border-box;}
.totalList.revolving + .totalList.revolving ul:first-child {width:65.5%; padding-right:20px; border-right:1px solid #ccc;}
.totalList.revolving + .totalList.revolving ul:last-child {width:34.5%; padding-left:20px;}

.totalList2 > li {display:inline-block; width:33.3333%; margin-left:-4px; box-sizing:border-box; vertical-align:bottom; zoom:1;}
.totalList2 > li:first-child {padding-left:4px;}
.totalList2 > li:first-child strong {padding-right:20px;}
.totalList2 > li:nth-child(even) {padding-left:0 !important;}
.totalList2 > li:nth-child(even) span {padding-left:20px;}
.totalList2 > li:nth-child(even) li {border-left:1px solid #ccc;}
.totalList2 > li:last-child {padding-left:40px;}
.totalList2 li:after {content:''; display:block; clear:both;}
.totalList2 li > span {float:left;}
.totalList2 li > strong {float:right;}
.totalList2 .total {margin-top:20px; padding-top:20px; border-top:1px solid #ccc; border-left:0 none !important;}

.listTotal {padding:22px 20px;  border-bottom:1px solid #999; background-color:#fff; text-align:right;}
.listTotal > ul {display:inline-block; width:220px;}
.listTotal > ul > li {margin-top:3px;}
.listTotal > ul > li:after {content:''; display:block; clear:both;}
.listTotal li > .item {float:left; font-weight:bold;}
.listTotal li > .value {float:right; font-weight:bold;}

.dateArea {margin-top:16px;}
.dateArea + .qnaList {margin-top:20px;}

[class*=dntn] .logo {display:inline-block; width:140px; margin-bottom:25px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
[class*=dntn] .logo img {width:100%; height:auto;}
[class*=dntn] .tags {display:inline-block; margin-left:5px; padding:1px 5px 2px; font-size:12px; box-sizing:border-box; line-height:17px;vertical-align:middle; margin-top:-2px;}
[class*=dntn] .tags.card {border:1px solid #056dae; color:#056dae}
[class*=dntn] .tags.point {border:1px solid #666; color:#666}
li.dntn > .tags {margin-left:15px; margin-right:10px;}
li.dntn > .tags:first-child {margin-left:0;}
/* donation Popup View */
.dntnView > .tit {position:relative; min-height:70px; margin:0 0 15px 0;}
.dntnView > .tit > [class*=tit] {margin-top:0 !important; padding-left:160px; line-height:32px !important;}
.dntnView > .tit > .logo {position:absolute; top:0; left:0;}
.dntnView > .tit:after {content:''; display:block; clear:both;}
.dntnView > .cont > .thumnail img {width:100%;}
.dntnView > .cont > .txt + .txt {margin-top:15px;}
.dntnView > .cont > .txtList {margin-top:15px;}
/* donation View */
.dntnInfo {margin:20px 0; padding:40px; background-color:#fff;}
.dntnInfo > .wrap {position:relative;}
.dntnInfo > .wrap .logo {position:absolute; top:0; left:0;}
.dntnInfo > .wrap .tit {margin-bottom:10px; padding-left:160px; font-size:23px; color:#056DAE;}
.dntnInfo > .wrap .txt {padding-left:160px; font-weight:normal; font-size:16px; line-height:24px; color:#666;}
.dntnInfo > .wrap .price {margin:30px 0 0 0; padding-top:20px; border-top:1px solid #999; text-align:right; font-size:26px; font-weight:normal; color:#333; font-family:'inter Regular', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important; letter-spacing:0 !important;}
.dntnInfo > .wrap .price span {font-size:16px; line-height:24px;}

.infoListBox > * {margin-top:20px; padding:26px 65px 26px 30px; background-color:#fff; box-sizing:border-box;}
.infoListBox > *:first-child {margin-top:0;}
.infoListBox .wrap {position:relative;}
.infoListBox .wrap .tit {color:#666; font-size:23px;}
.infoListBox .sum {position:absolute; top:50%; right:0; margin-top:-17px; color:#333; font-size:23px;}
.infoListBox .sum .unit {font-size:14px;}
.infoListBox .shortList {margin-top:10px; color:#666;}
.infoListBox .combo,
.infoListBox .btnImgLink {position:absolute; top:50%; right:-50px; margin-top:-20px;}
.infoListBox .infoListBox {max-height:487px; padding:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow-y:auto;}
.infoListBox .infoListBox > li {margin-top:0; border-top:1px solid #ccc;}
.infoListBox .infoListBox > li:first-child {border-top:0 none;}
.infoListBox .active {border:2px solid #056dae !important;}

/*== 포인트조회 ==*/
.ctPointHead:after {content:''; display:block; clear:both;}
.ctPointHead .goodsArea {float:left; width:66.6666%;}
.ctPointHead .goodsArea .row .btn {padding-right:40px;}
.ctPointHead .goodsArea .itemList {margin-top:0; border-top:0 none;}
.ctPointHead .goodsArea .itemList li {width:25%; padding:10px 0 10px 0; border-left:0 none;}
.ctPointHead .goodsArea .itemList li:first-child {width:50%; padding:10px 0 10px 0;}
.ctPointHead .goodsArea .itemList li:first-child .value {font-size:26px;}
.ctPointHead .goodsArea .itemList li .unit {font-size:16px;}
.ctPointInfo {float:right; width:33.3333%; margin-top:50px; padding-left:20px; box-sizing:border-box;}
.ctPointInfo > div {height:210px; padding:0 10px; border:2px solid #056dae; text-align:center; box-sizing:border-box;}
.ctPointInfo .tit {display:block; margin:-15px 0 20px; color:#666; font-size:16px; text-align:center;}
.ctPointInfo .tit span {display:inline-block; padding:0 10px; background-color:#eee;}
.ctPointInfo .titH3 {margin-top:0; /*letter-spacing:-1px;*/}
.ctPointInfo p {display:block; display:-webkit-box; height:50px; margin-bottom:10px; color:#666; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*== 카드신청 ==*/
.crdSelect {margin-top:30px; padding-bottom:36px; border-bottom:1px solid #999;}
/*.crdSelect > div {position:relative; min-height:170px; padding-left:25%;}
.crdSelect > div:after {content:''; display:block; clear:both;}*/
/*.crdSelect .formArea {width:100%; padding:0 0 0 5px;}*/
/*.crdSelect .crdImg {position:absolute; top:25px; left:0; width:25%;}*/

.crdSelect {position:relative; padding-left:25%; overflow: hidden; min-height: 220px}
.crdSelect .formArea {padding-top:0; margin-left:40px}
.crdSelect .crdImg {position:absolute; left:0; min-width:230px; margin-top:25px;}
.crdSelect .crdImg img {width:230px; height:auto;}
.crdSelect .txtList:after {content:''; display:block; clear:both;}
.crdSelect .txtList li {display:inline-block; width:49.5%; padding-right:10px; box-sizing:border-box; vertical-align:top; zoom:1;}

/* 카드신청 수정 관련 */
.crdSelect .txtList {margin-left:20px}
.crdSelect .txtList li {width:100% !important;}
.crdSelect .crdImg img + .links,
.crdSelect .crdImg img + .btnArea{width:230px; margin-top:10px; padding:0; text-align: center; font-weight: bold}
.crdGoodsArea {position:relative; background-color:#3e414C; overflow: hidden;}
.crdGoodsArea .bgWrap {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height:100%; padding-bottom:50px; box-sizing:border-box}
.crdGoodsArea .bgWrap > img {width:100%; height: auto; opacity:0}
.isMobile .crdGoodsArea .bgWrap {-webkit-filter:blur(15px); opacity:0.2}
.crdGoodsArea .bgWrap .bg {position:absolute; top:0; left:0; bottom:0; right:0; opacity: 0.2; width:100%; height: auto} 
.crdGoodsArea .bgWrap.vMode > img {width:auto; height: 100%;}
.crdGoodsArea .bgWrap.vMode .bg {widht:auto; height: 100%;}
.ie8 .crdGoodsArea .bg {display:none;}
.crdGoodsArea .crdInfo {position:relative; max-width:1400px; margin:0 auto; padding:0 40px; color:#fff; box-sizing:border-box; z-index:2;}
.crdGoodsArea .crdInfo > div {min-height:602px; padding:80px 0; padding-right:38%; box-sizing:border-box;}
.crdGoodsArea .crdInfo .titH1 {margin-top:-15px; color:#fff; padding-right:160px;}
.crdGoodsArea .crdInfo ul {margin-top:43px; padding-right:160px;}
.crdGoodsArea .crdInfo li, .evtCont .evtInfo li {margin-top:10px; padding-left:40px; background:url("../restored/img/common/ico_check_bigW.png") no-repeat 0 10px; font-size:19px;}
.crdGoodsArea .crdInfo .nonList li {margin:10px 0 0; padding-left:0; background-image:none;}
.crdGoodsArea .crdInfo .btnArea {margin-top:7px; text-align:left;}
.crdGoodsArea .crdInfo .btnArea .btnType1 {width:340px; font-weight: normal;} 
.crdGoodsArea .crdInfo .btnArea.wType1{padding-right:160px;}
.crdGoodsArea .crdInfo .btnArea.wType1 .btnType1{min-width:auto}
.crdGoodsArea .crdInfo .btnArea.wType1 .btnType1 + .btnType1{margin-left:2%}
.crdGoodsArea .crdInfo .img {position:absolute; top:80px; right:0px; width:36%; margin-right:40px; overflow:hidden;}
.crdGoodsArea .crdInfo .img:after {content:''; position:absolute; top:0px; right:0px; width:100%; height:100%; background:url("../restored/img/card/img_card_light.png") no-repeat 0 0; background-size:100% auto; z-index: 100 }
.crdGoodsArea .crdInfo .img img {width:100% !important; height:auto; border-radius:15px;}
.crdGoodsArea .pointCopy {position:relative; background-color:#333; font-weight:bold; z-index:2;}
.crdGoodsArea .pointCopy .crdCopy {max-width:1440px; margin:0 auto; padding:18px 20px; min-height:60px; color:#fff; text-align:center; box-sizing:border-box;}
.crdGoodsArea .pointCopy .crdCopy > * {display:inline-block; vertical-align:middle; font-weight: normal;}
.crdGoodsArea .pointCopy .crdCopy .btnType2 {margin-left:13px; color:#fff; font-weight: bold; text-decoration: underline;}
.crdGoodsArea .pointCopy .crdCopy .btnType2.arrowR:before {background: url("../restored/img/common/ico_arr_next_white.png") no-repeat 0 center !important; color:#fff}

/* CMS에서 등록하는 하얀색 배너 */
.whiteBanner {min-height:200px; margin-top:60px; padding:40px 20px; text-align: center; background: #fff; box-sizing:border-box;}
.whiteBanner .titH5 {font-size:16px; color:#333; font-weight: normal;}
.whiteBanner .links.arrowR {display:inline-block; padding-right:18px; font-size: 23px; font-weight: bold; color:#056dae; background: url("../restored/img/common/ico_crd_arrowR.png") no-repeat right center; }
.whiteBanner .links.arrowR:hover {background: url("../restored/img/common/ico_crd_arrowR.png") no-repeat right center;}
.whiteBanner .comment {font-size: 14px} 

/*== 카드 비교하기 ==*/
.crdCompareArea {padding:50px 0 60px; background-color:#fff; color:#333; box-sizing:border-box; text-align:center; vertical-align:middle;}
.crdCompareArea span {display:block;}
.crdCompareArea .smallTxt {font-size:16px; font-weight:bold;}
.crdCompareArea .bigTxt {font-size:54px;}

.crdCompare {margin-top:25px;}
.crdCompare .search {padding-bottom:10px; text-align:center;}
.crdCompare .search button {padding-right:20px; background:url("../restored/img/common/ico_select_arrow.png") no-repeat 100% center; color:#056dae; font-weight:bold;}
.crdCompare.on .search button {background:url("../restored/img/common/ico_selected_arrow.png") no-repeat 100% center;}
.crdCompare .total {padding-top:10px; border-top:1px solid #999; color:#666; text-align:center;}
.crdCompare > div {display:none; margin:15px 0 30px;}
.crdCompare > div:after {content:''; display:block; clear:both;}
.crdCompare.on > div {display:block;}
.crdCompare .class {float:left; width:64%; margin-top:25px;}
.class li {display:inline-block; width:50%; margin:0 -3px 14px 0; box-sizing:border-box; vertical-align:top; zoom:1;}
.class label {font-size:16px;}
.crdCompare .crdChoice {float:right; width:34%; min-height:170px; padding:30px; border:1px solid #056dae; box-sizing:border-box;}
.crdChoice li {margin-bottom:6px; padding-left:50px;}
.crdChoice li:after {content:''; display:block; clear:both;}
.crdChoice img {position:relative; float:left; left:-50px; width:40px; height:26px; margin-right:-50px; border-radius:2px;}
.crdChoice .tit {display:inline-block; float:left; max-width:100%; padding-right:20px; box-sizing:border-box; white-space:nowrap;}
.crdChoice .tit strong {display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.crdChoice .nonCard {display:inline-block; width:40px; height:26px; margin-left:-50px; border:1px solid #056dae; border-radius:2px; background:url("../restored/img/common/ico_plus_card.png") no-repeat center; box-sizing:border-box;}
.crdCompare.prod .inner {width:64%; float:left}
.crdCompare.prod .inner .class {width:auto; float:none}
.crdCompare.prod .inner .btnType1 {margin-top:20px}
.crdCompare.prod .inner {width:64%; float:left}
.crdCompare.prod .inner .class {width:auto; float:none}
.crdCompare.prod .inner .btnType1 {margin-top:20px}

.crdChoice > .choiceList {min-height:104px;}
.choiceList li {padding-left:30px !important;}
.choiceList li > span {position:relative; display:inline-block;}
.choiceList li > span:before {content:''; position:absolute; top:6px; left:-30px; display:inline-block; width:15px; height:11px;}
.choiceList .tit:before {background:url("../restored/img/common/bl_check.png") no-repeat;}
.choiceList .tit > strong {color:#056dae;}
.choiceList .nonProd {color:#666; font-size:16px}
.choiceList .nonProd:before {background:url("../restored/img/common/bl_check_non.png") no-repeat;}
.class.wd3 li {width:33%}
.crdCompare.prod + .barOtp,
.crdCompare.prod + .conDivArea {margin-top:40px}
.crdCompare.prod.onlyPdt .total {padding-top:30px; border-top:0}
.barOtp:after {content:''; display:block; clear:both;}

.tblCrdCompare {width:100%; margin-top:0;}
.tblCrdCompare thead {position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden;}
.tblCrdCompare th,
.tblCrdCompare td {border-top:1px solid #999;}
.tblCrdCompare th {padding-top:20px; font-size:23px; text-align:left;}
.tblCrdCompare tbody tr:first-child th,
.tblCrdCompare tbody tr:first-child td {border-top:0 none;}
.tblCrdCompare td .txtList {margin-top:25px;}

/* 카드 비교하기 모바일&타블릿 */
.isMobile .crdCompareArea  {padding:35px 0 30px;}
.isMobile .crdCompareArea .smallTxt {font-size:12px;}
.isMobile .crdCompareArea .bigTxt {font-size:23px;}
.crdCompareMb > ul {position:relative; padding-top:90px; border-bottom:1px solid #999;}
.crdCompareMb > ul > li > .titT {position:absolute; top:0; left:0; width:50%; height:61px; border-bottom:1px solid #999; color:#056dae; box-sizing:border-box;}
.crdCompareMb > ul > li:last-child > .titT {left:50%;}
.crdCompareMb > ul > li > .cnt {display:none;}
.crdCompareMb > ul > li.on > .titT {color:#333; font-weight:bold;}
.crdCompareMb > ul > li.on > .titT:before {display:block; content:''; position:absolute; top:60px; left:50%; width:32px; height:17px; margin-left:-16px; background: url("../restored/img/m/crdCompare_on.png") no-repeat 0 0; background-size:100%;}
.crdCompareMb > ul > li.on > .cnt {display:block;}
.crdCompareMb .crdChoice {margin-bottom:30px;}
.crdCompareMb > .total {padding-top:10px; text-align:center;}

/* 카드비교하기 - 결과/카드리스트 */
.crdList {position:relative; max-width:1400px; margin:0 auto;  box-sizing:border-box;}
.crdList:after {content:''; display:block; clear:both;}
.crdList .titArea {float:left; width:20%; color:#666;}
.crdList .titArea .links {margin-bottom:10px;}
.crdList .titH2 {margin-bottom:15px;}
.crdList .btnImgClose {margin-left:5px; vertical-align:middle;}
.crdList .btnType1 {position:absolute; top:175px; left:0; width:20%; min-width:0;}
.crdList ul {float:left; width:80%;}
.crdList li {display:inline-block; width:33.3333%; margin-right:-5px; margin-bottom:30px; padding-left:65px; box-sizing:border-box; vertical-align:bottom; zoom:1;}
.crdList li img {width:100%; height:auto;}
.crdList li .check {margin-top:-8px;}
.crdList li .btnArea {height:50px; padding-top:0;}

.crdList .nonCard {display:inline-block; position:relative; width:100%; margin:15px 0; border:1px dashed #9e9e9e; border-radius:10px; background-color:#eee; box-sizing:border-box;}
.crdList .nonCard img {margin:0;}
.crdList .nonCard span {display:inline-block; position:absolute; top:0; left:0;  width:100%; height:100%; padding-top:40%; background:url("../restored/img/common/ico_cardAdd.png") no-repeat center; color:#056dae; text-align:center; box-sizing:border-box;}

.crdResultArea {padding-bottom:30px;}
.crdResultArea .crdList {padding:0 20px;}
.crdResultArea .crdList .titArea {width:25%;}
.crdResultArea .crdList ul {width:75%; margin-top:30px;}
.crdResultArea .crdList li {margin-bottom:0; padding:0 5px 0 20px;}
.crdResultArea .crdList .btnType1 {position:static; width:100%; min-width:0;}

.extraService {margin-top:25px; padding:10px 0 20px; border-top:1px solid #999; border-bottom:1px solid #999;}
.extraService:after {content:''; display:block; clear:both;}
.extraService li {position:relative; float:left; width:100%; padding:0 10px; text-align:center; box-sizing:border-box;}
.extraService.total2 li {width:50%;}
.extraService.total3 li {width:33.3333%;}
.extraService .item {display:block; height:35px; padding-top:38px; font-size:12px; color:#666; overflow:hidden;}
.extraService strong {position:absolute; top:0; left:0; width:100%; color:#333; font-size:12px;}
.extraService .value {font-family:'inter Bold', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; letter-spacing:0 !important; font-size:26px; vertical-align:middle;}

/* 카드 자세히보기 */
.crdLink {position:relative; margin-top:-80px; color:#056dae;}
.crdLink img {width:220px; height:138px; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,.3); -webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);}
.crdLink div {display:none; position:absolute; width:220px; height:138px; top:0; left:50%; margin-left:-110px; border-radius:6px; background-color:rgba(0,0,0,0.4); box-sizing:border-box;}
.crdLink [class^=btnType].small {position:absolute; left:50%; bottom:30px; width:110px; margin-left:-55px;}
.crdLink a:hover div,
.crdLink a:focus div {display:block;}
a.crdLink {display:block; margin:15px 0; border-radius:10px; text-align:center;}
a.crdLink img {border-radius:10px;}
a.crdLink div {width:100%; height:100%; top:0; left:0; margin-left:0; padding-top:70px; border-radius:10px;}
a.crdLink:hover div,
a.crdLink:focus div {display:block;}

/*== 다른카드찾기 ==*/
.cardSearchArea {position:relative;width:100%;margin-top:60px;}
.cardSearchArea .cardTit{width:100%;text-align:center;margin-bottom:40px;font-size:38px;color:#333333;}
.cardSearchArea .cardSearchBox{position:relative;display:table;width:95%;margin:auto;}
.cardSearchArea .cardSearchBox li{display:table-cell;width:50%;border-left:1px solid #999999;}
.cardSearchArea .cardSearchBox li:first-child{border-left:none;}
.cardSearchArea .cardSearchBox .cardArea{width:340px;margin:auto;}
.cardSearchArea .cardSearchBox.bgNone .cardArea{background: none;}
.cardSearchArea .cardSearchBox .cardArea strong{display:block;margin-bottom:15px;font-size:16px;color:#666666;display:block;text-align:center;}
.cardSearchArea .cardSearchBox .cardArea > a {display: block;}
.cardSearchArea .cardSearchBox .cardArea .cardImg{width:340px; height:214px;}
.cardSearchArea .cardSearchBox .cardArea .cardImg img{width:100%;height:auto;box-shadow:2px 2px 8px #a7a7a7;border-radius:10px;background-color:transparent;}
.cardSearchArea .cardSearchBox .cardArea .cardName{margin-top:30px;font-size:23px;color:#056dae;text-align:center;}
.cardSearchArea .preBtn{position:absolute;top:50%;left:10px;}
.cardSearchArea .preBtn button{display:block;width:60px;height:60px;border-radius:5px;background:#fff url("../restored/img/common/btnIco_pre.png") no-repeat 50% 50%;}
.cardSearchArea .preBtn button:hover {background:#002a54 url("../restored/img/common/btnIco_pre_white.png") no-repeat 50% 50%;}
.cardSearchArea .nextBtn{position:absolute;top:50%;right:10px;}
.cardSearchArea .nextBtn button{display:block;width:60px;height:60px;border-radius:5px;background:#fff url("../restored/img/common/btnIco_next.png") no-repeat 50% 50%;}
.cardSearchArea .nextBtn button:hover {background:#002a54 url("../restored/img/common/btnIco_next_white.png") no-repeat 50% 50%;}
 
.cardQa{margin-top:20px;}

/*== 신용카드 상세  ==*/
.crdInfoArea {margin-bottom:40px; padding:0 0 0 265px; box-sizing:border-box;}
.crdInfoArea:after{content:""; display:block; clear:both;}
.crdInfoArea .crdImg {position:relative; float:left; left:-265px; width:230px; margin-right:-230px; padding-top:10px;}
.crdInfoArea .crdImg img {width:100%; height:auto;}
.crdInfoArea .crdInfo {float:left; width:100%;}
.crdInfoArea .copy {margin-top:10px;}
.crdInfoArea .txtList {margin-top:0;}

/*== 진행중인이벤트 ==*/
.eventArea {margin:60px auto 0 auto;}
/* 배너영역 */
.eventArea .eventBoxTop{background-color:#002a54;padding:60px 0;color:#fff;text-align:center; font-size:38px; line-height:1.4;}
.eventArea .eventBoxTop span {display:block; font-size:23px;}
.eventArea .eventBoxTop img {margin:-60px 0; max-width:100%;}
/* 내용영역 */
.eventArea .eventBoxBottom {background-color:#fff; padding:40px 40px 60px 40px; box-sizing:border-box; text-align:center;}
.eventArea .eventBoxBottom .eventEndBox .font22{padding-bottom:40px;font-size:22px;font-weight:bold;color:#333333;/*background: url("../restored/img/common/line_event.png") no-repeat 0 bottom;*/border-bottom:1px solid #999;}	
.eventArea .eventBoxBottom .eventEndBox .txtList {margin-top:40px;}
.eventArea .eventBoxBottom .eventEndBox .txtList + .txtList {margin-top:20px !important;}
.eventArea .eventBoxBottom .eventEndBox .txtList > li {text-align:left;}
.eventArea .eventBoxBottom .btnArea {/*margin-top:40px; padding-top:0;*/ text-align:center;}
/* 입력영역 */
.eventInputBox{text-align:left; width:100%; margin-top:40px; padding:0 10px; box-sizing:border-box;}
.eventInputBox .formWrap .formControl, .isMobile .eventInputBox .formWrap select.formControl {background-color:#eeeeee;}
.eventInputBox .phoneWrap .formWrap input[type="number"]::-webkit-input-placeholder {color: #eee; opacity:0}
.eventInputBox .phoneWrap .formWrap input[type="number"]::-moz-placeholder {color: #eee}
.eventInputBox .phoneWrap .formWrap input[type="number"]:-ms-input-placeholder {color: #eee}
/* 약관영역 */
.eventTerms {width:100%;overflow:auto; overflow-x: hidden; margin:40px 0 20px 0; padding:50px 20px 40px 20px; border-top:1px solid #d8d8d8;border-bottom:4px solid #056dae;color:#666666;text-align:left;line-height:2.0em; box-sizing:border-box;}
.eventTerms p {width:100%;margin-bottom:30px;color:#333333;font-size:23px;text-align:center;}
/* 게시판 */
.viewCont .eventArea {width:660px; max-width:100%;}
.viewCont .eventArea > * {margin:0 -20px;}

/*== 맞춤금융서비스 ==*/
.finansialSvcWrap{}
.finansialSvcWrap:after{content:""; display:block; clear:both}
.finansialSvcWrap .lCont{float:left; width:65%; padding-right:40px; border-right:1px solid #ccc; box-sizing:border-box}
.finansialSvcWrap .rCont{float:left; width:35%; padding-left:40px; margin-left:-1px; border-left:1px solid #ccc; box-sizing:border-box}
.finansialSvcWrap .whiteBox{padding:0 40px; background:#fff}
.finansialSvcWrap .whiteBox.blueLine{border-bottom:4px solid #056dae}
.finansialSvcWrap .funcGroup{margin-top:0}
.finansialSvcWrap .finansialSvcGoods{padding:70px 0; background:url("../restored/img/card/ico_finansial_service_01.png") no-repeat right center}
.finansialSvcWrap .finansialSvcGoods .titH3{margin-top:0}
.finansialSvcWrap .finansialSvcPerson{padding:40px 0 35px 64px; background:url("../restored/img/card/ico_finansial_service_02.png") no-repeat left 40px}
.finansialSvcWrap .finansialSvcPerson .titH3{margin-top:0}
.finansialSvcWrap .finansialSvcPerson .txtS2{margin-top:10px; color:#666}
.finansialSvcWrap .finansialSvcNum{padding:20px 0; border-top:1px solid #dfdfdf; }
.finansialSvcWrap .finansialSvcNum:after{content:""; display:block; clear:both}
.finansialSvcWrap .finansialSvcNum .percentBox{float:left; width:50%; padding:0 20px; text-align:center; box-sizing:border-box}
.finansialSvcWrap .finansialSvcNum .percentBox strong{font-size:26px; font-weight:bold; color:#006e0a}
.finansialSvcWrap .finansialSvcNum .percentBox .txt{font-size:14px; color:#666}
.finansialSvcWrap .finansialSvcNum .percentBox .num{margin-top:10px; color:#006e0a}
.finansialSvcWrap .finansialSvcNum .priceBox{border-left:1px solid #dfdfdf; float:left; width:50%; padding:0 20px; text-align:center; box-sizing:border-box}
.finansialSvcWrap .finansialSvcNum .priceBox strong{font-size:26px; font-weight:bold; color:#333}
.finansialSvcWrap .finansialSvcNum .priceBox .txt{font-size:14px; color:#666}
.finansialSvcWrap .finansialSvcNum .priceBox .num{margin-top:10px; color:#333}
.finansialSvcWrap .finansialSvcGo{border-top:1px solid #dfdfdf; padding:20px 0; text-align:center}
.finansialSvcWrap .finansialSvcGo .links{display:inline-block; margin-left:20px; font-weight:bold}
.finansialSvcWrap .finansialSvcGo .links:first-child{margin-left:0}
.finansialSvcWrap .linksGroup{margin-top:20px}
.finansialSvcWrap .lCont .linksGroup .links{font-size:14px}
.finansialSvcWrap .linksBox{padding:20px 0 40px 0}
.finansialSvcWrap .linksBox .titH4{color:#056dae}
.finansialSvcWrap .linksBox .links{font-weight:bold}
.finansialSvcWrap .linksBox + .linksBox{border-top:1px solid #ccc;}

/*== 카드 - 프로모션팝업 ==*/
.promPopImg{margin-top:20px; padding:10px; text-align:center; color:#fff; background:#336699}
.promPopLinks{margin-top:20px}

/*== 매출 전표 ==*/
.salesSlipArea {padding:25px; background-color:#fff;m color:#333;}
.salesSlipArea .titH3 {margin-top:0 !important;}
.salesSlipArea table {width:100%; color:#333; table-layout:fixed;}
.salesSlipArea td {height:21px; padding:0 0 0 10px !important; border:1px solid #cce5f2; background-color:#fff; font-size:12px !important; vertical-align:middle;}
.salesSlipArea td.th {background-color:#f4f9fd; font-weight:bold;}
.salesSlipArea td.alignC {padding:0 !important;}
.salesSlipArea .sTxt {margin:10px 0 0 10px; color:#333;}

/* 샘플이미지 */
.sampleImg > .formWrap {margin-top:10px;}
.sampleImg [class^=sampleCerti] {width:280px; height:180px;}
.sampleImg .sampleCerti_01 {background:url("../restored/img/common/sampleCerti_registrationCard.png") no-repeat center center;}
.sampleImg .sampleCerti_02 {background:url("../restored/img/common/sampleCerti_driverLicense.png") no-repeat center center;}
.sampleImg .sampleCerti_03 {background:url("../restored/img/common/sampleCerti_cardCVC.png") no-repeat center center;}
.popWrap .sampleImg .sampleCerti_03 {margin:0 auto;}
.sampleImg .sampleCerti_04 {background:url("../restored/img/common/sampleCerti_registrationCard02.png") no-repeat center center;}

/*== 카드몰 ==*/
[class^=mall] .logo {display:inline-block; width:142px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
[class^=mall] .logo img {width:100%; height:auto;}

.mallList {overflow:hidden;}
.mallList ul {margin-bottom:-1px; margin-left:-1px; overflow:hidden;}
.mallList ul:after {content:''; display:block; clear:both;}
.mallList li {float:left; width:16.6667%; padding:20px 0; border-bottom:1px solid #ccc; text-align:center;}
.mallList li div {height:126px; border-left:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
.mallList li a {display:inline-block;}
.mallList li p {margin-top:5px; padding:0 20px;}

.mallList.special {margin-bottom:-50px; border-bottom:0 none;}
.mallList.special li {display:inline-block; float:none; width:25%; margin:0 -3px; padding:55px 0; border-bottom:0 none; vertical-align:top; zoom:1;}
.mallList.special li:first-child {margin-left:0;}
.mallList.special li div {height:auto; border-left:0 none;}
.mallList.special .logo {width:142px; height:142px; padding-top:35px; border-radius:50%; overflow:hidden;}
#mallAll .mallList li {display: none;}
#mallAll .moreBtn.cut{display: none;}
#mallAll.on .moreBtn.cut {display: inline-block;}
#mallAll.on .moreBtn.extend {display: none;}

#mallAll.on .mallList li {display: block !important;}

.mallEvent {margin-top:40px;}
.mallEvent > ul {margin:0 -10px;}
.mallEvent > ul:after {content:''; display:block; clear:both;}
.mallEvent > ul > li {float:left; width:50%; padding:10px 10px 0; box-sizing:border-box;}
.mallEvent > ul > li > div {position:relative; background-color:#fff; overflow:hidden;}
.mallEvent > ul > li > div:after {content:''; display:block; clear:both;}
.mallEvent .img {position:absolute; top:0; right:0; bottom:0; left:0; width:50%; overflow:hidden;}
.mallEvent .img img {position:absolute; top:50%; left:50%; width:auto; min-width:100%; min-height:100%; max-height:100%; overflow:hidden; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.mallEvent .cnt {float:right; width:50%; height:220px; padding:15px 30px 0; text-align:center; box-sizing:border-box; overflow:hidden;}
.mallEvent .cnt p {height:50px; margin-top:10px; overflow:hidden;}
.mallEvent .logo {border:0 none;}
.mallEvent .titH4 {margin-top:0;}

.mallEvent.three > ul > li {width:33.3333%;}
.mallEvent.three > ul > li > div {max-width:345px;}
.mallEvent.three > ul > li:nth-child(2) > div {margin:0 auto;}
.mallEvent.three > ul > li:nth-child(3) > div  {float:right;}
.mallEvent.three .img {position:static; width:100%;}
.mallEvent.three .img img {position:static; width:100%; height:auto; transform:none; -webkit-transform:none; -ms-transform:none;}
.mallEvent.three .cnt {float:none; width:100%;}

.slide.mallEventArea {margin-top:10px !important; padding-bottom:60px;}
.mallEventArea .mallEvent {margin-top:0;}

.mallLink {margin-top:60px; border-top:1px solid #ccc; overflow:hidden;}
.mallLink ul {margin-left:-1px;}
.mallLink ul:after {content:''; display:block; clear:both;}
.mallLink li {float:left; width:16.6667%; margin:40px 0 0; padding:0 10px; border-left:1px solid #ccc; box-sizing:border-box; text-align:center; vertical-align:top; zoom:1;}
.mallLink a {display:inline-block; padding:75px 0 0;}
.mallLink [class^="link"] a {background-repeat:no-repeat; background-position:center 0;}
.mallLink .link1 a {background-image:url("../restored/img/card/mallIcon_1.png");}
.mallLink .link2 a {background-image:url("../restored/img/card/mallIcon_2.png");}
.mallLink .link3 a {background-image:url("../restored/img/card/mallIcon_3.png");}
.mallLink .link4 a {background-image:url("../restored/img/card/mallIcon_4.png");}
.mallLink .link5 a {background-image:url("../restored/img/card/mallIcon_5.png");}
.mallLink .link6 a {background-image:url("../restored/img/card/mallIcon_6.png");}

.mallQuick {margin-top:60px; padding-top:40px; border-top:1px solid #ccc; text-align:center;}
.mallQuick a {display:inline-block; margin-top:0; padding:0 0 0 54px; background:url("../restored/img/card/mallIcon_7.png") no-repeat 0 0; line-height:40px;}

.isMobile .mallLink li {width:50%;}

.ie8 .mallEvent .img img {position:static;}
.ios .mallEvent .img img {height:auto; min-height:0;} 

.promotionBanner {position:relative; margin-top:40px  !important; overflow:hidden;}
.promotionBanner:after{content:""; display:block; clear:both}
.promotionBanner .btnPrev,
.promotionBanner .btnNext{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:0 0; z-index:20}
.promotionBanner .btnPrev {left:10px; background-image:url("../restored/img/common/rollingControl_left.png");}
.promotionBanner .btnPrev:hover {background-image:url("../restored/img/common/rollingControl_left_on.png");}
.promotionBanner .btnNext {right:10px; background-image:url("../restored/img/common/rollingControl_right.png");}
.promotionBanner .btnNext:hover {background-image:url("../restored/img/common/rollingControl_right_on.png");}
.promotionBanner .swiper-pagination,
.promotionBanner .swiper-nav,
.promotionBanner .swiper-pagination .swiper-pagination-bullet{display:none; }
.promotionBanner ul {margin:0;}
.promotionBanner li {float:left; width:50%; padding:0; box-sizing:border-box;}
.promotionBanner img {width:100%; height:auto;}

.iframeArea {width:100%; height:550px; margin-top:20px;}

/*== 신용카드 소비자 보호 ==*/
.crdFsvcIco [class*=crdFsvcIco0] {height:40px; line-height:40px; padding-left:55px !important; padding-right:20px; margin-top:20px; box-sizing:border-box;}
.crdFsvcIco .crdFsvcIco01,
.crdFsvcIco .crdFsvcIco02 {margin-top:0;}
.crdFsvcIco .crdFsvcIco01 {background:url("../restored/img/common/crdfsvc_Ico01.png") no-repeat 0 50%;}
.crdFsvcIco .crdFsvcIco02 {background:url("../restored/img/common/crdfsvc_Ico02.png") no-repeat 0 50%;}
.crdFsvcIco .crdFsvcIco03 {background:url("../restored/img/common/crdfsvc_Ico03.png") no-repeat 0 50%;}
.crdFsvcIco .crdFsvcIco04 {background:url("../restored/img/common/crdfsvc_Ico04.png") no-repeat 0 50%;}
.crdFsvcIco .crdFsvcIco05 {background:url("../restored/img/common/crdfsvc_Ico05.png") no-repeat 0 50%;}
.titH3 + .crdFsvcIco {margin-top:30px;}

/* 카드 금융서비스 */
.heightUniqe .block {height:auto !important; min-height:435px !important;}
.heightUniqe .block .btnArea {height:auto !important; min-height:130px !important;}
.heightUniqe .block .btnArea br + .btnType2 {margin:0 !important;}

/* 카드 > orgChart */
.orgChartWrap {position:relative; margin-top:-20px;}
.orgChartWrap .bgBlue .box, 
.orgChartWrap .bgBlue .box:after {background-color:#056DAE; color:#fff;}
.orgChartWrap .bgNavi .box, 
.orgChartWrap .bgNavi .box:after {background-color:#003168; color:#fff;}
.orgChartWrap .bgGray .box, 
.orgChartWrap .bgGray .box:after {background-color:#777; color:#fff;}
.orgChartWrap .orgChart {margin-top:20px;}
.orgChart {position:relative;}
.orgChart:after {content:''; display:block; clear:both;}
.orgChart .box,
.orgChart .txt {display:table; position:relative; float:left; width:50%; height:40px; box-sizing:border-box;}
.orgChart .box span,
.orgChart .txt span {display:table-cell; width:100%; height:100%; vertical-align:middle; box-sizing:border-box;}
.orgChart .box:after {content:''; display:block; position:absolute; background-color:#000;}
.orgChart.lineR .box:after {top:50%; bottom:auto; right:0; margin-top:-1px; margin-right:-10px; width:10px; height:2px;}
.orgChart.lineR .txt {padding-left:20px;}
.orgChart.lineB .box {width:100%;}
.orgChart.lineB .box:after {top:auto; bottom:0; right:50%; margin-top:0px; margin-bottom:-10px; margin-right:-1px; width:2px; height:10px;}
.orgChart.lineB .txt {width:100%; height:auto; margin-top:20px; text-align:center;}

/*== 등록대상카드사 ==*/
.crdCompanyList{margin-top:20px; padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.crdCompanyList ul:after{content:""; display:block; clear:both}
.crdCompanyList ul.txtList{margin-top:0}
.crdCompanyList li{float:left; width:20%; box-sizing:border-box}
.crdCompanyList li .completed{color:#666}

/*== 카드프리미엄 > 골프 ==*/
.premGolf{width:100%}
.premGolf:after{content:""; display:block; clear:both}
.premGolf div{position:relative; display:inline-block; float:left;}
.premGolf div img{width:100%}
.premGolf .left{width:51.5%;}
.premGolf .right{width:48.5%;}
.premGolf .btnPremGolf{position:absolute; bottom:10%; right:15%; width:33%; height:10%;}

/*============== 대출 ===============*/
/*== 대출 - 직장인신춍대출 신청 == */
/* 20170404 디자인 변경 삭제예정*/
.conditionBox {display:table; width:100%; margin-top:20px; background:#fff}
.conditionBox .leftOpt,
.conditionBox .rightOpt {display:table-cell; padding:40px; vertical-align:top}
.conditionBox .leftOpt {position:relative; width:322px; padding:40px; background:#056dae; color:#fff;}
.conditionBox .leftOpt p {margin-top:40px; font-size:14px}
.conditionBox .leftOpt ul li:first-child {padding-top:0}
.conditionBox .leftOpt ul li {padding:40px 0 40px; border-bottom:1px solid #fff}
.conditionBox .leftOpt strong {display:block; font-size:19px;}
.conditionBox .leftOpt .subTit {display:block; margin-top:10px; font-size:16px;}
.conditionBox .leftOpt .subTit > span:before {content:""; display:inline-block; width:10px; height:8px; padding-left:14px; background:url("../restored/img/common/ico_check_white.png") no-repeat;}
.conditionBox .leftOpt .subTit > em {display:block; padding-left:24px; font-size:12px;}
.conditionBox .leftOpt:after {content:""; position:absolute; top:50%; right:-14px; display:inline-block; width:14px; height:28px; background:url("../restored/img/common/leftOpt_arrow.png") no-repeat;}

.conditionBox .rightOpt .exArea .formControl {background-color:#eee; border:1px solid #bbb}
.conditionBox .rightOpt .exArea.btm .formControl {background-color:#fff; border:1px solid #bbb}
.conditionBox .rightOpt .txtIptLabel {font-size:19px; font-weight:bold}
.conditionBox .rightOpt .formWrap {font-size:16px;}
.conditionBox .rightOpt .exArea {width:100%; height:280px; padding-bottom:40px; box-sizing:border-box;}
.conditionBox .rightOpt .exArea.btm {border-top:1px solid #ccc;}

.conditionBox .rightOpt.exStep2 .exArea {margin-top:0; padding-top:100px; color:#056dae; font-size:19px}
.conditionBox .rightOpt.exStep2 .exArea .txtIptLabel {opacity: 0 !important; top:0; position: relative; height:0 !important; margin-top:-1px}
.conditionBox .rightOpt.exStep2 .exArea.btm {height:auto; padding-top:100px;}
.conditionBox .rightOpt .exArea .formWrap.fW1 {width:30px; padding-top:16px; float:left}
.conditionBox .rightOpt .exArea .formWrap.fW2 {width:115px; float:left; margin-right:10px;}
.conditionBox .rightOpt .exArea .formWrap.fW4 {margin-top:20px}
.conditionBox .rightOpt .exArea .formWrap.fW4 input[type="radio"]+label{display:inline-block;} 
.conditionBox .rightOpt .exArea .fl .relatedInfo {height:auto; padding-top:15px}
.conditionBox .rightOpt .exArea .formWrap.fW1 input[type="radio"]+label,
.conditionBox .rightOpt .exArea .formWrap.fW2 .txtIptLabel  {width:70px; height:0; padding:0; margin-top:0; font-size:0}
.conditionBox .rightOpt .exArea .fW3 {clear:both; margin-left:30px;}
.conditionBox .rightOpt .exArea .formWrap .formControl {display:inline-block}
/* //20170404 디자인 변경 삭제예정 */
.conditionBox {display:table; width:100%; margin-top:20px; background:#fff}
.conditionBox .leftArea {display:table-cell; position:relative; width:332px; background:#e7e7e7 }
.conditionBox .leftArea ul li{position:relative; padding:0 40px}
.conditionBox .leftArea ul li.on{background:#056dae; color:#fff; z-index:2}
.conditionBox .leftArea ul li.on:after{content:""; position:absolute; top:50%; right:-14px; margin-top:-14px;display:inline-block; width:14px; height:28px; background:url("../restored/img/common/leftOpt_arrow.png") no-repeat;}
.conditionBox .leftArea ul li .block{margin-top:-1px;padding:40px 0; border-top:1px solid #999}
.conditionBox .leftArea ul li.on .block{border-top:0}
.conditionBox .leftArea ul li:first-child .block{border-top:0}

.conditionBox .leftArea .tit {position:relative; display:block; font-size:26px; margin-top:5px; }
.conditionBox .leftArea .tit span{display:inline-block; padding-left:25px;}
.conditionBox .leftArea .tit:before {content:""; position:absolute; top:15px; display:block; width:15px; height:11px; background:url("../restored/img/common/ico_conditionBox_check.png") no-repeat 0 0;}
.conditionBox .leftArea .on .tit:before {content:""; position:absolute; top:15px; display:block; width:15px; height:11px; background:url("../restored/img/common/ico_conditionBox_check_white.png") no-repeat 0 0;}
.conditionBox .leftArea .subTit {display:block; font-size:16px;}
.conditionBox .leftArea .txt{display:block; padding-left:26px; font-size:12px;}
.conditionBox .leftArea .subTxt{display:block; font-size:14px;}
.conditionBox .leftArea .txt_toggle .tit,
.conditionBox .leftArea .txt_toggle .subTit{display:none}
.conditionBox .leftArea .on .txt_toggle .subTxt{display:block}
.conditionBox .leftArea .on .txt_toggle .tit,
.conditionBox .leftArea .on .txt_toggle .subTit{display:block}
.conditionBox .leftArea .on .txt_toggle .subTxt{display:none}

.conditionBox .rightArea .conDivBox > *{margin-top:0}
.conditionBox .conDivBox{margin-bottom:20px}
.conditionBox .conDivBox .block {position:relative;padding:0}
.conditionBox .conDivBox .block .inner {padding:20px 20px; border:0 }
.conditionBox .conDivBox .block .inner.on{border:1px solid #056DAE;}
.conditionBox .conDivBox .block .inner .dateSel{display:none;}
.conditionBox .conDivBox .block .inner.on .dateSel{display:block;}
.conditionBox .conDivBox .block label {display:inline-block; padding-left:30px !important;;text-indent:0 !important;}
.conditionBox .conDivBox .block label:before {position:absolute; top:50%; left:0; margin-top:-10px; }
.conditionBox .conDivBox .block input[type="radio"]:checked+label > div{display:inline-block}
/*.conditionBox .conDivBox .block input[type="radio"]:checked+label > div:before {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #056DAE; z-index:0;}
*/

.conditionBox .conDivBox .formWrap {margin-bottom:0}
.conditionBox .conDivBox .formWrap .formControl{display:inline-block; width:auto;}

.conditionBox .rightArea {display:table-cell; padding:40px; vertical-align:top}
.conditionBox .rightArea input[type="text"].formControl { border:1px solid #bbb}
.conditionBox .rightArea .exArea.btm .formControl {background-color:#fff; border:1px solid #bbb}
.conditionBox .rightArea .txtIptLabel {font-size:16px; font-weight:normal; opacity:1}

.conditionBox .rightArea .exArea {width:100%; height:280px; padding-bottom:40px; box-sizing:border-box;}
.conditionBox .rightArea .exArea.btm {border-top:1px solid #ccc;}
.conditionBox .rightArea .exArea .formWrap.fW1 {width:30px; padding-top:16px; float:left}
.conditionBox .rightArea .exArea .formWrap.fW2 {width:115px; float:left; margin-right:10px;}
.conditionBox .rightArea .exArea .formWrap.fW4 {margin-top:20px}
.conditionBox .rightArea .exArea .formWrap.fW4 input[type="radio"]+label{display:inline-block;} 
.conditionBox .rightArea .exArea .fl .relatedInfo {height:auto; padding-top:15px}
.conditionBox .rightArea .exArea .formWrap.fW1 input[type="radio"]+label,
.conditionBox .rightArea .exArea .formWrap.fW2 .txtIptLabel  {width:70px; height:0; padding:0; margin-top:0; font-size:0}
.conditionBox .rightArea .exArea .fW3 {clear:both; margin-left:30px;}
.conditionBox .rightArea .exArea .formWrap .formControl {display:inline-block}
.conditionBox .rightArea.exStep2 .block .inner{padding:102px 0 102px 20px}
.conditionBox .rightArea.exStep2 label{font-size:19px}

/*== 대출 - 직장인신청대출 신청 -  별점 선택 :20170413 마크업수정
.selTerm .selTermList{display:inline-block; width:100%; box-sizing:border-box;}
.selTerm .selTermList {display:block; width:100%; height:24px; background:url("../restored/img/common/range_dot_bg.png") repeat-x 0 11px;}
.selTerm .selTermList:after{content:""; display:block; clear:both}
.selTerm .selTermList input[type="radio"]{position:absolute; top:0px; z-index:1; width:auto;}
.selTerm .selTermList label{float:left; display:inline-block; width:24px; height:24px;  background:url("../restored/img/common/range_slider_default.png") no-repeat 0 0;}
.selTerm .selTermList label.on{display:inline-block; background:url("../restored/img/common/range_slider.png") no-repeat 0 0;}
.selTerm .selTermList input[type="radio"],
.selTerm .selTermList label:hover{cursor:pointer}

.selTerm .selTermList ul {width:100%}
.selTerm .selTermList li {position:relative; float:left; width:20%; box-sizing:border-box;}
.selTerm .selTermList li:before {display:block; content:''; position:absolute; top:15px; left:0; height:30px;}
.selTerm .selTermList li.active:before {top:10px; right:50%; bottom:0; height:3px; background-color:#056DAE;}
.selTerm .selTermList li.finished:before {top:10px; right:0; bottom:0; height:3px; background-color:#056DAE;}

.selTerm .selTermList li.active:first-child:before {background-color:transparent !important}
.selTerm .selTermList li.active:last-child:before {right:0 !important;}
.selTerm .selTermList li:first-child, .selTerm .selTermList li:last-child,
.selTerm .selTermList li.last{width:10% !important}
.selTerm .selTermList li:first-child > span {left:0;} 
.selTerm .selTermList li:last-child > span {left:inherit; right:0 !important; margin-right:-12px;}
.selTerm .selTermList li:first-child > em {text-align:left;} 
.selTerm .selTermList li:last-child > em {text-align:right} 
.selTerm .selTermList li > span{position:absolute; left:50%; top:0; display:inline-block; margin-left:-12px !important; text-align:center}
.selTerm .selTermList li > em {float:left; width:100%; margin:30px 0 0 0; text-align:center}

/*== 대출 - 직장인신청대출 신청 -  별점 선택 ==*/
.selTerm .selTermList{position:relative; width:100%; box-sizing:border-box; background:url("../restored/img/common/range_dot_bg.png") repeat-x 0 11px;z-index:1}
.selTerm .selTermList ul:before {display:block; content:''; position:absolute; top:11px; left:0; width:100%; height:2px;background:#ccc;}
.selTerm .selTermList ul{position:relative; width:100%; }
.selTerm .selTermList ul:after{content:""; display:blcok; clear:both}
.selTerm .selTermList ul li{float:left; width:20%; padding-bottom:20px; box-sizing:border-box;}
.selTerm .selTermList ul li:first-child{width:10%;}
.selTerm .selTermList ul li:last-child{width:10%;}

.selTerm .selTermList ul li .block{position:relative; width:100%; padding:30px 0 0;text-align:center;}
.selTerm .selTermList ul li .block button{position:absolute; top:0; left:50%; margin-left:-30px; display:inline-block; width:60px; height:24px; padding:30px 0 0; background-image:url("../restored/img/common/range_slider_default.png"); background-repeat:no-repeat; background-position:center 0;}
.selTerm .selTermList ul li:first-child .block{text-align:left}
.selTerm .selTermList ul li:first-child .block button{left:0; margin-left:0; text-align:left; background-position:-11px 0;}
.selTerm .selTermList ul li:last-child .block button{left:auto; right:0; margin-left:0; text-align:right; background-position:48px 0;}
.selTerm .selTermList ul li.on .block button{display:inline-block; background-image:url("../restored/img/common/range_slider.png");background-repeat:no-repeat; background-position:center 0;z-index:2}
.selTerm .selTermList ul li.on:first-child .block button{background-position:0 0;}
.selTerm .selTermList ul li.on:last-child .block button{background-position:right 0;}
.selTerm .selTermList ul li .block .cycleTit{padding:30px 0 0;}
.selTerm .selTermList .gage {position: absolute; width:0%; top:11px; height:2px; background: #056dae}


.selTermWrap {clear:both; padding-top:40px}
.selTermWrap .txtIptLabel{clear:both; margin-bottom:20px}
.selTermWrap .selTermArea > div {vertical-align:top}
.selTermWrap .selTermArea .cols {display:table; width:100%; margin-bottom:10px}
.selTermWrap .selTermArea .cols > .tit {display:table-cell; width:117px; vertical-align:top}
.selTermWrap .selTermArea .pCols {clear:both; margin-top:40px}
.selTermWrap .selTermArea > .cont {display:table-cell;}

.listPcnt li {float:left; width:20%; text-align:center}
.listPcnt li:first-child {width:10%; text-align:left;}
.listPcnt li:last-child {width:10%; text-align:right}

/*== 대출금액/대출금리 ==*/
/*
.infoEntry {display:table; width:100%; margin-top:30px; padding-top:30px; box-sizing:border-box; border-top:1px solid #ccc}
.infoEntry > * {font-size:16px; text-align:center}
.infoEntry > div:first-child {padding-right:10px;}
.infoEntry > div {display:table-cell; width:50%; padding-left:10px; box-sizing:border-box}
.infoEntry .block {width:100%; height:270px; padding:40px; background:#fff; box-sizing:border-box; vertical-align:top}
.infoEntry .block h1 {font-size:16px;}
.infoEntry .block .count {font-size:26px; font-family:'Myriad Pro'; font-weight:bold}
.infoEntry .block .sm {font-size:12px; color:#666}
.infoEntry .copyLine {margin:20px 0; padding:30px 0;border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.infoEntry .btmArea {text-align:left}
.infoEntry .btmArea:after {content:''; display:block; clear:both;}
.infoEntry .btmArea > span {float:left !important;}
.infoEntry .btmArea > a {float:right !important;}
.infoEntry .btnArea .fr {text-alifn:right}
.infoEntry .copyBlock {height:auto !important; padding:12px 20px;}
.infoEntry + .sTxt {margin-top:20px;}
*/
.bgColorW  .conDivArea.infoEntry{margin-top:0}
.infoEntry .titArea{padding-bottom:40px; border-bottom:1px solid #dfdfdf}
.infoEntry .titArea .tit{font-size:23px; color:#666; padding-left:57px}
.infoEntry .titArea .tit.icoInfoEntry{background:url("../restored/img/common/ico_infoEntry.png") no-repeat 0 4px}
.infoEntry .titArea .links{display:inline-blodk; margin-left:20px}
.infoEntry .conDivLine > * > .block{border-left:1px solid #dfdfdf}
.infoEntry .item{display:block; font-size:12px; color:#666}
.infoEntry .value{display:block; margin-top:5px; color:#282828}
.infoEntry .value em{font-size:25px; font-weight:bold;}
.infoEntry .msg{margin-top:20px; padding:30px 20px; background:#fafafa}
.infoEntry .msg strong,
.infoEntry .msg span{font-size:14px; color:#282828}
.infoEntry .msg .links{margin-left:10px; font-size:14px;}

/*== 직장분류 ==*/
.multiSlt ul {margin:-30px -10px 0 -10px;}
.multiSlt ul:after {content:''; display:block; clear:both;}
.multiSlt ul li {float:left; width:33%; padding:0 10px; box-sizing:border-box;}
.multiSlt ul li:first-child + li {width:34%;}
.multiSlt ul li .titH3 {margin-top:30px;}
.multiSlt .resultBlock {text-align:center;}
.multiSlt .resultBlock span {display:inline-block; height:60px; margin-top:40px; margin-bottom:20px; padding:0 20px; border-radius: 6px; background-color:#e7e7e7; color:#666; font-size:19px; line-height:56px; text-align:center; box-sizing:border-box;}
.multiSlt .resultBlock span em {color:#333;}

/*== 부동산담보대출가능금액조회 ==*/
.areaMortgageWrap{margin-top:50px;}
.areaMortgageWrap .areaMortgageMap{height:200px; background:#fff}
.areaMortgageWrap .areaMortgageMask{overflow:hidden}
.areaMortgageWrap .areaMortgageList{width:100%; margin-top:20px}
.areaMortgageWrap .areaMortgageList:after{content:""; display:block; clear:both}
.areaMortgageWrap .areaMortgageList > li{float:left; width:25%; height:50px; padding:11px 10px 0 0; margin-bottom:-1px; border-bottom:1px solid #ccc; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; box-sizing:border-box; overflow:hidden}
.areaMortgageWrap .areaMortgageList > li > a{padding-bottom:2px; font-size:14px;}
.areaMortgageWrap .areaMortgageLoca{margin-top:20px; color:#333}
.areaMortgageWrap .areaMortgageLoca:after{content:""; display:block; clear:both}
.areaMortgageWrap .areaMortgageLoca .areaTit{float:left; display:inline-block; font-weight:bold; margin-right:7px;}
.areaMortgageWrap .areaMortgageLoca .areaList{float:left}
.areaMortgageWrap .areaMortgageLoca .areaList > li{float:left;}
.areaMortgageWrap .areaMortgageLoca .areaList > li:before{content:">"; display:inline-block; width:17px; padding-left:7px}
.areaMortgageWrap .areaMortgageLoca .areaList > li:first-child:before{content:""; width:0; padding-left:0}

/*== 금융서비스 바로신청 ==*/
.appFormArea .funcGroup{margin-top:30px;}
.appFormArea .appFormBox{position:relative; border-top:1px solid #999999;margin-top:20px;margin-bottom:-10px;padding-top:20px;}
.appFormArea .appFormBox ul{display:table;}
.appFormArea .appFormBox ul li{display:table-cell;width:50%;padding-left:28px;}
.appFormArea .appFormBox ul li:first-child{border-right:1px solid #d8d8d8;padding-left:0px;}
.appFormArea .appFormBox .appForm{width:95%;}
.appFormArea .appFormBox .appForm .titH1{font-size:19px;font-weight:bold;margin-bottom:10px;}
.appFormArea .appFormBox [class^=btnType]{display:block;width:70%;}

/*== 부채통합신청관련위임장및동의서 ==*/
.delegateArea .tit1{font-size:22px;font-weight:bold;}
.delegateArea .tit2{font-size:19px;font-weight:bold;margin-top:20px;margin-bottom:10px;}
.delegateArea .delegateBox .inputComp{border-top:1px solid #999;padding-top:8px;margin-top:20px;margin-bottom:40px;}
.delegateArea .delegateBox .inputComp .inputGroup .formWrap{border-bottom:1px solid #999;padding-bottom:20px;padding-top:8px;}
.delegateBottom .txtBottom{margin-top:20px;}
.delegateBottom .delegateDate{font-size:19px; font-weight:bold;}
.delegateBottom .delegateInfo{width:150px;display:inline-block;}
.delegateBottom .refList li{font-size:16px;color:#333;}
.delegateBottom p{margin-top:15px;}

/*== 대출상담신청 ==*/
.termsDocBox li{position:relative;display:block;border-bottom:1px solid #999; padding:15px 0 12px;padding-left:10px;}
.termsDocBox li:first-child{border-top:1px solid #999;}
.termsDocBox .printBtn{position:absolute;right:10px;top:20px;}

/*== 인터넷뱅킹 가입 확인 ==*/
.inbankAgree {display:table; position:relative; width:100%; margin-top:20px; margin-bottom:20px;}
.inbankAgree > div {display:table-cell; width:50%; padding:20px 50px 75px 40px; text-align:center; vertical-align:top;}
.inbankAgree > div:last-child {padding:20px 40px 70px 50px;}
.inbankAgree > div:before {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; left:0; right:50%; margin-right:10px; background-color:#fff; z-index:0;}
.inbankAgree > div:last-child:before {left:50%; right:0; margin-left:10px; margin-right:0;}
.inbankAgree input[type="radio"]+label {padding:0 !important; text-indent:0 !important;}
.inbankAgree input[type="radio"]+label:before {position:absolute; left:25%; bottom:40px; top:auto; margin-left:-15px;}
.inbankAgree > div:last-child input[type="radio"]+label:before {right:25%; left:auto; margin-right:-15px;}
.inbankAgree p {position:relative; margin-top:20px; padding:0 !important; z-index:1;}
.inbankAgree input[type="radio"]:checked+label div:before {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; left:0; right:50%; margin-right:10px; border:1px solid #056DAE; z-index:0;}
.inbankAgree > div:last-child input[type="radio"]:checked+label div:before {left:50%; right:0; margin-left:10px; margin-right:0;}

.ie8 .inbankAgree > div:first-child + div:before {left:50%; right:0; margin-left:10px; margin-right:0;}
.ie8 .inbankAgree input[type="radio"] {position:absolute; left:25%; bottom:35px; top:auto; margin-left:-15px; z-index:1;}
.ie8 .inbankAgree > div:first-child + div input[type="radio"] {right:25%; left:auto; margin-right:-15px;}

/*== 직장인신용대출 배너 ==*/
.evtCont {min-width:600px;}
.evtCont .titH2 {margin-top:0px; margin-bottom:20px; color:#fff; }
.lopdEvn {margin-bottom:-10px; max-width:550px}
.lopdEvn > * {vertical-align:top; text-align:right;}
.lopdEvn > *:first-child {text-align:left; padding-right:10px;}
.evtCont .btnType3 {min-width:250px}

/*============== 펀드 ===============*/
/*== 펀드 - 부가서비스 ==*/
.investResult{text-align:center}
.investResult:after{content:""; display:block; clear:both}
.investResult .investTxt{margin-top:25px;font-size:20px}
.investResult .investImg{margin-top:40px}
.investResult .investList{margin-top:50px; text-align:left}
.investResult .investList li{padding-top:20px}
.investResult .investList li strong{display:block}
.investResult + .btnArea{padding-top:70px}

/*== 별점 ==*/
.scoreStar > span {float:left; width:19px; height:18px; margin-left:10px; background-size:19px 18px; background-repeat:no-repeat}
.scoreStar > span:first-child {margin-left:0}
.scoreStar > span {background-image:url("../restored/img/common/ico_star_empty.png");}
.scoreStar > span.on {background-image:url("../restored/img/common/ico_star_full.png");}

/*== SMS인증 ==*/
.smsArea {margin:30px -10px 0 -10px; overflow:hidden;}
.smsArea ul{display:table; width:100%;}
.smsArea ul li{position:relative; display:table-cell; width:50%; padding:40px 10px 37px 10px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.smsArea ul li.row3Box {width:33.3333%;}
.smsArea ul li a {display:block; padding:0 10px;color:#056dae; box-sizing:border-box;}
.smsArea ul li a:hover, 
.smsArea ul li a:active, 
.smsArea ul li a:focus {color:#000;}
.smsArea ul li a:before {content:''; display:block; position:absolute; top:0; left:10px; right:10px; bottom:0; background-color:#fff; border-radius:6px; border:1px solid #fff; box-sizing:border-box;}
.smsArea ul li a:hover:before, 
.smsArea ul li a:active:before, 
.smsArea ul li a:focus:before {border:1px solid #056dae;}
.smsArea ul li a > span {position:relative; display:block; z-index:1; word-break:break-word;}
.smsArea ul li a > span:before {content:''; display:block; width:99%; height:44px; margin:0 auto 15px;}
.smsArea ul li a.channel > span:before {background:#fff url("../restored/img/common/sms_2channel.png") no-repeat center center;}
.smsArea ul li a.sms > span:before {background:#fff url("../restored/img/common/sms.png") no-repeat center center;}
.smsArea ul li a.ars > span:before {background:#fff url("../restored/img/common/ars.png") no-repeat center center;}
.smsArea ul li a.phone > span:before {height:46px; background:#fff url("../restored/img/common/phone.png") no-repeat center center;}
.smsArea ul li a.chatting > span:before {height:46px; background:#fff url("../restored/img/common/chatting.png") no-repeat center center;}
.smsArea ul li a.cs > span:before {background:#fff url("../restored/img/common/cs.png") no-repeat center center;}
.smsArea ul li a.addSa > span:before {background:#fff url("../restored/img/common/addSa.png") no-repeat center center;}
.smsArea ul li a.addTerminal > span:before {background:#fff url("../restored/img/common/addTerminal.png") no-repeat center center;}
.smsArea ul li a.terminal > span:before {background:#fff url("../restored/img/common/terminal.png") no-repeat center center;}
.smsArea ul li a.phoneQa > span:before {height:49px; background:#fff url("../restored/img/common/phoneQa.png") no-repeat center center;}
.smsArea ul li a.chatQa > span:before {height:39px; background:#fff url("../restored/img/common/chatQa.png") no-repeat center center;}

/*livechat*/
.smsArea ul li a.card > span:before {background:#fff url('/img/common/ico_livechat_card.png') no-repeat center center; background-size: 70px}
.smsArea ul li a.liveChat > span:before {height:49px; background:#fff url('/img/common/ico_livechat_mobile.png') no-repeat center center; background-size: 70px}
.smsArea ul li a.saving > span:before {height:39px; background:#fff url('/img/common/ico_livechat_saving.png') no-repeat center center; background-size: 70px}



/* == 인증_기타 == */
.smsTit {font-size:12px;color:#666;margin-top:20px;}
.smsLineArea {border-top:1px solid #999;margin-top:25px;}

/*== 인증서이동 ==*/
.cerImgBox{padding:40px 0px;width:100%;background-color:#fff;margin-bottom:10px;position:relative;}
.cerImgBox .imgBox{display:inline-block;width:25%;text-align:center;float:left;}
.cerImgBox .imgBox.pcImg img{width:100px;height:70px;}
.cerImgBox .imgBox.mbImg img{width:38px;height:70px;}
.cerImgBox .cerText{display:inline-block;width:75%;float:left;}
.cerImgBox .cerText .txtList{margin-top:0;}
.cerImgBox .cerText .txtList li{margin-top:10px;}
.cerImgBox .cerText .txtList li:first-child{margin-top:0;}


/*============== 보험 ===============*/
/* 보험상품안내 */
.insGoodsArea .insGoodsImg{position:relative; display:block;overflow:hidden;margin:auto;width:568px;height:318px;}
.insGoodsArea .insGoodsImg.seniorImg01{background:url("../restored/img/common/insPop_sImg1.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.savingImg01{background:url("../restored/img/common/savingImg01.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.savingImg02{background:url("../restored/img/common/savingImg02.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.savingImg03{background:url("../restored/img/common/savingImg03.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.variableImg01{background:url("../restored/img/common/variableImg01.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.pensionImg01{background:url("../restored/img/common/pensionImg01.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.pensionImg02{background:url("../restored/img/common/pensionImg02.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.pensionImg03{background:url("../restored/img/common/pensionImg03.jpg") no-repeat 50% 50%;background-size:568px 318px;}
.insGoodsArea .insGoodsImg.protectImg01{background:url("../restored/img/common/protectImg.jpg") no-repeat 50% 50%;background-size:544px 305px;}
.insGoodsArea .insGoodsImg.protectImg02{background:url("../restored/img/common/protectImg2.jpg") no-repeat;background-size:544px 305px;}
.insGoodsArea .insGoodsImg.eImg01{background:url("../restored/img/common/eImg01.jpg") no-repeat 50% 50%;background-size:568px 318px;}
/*161116 이동
.insGoodsArea .insGoodsImg{position:relative; display:block; width:100%; min-height:155px; background:url("../restored/img/pre/temp_ins_img01.png") no-repeat center center; overflow:hidden}
*/
.insGoodsArea .titH3,
.insGoodsArea .titH4{margin-top:20px}
.insGoodsArea .txt{margin-top:20px}
.insGoodsArea .titH3 + .txtList li{margin:20px 0}
.insGoodsArea + .insGoodsArea{margin-top:60px}


/*=========== 외환/글로벌 =============*/
/*== 환율표- 라디오/체크 리스트 ==*/
.radioList > .txtIptLabel {display:block; margin:10px 0 3px; font-size:12px; color:#666; white-space:nowrap}
.radioList > ul {font-size:0; margin:0 -10px;}
.radioList > ul > li {display:inline-block; width:20%; margin-bottom:20px; padding:0 10px; box-sizing:border-box; font-size:16px;}
.radioList > ul > li .thum {padding:40px; background-color:#fff; text-align:center;}
.radioList > ul > li .thum > img {width:150px; max-width:100%;}

/*== 환율 ==*/
.exchangeList {margin-top:20px; background-color:#fff;}
.exchangeList:after {content:''; display:block; clear:both;}
.exchangeList > li {float:left; width:25%; margin:20px 0; padding:0 30px; border-left:1px solid #ccc; font-size:14px; box-sizing:border-box;}
.exchangeList > li:first-child {border-left:0 none;}
.exchangeList .tit > div {display:table; width:100%; margin-top:5px;}
.exchangeList .tit > div > span {display:table-cell; font-size:16px; vertical-align:middle;}
.exchangeList .tit > div > em {display:table-cell; text-align:right; vertical-align:middle;}
.exchangeList [class^=flag] {padding-left:40px; font-weight:bold;}
.exchangeList .flagCn {background:url("../restored/img/common/flag_cn.png") no-repeat 0 2px;}
.exchangeList .flagEu {background:url("../restored/img/common/flag_eu.png") no-repeat 0 2px;}
.exchangeList .flagJp {background:url("../restored/img/common/flag_jp.png") no-repeat 0 2px;}
.exchangeList .flagUs {background:url("../restored/img/common/flag_us.png") no-repeat 0 2px;}
.exchangeList .green {font-family:'Interstate_light', 'Malgun Gothic','맑은 고딕', 'Apple SD Gothic Neo', sans-serif; font-size:26px !important; font-weight:normal; vertical-align:bottom;}
.exchangeList .unit {font-size:12px;}
.exchangeList ul li:after {content:''; display:block; clear:both;}
.exchangeList ul li {padding:15px 0; border-top:1px solid #ccc;}
.exchangeList ul li:first-child {border-top:0 none;}
.exchangeList li > span {float:left; font-weight:bold;}
.exchangeList li > em {float:right; text-align:right;}

/*== 약관가입시 우측 삼성화재씨티뱅크 ==*/
.rightLogoArea{margin-top:-13px;}
.rightLogoArea li{display:inline-block;padding:0 0 0 10px;height:40px;border-left:1px solid #ccc;}
.rightLogoArea li:first-child{border-left:none;}
.rightLogoArea li.samsungfire{width:120px;background:url("../restored/img/common/samsungfire_logo.png") no-repeat 50% 10px;}
.rightLogoArea li.citibank{width:55px;background:url("../restored/img/common/samsungfire_logo.png") no-repeat 50% -161px;}

/*== 인터넷환전 ==*/
.fontGroup{margin-top:20px;}
.fontGroup > p{font-weight:bold;}
.fontGroup > .txtList{margin-top:10px;}

/*== 제휴지점안내  ==*/
.psMapArea{height:400px;background-color:#fff;color:#999;text-align:center;margin-top:60px;}
.psMapArea span{display:block;padding-top:150px;}

/*== 전문조회 ==*/
.outsideTxtBox{margin-top:20px;}

/*== 현재 판매중인 국제현금카드 기능 상품 ==*/
.cashCardArea {position:relative; margin-top:15px; padding:0 40px 40px 370px; background-color:#fff; box-sizing:border-box;}
.cashCardArea:after {content:''; display:block; clear:both;}
.cashCardArea .cardImg {position:relative; float:left; width:290px; margin-top:40px; left:-330px; margin-right:-290px;}
.cashCardArea .cardImg img {width:100%; height:auto;}
.cashCardArea .cardBox {float:left; width:100%; margin-top:40px;}
.cashCardArea .cardBox .cardTit {color:#056DAE; font-size:24px; line-height:1;}
.cashCardArea .cardBox .txtList {margin-bottom:22px;}
.cashCardArea .cardBox .links {font-weight:bold;}

/*== 외환글로벌 > 무료환율표 미리보기 ==*/
.exrtSv {position:relative; min-width:200px; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.exrtSv > * {font-size:14px; color:#333; letter-spacing:-1px;}
.exrtSv ul {border-radius:6px; overflow:hidden;}
.exrtSv ul:after {content:''; display:block; clear:both;}
.exrtSv ul li {position:relative; float:left; width:27%; height:24px; border-right:1px solid #999; box-sizing:border-box; text-align:center; background-color:#eee; font-weight:bold;}
.exrtSv ul li:first-child + li + li {width:46%; border-right:0;}
.exrtSv ul li.on {background-color:#666; border-right:1px solid #666; color:#fff;}
.exrtSv table {width:100%; margin-top:2px; text-align:right;}
.exrtSv table th,
.exrtSv table td {padding:3px 5px !important; border-top:1px solid #d8d8d8; box-sizing:border-box; font-size:13px !important; color:#333 !important; line-height:1; vertical-align:middle;}
.exrtSv table th {height:24px; line-height:1; background-color:#f2f2f2; border-top:0; font-weight:normal; text-align:center;}
.exrtSv table tbody tr:first-child td {border-top:1px solid #666;}
.exrtSv table tbody tr td:first-child {text-align:left; padding-right:0 !important;}
.exrtSv .date {margin:15px 0 0 0; font-size:12px; color:#666; letter-spacing:-0.5px;}
.exrtSv .citi {content:''; display:block; position:absolute; width:29px; height:17px; right:0; bottom:3px; background:url("../restored/img/common/exrtlogo.png") no-repeat 0 0; }
.exrtSv .noRslt {height:60px; vertical-align:middle; text-align:center !important;}
/* 1) 색상선택 */
.exrtSv.red ul li.on {background-color:#cb361a; border-right:1px solid #cb361a;}
.exrtSv.red table th {background-color:#f9f1ed;}
.exrtSv.orange ul li.on {background-color:#be6d01; border-right:1px solid #be6d01;}
.exrtSv.orange table th {background-color:#f8f5eb;}
.exrtSv.yellow ul li.on {background-color:#c29b00; border-right:1px solid #c29b00;}
.exrtSv.yellow table th {background-color:#f3f4e7;}
.exrtSv.green ul li.on {background-color:#118901; border-right:1px solid #118901;}
.exrtSv.green table th {background-color:#e9f7ee;}
.exrtSv.blue ul li.on {background-color:#1a80c0; border-right:1px solid #1a80c0;}
.exrtSv.blue table th {background-color:#eef5fb;}
.exrtSv.navyblue ul li.on {background-color:#2856a2; border-right:1px solid #2856a2;}
.exrtSv.navyblue table th {background-color:#edf1f7;}
.exrtSv.violet ul li.on {background-color:#6658b7; border-right:1px solid #6658b7;}
.exrtSv.violet table th {background-color:#f2effa;}
/* 2) 미리보기 간격 */
.titH3 + .exrtSv {margin-top:20px;}

/*=========== 공과금/수표 =============*/
/*== 지로 ==*/
.ziroArea {position:relative; height:280px; box-sizing:border-box; background:#fff }
.ziroArea .ziroBlock {position:absolute; top:40px; left:50%; width:690px; margin-left:-345px}
.ziroArea .ziroBlock .ziroImg {width:690px; height:155px; margin:0 auto; background:url("../restored/img/common/fndImg_ziro_sample.png") no-repeat; }
.ziroArea .ziroBlock .ziroImg > div {position:absolute; top:86px; left:207px}
.ziroArea .ziroBlock .ziroImg > div input{float:left; width:22px; height:29px; margin-right:1px ;border:0; background:transparent; text-align:center}
.ziroImg + .olTxtList.square {margin-top:0 !important;}

/*==  내공과금 - 공과금달력 ==*/
.calendarWrap{margin:20px -10px;}
.calendarWrap:after{content:""; display:block; clear:both}
/* 달력영역 */
.calendarWrap .calendarArea{float:left; width:66.7%; padding:0 10px; box-sizing:border-box; }
.calendarWrap .calendarArea .InCalendarArea{position:relative; padding:30px 20px 10px; background-color:#fff}
.InCalendarArea .tblCalendar{width:100%; margin-top:20px}
.InCalendarArea .tblCalendar thead th{height:35px; font-size:16px; background:#eee; border-bottom:1px solid #ccc}
.InCalendarArea .tblCalendar tbody td{height:112px; border-top:1px solid #eee}
.InCalendarArea .tblCalendar tbody td .dayWrap{padding:8px 10px;}
.InCalendarArea .tblCalendar tbody td .day{display:block; padding-bottom:2px; font-size:16px; color:#056dae}
.InCalendarArea .tblCalendar tbody td > .today{height:100%; border:2px solid #056dae; box-sizing:border-box;}
.InCalendarArea .tblCalendar tbody td > .today > .day{font-weight:bold}
.InCalendarArea .tblCalendar tbody td .dayWrap .status,
.InCalendarArea .tblCalendar tbody td .dayWrap .tip{display:block; margin:2px 0 0 -2px}
.InCalendarArea .tblCalendar tbody td .dayWrap .status > .num,
.InCalendarArea .tblCalendar tbody td .dayWrap .tip > .num{font-size:14px; color:#666}
.InCalendarArea .tblCalendar tbody td .tipWrap .help.icoPayInfo{margin-top:-1px; background: url("../restored/img/common/ico_payInfo.png") no-repeat 0 0;}
.InCalendarArea .tblCalendar tbody td .tipWrap .help.icoInputInfo{margin-top:-1px; background: url("../restored/img/common/ico_inputInfo.png") no-repeat 0 0;}
.InCalendarArea .tblCalendar tbody td .tipWrap .help.icoPayInfo:hover,
.InCalendarArea .tblCalendar tbody td .tipWrap .help.icoPayInfo:focus,
.InCalendarArea .tblCalendar tbody td .tipWrap.on .help.icoPayInfo,
.InCalendarArea .tblCalendar tbody td .tipWrap .help.icoInputInfo:hover,
.InCalendarArea .tblCalendar tbody td .tipWrap .help.icoInputInfo:focus,
.InCalendarArea .tblCalendar tbody td .tipWrap.on .help.icoInputInfo{background-position:0 bottom}

.InCalendarArea .calendarMonth{text-align:center}
.InCalendarArea .calendarMonth:after{content:""; display:block; clear:both}
.InCalendarArea .calendarMonth a{text-indent:-9999px !important;}
.InCalendarArea .calendarMonth a span{position:relative; display:inline-block; width:30px; height:30px; padding:0; margin:0; color:#056DAE; border-radius:6px; font-family:inter Light,Arial; letter-spacing:0 !important; cursor:pointer}
.InCalendarArea .calendarMonth .prevMonth span,
.InCalendarArea .calendarMonth .nextMonth span{border:2px solid #056DAE; line-height:27px; background:#056DAE; color:#fff}
.InCalendarArea .calendarMonth .prevMonth span:before{content:'\2039'; position:absolute; top:-1px; left:0; width:30px; height:30px; text-indent:0; font-size:20px;}
.InCalendarArea .calendarMonth .nextMonth span:before{content:'\203A'; position:absolute; top:-1px; left:0; width:30px; height:30px; text-indent:0; font-size:20px;}
.InCalendarArea .calendarMonth .prevMonth:hover span,
.InCalendarArea .calendarMonth .nextMonth:hover span{background:#002A54; border-color:#002A54}
.InCalendarArea .calendarMonth .nowMonth{display:inline-block; padding:2px 20px 0; font-size:19px; font-weight:bold; vertical-align:top}

.InCalendarArea .calendarInfo{margin-top:25px}
.InCalendarArea .calendarInfo:after{content:""; dispaly:block; clear:both}
.InCalendarArea .calendarInfo > li{position:relative; display:inline-block; padding-right:20px}
.InCalendarArea .calendarInfo > li strong,
.InCalendarArea .calendarInfo > li span{display:inline-block; min-height:20px; font-size:14px; color:#666}
.InCalendarArea .calendarInfo > li span{padding-left:5px;}
.InCalendarArea .calendarInfo > li .icoPay{padding-left:25px}
.InCalendarArea .calendarInfo > li .icoPay:before{content:""; position:absolute; top:4px; left:0; display:inline-block; width:20px; height:20px; background:url("../restored/img/common/ico_payInfo.png") no-repeat 0 0 }
.InCalendarArea .calendarInfo > li .icoInput{padding-left:25px}
.InCalendarArea .calendarInfo > li .icoInput:before{content:""; position:absolute; top:4px; left:0; display:inline-block; width:20px; height:20px; background:url("../restored/img/common/ico_inputInfo.png") no-repeat 0 0 }

/* 상세내역영역 */
.calendarWrap .detailArea{float:right; width:33.3%; padding:0 10px; box-sizing:border-box;}
.calendarWrap .detailArea .InnerDetailArea{position:relative; }
.InnerDetailArea .commonCont{position:relative; padding:40px 30px 30px; border:2px solid #056dae; box-sizing:border-box; background:#eee}
.InnerDetailArea .linksGroup{margin-top:40px; text-align:center; font-weight:bold;}
.InnerDetailArea .linksGroup li{padding-top:10px}
.InnerDetailArea .linksGroup li:first-child{padding-top:0}

.InnerDetailArea .contTit{display:block; margin:-55px 0 25px; color:#666; font-size:16px; text-align:center;}
.InnerDetailArea .contTit span {display:inline-block; padding:0 10px; background-color:#eee;}
.InnerDetailArea .layerDetailCont{display:none; position:absolute; top:0; left:0; width:100%; padding:40px 30px; border:2px solid #056dae; box-sizing:border-box; background:#eee}
.InnerDetailArea .layerDetailCont.viewOn{display:block; z-index:200}
.InnerDetailArea .layerDetailCont .btnClose{position:absolute; top:-10px; left:50%; margin-left:85px; display:inline-block; width:18px; height:18px; background:url("../restored/img/common/btn_close.png") no-repeat 0 -18px}
.InnerDetailArea .layerDetailCont .contTit span{padding-right:38px}
.InnerDetailArea .layerDetailCont .detailList > li{padding:0 20px 0 54px;}
.InnerDetailArea .layerDetailCont .quickGroup > li{padding-left:20px;}
.InnerDetailArea .layerDetailCont .quickGroup > li:first-child{padding-left:0;}
.InnerDetailArea .infoListLine{border-top:0; border-bottom:1px solid #ccc}
.InnerDetailArea .infoListLine > li{border-bottom:0; border-top:1px solid #ccc}
.InnerDetailArea .infoListLine .accoContents{margin-bottom:0; padding-bottom:30px; font-size:14px; color:#666}
.InnerDetailArea .infoListLine .accoContents .quickGroup{font-size:16px}
.InnerDetailArea .scroll{height:480px; overflow-x:hidden; overflow-y:auto}
.InnerDetailArea .detailListWrap{height:480px;}
.InnerDetailArea .detailList{padding:0;}
.InnerDetailArea .detailList > li{padding:25px 0 28px 0; border-top:1px solid #ccc}
.InnerDetailArea .detailList > li:first-child{padding-top:0; border-top:0}
.InnerDetailArea .detailList > li .item{}
.InnerDetailArea .detailList > li .agency{font-size:12px; color:#666}
.InnerDetailArea .detailList > li .linksGroup{margin-top:6px; text-align:left; font-weight:normal}
.InnerDetailArea .btnArea{margin-top:0 !important; padding-top:30px; text-align:center; border-top:1px solid #999}
.InnerDetailArea .btnArea > a {font-weight:normal; line-height:22px; height:24px;}
.InnerDetailArea .calendarPaging{margin:0; padding:30px 0 0 0; border-top:1px solid #999}
/* 내공과금조회 */
.InCalendarArea .tblCalendar tbody td > .today {box-sizing:initial !important;}
.InnerDetailArea .btnArea {padding-top:25px !important;}
.commonCont .scroll {height:547px !important;}
.commonCont .scroll > .detailListWrap {height:auto;}
.tempScrollMytx {margin-top:50px; overflow-y:auto;}
.tempScrollMytx table {margin-top:0;}
.titH3 + .tempScrollMytx {margin-top:20px;}

/*== 국세 ==*/
.sortingWrap {margin-top:60px; padding:40px; background-color:#e7e7e7;}
.sortingWrap .funcGroup {margin-top:0; text-align:center;}
.sortingWrap .funcGroup .formWrap + .funcTxt {position:relative; top:6px;}
.sortingWrap .funcGroup .formWrap .formControl {display:inline-block; width:auto; margin-left:10px;}

/*=========== 설정/서비스 =============*/
/*== 피싱파밍방지용 이미지 ==*/
.phishingArea{margin-top:15px;background-color:#fff;padding:30px 0 30px 30px;border:1px solid #056DAE;}
.phishingArea ul{display:table;}
.phishingArea ul li{display:table-cell;padding-left:20px;}

.phishingArea .choiceBox{border-right:1px solid #e8e8e8;text-align:center;height:100%;}
/*
.phishingArea .inputComp .inputGroup.horizontal .formWrap label{margin:6px 0 0 16px;text-indent:-999px;}
.phishingArea .inputComp .inputGroup.horizontal .formWrap input{margin:10px 15px;}
/*
.phishingArea .phishingImgBox{border:1px solid #e8e8e8;width:50px;height:50px;padding-top:8px;text-align:center;box-sizing:border-box;}
.phishingArea .phishingImgBox img{width:30px;height:30px;}
*/
.phishingArea .inputGroup.horizontal .formWrap.phishingImgBox{position:relative; padding-bottom:30px;vertical-align:top}
.phishingArea .inputGroup.horizontal .formWrap input{margin:0}
.phishingArea .phishingImgBox input[type="radio"]+label{padding:0 !important;text-indent:0 !important; vertical-align:top;}
.phishingArea .phishingImgBox input[type="radio"]+label:before{position:absolute; display:block; top:60px; left:15px;}
.phishingArea .phishingImgBox label .img{position:relative; display:block;border:1px solid #e8e8e8;width:50px;height:50px; padding-top:10px; text-align:center;box-sizing:border-box;}
.phishingArea .phishingImgBox label .img img{display:inline-block; width:30px;height:30px;}

/* 피싱파밍방지용2차 작업*/
.phishingArea dl{display:table;}
.phishingArea dl dt{display:table-cell;border-right:1px solid #e8e8e8;padding-right:20px;vertical-align:middle;}
.phishingArea dl dd{display:table-cell;padding-left:20px;}
.phishingUpBox{margin-top:15px;background-color:#fff;padding:30px 0 30px 30px;border:1px solid #d8d8d8;}
.phishingUpBox dl{display:table;}
.phishingUpBox dl dt{display:table-cell;border-right:1px solid #e8e8e8;padding-right:20px;padding-left:0;width:100px;vertical-align:middle;}
.phishingUpBox dl dd{display:table-cell;padding-left:20px;padding-right:20px;}
.phishingUpBox .uploadImg{margin-top:10px;width:150px;height:150px;float:left;border:1px solid #e8e8e8;background:#e8e8e8 url("../restored/img/common/ico_photo.png") no-repeat 50% 50%;border-radius:50%;}
.phishingUpBox .uploadImg img{width:150px;height:150px;background-color:#fff;border-radius:50%;}
.phishingUpBox .uploadBox{float:left;margin-left:20px;min-width:530px;}
.phishingUpBox .uploadBox .row .formWrap{margin-bottom:0;}
.phishingUpBox .uploadBox .row .formWrap input{border:1px solid #d8d8d8;}
.phishingUpBox .uploadBox .row .formWrap.formWrap.nonLabel label{height:0;}
.phishingUpBox .uploadBox .row .btnArea{padding-top:5px;}
.phishingUpBox .uploadBox .row .btnArea button{min-width:100px;}
/*피싱파잉방지용 업로드 버튼*/
.phishingUpBox .uploadBox .row{position:relative;}
.uploadBox .row .formWrap input[disabled].formControl{background:#eee !important;color:#eee !important;}
.uploadBox .row .formWrap .formControl:focus,
.formWrap.isFocused .formControl {outline:rgba(0,0,0,0); border-color:#056DAE}
.uploadBox .row .formWrap .formControl:focus::-webkit-input-placeholder,
.formWrap.isFocused .formControl::-webkit-input-placeholder {color: #eee;}
.uploadBox .row .formWrap .formControl:focus::-moz-placeholder,
.formWrap.isFocused .formControl::-moz-placeholder {color: #eee;}
.uploadBox .row .formWrap .formControl:focus:-ms-input-placeholder,
.formWrap.isFocused .formControl:-ms-input-placeholder {color: #eee;}
.fileUpBox{margin-top:5px;}
.fileUpBox .upload label {display:inline-block;border-radius:6px;background:#056DAE;color:#fff;font-weight:bold;height:50px;line-height:43px;padding:0 40px;}
.fileUpBox .upload input[type="file"] {position:absolute; width:1px; height:1px; margin-left:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0}
.fileUpBox .upload input[type="file"]:disabled + label{border:2px solid #9c9c9c;background-color:#fff !important; color:#9c9c9c !important;}

/*== POP 개인정보제공 약관 ==*/
.poptermsArea{position:relative;margin-top:30px;font-size:16px;}
.poptermsArea li:first-child{border-top:1px solid #999;}
.poptermsArea li{border-bottom:1px solid #999;padding:20px 0;}
.poptermsArea .poptermsBox{position:relative;overflow:hidden;}
.poptermsArea .poptermsBox p{float:left; width:20%;margin-right:10px;}
.poptermsArea .poptermsBox ul{float:left; display:inline-block; width:75%;}
.poptermsArea .poptermsBox ul li:first-child{border-top:none;}
.poptermsArea .poptermsBox ul li{border-bottom:none; padding:0;}
.poptermsArea .poptermsBox ul li ul.txtList{width:100%;}
.poptermsArea .poptermsBox ul li ul.txtList li{width:100%;}
.poptermsArea .poptermsBox .refList li{padding-left:17px;}
.poptermsArea .poptermsBox .txtList{margin-top:0;float:left;}
.poptermsArea .poptermsBox .txtList li{padding-left:18px;margin-top:4px;}
.poptermsArea .poptermsBox .txtList li:first-child{margin-top:0;}
.poptermsArea .poptermsBox .refList{width:70%;margin-left:21%;margin-top:10px;}
.popBtmNameBox{position:relative;width:100%;margin-top:20px; overflow:hidden;}
.popBtmNameBox ul{float:right;width:130px;}
.popBtmNameBox .txtAlign{font-weight:bold;margin-bottom:20px;}

/*== 위험수익율알람여부 ==*/
.rangeArea{padding-left:10px;}
.rangeArea .front div{float:left;}
.rangeArea .front .sign{width:10%;padding-right:10px;}
.rangeArea .front .frontInput{width:20%;}
.rangeArea .front .backInput{width:10%;}
.rangeArea .front .frontInput1{width:20%;}
.rangeArea .front .backInput1{width:10%;}
.rangeArea .front .fl{width:15px;padding-top:30px;text-align:center;}
.rangeArea .front .fl.to{width:20px;padding-top:20px;}
.rangeArea .back div{float:left;}
.rangeArea .back .sign{width:10%;padding-right:10px;}
.rangeArea .back .frontInput{width:20%;}
.rangeArea .back .backInput{width:10%;}
.rangeArea .back .frontInput1{width:20%;}
.rangeArea .back .backInput1{width:10%;}
.rangeArea .back .fl{width:15px;padding-top:30px;text-align:center;}

/*== 로그인 첫화면 설정 ==*/
.viewSetting{margin-top:40px; border-top:1px solid #999; border-bottom:1px solid #999; overflow:hidden }
.viewSetting:after{content:""; display:block; clear:both}
.viewSetting > .lCont,
.viewSetting > .rCont{float:left; width:50%; margin-bottom:-1px}
.viewSetting ul li{display:table; table-layout:fixed; width:100%; border-top:1px solid #d8d8d8; box-sizing:border-box}
.viewSetting ul li:first-child{border-top:0}
.viewSetting ul li.last{border-bottom: 1px solid #d8d8d8}
.viewSetting ul li strong{display:table-cell; width:110px; padding:13px 0 13px 18px; box-sizing:border-box }
.viewSetting ul li > .formWrap{display:table-cell; text-align:right; margin-right:12px; width:100%}
.viewSetting ul li >.cont{display:table-cell; text-align:right; width:100%; box-sizing:border-box}
.viewSetting ul li >.cont strong{text-align:left;width:100%}
.viewSetting ul li >.cont .formWrap{display:table-cell; margin-right:12px; width:30px}

/*== 계좌별명달기 ==*/
.row.nickname .formWrap{margin-top:-20px;}


/*=========== e금융서비스 =============*/
/* icon check */
.checkTxt{font-size:16px; color:#333;padding-left:20px; background:url("../restored/img/common/ico_check.png") no-repeat left center}
.checkTxt strong{margin-right:0}

/*== e금융서비스 ==*/
.guideAgree {margin-bottom:20px; padding:30px 20px; background:#fff; font-size:16px;}
.guideAgree .tit {font-weight:bold}
.guideAgree .txt {margin-top:15px;}
.guideAgree .signArea {text-align:right; margin-top:15px;}
.guideAgree .signArea span {display:block}
.guideAgree .signArea span em {display:inline-block; margin:0 -17px 0 20px; font-size:23px; letter-spacing:17px;}

/*== 웹회원서비스 ==*/
.webSvcList > div {overflow:hidden; margin-top:55px; padding-top:55px; border-top:1px solid #ccc;}
.webSvcList > div:first-child {margin-top:0; border-top:none;}
.webSvcList > div.sec2 > ul > li:nth-child(1) > ul,
.webSvcList > div.sec2 > ul > li:nth-child(2) > ul,
.webSvcList > div.sec2 > ul > li:nth-child(3) > ul {min-height: 297px;}
.webSvcList > div > ul > li {display:inline-block; width:33.3333%; margin-right:-5px; vertical-align:top; padding-top:30px}
.webSvcList > div > ul > li > .txtList {overflow:hidden; margin-top:0; padding-top:5px}
.webSvcList > div > h3,
.webSvcList > div > ul > li .titH4 {margin-top:0}
.webSvcList > div > h3 + ul {margin-top:-10px}
.webSvcList.eBank > div > ul > li {margin-top:40px}
.webSvcList.eBank > div > ul > li > ul {min-height:auto}

/*== e금융서비스 - 서비스코드 ==*/
.codeList .listDl li {padding:20px 0; border-bottom:1px solid #d8d8d8}
.codeList .listDl li:first-child {padding-top:0;}
.codeList .listDl dl{display:table; width:100%}
.codeList .listDl dl + dl {margin-top:-20px} 
.codeList .listDl dt, .codeList .listDl dd {display:table-cell; padding:20px 0}
.codeList .listDl dt {width:60px;}
.codeList .detailCon .listDl,
.codeList .detailCon .listDl strong + * {margin-top:20px}
.codeList .detailCon .listDl ul li dl dd ul li dl dd ul li:last-child,
.codeList .detailCon .listDl ul li dl dd ul li:last-child {padding-bottom:0;}
.codeList .detailCon > .listDl >  ul >  li:last-child,
.codeList.list01 .detailCon .listDl dl:last-child ul li,
.codeList.list01 .detailCon .listDl dl:last-child dd ul li {border-bottom:none}
.codeList.list02 .listDl dt {width:160px;}
.codeList.list02 .listDl dt, .codeList.list02 .listDl dd {padding:0}
.codeList.list02 .listDl dd li {border-bottom:1px solid #d8d8d8}
.codeList.list02 .listDl dd li:last-child {border-bottom:none}
.codeList.list02 .last {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d8d8d8}

/*== 인쇄테이블 ==*/
.tblPrintWrap {position:relative; margin-top:25px; padding:0 20px 20px 20px; box-sizing:border-box; background-color:#fff;}
.tblPrintWrap > .wrap {width:100%; min-width:750px; padding-right:20px; box-sizing:border-box;}
.tblPrintWrap.wide > .wrap {min-width: 1000px}
.tblPrintWrap .tit {position:relative; display:table; width:100%; margin-top:20px; padding:16px 18px; border:1px solid #999; border-bottom:0; box-sizing:border-box;}
.tblSlideWrap .tblPrintWrap .tit {min-width:750px; box-sizing: border-box}
.tblPrintWrap .tit > .num {position:absolute; display:inline-block; top:50%; left:20px; margin-top:-12px;}
.tblPrintWrap .tit + table {margin-top:0;}
.tblPrintWrap .date {width:100%; border:1px solid #999; border-bottom:0; box-sizing:border-box;}
.tblPrintWrap .date:after {content:''; display:block; clear:both;}
.tblPrintWrap .date li {float:left; width:33.3%; padding:16px 18px; box-sizing:border-box; border-left:1px solid #d8d8d8; font-size:14px;}
.tblPrintWrap .date li:first-child {border-left:0;}
.tblPrintWrap .date li > * {font-weight:bold;}
.tblPrintWrap .date + table {margin-top:0;}
.tblPrintWrap [class*=titH] {margin-top:40px;}
.tblPrintWrap table {width:100%; border:1px solid #999; box-sizing:border-box;}
.tblPrintWrap th,
.tblPrintWrap td {padding:16px 18px; /*border-top:1px solid #d8d8d8; border-bottom:0; border-left:0; border-right:1px solid #d8d8d8;*/ text-align:left; vertical-align:middle; font-size:14px; font-weight:normal; word-break:break-all; word-wrap:break-word; border:1px solid #999 !important}
.tblPrintWrap tbody tr:first-child th,
.tblPrintWrap tbody tr:first-child td,
.tblPrintWrap thead tr:first-child th {border-top:1px solid #999;/*0;*/}
.tblPrintWrap thead + tbody tr:first-child th,
.tblPrintWrap thead + tbody tr:first-child td {border-top:1px solid #999;}
.tblPrintWrap th {background-color:#e0e0e0;}
.tblPrintWrap .darkGray {background-color:#ccc;}
.tblPrintWrap .trLine th,
.tblPrintWrap .trLine td {border-top:1px solid #999 !important;}
.tblPrintWrap .tblStamp {width:100%; margin-top:20px; overflow:hidden; background-color:#f9f9f9;}
.tblPrintWrap .tblStamp > .stamp {position:relative; padding:20px 20px 30px 20px; line-height:24px;}
.tblPrintWrap .tblStamp > .stamp:before {display:block; content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#c0c0c0;}
.tblPrintWrap .tblStamp > .stamp > .sign,
.tblPrintWrap .tblStamp > .stamp > .txt {margin-top:10px; line-height:24px;}
.tblPrintWrap .tblStamp > .stamp > .sign > .name {display:inline-block; min-width:130px;}
.tblPrintWrap .tblStamp > .stamp.citi > .sign {position:relative; padding-right:46px;}
.tblPrintWrap .tblStamp > .stamp.citi > .sign > span {vertical-align:middle;}
.tblPrintWrap .tblStamp > .stamp.citi > .sign .imgstamp {display:inline-block; width:36px; height:36px; background:url("../restored/img/common/efsmbsv_stamp.png") no-repeat 0 0;}
.tblPrintWrap .tblStamp > .stamp.citi > .sign > .imgstamp {position:absolute; bottom:-5px; right:0; }
.tblPrintWrap .tblStamp > .stamp.citi > .sign > .name.underline {width:200px; margin-left:50px; border-bottom: 1px solid #333; vertical-align: bottom;}
.tblPrintWrap .tblStamp > .stamp.citi > .sign > .name.underline ~ span {font-size: 16px;}
.tblPrintWrap .tblStamp > .stamp.citi > .sign > .name.underline ~ span.bold {font-size: 20px;}
.tblPrintWrap .tblStamp.bgnone {margin-top:0}
.tblPrintWrap .tblStamp.center .stamp {padding-top:0}
.tblPrintWrap .tblStamp.center .txt {text-align:center;}
.tblPrintWrap .tblStamp.center > .stamp.citi > .sign {padding-right:0; text-align: center !important;}
.tblPrintWrap .tblStamp.center > .stamp.citi > .sign > span {display:block; margin-top:20px;}
.tblPrintWrap .tblStamp.center > .stamp.citi > .sign > .name {display:inline-block; min-width:0; margin-top:0; font-size:24px}
.tblPrintWrap .tblStamp.center > .stamp.citi > .sign > .imgstamp {position:absolute; left:50%; right:auto; display:inline-block; margin-left:85px;}
.tblPrintWrap .mtM1 {margin-top:-1px;}
.tblPrintWrap .txtList {margin-top:15px;}
.tblPrintWrap .underlineTit {padding-bottom:5px; border-bottom:2px solid #333; font-weight: bold; font-size:30px; letter-spacing: 0}
.tblPrintWrap .alignR .underlineTit {font-size:16px;}
.tblPrintWrap .alignR .subTxt {padding-right:20px; font-size:14px; font-weight: normal; letter-spacing: 0}
.tblPrintWrap .subTxt {display: block; margin-top:5px; font-size: 16px; letter-spacing: 0.25em; font-weight: bold;}
.tblPrintWrap td.alignR {letter-spacing: 0}
.tblPrintWrap.onlyVline tbody td {border-top:none;}
.tblPrintTopInfo {min-width:750px; padding:20px 20px 5px 0; }
.tblPrintTopInfo + .tblScroll table {margin-top:0 !important;}
.tblPrintTopInfo .name {float:none; font-size:16px;}
.tblPrintTopInfo .name em {font-size:16px; letter-spacing: 1em; font-weight: bold;}
.tblPrintTopInfo .underlineTxt {padding:0px 5px 0px 5px; border-bottom:2px solid #333; }
.tblPrintTopInfo .priceInfo {float:none;}
.tblPrintTopInfo.side {position:relative; padding-top:35px;}
.tblPrintTopInfo.side .name {position:absolute; top:0; right:20px; font-size:14px; padding:0px 0 0 10px; border-bottom:1px solid #666; text-align:right; }
.tblPrintTopInfo .priceInfo > strong {display:inline-block;}
.tblPrintTopInfo .priceInfo > .price {border-bottom:1px solid #666;}
.tblPrintTopInfo .priceInfo > .price > em {display:inline-block; text-align: right; letter-spacing: 0.05em; font-weight: bold;}
.tblPrintTopPrice {position:relative; width:90%; margin:20px auto 0; padding:10px 20px; border:2px solid #666; background-color:#efefef; font-size:24px;  text-align:center; box-sizing:border-box;}
.tblPrintTopPrice > .price {position:absolute; left:20px; font-weight: bold;} 
.docInfo {position:relative; margin-bottom:20px/*60px*/; text-align: center; font-size:14px}
.docInfo li {display: inline-block; margin-left:100px; font-weight: bold}
.docInfo li:first-child {margin-left:0;}
.docInfo li strong {margin-left:10px; font-weight: normal;}
.docInfo .refList {/*position:absolute; right: 20px; margin-top:10px; text-align: left*/ display: inline-block; margin-top:10px; text-align: left}

/* e금융서비스 > 인쇄테이블 제증명서 */
.tblPrintWrap .tit > .titNum {position:absolute; top:50%; left:20px; margin-top:-12px; line-height:24px;}
.tblPrintWrap .tblPrintHead {position:relative; padding:30px 0 10px 0;}
.tblPrintWrap .tblPrintHead > [class^=titH] {margin-top:0; text-align:center;}
.tblPrintWrap .tblPrintHead .logo {position:absolute; top:25px; left:0; display:block; width:70px; height:40px; overflow:hidden; text-align:left; background-repeat:no-repeat; background-position:0 0; background-size:70px; background-image: url("../restored/img/common/efs_logo.png"); }
.tblPrintWrap .tblStamp.type2 {overflow: visible;}
.tblPrintWrap .tblStamp.type2 > .stamp:before {background: none}
.tblPrintWrap .tblStamp.type2 > .stamp.citi > .sign > .imgstamp {position:absolute; top:50%; right:0; height:auto; margin-top:-60px; background:none}
.markany.fund .tblPrintWrap table th, .markany.fund .tblPrintWrap table td {padding-top:6px; padding-bottom: 6px}
.markany .tblPrintWrap .tblPrintHead {padding-top:0;}
.markany .tblPrintWrap {margin-top:0 !important;}
.markany {background: #fff !important}
.markany .tblPrintWrap table {border:none}
.markany .tblPrintWrap tbody tr:first-child th, .markany .tblPrintWrap tbody tr:first-child td, .markany .tblPrintWrap thead tr:first-child th {border:none}
.markany .tblPrintWrap table td, .markany .tblPrintWrap table th {border:1px solid #888 !important;}
.markany .tblPrintWrap.onlyVline tbody td {border-top:none !important; border-bottom:none !important;}
.markany .tblPrintWrap.onlyVline table {border-bottom: 1px solid #888 !important;}
.markany .tblPrintWrap table thead th {font-weight: bold; background-color: #e0e0e0}

/*== 씨티사전신청서비스 - SMS전송 ==*/
.anotherSms{margin-top:20px;}
.anotherSms .formLayer .txt2{margin:20px 0}
.anotherSms input[type="radio"]+label{font-size:16px}

/*== E금융서비스 - 씨티모바일 ==*/
.citiMArea{text-align:center;}
.citiMArea ul li{display:inline-block;padding:0;}
.citiMArea ul li p{margin-top:10px;width:145px;text-align:center;}
.citiMArea.etc{margin-top:40px;}
.citiMArea.etc ul li{height:auto;vertical-align:top;padding:0 40px 0 40px;}
.citiMBox{position:relative;}
.citiMBox li{width:49%;display:block;float:right;text-align:center;margin-left:1%;}
.citiMBox li:first-child{width:49%;margin-left:0;float:left;}
.citiMBox li p{text-align:left;}
.citiMBox li .txtList li{width:95%;text-align:left;}
.citiMBox .txtList{height:60px;}
.citiMBox .box{border:1px solid #d8d8d8;width:100%;padding:40px 0;}

/*== 제휴서비스 ==*/
.allianceBox{margin-top:50px}
.allianceLinkBox{margin-top:20px; border-top:1px solid #999}



/*============= 공인인증 ==============*/
/*== 공인인증센터 ==*/
.appIcons .icoImgAndroid {width:42.5px; height:50px; background:url("../restored/img/common/ico_android_mb.png") no-repeat; background-size:42.5px 50px}
.appIcons .icoImgApple {width:42.5px; height:50px; background:url("../restored/img/common/ico_apple_mb.png") no-repeat; background-size:42.5px 50px}
.appIcons [class*=icoImg] + .txtS1{margin-top:20px;}

[class^=appCiti]  {display:inline-block; width:30px; height:30px; vertical-align:middle }
[class^=appCiti].useTxt{width:100%; padding-left:40px;}
.appCitiBank {background:url("../restored/img/common/appico_citi_bank.png") no-repeat; }
.appCitiCard {display:inline-block; width:30px; height:30px; background:url("../restored/img/common/appico_citi_card.png") no-repeat; vertical-align:middle}
.appCitiNew {display:inline-block; width:30px; height:30px; background:url("../restored/img/common/appico_citi_new.png") no-repeat; vertical-align:middle}
.appCitiNew.useTxt{width:100%; padding-left:40px;}
.appCitiNew.useTxt i{display:inline-block; margin-top:2px}

/*== 인증서관리 ==*/
.cerAdmin {margin-top:50px; padding:20px 40px 20px; background:#fff}
.cerAdmin:after{content:""; display:block; clear:both}
.cerAdmin .cerAdminSet {min-height:187px; margin-top:20px; margin-bottom:20px; padding-left:30px; border-left:1px solid #ccc; box-sizing:border-box}
.cerAdmin li{display:inline-block}
.cerAdmin li:nth-child(4), .cerAdmin li:nth-child(5), .cerAdmin li:nth-child(6) {border-top:1px solid #ccc;}
.cerAdmin li:nth-child(1) .cerAdminSet, .cerAdmin li:nth-child(4) .cerAdminSet{padding-left:0; border-left:0}
.cerAdmin .tit {font-size:23px; font-weight:bold}
.cerAdmin .txt {min-height:107px; margin-top:20px; color:#666; font-size:14px;}

.noticeCer, .customerOpt{overflow:hidden; margin-top:60px; margin-left:5px; margin-right:5px}
.customerOpt .faqWrap {width:65%; padding-left:0; box-sizing:border-box}
.customerOpt .faqWrap > strong {margin-top:0;}
.customerOpt .faqWrap ul {margin-top:20px; margin-right:50px; border-bottom:1px solid #999}
.customerOpt .faqWrap ul > li > a > strong {display:inline-block; padding:0 22px; color:#056dae;}
.customerOpt .faqWrap li {padding:20px 0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-top:1px solid #999}

.customerOpt .emailWrap {float:right; width:35%; margin-top:20px; padding:1px; text-align:center; background: #2989d8; background: -moz-linear-gradient(top,  #2989d8 50%, #207cca 51%, #1e5799 99%); background: -webkit-linear-gradient(top,  #2989d8 50%,#207cca 51%,#1e5799 99%); background: linear-gradient(to bottom,  #2989d8 50%,#207cca 51%,#1e5799 99%); box-sizing:border-box}
.customerOpt .emailWrap > div {position:relative; padding:45px 20px 60px; background:#eee;}
.customerOpt .emailWrap strong {position:absolute; top:-20px; left:50%; margin-top:0; margin-left:-88px;padding:0 30px; background:#eee; /*2016.12.19공인인증센터랜딩삭제 z-index:9*/}
.customerOpt .emailWrap .links{margin-top:30px;}

.noticeCer .txtList .txtList,
.noticeCer .titH3 {margin-top:0}

.cerChoiceArea {margin-top:20px;}
.cerChoiceArea .row{margin:0;}
.cerChoiceArea .inputComp[class*=bankSort] .inputGroup {padding: 20px 20px 20px 10px; margin-left: -1px; margin-right:-10px; margin-bottom:2px; background:#fff}
.cerChoiceArea .inputComp[class*=bankSort] .inputGroup .formWrap {padding-left: 10px;}
.cerChoiceArea .inputComp[class*=bankSort] input[type="radio"]+label {font-size:16px;}
.cerChoiceArea .inputComp[class*=bankSort] .txtList {margin-top:0; margin-left:42px; font-size:14px; color:#666;}
.cerChoiceArea .inputComp.bankSort1 .inputGroup {border-left: 5px solid #c6007d;}
.cerChoiceArea .inputComp.bankSort2 .inputGroup {border-left: 5px solid #ffcd00;}

/*============= 고객센터 ==============*/
/*== 검색 ==*/
.searchBox .formWrap.nonLabel {margin-bottom:15px; margin-top:25px;}
.searchBox .formWrap.nonLabel label {height:0; padding:0; margin-top:0;}
.searchBox .formWrap.nonLabel .formControl {margin-top:0; margin-bottom:0;}
.searchBox .formWrap.nonLabel + div > .relatedInfo {padding-top:25px; margin-bottom:15px;}
.searchBox + .tableX {margin-top:10px;}
.searchBox + .viewWrap {margin-top:20px;} /* 민원공시,소비자정보 상세 */
.customerSrch {text-align:center;}
.customerSrch .row {display:inline-block; width:75%; text-align:left;}
.customerSrch .keyword {font-size:12px;}
.customerSrch .keyword a {color:#056dae; text-decoration:underline;}
/*== 씨티모바일 ==*/
.container.infoCitiMb {background-color:#fff; padding:0 0 0 0;}
.infoCitiMb #content {padding-left:0; padding-right:0; padding-bottom:50px; max-width:100%;}
/* 씨티모바일_비주얼배너영역 */
.infoCitiMb .citiMbWrap {position:relative; width:100%; /* min-height:530px; */ min-height:371px; overflow:hidden; background-color:#000; background-image:url("../restored/img/m/key_visual.png"); background-position:center center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.infoCitiMb .citiMbWrap .citiMbContWrap {position:relative; height:100%; box-sizing:border-box; z-index:2;}
.infoCitiMb .citiMbWrap .citiMbCont {position:absolute; top:50%; width:100%; text-align:center;}
.infoCitiMb .citiMbWrap .citiMbCont .txt {padding:10px 0 20px 0; line-height:16px;}
.infoCitiMb .citiMbWrap .citiMbCont .soon {padding:30px 0 0 0 !important;}
.infoCitiMb .citiMbWrap .citiMbCont .download a > img {width:132px;}
.infoCitiMb .citiMbWrap .citiMbCont .phone {display:block; position:relative; text-align:center;}
.infoCitiMb .citiMbWrap .citiMbCont .phone img {width:46% !important; min-width:110px;}
.infoCitiMb .citiMbWrap .citiMbCont .phone .btnPlay {position:absolute; top:50%; left:50%; display:block; width:50px; height:50px; margin-top:-25px; margin-left:-25px; overflow:hidden; text-indent:-9999px; background:url("../restored/img/m/playbtn.png") no-repeat 0 0; background-size:100%;}
.infoCitiMb .citiMbWrap .citiMbCont.landscape {margin-top:-166px !important;}
.infoCitiMb .citiMbWrap .citiMbCont.landscape .phone img {width:110px !important;}
.infoCitiMb .citiMbWrap .bannerCover {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:url("../restored/img/m/keyvisual_overlay_45.png");}
.infoCitiMb .citiMbWrap .btnScroll {position:absolute; bottom:0; left:50%; z-index:2; display:block; width:50px; height:50px; margin-left:-25px; overflow:hidden; text-align:center;}
.infoCitiMb .citiMbWrap .btnScroll:before {content:""; display:inline-block; width:26px; height:26px; background:url("../restored/img/m/btn_icon_moreview.png") no-repeat 0 0; background-size:100%; margin-top:14px;}
/* 씨티모바일_아코디언 */
.infoCitiMb .infoListLine.acco {margin-top:30px; border-top:0; padding:0 15px;}
.infoCitiMb .infoListLine.acco li {background-color:#fff;}
.infoCitiMb .infoListLine.acco li.on {background-color:#eee;}
.infoCitiMb .infoListLine.acco li.on:first-child {border-top:1px solid #999;}
.infoCitiMb .infoListLine.acco li:first-child {border-top:1px solid #fff;}
.infoCitiMb .infoListLine.acco li:last-child {border-bottom:1px solid #dbdbdb;}
.infoCitiMb .infoListLine.acco li.on:last-child {border-bottom:1px solid #999;}
.infoCitiMb .infoListLine.acco li:last-child > .wrap {padding-bottom:28px;}
.infoCitiMb .infoListLine.acco li.on:last-child > .wrap {padding-bottom:13px;}
.infoCitiMb .infoListLine.acco li > .wrap {padding:26px 0 13px 0;}
.infoCitiMb .infoListLine.acco li > .wrap > strong {display:table; width:100%; height:50px; margin-top:-13px; }
.infoCitiMb .infoListLine.acco li > .wrap > strong > span {display:table-cell; vertical-align:middle; padding-left:65px; position:relative;}
.infoCitiMb .infoListLine.acco li.on > .wrap > strong > span {color:#056dae;}
.infoCitiMb .infoListLine.acco li > .wrap > strong > span:before {content:""; position:absolute; top:0; left:0; display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:0 50%; background-size:50px;}
.infoCitiMb .infoListLine.acco li > .wrap > .ico01 > span:before {background-image:url("../restored/img/m/citimobile_ico1.png");}
.infoCitiMb .infoListLine.acco li > .wrap > .ico02 > span:before {background-image:url("../restored/img/m/citimobile_ico2.png");}
.infoCitiMb .infoListLine.acco li > .wrap > .ico03 > span:before {background-image:url("../restored/img/m/citimobile_ico3.png");}
.infoCitiMb .infoListLine.acco li > .wrap > .ico04 > span:before {background-image:url("../restored/img/m/citimobile_ico4.png");}
.infoCitiMb .infoListLine.acco li > .wrap > .ico05 > span:before {background-image:url("../restored/img/m/citimobile_ico5.png");}
.infoCitiMb .infoListLine.acco li > .wrap > .ico06 > span:before {background-image:url("../restored/img/m/citimobile_ico6.png");}
.infoCitiMb .infoListLine.acco li.on .accoContents {/*display:block;*/}
.infoCitiMb .accoContents {margin-left:-39px; margin-right:-5px; margin-bottom:30px;}
.infoCitiMb .accoContents strong,
.infoCitiMb .accoContents p {text-align:center;}
.infoCitiMb .accoContents > strong:first-child {margin-top:10px;}
.infoCitiMb .accoContents > strong:first-child + strong {margin-top:10px;}
.infoCitiMb .accoContents > strong:first-child + strong + p {}
.infoCitiMb .accoContents p + strong {margin-top:50px;}
.infoCitiMb .accoContents .brdImg {border:1px solid #d4d4d4; width:200px;}
.infoCitiMb .accoContents .editImg {width:202px; margin-bottom:-10px;}
.infoCitiMb .accoContents .txt + .brdImg,
.infoCitiMb .accoContents .txt + .editImg {margin-top:20px;}
.infoCitiMb .accoContents .titH2 {font-size:38px;}
.infoCitiMb .infoListLine + .refList {margin-top:20px; margin-left:15px; margin-right:15px;}
.infoCitiMb .infoListLine + .refList li:first-child {margin-top:0;}
.citiIcoCont {margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}
.citiIcoCont > p {font-size:0;}
.citiIcoCont > p > img {margin-left:5px; width:55px;}
.citiIcoCont > p > img:first-child {margin-left:0;}

/* 씨티모바일_슬라이드_개별설정 */
.infoCitiMb .arrowCase {padding-bottom:18px;}
.infoCitiMb .arrowCase > .slide .swiper-slide p {line-height:16px;}
.infoCitiMb .infoListLine.acco li.on .slide .swiper-slide {background:#eee;}
.infoCitiMb .infoListLine.acco li strong + .arrowCase {margin-top:20px;}
.infoCitiMb .arrowCase > .slide .swiper-pagination {line-height:16px;}
.infoCitiMb .arrowCase > .slide .swiper-pagination .swiper-pagination-bullet {width:14px; height:14px; margin:0 4px;}
.infoCitiMb .arrowCase > .slide .swiper-nav {display:none !important;}
.infoCitiMb .arrowCase + .dashList {margin-top:20px; border-top:1px solid #ccc; text-align:left;}
.infoCitiMb .arrowCase + .dashList li {background:none; margin-top:15px; margin-bottom:0; border:0 !important;}
.infoCitiMb .arrowCase + .dashList li .refList {margin-top:0;}
.infoCitiMb .arrowCase + .dashList li .refList li {margin-top:15px;}
.citiIcoCont + .arrowCase {margin-top:30px !important;}
.citiIcoCont + .arrowCase .txt {display:table; width:100%; height:48px;}
.citiIcoCont + .arrowCase .txt > span {display:table-cell; vertical-align:middle; line-height:24px;}
#CitiMbCont1 .btnPrev,
#CitiMbCont1 .btnNext {margin-top:-19px !important;}
#CitiMbCont2 .btnPrev,
#CitiMbCont2 .btnNext {margin-top:-3px !important;}

/* 씨티모바일_비주얼배너영역 */
.infoCitiMb .citiMbWrap .citiMbCont .download .btnType1 {background-color:#000; border-color:#000; font-weight:normal;}
/* 씨티모바일_아코디언 */
.infoCitiMb .accoContents [class^=titH] {letter-spacing:-3px;}
.infoCitiMb .titH3 {font-size:23px;}
.infoCitiMb .titH4 {font-size:19px;}
.infoCitiMb .accoContents .titH3 + .brdImg,
.infoCitiMb .accoContents .titH3 + .editImg {margin-top:20px;}
/* 씨티골드모바일_슬라이드 */
.infoCitiMb.gold .infoListLine.acco > li:last-child {border-bottom:1px solid #fff !important;}
.infoCitiMb.gold .infoListLine.acco > li:last-child > .wrap {padding-bottom:13px !important;}
.infoCitiMb.gold .infoListLine.acco li.on > .wrap > strong > span {color:#78622a;}
.infoCitiMb.gold .infoListLine.acco li > .wrap > .ico01 > span:before {background-image:url("../restored/img/m/citigoldmobile_ico1.png");}
.infoCitiMb.gold .infoListLine.acco li > .wrap > .ico02 > span:before {background-image:url("../restored/img/m/citigoldmobile_ico2.png");}
.infoCitiMb.gold .infoListLine.acco li > .wrap > .ico03 > span:before {background-image:url("../restored/img/m/citigoldmobile_ico3.png");}
.infoCitiMb.gold .infoListLine.acco li > .wrap > .ico04 > span:before {background-image:url("../restored/img/m/citigoldmobile_ico4.png");}
.infoCitiMb.gold .infoListLine.acco li > .wrap > .ico05 > span:before {background-image:url("../restored/img/m/citigoldmobile_ico5.png");}
.infoCitiMb.gold .infoListLine.acco li > .wrap > .ico06 > span:before {background-image:url("../restored/img/m/citigoldmobile_ico6.png");}
.infoCitiMb.gold .infoListLine.acco li > .wrap > .ico07 > span:before {background-image:url("../restored/img/m/citigoldmobile_ico7.png");}
.infoCitiMb.gold .accordion:before {background:url("../restored/img/common/btnImg_accordion_gold.png") no-repeat 0 0 !important;}
.infoCitiMb.gold .arrowCase > .slide .swiper-pagination .swiper-pagination-bullet-active {border:1px solid #b4975a; background:#b4975a;}
/* 씨티모바일_하단컨텐츠 */
.infoCitiMb .cntArea {margin:20px 0 -50px 0; padding:20px 15px 50px 15px; background-color:#eee;}
.infoCitiMb .cntArea .conDivLine li {/* border:0; */}
.infoCitiMb .cntArea .conDivArea.brdT {margin-top:40px; padding:30px 0; border-top:1px solid #999 !important; border-bottom:1px solid #999 !important;}
.infoCitiMb .cntArea .conDivArea.brdT .titH4 {margin:0 0 17px 0; /* margin:15px 0 17px 0; */}
.infoCitiMb .cntArea .ac .decoConArea {display:inline-block !important; /* margin-bottom:15px; */ padding-left:0 !important;}
.infoCitiMb .cntArea .ac .decoConArea [class^=decoIcon] {left:0 !important; margin-right:0 !important;}
.infoCitiMb .cntArea .ac .decoConArea [class^=decoIconXS_] + .inner {margin-left:20px !important;}
.infoCitiMb.gold .decoIconS_lock {background-image:url("../restored/img/m/ico_lock_citigold.png"); background-size:40px;}
.infoCitiMb.gold .decoIconS_world {background-image:url("../restored/img/m/ico_world_citigold.png"); background-size:40px;}
.infoCitiMb.gold .decoIconXS_tel {background-image:url("../restored/img/m/decoIconS_tel_citigold.png"); background-size:30px;}
/* 씨티모바일_슬라이드_개별설정 */
.arrowCase.brdT {margin-top:30px !important;}
.arrowCase.brdT .txt {display:table; width:100%; height:48px;}
.arrowCase.brdT .txt > span {display:table-cell; vertical-align:middle; line-height:24px;}

/*== 씨티모바일이용안내 ==*/
.groupImgs .imgConArea {margin:-20px 0;}
.groupImgs .imgConArea ul {margin:0 -20px; font-size:0;}
.groupImgs .imgConArea ul li {display:inline-block; padding:20px; vertical-align:top; box-sizing:border-box;}
.groupImgs .imgConArea ul li strong {margin-top:10px; text-align:center;}
.groupImgs .imgConArea ul li p {margin-top:20px; text-align:center; font-size:16px;}
/* 인증서 없이 한번에 이체 */
.groupImgs.efsSmsvFunc .imgConArea > ul {margin-bottom:20px;}
.groupImgs.efsSmsvFunc .imgConArea > ul:first-child {margin-bottom:0;}
.groupImgs.efsSmsvFunc .imgConArea > ul p {max-width:158px;}

/*== 채팅상담 - 윈도우팝업 ==*/
body.winPop{background:#eee; overflow:hidden}
.winPop .wrapper{position:relative;}
.winPop header.header{width:100%; height:auto}
.winPop .navbarArea,
.winPop .toplinks{display:none}
.winPop .header .branding > div > a[class*=btnLine]{padding-left:15px;margin-left:8px;}
.winPop .header .branding > div > a[class*=btnLine]:before{content:""; display:block; position:absolute; top:4px; height:15px; border-left:1px solid #80bfe4}
.winPop .header .branding > div > a[class*=btnLine]:hover{color:#fff}
.winPop .header .branding > div > a[class*=btnLine]:first-child:before{border-left:0}
.winPop .header .branding > div > a[class*=btnLine] span{display:inline-block;}
.winPop .header .btnLineDel span{padding-left:18px; background:url("../restored/img/common/ico_chat_del.png") no-repeat 0 center }
.winPop .header .btnLineEnd span{padding-left:22px; background:url("../restored/img/common/ico_chat_end.png") no-repeat 0 center }
.winPop .header .btnLinePrev span{padding-left:12px; background:url("../restored/img/common/ico_chat_prev.png") no-repeat 0 center }
.winPop .container{padding:0 0 50px 0}
.winPop #content{max-width:none; padding:0}
.winPop .titH3{margin-top:20px; padding:0 0 0 15px}
.winPop .txtS1{padding:0 15px}
.winPop .onlineChatWrap{position:relative; background:#deebf7}
.winPop .onlineChatWrap .fixedArea{position:relative; width:100%;z-index:20}
.winPop .onlineChatWrap .funcGroup{padding:10px; margin:0; background:#fff; }
.winPop .onlineChatWrap .msg{ background:#eee;}
.winPop .tableX th,
.winPop .tableX td{padding-left:18px}

/* 채팅상담 - 상단영역 */
.onlineChatWrap .funcGroup{text-align:center}
.onlineChatWrap .funcGroup > .funcImg > li{position:relative; padding-left:0; padding-left:20px;}
.onlineChatWrap .funcGroup > .funcImg > li:before{content:""; display:block; position:absolute; top:0; width:1px; height:20px; border-left:1px solid #666}
.onlineChatWrap .funcGroup > .funcImg > li:first-child{padding-left:0}
.onlineChatWrap .funcGroup > .funcImg > li:first-child:before{border-left:0}
.onlineChatWrap .funcGroup > .funcImg > .fontSizeBtn {font-size:0;}
.onlineChatWrap .funcGroup > .funcImg > .fontSizeBtn span {display:inline-block; height:20px; font-size:12px; color:#333; float:left; margin:1px 11px 0 0;}
.onlineChatWrap .funcGroup > .funcImg > .fontSizeBtn button {margin-left:-1px;}
.onlineChatWrap .funcGroup {margin:40px -40px 0 -40px; padding:0 40px 20px 40px; border-bottom:1px solid #999;}
.onlineChatWrap .msg {border-bottom:1px solid #d8d8d8; color:#666; font-size:14px; padding:20px 40px;}

/* 채팅상담 - 대화창 */
.onlineChat{width:100%; height:500px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box}
.onlineChat .wrap {margin-bottom:100px; padding:0 40px;}
.onlineChat .wrap .date {position:relative; margin-top:20px; padding-bottom:10px; font-size:0; text-align:center;}
.onlineChat .wrap .date:before {display:block; content:''; position:absolute; top:8px; width:100%; border-top:1px solid #d2d2d2; z-index:0;}
.onlineChat .wrap .date > span {display:inline-block; position:relative; padding:0 10px; background-color:#deebf7; color:#6d6d6d; font-size:11px; z-index:1;}
.onlineChat .wrap .noticeArea {margin:20px 0; padding:20px; background-color:#fff; color:#333; text-align:center; line-height:24px; border-radius:10px}
.onlineChat .wrap .noticeArea2 {margin:20px 0; padding:20px; background-color:#fff; color:#333; line-height:24px; border-radius:20px; border-top:none}
.onlineChat .wrap .talkArea {margin:10px 7px 0 0; text-align:right;}
.onlineChat .wrap .talkArea:first-child {margin-top:20px;}
.onlineChat .wrap .talk {position:relative; display:inline-block; max-width:60%; padding:11px 10px; border-radius:5px; background-color:#0076c0; color:#fff; font-size:15px; text-align:left;}
.onlineChat .wrap .talk:after {display:block; content:''; position:absolute; top:7px; right:-7px; width:7px; height:9px; background:url("../restored/img/common/blt_chatting.png") no-repeat 100% 0; background-size:cover !important;}
.onlineChat .wrap .talk .time {position:absolute; left:-60px; bottom:5px; width:55px; color:#6d6d6d; font-size:11px;}
.onlineChat .wrap .talkArea.citi {text-align:left;}
.onlineChat .wrap .talkArea.citi .talk {background-color:#fff; color:#333; }
.onlineChat .wrap .talkArea.citi .talk:after {right:auto; left:-8px; width:8px; background:url("../restored/img/common/blt_chatting_citi.png") no-repeat 100% 0;}
.onlineChat .wrap .talkArea.citi .talk .time {left:auto; right:-60px;}
.onlineChat .wrap .talkArea.citi .citiThum {width:50px; height:50px; margin-right:10px;}
.onlineChat .wrap .talkArea.citi .talk.ing{color:#666; background-color:#eee; border:1px solid #c2c2c2}
.onlineChat .wrap .talkArea.citi .talk.ing:after{background:url("../restored/img/common/blt_chatting_citi_ing.png") no-repeat 100% 0;}

.talkArea .btntype .link {border-top:1px solid #b9d6ef; text-decoration: none; }
.talkArea .btntype li .btn {color:#fff;}
.talkArea .btntype li .btn .color8 {color:#888;}
.talkArea .btntype li .btn .color6 {color:#666;}
.talkArea .btntype .btn_more {color:#4b81b7;}
.talkArea .btntype {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
.talkArea .btntype li {position:relative;text-align:left;}
.talkArea .btntype li.link {padding-right:15px;position: relative; margin-top: 0px; margin-bottom: 0px; background-color: #0076c0;}
.talkArea .btntype li .btn {display:block;padding:15px;line-height:1.3;cursor:pointer; text-align:left;}
.talkArea .btntype li .btn.center {text-align:center;}
.talkArea .btntype li.card { position: relative; margin-top: 0px; margin-bottom: 20px }
.talkArea .btntype .link.auth.disabled {border-top:1px solid #b9d6ef; text-decoration: none;pointer-events:none;cursor:default;background-color:#b9d6ef }

/* auth Popup */
.auth_popWrap {position: fixed; top:0; left: 0; right:0; bottom:0; width:100%; height:100%; background: rgba(255,255,255,1); z-index: 1000;}
.talkArea .link {text-decoration:underline;}

/* 채팅상담 - 입력창 */
.onlineChatInput {position:fixed; left:0; bottom:0; z-index:2; width:100%; background-color:#f0f0f0; box-sizing:border-box; padding:20px 40px 20px 40px; border-top:1px solid #999;}
.onlineChatInput .row { margin-top:-25px !important;}
.onlineChatInput .formWrap.nonLabel {margin-bottom:0; margin-top:1px;}
.onlineChatInput .formWrap.nonLabel .formControl {height:50px; padding:10px 20px;}
.onlineChatInput .formWrap.nonLabel .formControl {margin-bottom:0;}
.onlineChatInput .formWrap.nonLabel + div > .relatedInfo {margin-bottom:0;}
.onlineChatInput .formWrap.nonLabel + div > .relatedInfo button {margin-top:0;}

/* 채팅상담 - 입력중 메세지영역 */
.onlineChatIng{position:fixed; left:0; bottom:91px; width:100%; padding:12px 40px 12px 40px; background-color:#fff; box-sizing:border-box;  border-top:1px solid #d8d8d8; z-index:2;}
.onlineChatIng p{font-size:14px; color:#666; padding-left:30px; background:url("../restored/img/common/ico_chat_ing.png") no-repeat left center}

/* 채팅상담 - 만족도평가 */
.surveySmileWrap .infoListLine {margin-top:0;}
.surveySmileWrap .infoListLine + .row {margin-top:40px;}
.surveySmile {font-size:0; margin:-10px -15px;}
.surveySmile input[type="radio"]+label,
.surveySmile input[type="checkbox"]+label {display:inline-block; margin:10px 15px 10px 15px; padding:0 !important; text-indent:0 !important; text-align:center; font-size:16px;}
.surveySmile input[type="radio"]+label:before, 
.surveySmile input[type="checkbox"]+label:before {display:block; top:auto; width:70px; height:70px; margin:0 0 5px 0; border:0; box-shadow:inset 0 0 0 0 #fff; background-color:#fff;}
.surveySmile input[type="radio"]:checked+label:before,
.surveySmile input[type="checkbox"]:checked+label:before {border:0; box-shadow:inset 0 0 0 0 #056dae; background-color:#056dae}
.surveySmile [class*=icoSurvey]:before {background:url("../restored/img/common/ico_survey_smile.png"); background-repeat:no-repeat; background-position:0 0;}
.surveySmile .icoSurvey1:before {background-position:-70px 0;}
.surveySmile input[type="radio"]:checked+.icoSurvey1:before {background-position:0 0;}
.surveySmile .icoSurvey2:before {background-position:-70px -70px;}
.surveySmile input[type="radio"]:checked+.icoSurvey2:before {background-position:0 -70px;}
.surveySmile .icoSurvey3:before {background-position:-70px -140px;}
.surveySmile input[type="radio"]:checked+.icoSurvey3:before {background-position:0 -140px;}
.surveySmile .icoSurvey4:before {background-position:-70px -210px;}
.surveySmile input[type="radio"]:checked+.icoSurvey4:before {background-position:0 -210px;}
.surveySmile .icoSurvey5:before {background-position:-70px -280px;}
.surveySmile input[type="radio"]:checked+.icoSurvey5:before {background-position:0 -280px;}

/*== 서비스안내 ==*/
#caseAnchor{margin-top:0; padding-top:55px}

/*== checkMyPC ==*/
.checkMbBox{background-color:#fff; padding:0 20px; margin-top:20px;}
.checkMbBox [class*=ico] {position:relative; min-height:72px; padding:20px 0;}
.checkMbBox [class*=ico]:before {content:""; position:absolute; display:block; width:72px; height:72px; top:20px; left:0; background-image:url("../restored/img/common/appFreeImg.png"); background-repeat:no-repeat; background-size:72px 72px;}
.checkMbBox .ico2:before {background-image:url("../restored/img/common/mVaccineImg.png");}
.checkMbBox [class*=ico] > .tit {display:block; margin-left:85px; font-weight:bold; font-size:19px; line-height:1;}
.checkMbBox [class*=ico] > .txt {display:block; margin-top:10px; margin-left:85px;}
.checkMbBox [class*=ico] + [class*=ico] {border-top:1px solid #ccc;}

/*== 고객만족 우수영영업점 ==*/
.powerArea{position:relative;display:table;margin-top:15px;}
.powerArea .powerImg{display:table-cell;}
.powerArea .powerText{display:table-cell;vertical-align:top;padding-left:15px;}
.powerArea .powerText .txtList{margin-top:0px;}
.powerArea .powerText .txtList > li{margin-top:0;}
.powerArea .powerText .txtList li > p{margin-top:10px;}

/*== 민원신청절차 및 서식-찾아오시는길 ==*/
.imgDirection{margin-top:20px; max-width:1044px; height:400px;border:1px solid #ccc}
.imgDirection span{display:block;width:100%; height:400px; background:url("../restored/img/pre/cs_map1.png") no-repeat center center}
/*============= 보안센터 ==============*/
/*== 보안카드 샘플 ==*/
.sampleSecuCrd {margin-top:40px !important;}
.sampleSecuCrd .groupArea {padding-left:52px;}
.sampleSecuCrd .groupArea:first-child {padding-left:10px; padding-right:52px; border-right:1px solid #999; overflow:hidden;}
/* txtIptLabel */
.sampleSecuCrd .groupArea div.txtIptLabel {margin-left:-52px; margin-bottom:7px; padding-left:20px;}
.sampleSecuCrd .groupArea:first-child div.txtIptLabel {margin-left:0; margin-right:-52px; padding-left:0; padding-right:20px;}
/* formWrap */
.sampleSecuCrd .formWrap {float:left; width:100%; margin:0; padding:0;}
.sampleSecuCrd .formWrap input[readonly].formControl {margin:0; background-color:#fff !important; border-color:#fff !important;}
/* secuTxt */
.sampleSecuCrd .secuTxt {position:relative; display:block; float:left; width:52px;  margin-top:16px; margin-right:-52px; left:-52px; padding:0 15px; box-sizing:border-box; text-align:center;}
.sampleSecuCrd .groupArea:first-child .secuTxt {margin-right:0; left:auto; margin-left:-52px; right:-52px;}

/* 타기관 OPT 자동등록 */
.anotherOTP {margin-top:30px}
.anotherOTP .tableY.layout tbody td {height:90px; padding-top:0; padding-bottom:0px; vertical-align: middle}
.anotherOTP .circle {min-height: 220px; background: url("../restored/img/common/ico_arrow_circle.png") no-repeat center;}
.anotherOTP .circle img {vertical-align:middle;}

/*========== 은행소개/채용 =============*/
/*== 은행소개 - 비전 ==*/
.citiGroup{margin-top:40px}
.citiGroup:after{content:""; display:block; clear:both}
.citiGroup > .tit{float:left; width:20%; height:107px; padding:28px 0; box-sizing:border-box; text-align:center; vertical-align:middle; font-size:18px; font-weight:bold; color:#333; background:#d8d8d8; border-radius:6px 6px}
.citiGroup > .bankBox{float:left; display:table; margin-left:4%; width:76%; height:107px; padding:5px 20px; box-sizing:border-box; text-align:center; font-size:16px; color:#fff; border-radius:6px 6px; background:#002a54}
.citiGroup > .bankBox > * {display:table-cell; height:100%; vertical-align:middle;}
.korCiti{margin-top:20px}
.korCiti:after{content:""; display:block;}
.korCiti > .tit{float:left; display:block; width:20%; height:688px; padding:320px 0; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; color:#333; background:#d8d8d8; border-radius:6px 6px}
.korCiti > .korCitiCont{float:left; margin-left:4%; width:76%;}
.korCiti .slogan{height:147px; padding:35px 0; box-sizing:border-box; text-align:center; color:#fff; background:#056dae; border-radius:6px 6px}
.korCiti .slogan span{display:block; font-size:16px;}
.korCiti .slogan p{font-size:38px;}
.korCiti .purpose{height:147px; padding:35px 0; box-sizing:border-box; margin-top:20px; text-align:center; background:#fff; border-radius:6px 6px}
.korCiti .purpose strong{display:block; font-size:23px; font-weight:bold}
.korCiti .purpose p{margin-top:10px; font-size:16px; }
.korCiti .core{margin-top:20px; padding:35px; box-sizing:border-box; text-align:center; background:#fff; border-radius:6px 6px}
.korCiti .core > strong{display:block; font-size:23px; font-weight:bold}
.korCiti .core ul{margin-top:30px; box-sizing:border-box; text-align:center; }
.korCiti .core ul:after{content:""; display:block; clear:both}
.korCiti .core ul li{float:left; display:inline-block; width:31%; margin-left:3%; height:220px; box-sizing:border-box; border:1px solid #ccc; border-radius:6px 6px}
.korCiti .core ul li:first-child{margin-left:0}
.korCiti .core ul li > strong{display:block; padding:10px 0; font-size:16px; color:#333; font-weight:bold; background:#eee; border-radius:6px 6px 0 0}
.korCiti .core ul li > p{display:block; padding:20px 10px;}

/*== 인사제도/채용안내 - 직원만족 ==*/
.anchorList{margin-top:40px; padding:25px 20px 20px 20px; background-color:#e7e7e7; }
.anchorList ul{overflow:hidden}
.anchorList ul:after{content:""; display:block; clear:both}
.anchorList ul li{position:relative; float:left; padding:0 20px; }
.anchorList ul li > a {display:inline-block; width:auto; height:28px; padding:0; font-size:14px; border-bottom:3px solid #e7e7e7; color:#056dae; box-sizing:border-box; }
.anchorList ul li > a:before {display:block; content:''; position:absolute; top:6px; left:-1px; height:15px; border-left:1px solid #9a9a9a;}
.anchorList ul li.on > * {top:0; border-bottom:3px solid #056dae; background:none;}
.anchorList ul li > *:hover {border-bottom:3px solid #056dae; color:#333;}

/* 은행소개 > 연혁 */
.historyWrap {position:relative;}
.historyWrap:before {display:block; content:''; position:absolute; top:0; left:5px; width:1px; height:100%; border-left:1px solid #ccc; z-index:0;}
.historyBox {position:relative; margin-top:50px;}
.historyBox .year {position:absolute; top:0; left:0; margin-top:0; margin-bottom:15px; padding-left:40px; line-height:1;}
.historyBox .year:before {display:block; content:''; position:absolute; top:8px; left:0; width:10px; height:10px; background:url("../restored/img/common/ico_circle_large.png") no-repeat 0 0; z-index:1;}
.historyBox .cont {margin-left:135px;}
.historyBox .cont li {margin-top:9px; padding-left:60px;}
.historyBox .cont li:first-child {margin-top:0;}
.historyBox .cont li:after {content:''; display:block; clear:both;}
.historyBox .cont li > span {display:inline-block; width:100%; float:left; vertical-align:top;}
.historyBox .cont li > .date {position:relative; left:-60px; margin-right:-60px; width:60px; font-weight:bold;}
/* 은행소개 > 경영진소개 */
.nameCrd {margin:40px -10px 0 !important;}
.nameCrd > * > .block {position:relative; padding:0 20px !important; border-radius:5px; overflow:hidden;}
.nameCrd > * > .block:before {content:''; position:absolute; top:0; left:0; display:block; width:4px; height:100%; background-color:#002a54;}
.nameCrd.brdBlue > * > .block:before {background-color:#056dae;}
.nameCrd > * > .block > .inner {padding:20px 0 !important;}
/* 은행소개 > 은행장인사말 */
.imgDscArea.ceoMsg {margin-top:60px; padding:0 350px 0 0;}
.imgDscArea.ceoMsg > .inner {padding:0 20px 0 0;}
.imgDscArea.ceoMsg > .img {right:-350px; width:315px; margin-top:60px; margin-left:-315px;}
.imgDscArea.ceoMsg > .img > img {width:100%; height:auto; margin-bottom:40px;}
/* 은행소개 > 지점현황 */
.imgCon > .conDivLine[class*=div].branchMap > *:first-child > .block {display:table; width:100%; padding-right:0 !important; text-align:center;}
.imgCon > .conDivLine[class*=div].branchMap > *:first-child > .block > div {display:table-cell; height:100%; vertical-align:middle;}
/* 은행소개 > 조직도 */
.organizWrap {position:relative; margin-top:60px;}
.organizWrap .tit {display:inline-block; width:140px; height:140px; border-radius:50%; background:#002a54; overflow:hidden; color:#fff; line-height:137px; text-align:center;}
.organizWrap .bgBlue {background:#056dae;}
.organizWrap .titS {position:relative; display:block; height:50px; line-height:47px; padding:0 20px; border:1px solid #056DAE; border-radius:6px; background:#fff; box-sizing:border-box; text-align:center; font-weight:bold; overflow:hidden;}
.organizWrap .txtList {margin-top:15px !important;}
.organizDesc {position:absolute; top:0; left:0;}
.organizHead {position:relative; padding-bottom:60px; text-align:center;}
.organizHead:before {display:block; content:''; position:absolute; top:0; left:50%; margin-left:-1px; width:1px; height:100%; border-left:1px solid #ccc; z-index:0;}
.organizHead * {position:relative; z-index:1;}
.organizHead .side {width:50%; margin-left:50%; overflow:hidden;}
.organizHead .position1 {margin-top:-60px; margin-bottom:-60px;}
.organizHead .side:before {display:block; content:''; position:absolute; top:50%; left:-213px; width:100%; margin-right:-213px; height:1px; border-top:1px solid #ccc; background:none; z-index:0;}
.organizHead .side.single:before {top:25px;}
.organizHead .side > ul:before {display:block; content:''; position:absolute; top:25px; left:-20px; width:1px; height:136px; border-left:1px solid #ccc;}
.organizHead .side > ul,
.organizHead .side > div {display:inline-block; min-width:193px; margin-top:0; text-align:left;}
.organizHead .side > ul > li:after,
.organizHead .side > div:after {display:block; content:''; position:absolute; top:25px; left:-20px; width:20px; height:1px; border-top:1px solid #ccc; background:none; z-index:0;}
.organizHead .side > ul > li {margin-bottom:60px;}
.organizHead .side > ul > li.blueSkin {color:#333 !important; font-weight:bold; padding-left:16px !important;}
.organizHead .side > ul > li.blueSkin:before {display:block; content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background:url("../restored/img/common/ico_circle.png") no-repeat 0 0;}
.organizHead .side > ul > li.blueSkin:after {top:12px;}
.organizList {margin:-60px -10px 0 -10px; overflow:hidden; font-size:0;}
.organizList:after {content:''; display:block; clear:both;}
.organizList > li {display:inline-block; width:33%; margin-top:60px; padding:0 10px; box-sizing:border-box; vertical-align:top; font-size:16px; zoom:1;}
.organizList .titS {border:2px solid #056DAE;}
/* 은행소개 > 홍보관 */
.videoList {position:relative; margin-top:60px; overflow:hidden;}
.videoList > ul {margin:-40px -10px 0 -10px; font-size:0;}
.videoList > ul > li {display:inline-block; width:33.3%; padding:0 10px; margin-top:40px; font-size:16px; box-sizing:border-box; font-weight:bold;}
.videoList > ul > li .tit {display:block; padding:15px 0 10px 0;}
.videoList > ul > li .thum {position:relative; display:block;}
.videoList > ul > li .thum img {width:100%; height:auto;}
.videoList > ul > li a .thum:before {content:''; position:absolute; top:50%; left:50%; margin-top:-39px; margin-left:-39px; display:block; width:78px; height:78px; background:url("../restored/img/common/hrd_playbtn.png") no-repeat 0 0;}
.videoList > ul > li a:hover .thum:before,
.videoList > ul > li a:focus .thum:before {background:url("../restored/img/common/hrd_playbtn_over.png") no-repeat 0 0;}
.titH3 + .videoArea {margin-top:20px;}
/* 은행소개 > 인쇄광고 */
.poster .thum {display:inline-block; max-width:100%; padding:10px; border:1px solid #ccc; border-radius:5px;}
.poster .thum img {width:100%; max-width:161px; height:auto;}
.poster .btnArea .row {margin:0 -5px;}
.poster .btnArea .row > * {padding:0 5px;}
.poster .btnArea .btnType1 {padding:0;}
.hrdAdprThum {text-align:center;}
.hrdAdprThum img {max-width:100%;}
/* 은행소개 > 사회공헌활동(병렬) */
.imgDscArea.hrdScac {margin-top:30px; padding:0 0 0 330px;}
.imgDscArea.hrdScac > .inner {padding-left:20px;}
.imgDscArea.hrdScac > .img {left:-330px; width:330px; margin-right:-330px;}
/* 은행소개 > 사회공헌활동(직렬) */
.imgConArea.hrdScac {margin-top:0 !important; text-align:left;}
.imgConArea.hrdScac .img {max-width:100%; margin-right:-10px; margin-left:-10px;}
.imgConArea.hrdScac .img > img {margin-top:20px; margin-right:10px; margin-left:10px;}
.hrdScac.mt30 {padding-top:10px;}
/* 은행소개 > 사회공헌활동(특이유형1) */
.imgConArea.hrdPuzzle {text-align:left; font-size:0;}
.imgConArea.hrdPuzzle > * {font-size:16px;}
.imgConArea.hrdPuzzle > .img {max-width:100%; margin-top:-20px; margin-right:-20px; font-size:0; overflow:hidden;}
.imgConArea.hrdPuzzle > .img .inner {display:table; max-width:714px}
.imgConArea.hrdPuzzle > .img .inner .inBlock {display:table-cell; max-width:100%;}
.imgConArea.hrdPuzzle > .img .inner .inBlock img {margin-top:20px; margin-right:20px;}
/* 은행소개 > 사회공헌활동(특이유형2) */
.imgConArea.hrdComplex {text-align:left;}
.imgConArea.hrdComplex .img {margin:0 -10px; max-width:100%;}
.imgConArea.hrdComplex .img:after {content:''; display:block; clear:both;}
.imgConArea.hrdComplex .img > span {max-width:100%; display:inline-block; float:left; padding:0 10px; box-sizing:border-box;}
.imgConArea.hrdComplex .img > span > img {margin-top:20px;}

/* Power of One */
.powerArea .powerText > p {padding-left:5px;}
.conDivLine.btnFix .block .btnArea .btnType1,
.conDivLine.btnFix .block .btnArea .btnType4 {min-width:0 !important; width:220px;}

/* display */
.disTb {display:table; width:100%;}
.disTc {display:table-cell;}
.disNone {display:none;}/* important(사용금지) */

/* 외환 국가코드검색 */
.buttonGroup.numberous .quickGroup li {margin-left:0 !important; padding-left:0 !important;}

/*=========================================== CMS 영역 ==============================================*/
.cmsArea {font-size:16px;}
.cmsArea .txtList p {position:relative; margin:10px 0; padding-left:12px;}
.cmsArea .txtList p:before {display:block; content:'-'; position:absolute; top:0; left:0;}
.cmsArea .bul_blue > li {display:list-item; position:relative; margin:10px 0; padding-left:12px;}
.cmsArea .bul_blue > li:before {display:block; content:'-'; position:absolute; top:0; left:0;}
.cmsArea .bul_blue + p:before {display:none;}
.cmsArea .bul_text {margin-top:9px; margin-left:3px;}
.cmsArea .bul_dis > li,
.cmsArea .bul_text > li {display:list-item; position:relative; margin:3px 0; padding-left:9px;}
.cmsArea .bul_dis > li:before,
.cmsArea .bul_text > li:before {display:block; content:'·'; position:absolute; top:0; left:0;}
.cmsArea .bul_point {margin-top:10px;}
.cmsArea .bul_point > li {display:list-item; position:relative; margin:3px 0 0 10px; padding-left:13px;}
.cmsArea .bul_point > li:before {display:block; content:'*'; position:absolute; top:0; left:0;}

.cmsArea .tableX {table-layout:fixed;}

.cmsArea .table,
.cmsArea .t_list,
.cmsArea .t_list03 {width:100%; border-bottom:1px solid #999; color:#333; font-size:14px;}
.cmsArea .table th,
.cmsArea .t_list th,
.cmsArea .t_list03 th {padding:16px 18px 16px 0; border-top:1px solid #999; border-bottom:1px solid #999; font-weight:normal;}
.cmsArea .table td,
.cmsArea .t_list td,
.cmsArea .t_list03 td {padding:16px 18px 16px 0; border-top: 1px solid #999;}

.cmsArea .links {margin-left:12px;}
.cmsArea .cmsImg {margin:40px 0; padding:30px 20px; background-color:#fff; text-align:center;}
.cmsArea .cmsImg img {max-width:100%; height:auto;}

.cmsArea .notice {margin-bottom:15px; font-size:19px; font-weight:bold;}
.cmsArea h2 {font-size:19px;}
.cmsArea h3,
.cmsArea .h3 {position:relative; margin-top:9px; padding-left:17px; font-size:16px;}
.cmsArea h3:before,
.cmsArea .h3:before {display:block; content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background:url("../restored/img/common/ico_circle.png") no-repeat 0 -5px;}

.cmsArea .ts {font-size:14px;}
.cmsArea .tss {font-size:12px;}

.cmsArea .h2 {font-weight:bold;}
.cmsArea .h2 + p {margin-top:10px;}
.cmsArea .h3 a {display:inline-block;}
.cmsArea .h3 a img {width:auto;}
.cmsArea .marT10 {margin-top:10px;}
.cmsArea .marT15 {margin-top:15px;}
.cmsArea .marT20 {margin-top:20px;}
.cmsArea .marT25 {margin-top:25px;}
.cmsArea .marT30 {margin-top:30px;}

.cmsArea p.star {display:block; width:100%; height:auto; background:none; padding-left:17px; box-sizing:border-box;}
.cmsArea p.star:before {content:'*' !important;}

.cms {width:auto; max-width:100%; height:auto;}
.popup .cms{height:auto;}
.bannerArea .cms {width:100%; height:auto;}

.cmsArea .dashList{margin:10px 0 0 15px}
.cmsArea p.refList,
.cmsArea .refList li{font-size:16px; color:#000}
.cmsArea .dashList > li .dotList > li{font-size:16px; color:#000}
.cmsArea .tableX .ac,
.cmsArea .tableX .alignC{padding-left:5px; padding-right:5px}
.cmsArea .txtList p.refList{padding-left:17px}
.cmsArea .txtList p.refList:before{content:'※'}
.cmsArea .txtList > li > .dashList{margin-left:0}

/*cms 가이드 테스트 190319*/

/*약관 cms*/
.guideArea .cmsArea{font-size:14px}
.guideArea .cmsArea ul li,
.guideArea .cmsArea .cmsTxt{font-size:14px}

/*타이틀*/
.cmsArea .cmsTit_1{font-size:23px;line-height:1.4; font-weight:bold; letter-spacing:-0.07em;color:#333}
.cmsArea .cmsTit_2{font-size:19px;margin-top:30px;font-weight:bold;color:#333}
.cmsArea .cmsTit_3{font-size:16px; font-weight:bold;color:#333}

.cmsArea .cmsTxt{font-size:16px}
.cmsArea ul li{margin-top:11px;font-size:16px;}

/*기존 cms 리셋 */
.cmsArea .cmsTit_1,
.cmsArea .cmsTit_2,
.cmsArea .cmsTit_3{padding-left:0;}
.cmsArea .cmsTit_1:before,
.cmsArea .cmsTit_2:before,
.cmsArea .cmsTit_3:before{display:none!important}

.cmsArea .cmsTit_1 + p,
.cmsArea .cmsTit_1 + ul,
.cmsArea .cmsTit_2 + p,
.cmsArea .cmsTit_2 + ul,
.cmsArea .cmsTit_3 + p,
.cmsArea .cmsTit_3 + ul{margin-top:15px!important}

/* 써클 */
.cmsArea p.cmsBul_1,
.cmsArea ul.cmsBul_1 > li{position:relative; padding-left:16px;margin-top:11px;}

.cmsArea p.cmsBul_1:after,
.cmsArea ul.cmsBul_1 > li:after{display:block; content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background:url("../restored/img/common/ico_circle.png") no-repeat 0 -5px;}

/* 데쉬 */
.cmsArea p.cmsBul_2,
.cmsArea ul.cmsBul_2 > li{position:relative; padding-left:12px;margin-top:3px}

.cmsArea p.cmsBul_2:after,
.cmsArea ul.cmsBul_2 > li:after{display:block; content:'-'; position:absolute; top:0; left:0;}

.cmsArea ul.cmsBul_3 > li {position:relative; margin:3px 0; padding-left:9px;font-size:14px;}
.cmsArea ul.cmsBul_3 > li:after {display:block; content:'·'; position:absolute; top:0; left:0;}

/* 당구장 */
.cmsArea p.cmsRef,
.cmsArea ul.cmsRef > li,
.cmsArea p.cmsRefS,
.cmsArea ul.cmsRefS > li {position:relative; margin:3px 0; padding-left:16px;}

.cmsArea p.cmsRef:after,
.cmsArea ul.cmsRef > li:after,
.cmsArea p.cmsRefS:after,
.cmsArea ul.cmsRefS > li:after {display:block; content:'※'; position:absolute; top:0; left:0;}
.cmsArea p.cmsRefS,
.cmsArea ul.cmsRefS > li {font-size:12px; color:#666;}

/* 여백 */
.cmsArea ul.cmsExtraList > li{text-indent:-16px; padding-left:16px;margin-top:11px;}

/*2자리 숫자 리스트일 경우*/
.cmsArea ul.cmsExtraList.type2 > li{text-indent:-21px; padding-left:21px;}

/*여백 리셋*/
.cmsArea ul:not(.cmsExtraList) > li,
.cmsArea p:not(.cmsExtraList){text-indent: 0;}

/* 폰트 사이즈 */
.cmsArea .cmsTxtFs1,
.cmsArea ul.cmsTxtFs1 > li{font-size:12px!important}
.cmsArea .cmsTxtFs2,
.cmsArea ul.cmsTxtFs2 > li{font-size:14px!important}
.cmsArea .cmsTxtFs3,
.cmsArea ul.cmsTxtFs3 > li{font-size:16px!important}
.cmsArea .cmsTxtFs4,
.cmsArea ul.cmsTxtFs4 > li{font-size:18px!important}
.cmsArea .cmsTxtFs5,
.cmsArea ul.cmsTxtFs5 > li{font-size:20px!important}

.cmsArea .lineThrough{text-decoration:line-through!important} /* 취소선 190128*/

/* // cms 가이드 테스트 190319*/

/*== cms 이벤트 ==*/
/*.cmsEvent > div,
.viewWrap .viewCont > [class^=cms] > div {width:640px; margin:0 auto;}*/
.viewWrap .viewCont > [class^=cms] table {margin-top:0;}
.viewWrap .viewCont > [class^=cms] img {width:auto;}
.viewWrap .viewCont > [class^=cms] > div {margin:0 auto;}
.viewWrap .viewCont > [class^=cms] > div table {background: #fff}
/* tblAc */
.viewWrap .viewCont > [class^=cms] .tblAc th,
.viewWrap .viewCont > [class^=cms] .tblAc td {padding:16px 18px; border-left:1px solid #d8d8d8; text-align:center; vertical-align:middle; font-weight:normal;}
.viewWrap .viewCont > [class^=cms] .tblAc th {font-weight:bold !important;}
.viewWrap .viewCont > [class^=cms] .tblAc .first {border-left:0;}
/* txtList(titH4) */
.viewWrap .viewCont > [class^=cms] .txtList.titH4 > li {margin-top:30px;}
.viewWrap .viewCont > [class^=cms] .txtList.titH4 > li:before {top:14px;}
.viewWrap .viewCont > [class^=cms] .txtList.titH4 > li p {min-height:30px;}
.viewWrap .viewCont > [class^=cms] .txtList > li p {margin:0; padding-left:0;}
.viewWrap .viewCont > [class^=cms] .txtList > li p:before {display:none;}

.iframeCon {margin-top:55px;}

/* WM Statement */
.wmSearchBox {margin-top:45px; padding:40px 30px 40px; background:#fff;}
.wmSearchBox .formWrap .formControl {background-color:#eee;}
.wmSearchBox .formWrap.nonLabel {margin-bottom:20px; margin-top:10px;}
.wmSearchBox .formWrap.nonLabel label {height:0; padding:0; margin-top:0;}
.ie10 .wmSearchBox .formWrap.nonLabel label {height:0}
.wmSearchBox .formWrap.nonLabel .formControl {margin-top:0; margin-bottom:0;}
.wmSearchBox .formWrap.nonLabel + div > .relatedInfo {padding-top:10px; margin-bottom:20px;}
.wmSearchBox .titH2 {margin-top: 0px; text-align: center;}
.wmSearchBox .ac {margin-top:50px;}
.wmSearchBox .formArea {float:none; margin:40px auto 0; padding-top:0}
.wmSearchBox .formArea .formWrap.nonLabel {float:left; width:66%; margin:0; padding-right: 20px; box-sizing: border-box;}
.wmSearchBox .formArea .formWrap {float:right; width:34%}
.wmSearchBox .formArea .formWrap .btnType1 {width: 100%; min-width:0}
.wmAcco table {width:100%; margin-top:0px; table-layout: fixed;}
.wmAcco table .alignR {letter-spacing: 0}
.wmAcco table .alignR.morePd {padding-right: 8%;}

.cateContain {position: relative;}
.cateContain .printWrap {position: absolute; top:63px; right:0; text-align: right;}
.cateContain .printWrap + .clfix strong {display: block; font-weight: bold}
.cateContain .printWrap .btnImgPrint2 {margin-right: 10px}
.cateContain .tit {display:block; margin-bottom:40px; text-align: center; font-size:38px; font-weight: normal; color:#333}
.cateContain .cate {position: relative; margin-top:50px; padding-top:40px; border-top:1px solid #999; }
.cateContain .cate:first-child {padding-top:10px; margin-top:0; border-top:none;}
.cateContain .cate:first-child .printWrap {top:30px}
.cateContain .semiTit {padding-bottom:20px; text-align: left; font-size:23px; font-weight: bold; color:#333}
.cateContain .portfolio .semiTit {border-bottom:1px solid #333; }

.cateDiv:before,.cateDiv:after {content:""; display:table}
.cateDiv:after {clear:both}
.cateDiv {position:relative; margin-left:-10px; margin-right: -10px;}
.cateDiv > div {float:left; width:65%; box-sizing:border-box; padding-left:10px; padding-right: 10px;}
.cateDiv > div:first-child {width:35%;}
.cateDiv.third > div {width:33%;}
.cateDiv.third > .second {width:34%;}

.infoTable td {padding:15px 20px 16px 20px; border-top:1px solid #ccc;}
.infoTable tr:first-child td {border-top: none;}
.infoTable.gray tr:first-child td:before {border-top:none;}
.infoTable tr.sum td {padding-top:20px; padding-bottom:21px; border-top: none; background: #ddd}

.infoTable.gray {position:relative; background: #eee; box-shadow:3px 3px 6px rgba(0,0,0,0.15);}
.infoTable.gray tr:after {content:''; display:block; position:absolute; left:20px; right:20px; border-top:1px solid #ccc; }
.infoTable.gray td:first-child {padding-right:20px;}
.infoTable.gray td {border-top:none; padding-right:40px; vertical-align: middle;}
.infoTable.gray tr:first-child:after, .infoTable.gray tr.sum + tr:after {display: none;}
.infoTable [class^=arrow] {display: inline-block; width:11px; height:12px; margin-left:10px; margin-right: -21px; /*background: url("../restored/img/common/ico_arrow_up_wm.png") no-repeat 0 0*/; vertical-align: middle;}
.infoTable .arrowDown {/*background: url("../restored/img/common/ico_arrow_down_wm.png") no-repeat 0 0;*/}

.wmAcco .tableY {border-top: 1px solid #999;}
.wmAcco .tableY th, .wmAcco .tableY td {padding:16px 15px 17px 15px;}
.wmAcco .tableY td.sum {background: #f9f9f9; padding-left:10px; padding-right:0px}
.wmAcco .tableY tbody tr:first-child > th, .wmAcco .tableY tbody tr:first-child > td {border-color:#999}
.wmAcco .notiList.brdInit {border-top:1px solid #ccc; margin-top:30px; padding-top:20px;}
.wmAcco .notiList li {font-size:12px; color:#666}
.wmAcco .tableX tr.sum td {background:#f9f9f9;}
.wmAcco table + .semiTit {margin-top:40px;}
.wmAcco .sumTable {margin-top:40px !important;}
.wmAcco .sumTable th, .wmAcco .sumTable td {background: #f9f9f9}
.wmAcco .sumTable.tableX tbody th, .wmAcco .sumTable.tableX tbody td {border-color:#999}
.wmAcco .msgArea {margin-top:0; padding-top: 125px; background-color: #f9f9f9; background-image: url("../restored/img/common/ico_wm_warning.png"); min-height: 230px}
.wmAcco .msgArea .msg {color:#666666; font-weight: normal; font-size:16px}
body.isMobile .wmAcco .msgArea.rotate {background-image: url("../restored/img/common/ico_warning_rotate.png"); background-size: 50px auto; }

.wmList {margin-top:35px; padding-bottom:20px; color:#333 }
.wmList li {margin-top:20px;}
.wmList li:first-child {margin-top:0 !important}
.wmList li > strong {display: block; margin-bottom:10px; font-size: 19px; font-weight: bold;}
.wmList li > strong .subTxt {margin-left:5px; font-size:14px; font-weight: normal; vertical-align: super;}
.wmList.sMargin li {margin-top:5px;}

.chartContain:before {content: ''; position: absolute; left: 35%; right: 65%; top:0; bottom: 0; border-left: 1px solid #d8d8d8;}
.chartContain > div:first-child:before {content: ''; position: absolute; top:54px; left: 35%; bottom: 0; margin-left: -10px; border-right: 1px solid #d8d8d8;}
.chartArea {border:1px solid #d8d8d8;}
.chartContain .chartArea {border:none; border-top:1px solid #d8d8d8; text-align: center;}
.chartContain .chartArea > strong {display:block; padding:15px 0; text-align: center;}
.chartContain .chartArea:before {content: ''; position:absolute; top:54px; left:10px; bottom:0; border-left:1px solid #d8d8d8; }
.chartContain .chartArea:after {content: ''; position: absolute; bottom: 0; left: 0; right: 65%; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #d8d8d8;}
.wmAcco .graphArea {display:block; width:100%; height:260px; margin:0 auto; padding:10px;  background: none; box-sizing:border-box; min-height:260px}
.wmAcco .graphArea.barType {height: 310px;}
.wmAcco .graphArea img {display: block}
.wmAcco .fullGraphArea {padding:35px 40px}
.wmAcco .fullGraphArea > * {display:block; margin: 0 auto;}
.chartArea + .semiTit {margin-top:55px;}

.colorInfo {margin-top:20px;}
.colorInfo > li {position:relative; display: inline-block; padding-left:20px; margin-left:15px; font-size:16px; color:#333}
.colorInfo > li:first-child {margin-left:0;}
.colorInfo > li:before {content:''; position:absolute; top:50%; left:0; width:12px; height:12px; display: block; margin-top:-6px; background: #c4bd97;} 
.colorInfo > li.color1:before {background: #366092;}
.colorInfo > li.color2:before {background: #bea56e;}
.colorInfo > li.color3:before {background: #c4bd97;}
.colorInfo > li.color4:before {background: #ddd9c4;}
.colorInfo > li.color5:before {background: #a6a6a6;}

.portfolio .second .portfolioItem {margin-top:27px;}
.portfolio .second .portfolioItem li {position: relative;}
.portfolio .second .portfolioItem li > * {display:block; width:100%; padding-top:16px; padding-bottom:16px;}
.portfolio .second .portfolioItem li > *:after {content:''; position:absolute; top:0; left:0; right: 20px; border-top:1px solid #ccc;}
.portfolio .second .portfolioItem li:first-child > *:after {border:none} 
.portfolio .second .portfolioItem li > strong {position: absolute; top:0; left:-79px; display:block; width:79px; padding:20px 0; padding-right:20px; text-align: center; box-sizing:border-box;}
.portfolio .second .portfolioItem li > strong:after {left:0; right: 20px; }
.portfolio .second .portfolioItem li > strong.right {position: absolute; top:0; left:auto; right:-79px; padding-left:20px; padding-right:0px;}
.portfolio .second .portfolioItem li > strong.right:after {left:20px; right:0;}
.portfolio > div.leftBlock, .portfolio > div.rightBlock {text-align: center;}
.portfolio > div.leftBlock .graphArea {padding-right: 79px; padding-top: 50px; height:360px; min-height:360px;}
.portfolio > div.rightBlock .graphArea {padding-left: 79px; padding-top: 50px; height:360px; min-height:360px;}

.portfolioItem .itemTit {position:relative; display:inline-block; padding-left:20px; font-size:16px; color:#333}
.portfolioItem .itemTit:before {content:''; position:absolute; top:50%; left:0; width:12px; height:12px; display: block; margin-top:-6px; background: #bea56e;}
.portfolioItem .itemTit.color1:before {background: #bea56e}
.portfolioItem .itemTit.color2:before {background: #c4bd97}
.portfolioItem .itemTit.color3:before {background: #ddd9c4}
.portfolioItem .itemTit.color4:before {background: #244062}
.portfolioItem .itemTit.color5:before {background: #366092}
.portfolioItem .itemTit.color6:before {background: #548dd5}
.portfolioItem .itemTit.color7:before {background: #8db4e2}
.portfolioItem .itemTit.color8:before {background: #c5d9f1}
.portfolioItem .itemTit.color9:before {background: #d9d9d9}
.portfolioItem .itemTit.color10:before {background: #bfbfbf}
.portfolioItem .itemTit.color11:before {background: #a6a6a6}
.portfolioItem .itemTit.color12:before {background: #808080}
.portfolioItem .itemTit.color13:before {background: #bebb8e}

.portfolioGrade {position: absolute; bottom:15px; right:20px; width:20% }
.portfolioGrade > * {display: block; padding: 15px 20px; color:#333; font-weight: bold}
.portfolioGrade em {background: #eee; font-weight: normal;}

.cdiArea {border:1px solid #ccc; margin:40px 0; padding:80px 0 50px;}
.cdiArea .colorInfo {margin-top: 60px; text-align: center;}
.cdiBox {position:relative; width:254px; height:254px; margin:0 auto; }
/*.cdiBox:after {content: ''; position:absolute; width:274px; height:274px; top:-10px; left:-10px; background: url("../restored/img/common/bg_cdi.png") no-repeat 0; z-index: 1}*/
.cdiBox .graphBG {position:absolute; width:274px; height:274px; top:-10px; left:-10px; z-index: 1}
.cdiBox [class *= High] {position: absolute; left:-55px; color:#333; font-size: 16px; z-index: 10}
.cdiBox .yHigh {top:-15px; text-align: right;}
.cdiBox .xHigh {bottom:-35px; left:auto; right:0;}
.cdiBox .xyHigh {bottom:-15px; text-align: right;}
.cdiBox .yHighTxt {top:-15px; left:-230px; text-align: left; }
.cdiBox .xHighTxt {bottom:-42px; left:auto; right:-194px; text-align: left; }
.colorInfo > li.lColor:before {background-color: #d9cbac}
.colorInfo > li.mColor:before {background-color: #aea17f}
.colorInfo > li.hColor:before {background-color: #756642}
.myCDI {position: absolute; bottom:50%; left:0%; z-index: 100}
.myCDI:after {content:''; position:absolute; top:0; left:0; display:block; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; border:4px solid #fff; box-sizing:border-box;}
.myCDI .blackBox {position: absolute; width:86px; height:67px; padding-top:3px; margin-left:-43px; margin-top:-75px; text-align: center; color:#fff; font-weight: bold; box-sizing:border-box;}
.myCDI .blackBox .txt {position: absolute; top:3px; left:0; right:0; z-index: 2}
.myCDI .blackBox .blackBoxBG {position: absolute; top:0; left:0; z-index: 1}
/*.myCDI .blackBox {position: absolute; width:86px; height:67px; padding-top:3px; margin-left:-43px; margin-top:-75px; background: url("../restored/img/common/bg_mycdi.png") no-repeat 0; text-align: center; color:#fff; font-weight: bold; box-sizing:border-box;}
.myCDI .blackBox.reverse {margin-left:-3px; background: url("../restored/img/common/bg_mycdi_2.png") no-repeat 0; }*/
.wmAcco .icoCheck {position:relative; display:block; font-weight: bold; margin-bottom:5px; padding-left: 16px;}
.wmAcco .icoCheck:before {display: block; content: ''; position: absolute; top: 8px; left: 0;width: 10px; height: 8px; background: url("../restored/img/common/ico_check.png") no-repeat;}

/*=========================================== 카드 프로세스 변경 관련 추가 2018.01.04 ==============================================*/
.infoListLine .termsGroup:after {display:block; content:''; clear:both;}
.infoListLine .termsGroup .tit {float:left; max-width:90%; margin-top:-4px; text-align:left; font-size:19px !important; font-weight:bold;}
.infoListLine .termsGroup .checkbox {position:relative; top:-5px; float:right; right:0px; margin-left:20px; margin-top:3px; vertical-align:top;}
.infoListLine.terms li .termsAgree.hasAgree + .termsAgree.hasAgree {margin-bottom:0;}
.infoListLine.terms li .termsAgree.hasChild {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ccc;}
.infoListLine .termsAgree.hasAgree .tit {width:66%;}
.infoListLine .termsAgree.hasAgree .tit + div {width:34%; border-top:none !important; padding-top:0 !important;}
.infoListLine .chkPushItem {margin-top:20px; padding:5px 20px !important; border-radius:6px; background-color:#eee; box-sizing:border-box; font-size:14px; text-align:left;}
.infoListLine .chkPushItem strong {display:inline-block; margin-right:30px; font-weight:bold; font-size:16px; vertical-align: middle;}
.infoListLine .chkPushItem .inputGroup {display:inline-block; vertical-align:middle;}

.cardArea {margin-top:-25px; margin-bottom:50px; background:#f9f9f9;}
.cardArea.fixed {position:fixed; width:100%; z-index:100; background:rgba(249, 249, 249, .8);}
.cardArea .cardThumb {max-width:1440px; margin:0 auto; padding:40px 20px; box-sizing:border-box;}
.cardArea figure {position:relative; padding-left:189px;}
.cardArea .img {position:absolute; left:0; top:0; width:159px; margin-right:30px; border-radius:5px; -webkit-box-shadow:1px 3px 6px rgba(0, 0, 0, .37); box-shadow:1px 3px 6px rgba(0, 0, 0, .37);}
.cardArea .img img {width:100%;}
.cardArea figcaption {display:table;}
.cardArea figcaption > div {display:table-cell; height:100px; vertical-align:middle;}
.cardArea .cardName {display:block; margin-bottom:20px; font-size:26px; line-height:1; font-weight:bold; color:#333;}
.cardArea .progIndicator {margin-top:40px;}

.selectCard {border-top:1px solid #999; border-bottom:1px solid #999;}
.selectCard li button {display:block; width:100%; padding:0 30px; background:#fff; box-sizing:border-box; text-align:left;}
.selectCard li figure {position:relative; min-height:82px; padding:25px 0 25px 150px;}
.selectCard li + li figure {border-top:1px solid #ccc;}
.selectCard li img {position:absolute; left:0; top:25px;}
.selectCard li .cardName {font-size:19px; font-weight:bold; color:#333;}
.selectCard li .dotList li {font-size:12px; line-height:18px;}
.selectCard li.on button {background:#056dae; color:#fff;}
.selectCard li.on img {border-radius:2px; -webkit-box-shadow:1px 3px 6px rgba(0, 0, 0, .37); box-shadow:1px 3px 6px rgba(0, 0, 0, .37);}
.selectCard li.on .cardName {color:#fff;}
.selectCard li.on .dotList li {font-size:16px;}

.radSelect select.formControl {display:inline-block; width:auto; margin-left:15px;}

.groupArea .phoneWrap + .inputGroup.horizontal {margin-top:33px; margin-left:10px;}

.formWrap.boxing {padding:20px 30px; border:1px solid #bfbfbf; border-radius:5px;}
.formWrap.boxing.on {border-color:#056dae; background:#fff;}

.brdMsgBox {margin-top:75px; padding:60px 0; border-top:1px solid #999; border-bottom:1px solid #999; text-align:center; font-size:23px;}

.conDivBox.recommItem .titArea {border-bottom:none;}
.conDivBox.recommItem .titH3 {font-weight:normal; text-align:left;}
.conDivBox.recommItem .btnArea {position:absolute; bottom:40px; width:100%; min-height:30px; margin-top:0;}

.whiteForm {margin:-20px 0 0; padding:0 15px 60px; background:#fff;}
.whiteForm .formWrap .formControl,
.isMobile .whiteForm .formWrap .formControl {background-color:#eee;}

/* CPC re Engineering 관련 추가 2018-02 (S) */
.reEngineWrap {position:relative; padding-left:40px; margin-top:50px}
.reEngineWrap > .infoListLine {border-top:none}
.reEngineWrap > .infoListLine > li:first-child {margin-top:0;}
.reEngineWrap > .infoListLine > li {margin-top:30px; padding:0 40px 0 0; border-bottom: none; background-color: #fff}
.reEngineWrap > .infoListLine > li:before {content:''; position: absolute; top:40px; left:-40px; display: block; width:20px; height:20px; background: url("../restored/img/common/ico_wm_bullet.png") no-repeat center bottom; z-index: 10}
.reEngineWrap > .infoListLine > li:after {content:''; position: absolute; top:52px; left:-31px; bottom:-82px; width:1px; border-left: 1px solid #767676; z-index: 1}
.reEngineWrap > .infoListLine > li:last-child:after {display: none} 
.reEngineWrap > .infoListLine > li.on:before {background-position: center 0;}
.reEngineWrap > .infoListLine > li > .wrap:after {content: ''; position: absolute; width: 0; height: 0; left: 0; top:40px; margin-left: -10px; border-right: 10px solid #fff; border-top: 10px solid rgba(0,0,0,0);border-bottom: 10px solid rgba(0,0,0,0);}
.reEngineWrap > .infoListLine > li > .accoContents {overflow: visible}
.reEngineWrap > .infoListLine > li > .wrap {padding:0;}
.reEngineWrap > .infoListLine > li > .wrap .tit {display:block; padding:35px 0 36px 73px;}
.reEngineWrap > .infoListLine > li > .wrap .accordion {top:27px; left:0; width:73px;}
.reEngineWrap > .infoListLine > li > .wrap .accordion:before {left:47px}
.reEngineWrap > .infoListLine > li > .accoContents {padding-left: 40px; }
.reEngineWrap .infoListLine .barList.sTxt {margin-top:-25px}
.reEngineWrap .accoContents > .infoListLine {border-top:none; margin-top:0px;}
.reEngineWrap .accoContents > .infoListLine > li {padding-right:0px; border-color:#cccccc}
.reEngineWrap .accoContents > .infoListLine > li .wrap {padding:0}
.reEngineWrap .accoContents > .infoListLine > li .wrap .tit {position:relative; display: block; padding: 21px 38px 21px 0; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 2}
.reEngineWrap .accoContents > .infoListLine > li .accordion {top:13px;}
.reEngineWrap .accoContents > .infoListLine > li .accoContents {overflow: visible;}
.reEngineWrap .accoContents > .detailArea {padding-bottom:30px; border-top: 1px solid #999999; border-bottom: 1px solid #ccc;  }
.detailArea .tit {margin-top:20px; font-size:24px; color:#333333}
.detailArea .txtList {margin-top:10px}
.detailArea .txtList:after {content:''; clear: both; display: block;}
.detailArea .txtList li {float:left; width:25%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.detailArea .txtList li > * {width:40%; display: inline-block; font-weight: bold}
.detailArea .txtList li > em {width:60%; font-weight: normal; color: #056dae;}
.reEngineWrap .agreeBtnArea {padding:20px 0 40px 0; text-align: right;}
.reEngineWrap .accoContents .barList {display: none} 
.reEngineWrap .accoContents li.on .barList {display: block;} 
.reEngineWrap .termsBox {height: auto; margin-top:20px; line-height: 1.5em; color:#333; font-size:16px;}
.reEngineWrap .temsDetailWrap {margin-top:20px;}
.reEngineWrap .temsDetailWrap:first-child {margin-top:0;}
.reEngineWrap .temsDetailWrap .tit {display:block; font-weight: bold;}
.chkPara {display:inline-block; color:#d60000; font-size:14px; font-weight: bold}
.chkPara.on {padding-left: 20px; background:url("../restored/img/common/bl_check.png") no-repeat 0 center; color:#006e0a; }
.reEngineWrap .infoListLine .wrap .chkPara {position: absolute; right:20px; top:23px; z-index: 1}
.reEngineWrap .infoListLine.accoCheck .wrap .chkPara {margin-top: 14px;}
.reEngineWrap .directType > li > .accoContents {display: block; padding-bottom: 0; margin-bottom:0}
.reEngineWrap .directType > li > .accoContents > .infoListLine > li:last-child {border-bottom:none; }
.reEngineWrap .directType > li > .accoContents > .infoListLine > li:last-child > .accoContents {padding-bottom: 20px;}

/*=========================================== PCL 20180504 ===========================================*/

/*== step_1==*/
.allAgreeWrap.on .agreeListLink{padding:0;border-bottom:0}
.allAgreeWrap.on .agreeListLink ul{display:none}
.btnArea + .agreeListLink{margin-top:20px}
.agreeListLink{padding:20px 30px;background:#fff;border-top:1px solid #999;border-bottom:1px solid #999;box-sizing:border-box}
.agreeListLink ul:after,
.agreeListLink li:after{display:block;content:'';clear:both}
.agreeListLink li{position:relative;float:left;width:calc(50% - 40px);width:-webkit-calc(50% - 40px);border-top:1px solid #ccc;box-sizing:border-box}
.agreeListLink li:first-child,
.agreeListLink li:nth-of-type(2){border-top:0;}
.agreeListLink li:nth-child(even){float:right}
.agreeListLink li:nth-child(odd){margin-right: 80px;}
.agreeListLink li:before{position:absolute;right:10px;top:50%;display:inline-block;content:'';width:8px;height:14px;margin-top:-7px;background:url("../restored/img/common/sp_btn_1.png") no-repeat -80px 0}
.agreeListLink .formListChk{position:absolute;top:10px;left:0;margin-bottom:0;box-sizing:border-box;z-index:10}
.agreeListLink .formListChk input[type="checkbox"]:focus +label:before{border:1px solid #056DAE}
.agreeListLink .formListBox{display:block;margin-left:30px;width: calc(100% - 30px);width:-webkit-calc(100% - 30px);padding:10px 20px 10px 0;box-sizing:border-box}
.agreeListLink .formListBox .formTit{color:#333;font-size:16px}

.agreeListLink.single {padding:0}
.agreeListLink.single .formListBox{margin-left: 50px;padding: 20px 20px 20px 0;width: -webkit-calc(100% - 50px);}
.agreeListLink.single .formListChk{top:19px;left:20px;}
.agreeListLink.single > .inner{position:relative}
.agreeListLink.single > .inner:before{position:absolute;right:10px;top:50%;display:inline-block;content:'';width:8px;height:14px;margin-top:-7px;background:url("../restored/img/common/sp_btn_1.png") no-repeat -80px 0}

/*상품설명서 190812*/
p + .agreeListLink.NoneArr{margin-top:20px}
.agreeListLink.NoneArr li:nth-of-type(2){border-top: 1px solid #ccc;}
.agreeListLink.NoneArr > ul > li{width: 100%}
.agreeListLink.NoneArr .formListBox{width:100%;margin:0;padding:10px}
.agreeListLink.NoneArr .formListBox:after{display: block; content: ''; clear: both;}
.agreeListLink.NoneArr li:before{display:none}
.agreeListLink.NoneArr .formTit{float:left;width:calc(100% - 165px);width:-webkit-calc(100% - 165px);padding-right:10px;box-sizing:border-box;}
.agreeListLink.NoneArr .formTit span{vertical-align:middle}
.agreeListLink.NoneArr .stateBox{float:right;width:165px;}
.agreeListLink.NoneArr .stateBox .stateTxt{display:inline-block;width:55px;margin-left:10px;vertical-align:middle;text-align: center;}

@media screen and (max-width: 767px){ 
	.agreeListLink.NoneArr .stateBox .stateTxt{font-size:13px}
}

.phoneWrap.type2 .formWrap{padding:0;}
.phoneWrap.type2 .formWrap:first-child{width:25%;}
.phoneWrap.type2 .formWrap.last{width:50%}
.phoneWrap.type2 .formWrap.last input.formControl{border-radius: 0 6px 6px 0;}

.agreeListLink + .formArea{padding-top:0;margin-top:20px}
.allAgreeWrap + .formArea{margin-top:25px}

.allAgreeWrap > .btnArea .btnType1 .txt{position: relative;display: inline-block;}
.allAgreeWrap > .btnArea .btnType1 .txt:before{position: absolute;left: -30px;top: 50%;display: inline-block;content: '';width: 19px;height: 14px;margin-top: -7px;background:none}
.allAgreeWrap > .btnArea .btnType1.active{border:2px solid #002a54;background:#002a54;}
.allAgreeWrap > .btnArea .btnType1.active .txt:before{background: url("../restored/img/common/sp_btn_1.png") no-repeat -340px 0}

/*== step_2== */

/*라디오 버튼*/
.rdoBox{position:relative;box-sizing: border-box;border-radius:5px;background:#fff;height:44px;border:1px solid #aaa}
.rdoBox:after{display:block;content:'';clear:both}
.rdoBox:before{content: "";clear: both;position: absolute;top:-1px;left:0;display: block;width:50%;height: 44px;border:1px solid #056dae;border-radius: 5px;background: #056dae;box-sizing:border-box;transition: transform 0.4s;-webkit-transition: transform 0.4s;}
.rdoBox._move:before{-ms-transform: translate(100%,0);-webkit-transform: translate(100%,0);transform: translate(100%,0);}
.rdoBox > div {position:relative;float:left; width:50%;}
.rdoBox input[type="radio"] {position:absolute; right:0; bottom:0; background:none;transition-property:color;transition-duration:0.4s;}
.rdoBox input[type='radio'] + label{transition-property:color;transition-duration:0.4s;display:block;width:100%;height:44px;padding:0!important;text-indent:0!important;;min-height:inherit;margin-left:0;color:#aaa;border-radius: 5px;border: 1px solid transparent;box-sizing:border-box;font-size:16px;line-height:40px;text-decoration:none;vertical-align:top;text-align:center}
.rdoBox input[type='radio']:checked + label{color:#fff;font-weight: bold;}
.rdoBox input[type="radio"]+label:before,.rdoBox input[type="checkbox"]+label:before{display:none}


/*계산바*/
.sliderRangeWrap2{position:relative; display:inline-block; width:100%; margin:22px 0 15px;box-sizing:border-box;vertical-align:top}
.sliderRangeWrap2 .ui-widget.ui-widget-content{border:0}
.sliderRangeWrap2:after{content:""; display:block; clear:both}
.sliderRangeWrap2 .sliderRangeBox{position:relative;border-radius:1px;height:2px;background:#ccc; box-sizing:border-box}
.sliderRangeWrap2 .sliderRangeBox:after{content:""; display:block; clear:both}
.sliderRangeWrap2 .sliderRangeBox .value{position:absolute; top:20px; color:#636a7b;}
.sliderRangeWrap2 .sliderRangeBox .value.min{left:0;}
.sliderRangeWrap2 .sliderRangeBox .value.max{right:0; text-align:right}
.sliderRangeWrap2 .sliderRangeBox .ui-slider-range{display:block; position:absolute; z-index:1;background: #056dae;top: 0;height: 100%;font-size:.7em; border-radius:3px}
.sliderRangeWrap2 .sliderRangeBox .ui-slider-handle{position:absolute; display: block; top:-10px !important; margin-left:-10px;border-radius:20px;width:20px; height:20px; text-indent:-9999px; border:0; z-index:2; cursor:pointer;background:#056dae}
.sliderRangeWrap2 .sliderRangeBox .ui-slider-handle:hover,
.sliderRangeWrap2 .sliderRangeBox .ui-slider-handle:focus{background:#056dae;}
.sliderRangeWrap2 + .buttonGroup{margin-left:-10px}
.sliderRangeWrap2 .ui-slider-horizontal .ui-slider-range-min{left: 0;}
.sliderRangeWrap2 .ui-corner-all,
.sliderRangeWrap2 .ui-corner-top,
.sliderRangeWrap2 .ui-corner-left,
.sliderRangeWrap2 .ui-corner-tl{cursor: pointer;}

.applyInfoWrap > div:first-child{margin-top:0}
.applyInfoWrap > div{margin-top:4px;line-height:1.1;}
.applyInfoWrap .numBox{display:block;}
.applyInfoWrap .MixBox{font-size:16px;}
.applyInfoWrap .MixBox .txt{color:#666}
.applyInfoWrap .MixBox .txt + .num{margin-left:11px;color:#333;font-family: 'inter Light', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important;}
.applyInfoWrap .numBox{color:#056dae;line-height:1.1;}
.applyInfoWrap .numBox .num{display:inline-block;font-size:46px;vertical-align:top}
.applyInfoWrap .numBox .unit{display:inline-block;font-size:26px;vertical-align:top;margin-top:10px}
.applyInfoWrap .desc{font-size:16px;color:#666}
		
/*라운드 셀렉트 리스트*/
.conDivArea.listSel .conDivBox{color:#999}
.conDivArea.listSel .conDivBox .block{display:block;padding:0 10px;border-radius:6px;border:1px solid #ccc;line-height:120px;text-align:center}
.conDivArea.listSel .conDivBox .inner{display:inline-block;margin-top:-4px;padding:0;line-height:normal;vertical-align:middle}
.conDivArea.listSel .conDivBox .inner:after{display:block;content:'';clear:both}
.conDivArea.listSel .conDivBox .tit{font-size:14px}
.conDivArea.listSel .conDivBox .balance{display: block;margin-top:7px;font-size:20px;line-height:1.1;}
.conDivArea.listSel .conDivBox .balance > span{display:inline-block;margin:2px 10px 0 0;font-size:16px;vertical-align:top}
.conDivArea.listSel .conDivBox .balance .unit{margin:2px 0 0 4px}
.conDivArea.listSel .conDivBox .balance em{font-weight:bold}
.conDivArea.listSel .conDivBox .infoLeft,
.conDivArea.listSel .conDivBox .infoRight{display: inline-block;float: left;line-height: 1.1;text-align:left}
.conDivArea.listSel .conDivBox .infoRight{position: relative; padding-left:37px;}
.conDivArea.listSel .conDivBox .infoRight:after{position:absolute;left:15px;bottom:0;content:'/';color:#999;font-size:20px}
.conDivArea.listSel .conDivBox .block:focus,
.conDivArea.listSel .conDivBox .on .block{border:1px solid #056dae;color:#056dae}
.conDivArea.listSel .conDivBox .block:focus,
.conDivArea.listSel .conDivBox .on .infoRight:after{color:#056dae}
/*3개*/
.conDivArea.listSel .conDivBox .inner.wType2 .infoRight{padding-left: 16px}
.conDivArea.listSel .conDivBox .inner.wType2 .infoRight:after{left: 4px}

/* 레이블 + 인풋 수평 타입 */
.formWrap.type2:after{display:block;content:'';clear:both}
.formWrap.type2 .formControl{background:#eee;color:#333;margin:0}
.formWrap.type2 .unit{color:#333}
.formWrap.type2 .formTit,
.formWrap.type2 .formCont{float:left;}
.formWrap.type2 .formTit{line-height:50px;width:70px}
.formWrap.type2 .formTit label{display:inline-block;padding:0;vertical-align: middle;line-height:normal;font-size:16px;color:#333;margin-top: -4px;}
.formWrap.type2 .formCont{width:calc(100% - 70px)}
.formWrap.type2 .formCont .formControl{font-size:15px}
/* ====================================  단기카드대출 180726*/
.formWrap.type2 .formTit.w120{width:120px}
.formWrap.type2 .formCont.w1202{width: calc(100% - 120px);width:-webkit-calc(100% - 120px)}
.formWrap.type2 select.formControl{background:#eee url("../restored/img/common/ico_select_arrow.png") no-repeat right 14px center}
.formWrap.type2 + .formWrap.type2{margin-top:10px}
/*Retail PCL 190219*/
.formWrap.type3 .txtIptLabel{display:inline-block;opacity:1;color:#333;}
.formWrap.type3 select.formControl{background:#eee url("../restored/img/common/ico_select_arrow.png") no-repeat right 14px center}
.formWrap.type3 .formControl{background:#eee;color:#333;margin:0}

/* 아코디언*/
.listSel .accWrap .accBox,
.listSel .accWrap .accEtc{width:100%;background:#fff;border-radius: 6px;box-sizing: border-box;}
.listSel .accWrap .accBox,
.listSel .accWrap .accEtc > button{width:100%}
.listSel .accWrap .block{width:100%;color:#888}
.listSel .accWrap > li.on .accBox{border:1px solid #056dae}
.listSel .accWrap > li.on .accBox .block{border:0}
.listSel .accWrap > li.on .accBtn{outline:0}
.listSel .accWrap > li .refList{margin:20px 0 0 0}
.accWrap li.on .accCont{display:block}
.accWrap .accCont{display:none;padding:0 20px 40px 20px}

/* ==================================== */

.applyInfoWrap + .rdoBox{margin-top:20px}
.whiteWrap.diviColum .row{position:relative;display:block;margin:0 40px}
.whiteWrap.diviColum .row + .row{padding-top:20px;margin-top:20px;border-top:1px solid #c0c0c0}
.whiteWrap.diviColum .row .box{display:inline-block}
.whiteWrap.diviColum .row .rdoBoxType2 + .formArea{padding-top:0}

.dotList.type2 li{color:#666;font-size:14px}
div + .dotListBox {border-top:1px solid #ccc;margin-top:30px}

/*고정 너비*/
.w320{width:320px;padding:0}

/*certiIco : 공인인증서 , callIco : 전화인증하기 */
[class^=btnType].certiIco, 
[class^=btnType].callIco{padding:0 96px 0 48px}
.certiIco:before,
.callIco:before{position:absolute;top:50%;right: 25px;display:inline-block;content:'';background:url("../restored/img/common/sp_btn_1.png") no-repeat 0 0}
.certiIco:before{background-position:0 0;width:27px;height:36px;margin-top:-18px}
.callIco:before{background-position:-40px 0;width:28px;height:28px;margin-top:-14px}

/*== step_3== */
.termsAgree.bgWhite{background:#fff;padding:20px}
.termsAgree.bgWhite .txt{display: inline-block;padding-top:0;font-size: 16px;border-top: 0;float: none;}
.termsAgree.bgWhite .txtS1{color:#056dae}
.termsAgree.bgWhite .links.arrowR{position:relative;background:none;color: #666;}
.termsAgree.bgWhite .links.arrowR:before{content: '';position: absolute;top: 6px;right: 0;width: 8px;height: 14px;background: url("../restored/img/common/sp_btn_1.png") no-repeat -80px 0;}


/*슬라이드 팝업*/
.slidePopup .popup{background:#f0f0f0}/*190320*/
.slidePopup .popForm{height:100%}/* 슬라이드 팝업 시 개발 form 요소*/
.slidePopup .swiper-container{width:100%;height:auto}
.slidePopup .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;visibility:hidden;transition:visibility 300ms;-webkit-box-pack:center;-ms-flex-pack:center;height:auto}/*190320*/
.slidePopup .swiper-slide.swiper-slide-active{visibility:visible;}/*190320*/
.slidePopup .popCont .btnArea{height:70px;padding:0}
.slidePopup .swiper-wrapper + .btnArea {position: absolute;z-index: 100;bottom: 40px;width: 100%;}

.popupControlBtn .btnPrev,
.popupControlBtn .btnNext{position:absolute;margin-top:-25px;z-index:100;top:50%;display:block;width:50px;height:50px;background:url("../restored/img/common/sp_btn_1.png") no-repeat -100px 0}
.popupControlBtn .btnPrev{left:40px;}
.popupControlBtn .btnPrev:hover{background-position:-220px 0}
.popupControlBtn .btnNext{right:40px;background-position:-160px 0}
.popupControlBtn .btnNext:hover{background-position:-280px 0}
.popupControlBtn .btnPrev.swiper-button-disabled,
.popupControlBtn .btnNext.swiper-button-disabled{display:none}

/* PCL deepLink*/
.goodsArea.deepLink .row{margin:0}
.goodsArea.deepLink .row .formWrap:first-child{padding:0}
.goodsArea.deepLink [class*=col_].formWrap > .essenText{padding-left:20px}

/*바우처 190718*/
.landingList.voucher .block{min-height:390px!important}
.landingList.voucher .tit{display:block}
.landingList.voucher .tit .tagsArea {display: inline-block;min-height: auto;margin-left: 5px;margin-top: 6px;line-height: 1.2;vertical-align: top;}

.voucherCompare {margin-top:25px; padding:15px 0; border-top:1px solid #999; border-bottom:1px solid #999;}
.voucherCompare:after {content:''; display:block; clear:both;}
.voucherCompare > li{position:relative; float:left; width:100%;padding:0 10px;box-sizing:border-box;min-height:148px}
.voucherCompare.col2 > li{width:50%}
.voucherCompare.col3 > li{width:33.333%}
/*바우처 그래프*/
.voucherCompare .graphArea{margin-top:5px}
.voucherCompare .graphArea > span{background:#056DAE;vertical-align:top}
.voucherCompare .date{font-size:12px;color:#666;text-align:center}

.voucherCompare .resultTxt span{font-size:12px;color:#666}
.voucherCompare .resultTxt strong{display:inline-block;margin-left:6px;font-size:18px;font-weight:bold;vertical-align:middle}

.voucherInfo{min-height:68px;margin-top:10px}
.voucherInfo li{color:#333;font-size:14px;margin-top:4px}
.voucherInfo li:first-child{margin-top:0}
.voucherInfo li:after{display:block;content:'';clear:both}
.voucherInfo li:not(.last) span,
.voucherInfo li .value{float:left}
.voucherInfo li:not(.last) span{width:40%;text-align:left}
.voucherInfo li .value{width:60%;font-weight:bold;text-align:right}
.voucherInfo li.last{width:100%;text-align:right;font-size:12px;color:#666}
/*데이터 없음*/
.voucherCompare .noDataBox{display:flex;justify-content: center;align-items: center;height:148px}


/* CPC re Engineering 관련 추가 2018-02 (E) */

@media (min-width:1442px) and (max-width:2560px) {
	/*============== 카드 =================*/
	/*== 다른카드찾기 ==*/
	.cardSearchArea .cardSearchBox .cardArea .cardImg{width:340px; height:214px;}
	.cardSearchArea .preBtn button{display:block;width:80px;height:80px;border-radius:5px;background:#fff url("../restored/img/common/btnIco_pre.png") no-repeat 50% 50%;}
	.cardSearchArea .nextBtn button{display:block;width:80px;height:80px;border-radius:5px;background:#fff url("../restored/img/common/btnIco_next.png") no-repeat 50% 50%;}	
	.cardSearchArea .preBtn button:hover {background:#002a54 url("../restored/img/common/btnIco_pre_white.png") no-repeat 50% 50%;}
	.cardSearchArea .nextBtn button:hover {background:#002a54 url("../restored/img/common/btnIco_next_white.png") no-repeat 50% 50%;}	
}



@media screen and (max-width:1500px){
	/*============== 공통 =================*/
	/*== main ==*/
	/*.mainArea .bg {background-size:auto 520px !important;}*/
}

@media screen and (min-width:987px) and (max-width:1240px){
	/*== Security Card/OPT - 일렬번호 관련 ==*/
	.securityCardArea:not(.otpType) .inputArea .pinUI {white-space: normal;}
	.inputArea .pinUI .serialNumArea {display: block;}
	.inputArea .pinUI .serialNumArea:after {left:0px; top:auto; bottom:-5px; border-right:none; border-bottom:1px solid #ccc;}
	.cntArea .securityCardArea:not(.otpType) .inputArea .pinUI {white-space: nowrap;}
	.cntArea .inputArea .pinUI .serialNumArea {display: inline-block;}
	.cntArea .inputArea .pinUI .serialNumArea:after {top:25px; left: auto; right: -40px; bottom:25px; border-right: 1px solid #ccc;}
	.wmAcco .tableX td, .wmAcco .tableX th {padding-right:10px; font-size:12px;}
	
}

@media screen and (max-width:1200px){
	/*============== 공통 =================*/
	/*== overView ==*/
	.overviewBank .historyList .bank {display:block; padding-right:0;}
	.overviewCard .financeList .detail li {display:block;}
	.overviewCard .financeList .detail li:last-child {width:100%; padding-left:0;}
	
	/*== main ==*/
	.mainCntList article {width:100%;}
	.mainCntList .cnt {padding:0 7.1% 0 0;}
	.mainCntList .mBlock .cnt {padding:0 0 0 7.1%;}	

	/*============== 카드 =================*/
	.crdGoodsArea .crdInfo > div {min-height:auto;}
	/*== 다른카드찾기 ==*/
	.cardSearchArea .cardSearchBox .cardArea .cardImg{width:280px; height:164px; margin: 0 auto;}
	.cardSearchArea .nextBtn{top:55%;right:0;}
	.cardSearchArea .nextBtn button{display:block;width:40px;height:40px;border-radius:5px;background:#fff url("../restored/img/common/btnIco_next.png") no-repeat 50% 50%;background-size:20% 30%;}
	.cardSearchArea .nextBtn button:hover {background:#002a54 url("../restored/img/common/btnIco_next_white.png") no-repeat 50% 50%;background-size:20% 30%;}
	.cardSearchArea .preBtn{top:55%;left:0;}
	.cardSearchArea .preBtn button{display:block;width:40px;height:40px;border-radius:5px;background:#fff url("../restored/img/common/btnIco_pre.png") no-repeat 50% 50%;background-size:20% 30%;}
	.cardSearchArea .preBtn button:hover {background:#002a54 url("../restored/img/common/btnIco_pre_white.png") no-repeat 50% 50%;background-size:20% 30%;}
	.cardSearchArea .cardSearchBox .cardArea{width:80%;margin:auto;}
	
	/*== 카드몰 ==*/
	.mallList li {width:20%;}
	.mallLink li {width:33.3333%;}
	
	/*=========== 외환/글로벌 =============*/
	/*== 환율표- 라디오/체크 리스트 ==*/
	.radioList > ul > li {width:25%;}
	
	/*=========== 은행소개/채용 =============*/
	/* 은행소개 > 조직도 */
	.organizList > li {width:33.3%;}
	
	/*=========== CPC re Engineering 관련 ===========*/
	.detailArea .txtList li {width:50%;}
	.detailArea .txtList li > em {width:auto;}
	.detailArea .txtList li > strong {width:auto; margin-right:10px}
}



@media screen and (max-width:1024px){
	/*============== 공통 =================*/
	/*== 로그인  ==*/
	/* Login 신규 */
	.logBoxWrap {width:100%;}
	.logBoxWrap .formArea {width:400px; padding:0 40px; margin:0 auto;}
	.logBoxWrap .formArea.cerLogin:after {width:100%;}
	
	.logBoxWrap .dividingLine.div2 > .inner > * {width:100%;}
	.logBoxWrap .dividingLine[class*=div] > .inner:before {display: none;}
	/*== 계좌리스트  ==*/
	.accountList1 > li {width:50%;}
	
	/*== overView ==*/
	.accountGroup [class^=mainTit] {width:50%; /*word-break:break-all;*/ word-break:normal;}
	.en .accountGroup .sumGroup .sum > .unit {display:block;}
	
	/*============== 카드 =================*/
	.crdGoodsArea [class^=crd] {width:100%;}
	.crdGoodsArea .crdInfo {padding:30px 40px;}
	.crdGoodsArea .crdInfo > div {padding-top:0; padding-bottom:0;}
	.crdGoodsArea .crdInfo ul {margin-top:30px;}
	.crdGoodsArea .crdInfo .titH1 {margin-top:0; font-size: 38px; }
	.crdGoodsArea .crdInfo .titH1, .crdGoodsArea .crdInfo ul {padding-right:120px;}
	.crdGoodsArea .crdInfo li, .evtCont .evtInfo li {padding-left:30px; font-size: 16px; background-size: 17px auto; background-position: 0 7px}
	.crdGoodsArea .crdInfo .img {top:40px;}
	/*== 카드 비교하기 ==*/
	.crdCompare.prod > div {margin-top:0}
	.crdCompare.prod .inner {width:100%}
	.crdCompare.prod .crdChoice,
	.prodArea .contBlock > li > .btnAreaW .check {display:none}
	.prodArea .contBlock > * {float:left;}
	.class.wd3 li {width:19%}
	/*== 카드몰 ==*/
	.mallLink [class^="link"] a {background-size:60px 60px;}
	.mallLink .link1 a {background-image:url("../restored/img/m/mallIcon_1.png");}
	.mallLink .link2 a {background-image:url("../restored/img/m/mallIcon_2.png");}
	.mallLink .link3 a {background-image:url("../restored/img/m/mallIcon_3.png");}
	.mallLink .link4 a {background-image:url("../restored/img/m/mallIcon_4.png");}
	.mallLink .link5 a {background-image:url("../restored/img/m/mallIcon_5.png");}
	.mallLink .link6 a {background-image:url("../restored/img/m/mallIcon_6.png");}

	.mallQuick a {background:url("../restored/img/m/mallIcon_7.png") no-repeat 0 0; background-size:40px 40px;}

	.promotionBanner [class^=btn] {background-size:cover;}
	.promotionBanner .btnPrev {background-image:url("../restored/img/m/rollingControl_left.png");}
	.promotionBanner .btnPrev:hover {background-image:url("../restored/img/m/rollingControl_left_on.png");}
	.promotionBanner .btnNext {background-image:url("../restored/img/m/rollingControl_right.png");}
	.promotionBanner .btnNext:hover {background-image:url("../restored/img/m/rollingControl_right_on.png");}
	
	/*============== 대출 ===============*/
	/*== 금융서비스 바로신청 ==*/
	.appFormArea .appFormBox [class^=btnType] + [class^=btnType]{margin-left:0px;}
	/*대출상담신청*/
	.termsDocBox .printBtn{display:none;}
	
	/*=========== 설정/서비스 =============*/
	/* 피싱파밍방지용 2차 작업*/
	.phishingUpBox .uploadBox{float:left;margin-left:20px;min-width:350px;}
	.fileUpBox{margin-top:5px;}
}



/* tablets & mobile */
@media screen and (max-width:987px){
	/*============== 공통 =================*/
	/*== 로그인 ==*/
	.bannerList li a img{display:block; width:100%}
	
	/*== 로그아웃 ==*/
	.scopeBoxWrap{padding:20px}
	.scopeBoxWrap .titH3{margin:0 0 20px;}
	.scopeBoxInner{margin:0; padding:0; border-top:0}
	.scopeBox{padding:20px 10%; min-height:0;}
	.scopeBox:before{top:0; left:0; width:100%; height:1px}
	.scopeBox:first-child {padding-left:10%;}
	.scopeBox:last-child {padding-right:10%;}
	.scopeBox p{font-size:14px}
	.scopeBoxWrap .btnArea{margin-top:-1px; padding-top:0; overflow:hidden}
	/* 로그아웃 - 별점 선택 */
	.selectStarWrap{display:inline-block; margin:20px 0 20px; }
	
	/*== overView ==*/
	.accountGroup .wrap {padding:20px 55px 24px 20px;}
	.accountGroup .accordion {right:8px;}
	.accountGroup .edit {padding:16px 20px 17px;}
	.accountGroup .accoContents .wrap {padding:33px 55px 33px 83px;}
	.accountGroup .accoContents .uiAct .wrap:after {right:50px;}
	.accountGroup .btnArea {padding:30px 83px !important;}
	.accoContents .unregistered {padding:35px 25px 35px 83px !important;}
	.accountGroup > ul > li > .unregistered .leftInfo {display:block; padding-left:52px;}
	.accountGroup > ul > li > .unregistered .rightInfo {display:block; padding-left:52px;}

	.overviewBank .bankLink a {height:140px; padding:25px 30px 0;}
	.overviewBank .bankLink h2 {display:block; margin-bottom:5px;}
	.overviewBank .bankLink a > span {display:block; text-align:left;}
	.overviewBank .txtList em {display:inline-block;}
	.overviewBank .leftInfo {display:block;}
	.overviewBank .rightInfo {display:block; text-align:left;}

	.overviewCard .block {padding:20px;}
	.overviewCard .crdImgArea .crdImg {width:190px;}
	.overviewCard .btnArea [class^=btnType] {margin:5px 0;}
	
	/*== Drag 이체 ==*/
	body.editMode, .editMode .mGnb, .editMode .wrapper {overflow: visible !important; }
	body.editMode .wrapper {overflow: hidden !important;}
	.accountGroup .editBtn, #myAcc .btnCtrler {right: 8px;}

	.overviewBank .bankLink li {width:100%; margin:0 0 20px 0; padding:0}
	.overviewBank .bankLink li:first-child {padding:0 }
	.overviewBank .bankLink h2 {font-size: 24px}
	
	/*== main ==*/
	.mainArea {width:100%; padding:0 20px; box-sizing:border-box;}
	/*.mainArea .bg {height:390px; background-size:auto 390px !important;}*/
	.mainArea > div {width:100%; padding:0;}
	.mainArea .crdInfo {height:350px; padding-left:0; padding-right: 0}
	.mainArea .crdInfo .cnt > div {width:50%; min-width:350px;}
	.mainArea .crdInfo .poinCopy {font-size:32px;}
	.mainArea .crdInfo .img {width:210px; padding-left: 60px;}
	.mainArea .bg {height: 390px}
	.mainArea .mBlock {padding:30px 30px 100px 30px}
	.mainArea .mBlock:before {left:50%; bottom:auto; height: 90px;}
	.mainArea .mBlock:after {display: none}
	.mainArea .mBlock .loginBtnArea {width:50%; padding:0 30px 0 0; margin-bottom:30px; box-sizing:border-box}
	.mainArea .mBlock .loginBtnArea > [class^=btnType] {width:auto;}
	.mainArea .linkList {width:50%; padding-right:0}
	.mainArea .quickGroup {padding-left:0;}
	.mainArea .noticeList {position:relative; width:100%; border-top:1px solid #ddd; padding:30px 0 0 0;}
	.mainArea .noticeList:before {left:62%;}
	.mainCntList .cnt {padding:0 3.5% 0 0; letter-spacing:-1px;}
	.mainCntList .tit {font-size:32px;}
	.mainCntList .pointCopy,
	.mainCntList ul li {font-size:14px;}
	.mainCntList .txtList li:before {top:9px;}
	.mainCntList [class^=btnType] {/*letter-spacing:0;*/}
	.mainCntList .mBlock .cnt {padding:0 0 0 3.5%;}
	
	.mainCntList article {min-height:248px}
	.mainCntList article.mBlock {min-height:315px}
	.mainCntList .img .imgCont {height: 248px}
	/*카드메인일경우*/
	.mainCntList.crdMain .img .imgCont {height: 315px}
	.mainCntList.crdMain .btnArea .btnType1{min-width:150px;}
	
	.mainCntList .mBlock .img .imgCont {height: 315px}
	.mainArea + #content {padding-left:30px; padding-right:30px} 
	
	[class^=mainTit] {/*background-size:40px; background-repeat:no-repeat; background-position:0 center;*/}
	.mainTitMnd {background-image:url("../restored/img/m/icoTit_mnd.png");}
	.mainTitTrs {background-image:url("../restored/img/m/icoTit_trs.png");}
	.mainTitCrd {background-image:url("../restored/img/m/icoTit_crd.png");}
	.mainTitLon {background-image:url("../restored/img/m/icoTit_lon.png");}
	.mainTitFnd {background-image:url("../restored/img/m/icoTit_fnd.png");}
	.mainTitIns {background-image:url("../restored/img/m/icoTit_ins.png");}
	.mainTitFxd {background-image:url("../restored/img/m/icoTit_fxd.png");}
	
	/*== Security Card/OPT ==*/
	.securityCardArea {padding:40px 0 !important; text-align:center}
	.securityCardArea .secuImgArea, .securityCardArea .inputArea {float: none; display: inline-block; margin:0 auto; padding:0; vertical-align: top; min-width:0}
	.otpType.securityCardArea .secuImgArea {display: table; width:100%;}
	.securityCardArea .inputArea {margin-top:20px; text-align:center;}
	.inputArea .pinUI .pinWrap, .inputArea .pinUI .pinContain {float:none; display: inline-block; vertical-align: top}
	.inputArea .pinUI .pinWrap.serialNumArea:after {left:auto; right:-40px; border-right:1px solid #ccc}
	.inputArea .pinUI .pinContain .pinWrap:first-child:after {border-right:none}
	.securityCardArea .refList {margin-top:10px !important; padding:0 20px; text-align: left}
	.inputArea [class*=pinNum] {text-align: left}
	.popWrap .otpType .inputArea .pinUI .formWrap {max-width: none}
	.inputArea.col_10 .pinWrap {display: block}
	.inputArea .accoContents {min-width:0px;} 
	
	/* 타기관 OPT 자동등록 */
	.anotherOTP {margin-top:10px;}
	.anotherOTP .tableY.layout tbody td:first-child {width:30%;}
	
	/*== InfoList Line ==*/
	.infoListLine.form.acco > li > .formWrap {margin-top:24px;}
	.infoListLine.form.acco .shortList li {float:none; margin:4px 0 0 0; padding-left:0;}
	.infoListLine.form.acco .shortList li:before {display:none;}
	.infoListLine.fundAcc .rightInfo {width:70%;} 
	
	/*=========== 약관 =============*/
	/* 동의하기 */
	.termsAgree .txt,
	.termsInner .txt {width:62%;}
	.termsAgree .txt + div,
	.termsInner .txt + div {width:38%;}
	.termsAgree.col2 .txt,
	.termsAgree.col2 .txt + div{width:50%}
	
	/* 동의하기(리스트*2열) */
	.termsAgree dl dd {width:100%; padding-right:0px;}
	.termsAgree dl dd:nth-child(odd) {padding-left:17px; padding-right:0px;}
	.termsAgree dl dd:nth-child(odd):before {left:0px;}
	/* 동의하기(소타이틀+텍스트+버튼) */
	.termsAgree dl.unique dd .dltxt {width:62%;}
	.termsAgree dl.unique dd div {width:38%;}
	.infoListLine.terms .funcGroup > .tit {/*display:block; width:100%; max-width:100%; margin-bottom:15px;*/}
	
	/*== 계좌리스트  ==*/
	.accountList > li {width:50%;}
	
	/*=========== 예금/신탁 ==============*/
	/*== 인터넷무방문신청서비스 - 진행상황조회 ==*/
	.progStatusTit.funcGroup > [class^=titH]{width:auto;}
	.progStatusTit.funcGroup [class^=func]{margin-top:5px}
	.progStatusWrap{margin-top:20px; padding:15px 25px; background:#fff}
	.progStatusWrap .progStatusList > li{position:relative; float:none; width:100%; margin:15px 0 0 0;text-align:left; }
	.progStatusWrap .progStatusList > li:first-child{margin-top:0}
	.progStatusWrap .progStatusList > li:before{content:""; display:block; position:absolute; top:0; left:30px; width:20px; height:11px; background:url("../restored/img/common/progStatus_arrow_b.png") no-repeat 0 0; background-size:20px auto }
	.progStatusWrap .progStatusList > li > span{display:table-cell;height:100px; padding:20px 0 0 95px; font-size:14px; vertical-align:middle}
	
	.progStatusWrap .progStatusList > li:first-child > span{margin-top:0; padding-top:0; }
	.progStatusWrap .progStatusList > li > .ico1{background:url("../restored/img/common/progStatus_ico01_off.png") no-repeat left 11px}
	.progStatusWrap .progStatusList > li > .ico2{background:url("../restored/img/common/progStatus_ico02_off.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li > .ico3{background:url("../restored/img/common/progStatus_ico03_off.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li > .ico4{background:url("../restored/img/common/progStatus_ico04_off.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li > .ico5{background:url("../restored/img/common/progStatus_ico05_off.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li > .ico6{background:url("../restored/img/common/progStatus_ico06_off.png") no-repeat left 31px}
	
	.progStatusWrap .progStatusList > li.on > span{font-weight:bold}
	.progStatusWrap .progStatusList > li.on > .ico1{background:url("../restored/img/common/progStatus_ico01_on.png") no-repeat left 11px}
	.progStatusWrap .progStatusList > li.on > .ico2{background:url("../restored/img/common/progStatus_ico02_on.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li.on > .ico3{background:url("../restored/img/common/progStatus_ico03_on.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li.on > .ico4{background:url("../restored/img/common/progStatus_ico04_on.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li.on > .ico5{background:url("../restored/img/common/progStatus_ico05_on.png") no-repeat left 31px}
	.progStatusWrap .progStatusList > li.on > .ico6{background:url("../restored/img/common/progStatus_ico06_on.png") no-repeat left 31px}
	
	.termContain {padding:20px 0;}
	.termContain .underlineTit {font-size:24px;}
	.termContain .formControl {background-color: #eee;}
	
	/*============== 카드 =================*/
	.shortSumList .bar {position:relative; display:block; margin-left:0; padding-left:0;}
	.shortSumList .bar:before {display:none;}
	/* 샘플이미지 */
	.sampleImg [class^=sampleCerti] {background-size:cover !important;}
	.sampleImg .sampleCerti_01 {background:url("../restored/img/m/sampleCerti_registrationCard.png") no-repeat center;}
	.sampleImg .sampleCerti_02 {background:url("../restored/img/m/sampleCerti_driverLicense.png") no-repeat center;}
	.sampleImg .sampleCerti_03 {background:url("../restored/img/m/sampleCerti_cardCVC.png") no-repeat center;}
	
	.crdList li {width:50%;}
	.crdResultArea .crdList li {width:33.3333%;}
	
	.totalList2 > li {width:50%;}
	.totalList2 > li:last-child {padding:25px 20px 0 4px;}
	
	/*== 맞춤금융서비스 ==*/
	.finansialSvcWrap .lCont{float:none; width:100%; border-right:0; padding-right:0}
	.finansialSvcWrap .rCont{float:none; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #ccc; border-left:0; margin-left:0; padding-left:0}
	.finansialSvcWrap .whiteBox{padding:0 20px}
	.finansialSvcWrap .finansialSvcGoods{padding:20px 0; background:none}
	.finansialSvcWrap .finansialSvcGoods .titH3{margin-top:0 !important; font-size:23px !important}
	.finansialSvcWrap .finansialSvcPerson .titH3{margin-top:0 !important;}
	.finansialSvcWrap .linksBox{padding:0 0 20px 0}
	.finansialSvcWrap .finansialSvcNum{padding:0}
	.finansialSvcWrap .finansialSvcNum .percentBox{float:none; width:100%; padding:20px 0}
	.finansialSvcWrap .finansialSvcNum .priceBox{float:none; width:100%; padding:20px 0; border-left:0; border-top:1px solid #dfdfdf; }
	
	/*== 카드몰 ==*/
	.mallList li {width:25%;}

	.mallEvent > ul > li > div {min-height:auto;}
	.mallEvent .img {position:static; width:100%;}
	.mallEvent .img img {position:static; width:100%; height:auto; min-height:0; transform:none; -webkit-transform:none; -ms-transform:none;}
	.mallEvent .cnt {float:none; width:100%;}
	
	/*== 등록대상카드사 ==*/
	.crdCompanyList li{width:50%}
	
	/*== 진행중인이벤트 ==*/
	.viewCont .eventArea {width:100%;}
	/* 배너영역 */
	.eventArea .eventBoxBottom {padding:40px 18%;}
	
	/*=========== 외환/글로벌 =============*/
	/*== 환율표- 라디오/체크 리스트 ==*/
	.radioList > ul > li {width:33.3%;}
	/*== 환율 ==*/
	.exchangeList {position:relative;}
	.exchangeList:before {display:block; content:''; position:absolute; top:50%; right:30px; left:30px; border-top:1px solid #ccc;}
	.exchangeList > li {width:50%;}
	.exchangeList > li:nth-child(odd) {border-left:0 none;}
	
	/*== 현재 판매중인 국제현금카드 기능 상품 ==*/
	.cashCardArea {padding:0 20px 20px 20px;}
	.cashCardArea .cardImg {width:100%; margin-top:20px; left:0; margin-right:0;}
	.cashCardArea .cardImg img {width:auto; max-width:100%;}
	.cashCardArea .cardBox {margin-top:20px;}
	.cashCardArea .cardBox .cardTit {font-size:19px; line-height:normal;}
	
	/*=========== 공과금/수표 =============*/
	/*==  내공과금 - 공과금달력 ==*/
	.calendarWrap .calendarArea{float:none; width:100%;}
	.calendarWrap .detailArea{float:none; width:100%; margin-top:40px}
	
	/*=========== e금융서비스 =============*/
	/*== 웹회원서비스 ==*/
	.webSvcList > div > ul > li {width:50%}
	
	.appInstall .block * + [class^=titH]{margin-top:0 !important}
	
	/*============= 고객센터 ==============*/
	/*== 채팅상담 - 윈도우팝업 ==*/
	.winPop .wrapper{overflow:hidden}
	.winPop .container {padding:0 0 50px 0;}
	.winPop #content{padding:0}
	.winPop .btnArea{padding:15px}
	.winPop .tableX td .btnType1.small{min-width:80px; padding:0}
	/* 채팅상담(상단영역) */
	.winPop .onlineChatWrap .fixedArea{position:relative;}
	.winPop .onlineChatWrap .funcGroup{padding:10px 15px;}
	.winPop .onlineChatWrap .msg{padding:20px 15px;}
	/* 채팅상담(대화창) */
	.onlineChat .wrap {padding:0 15px;}
	.onlineChat .wrap .talkArea.citi .talk {max-width:45%;}
	/* 채팅상담(입력창) */
	.onlineChatInput {padding:20px 15px;}
	/* 채팅상담(입력중 메세지영역) */
	.onlineChatIng{padding:12px 15px 12px 15px; }
	
	/* 씨티골드모바일_슬라이드 */
	.infoCitiMb.gold .accordion:before {background:url("../restored/img/m/btnImg_accordion_gold.png") no-repeat 0 0 !important; background-size:14px 8px !important;}
	
	/*========== 은행소개/채용 =============*/
	/*== 은행소개 - 비전 ==*/
	.citiGroup > .tit{width:100%; height:auto; padding:18px 0}
	.citiGroup > .bankBox{width:100%; height:auto; margin:20px 0 0 0; padding:28px 0;}
	
	.korCiti > .tit{width:100%; height:auto; padding:18px 0}
	.korCiti > .korCitiCont{width:100%; margin:20px 0 0 0}
	.korCiti .slogan{height:auto; padding:28px 0 }
	.korCiti .slogan p{font-size:25px;}
	.korCiti .purpose{height:auto; padding:28px 10px}
	.korCiti .purpose strong{font-size:18px}
	.korCiti .core{padding:28px 15px}
	.korCiti .core > strong{font-size:18px;}
	.korCiti .core ul li{width:100%; height:auto; margin:10px 0 0 0}
	.korCiti .core ul li:first-child{margin-top:0}
	.bannerArea .cms {width:100%; height:auto;}
	
	/*=============  카드 프로세스 변경 관련 추가 2018.01.04 =============*/
	.cardArea .cardThumb {padding:40px 15px;}
	
	/*=========================================== PCL 20180504 ===========================================*/
	/*step1*/
	.agreeListLink li{width:100%;float:none}
	.agreeListLink li:nth-of-type(2){border-top:1px solid #ccc}
	.agreeListLink li:nth-child(even){float:none}
	
	.phoneWrap.type2 .formWrap:first-child{width:25%;}
	.phoneWrap.type2 .formWrap.last{width:50%}
	
	/*step2*/
	.conDivBox.div2_tb li{width:50%}
	.titH2 + .whiteWrap.diviColum{margin-top:30px}
	
	/* 단기카드대출 */
	.conDivBox.accWrap.div2_tb li{width:100%}
	
	/*바우처 190718*/
	.voucherCompare > li{width:100%!important;height:auto}
	.voucherCompare > li:first-child{border-top:none;padding:0;margin-top:0}
	.voucherCompare > li{border-top:1px solid #999;padding-top:20px;margin-top:20px}
	/*데이터 없음*/
	.voucherCompare .noDataBox{height: 168px!important;}
}



/* only tablets */
@media screen and (min-width:768px) and (max-width:987px){
	/*============== 공통 ===============*/
	/*== InfoList Line ==*/
	.infoListLine.txtLinkIntro .wrap {padding:0 20px;}
	
	/*============== 카드 =================*/
	/*== 카드신청 ==*/
	.crdSelect .crdImg {margin-right:0}
	.crdSelect .crdImg img {width:166px; height:104px;}
	.crdSelect .crdImg img + .links,
	.crdSelect .crdImg img + .btnArea {width:166px;}
	
	.crdGoodsArea .crdInfo .titH1, .crdGoodsArea .crdInfo ul,.crdGoodsArea .crdInfo .btnArea.wType1 {padding-right:60px;}
	.crdGoodsArea .crdInfo .btnArea.wType1 .btnType1 + .btnType1{margin:5px 0 0 0;}
}

/* only mobile */
@media screen and (max-width:767px){
	/*============== 공통 ===============*/
	/*== 로그인 ==*/
	.loginBoxWrap{padding:0 20px;}
	.loginBox{padding:20px 0; min-height:0;}
	.loginBox:before{top:-1px; left:0; width:100%; height:1px}
	.loginBox:first-child:before{height:0}
	.loginBox .quickGroup{position:relative; bottom:0}
	/* 20161118 디자인 수정
	.faqList{padding-right:10px;}
	.faqList .btnMore{position:absolute; top:18px; right:10px}
	.aosInfo{position:relative; padding-left:10px;}*/
	.faqList{padding-left:10px;}
	.faqList:before{width:0}
	.faqList .btnMore{position:absolute; top:18px; right:10px}
	.menuList{position:relative; padding:0 10px;}
	.logBannerBox{position:relative; margin-top:20px; padding:0;}
	.loginBoxWrap .loginBox:first-child .quickGroup{bottom:0}
	
	.logBoxWrap .titH3 {padding:0 10px; white-space: normal; font-size: 16px}
	.logBoxWrap .formArea {width:100%; padding:0 10px; margin:0 auto;}
	.logBoxWrap .formArea {margin-top:20px !important;}
	.logBoxWrap .formArea.cerLogin:after {width:auto; margin: 0 10px;}
	.logBoxWrap .autoCertLogin {padding:0 10px; text-align: left;}
	.logBoxWrap .autoCertLogin .txtIptLabel { display: block; margin: 1px 0 3px; font-size: 12px; color: #666;}
	.logBoxWrap.acco .accoContents {padding: 0 10px}
	.logBoxWrap.acco .accoContents .menuList {padding-left: 0}
	.logBoxWrap .iconMenu li {max-width:none; width:49%; }
	.logBoxWrap .noticeWrap .faqList .inner {margin-left:10px; margin-right:10px}
	.logBoxWrap .quickGroup {padding:0 10px; box-sizing:border-box; font-size:0}
	.logBoxWrap .quickGroup li {display: inline-block; width:33%; padding: 0 10px; margin:0; box-sizing:border-box; white-space: normal; font-size:16px; vertical-align: middle;}
	.logBoxWrap .quickGroup li a {display: block; }
	.logBoxWrap .dividingLine.div2 > .inner > * {padding:0}
	
	.scopeBoxWrap{margin-top:30px}
	
	.logBoxWrap{margin-top:0; padding-top:50px} 
	
	/*check my pc*/
	.logBoxWrap .quickGroup.four li{width: 50%; float:left;}
	.logBoxWrap .quickGroup.four li:nth-child(3):before{content:'';display: none;}
	
	/*== overView ==*/
	.accountGroup [class^=mainTit] {display:block; width:100%; padding-left:55px; background-image:none !important; font-size:16px;}
	.accountGroup [class^=mainTit]:before {display:block; content:''; position:absolute; top:50%; left:20px; width:40px; height:40px; margin-top:-24px; overflow:hidden; background-size:40px; background-repeat:no-repeat; background-position:0 center;}
	.accountGroup .mainTitMnd:before {background-image:url("../restored/img/m/icoTit_mnd.png");}
	.accountGroup .mainTitTrs:before {background-image:url("../restored/img/m/icoTit_trs.png");}
	.accountGroup .mainTitCrd:before {background-image:url("../restored/img/m/icoTit_crd.png");}
	.accountGroup .mainTitLon:before {background-image:url("../restored/img/m/icoTit_lon.png");}
	.accountGroup .mainTitFnd:before {background-image:url("../restored/img/m/icoTit_fnd.png");}
	.accountGroup .mainTitIns:before {background-image:url("../restored/img/m/icoTit_ins.png");}
	.accountGroup .mainTitFxd:before {background-image:url("../restored/img/m/icoTit_fxd.png");}

	.accountGroup .sumGroup {display:block; padding-left:55px; text-align:left;}
	.accountGroup .sumGroup .item {right:auto; left:0;}
	.accountGroup .sumGroup strong.sum {font-size:20px;}
	.accountGroup .sumGroup .sum > .unit {display:inline-block;}
	.accountGroup .btnArea [class^=btnType] {width:100%; min-width:0;}
	.accountGroup > ul > li > .accoContents > ul > li:last-child .relatedLinks {margin-bottom:0;}
	.accountGroup .relatedLinks a {display:block; margin-top:5px; text-align:center;}
	.accountGroup .relatedLinks a:before {display:none;}

	.accountGroup .accoContents .wrap {padding:33px 60px 33px 15px}
	.accountGroup .rightInfo  > a {display:inline-block;}
	.accountGroup .btnArea {padding:30px 15px !important;}
	.accountGroup .unregistered {padding:33px 15px !important;}
	
	[class^=overview] > li {width:100% !important;}
	[class^=overview] .relatedCnt {padding:25px;}
	.overviewBank .left {float:none;}
	.overviewBank .right {float:none; margin-top:30px;}
	.overviewBank .bankLink li {float:none; width:100%; margin-top:30px; padding:0 !important;}
	.overviewBank .bankLink li:first-child {margin-top:0;}
	.overviewBank .bankLink li a {height:auto; padding:20px;}
	
	.overviewCard .crdImgArea .crdImg {float:none; margin:0 auto;}
	.overviewCard .crdInfo {margin-top:20px;}
	.overviewCard .itemList .links {display:block; position:static;}
	.overviewCard .btnArea {margin-top:20px;}
	.overviewCard .serviceList .block {float:none; width:100%;}
	.overviewCard .serviceList .img {float:none; width:100%;}
	.overviewCard .etcServiceList li {float:none; width:100%;}
	.overviewCard .right {position:static; margin-top:10px;}
	
	/*== Drag 이체 ==*/
	.myAccList-placeholder {height:119px;}
	.editModeBtn {top:-9px;}
	.overviewBank .left {width: 100%; padding-top:35px;}
	
	/*== 메인 ==*/
	.mainArea [class^=btnType] {width:100%;}
	.mainArea .crdInfo {height:auto; padding:30px 0 0;}
	.mainArea .crdInfo .cnt {display:block; text-align:center;}
	.mainArea .crdInfo .cnt > div {width:100%; min-width:0; padding:0 20px 20px; background-color:transparent;}
	.mainArea .crdInfo .cnt > div > span {margin-top:0px;}
	.mainArea .crdInfo .cnt .btnType3 {width:100%;}
	.mainArea .crdInfo .poinCopy {margin-top:10px; font-size:25px;}
	.mainArea .crdInfo .img {display:block; width:220px; padding-left:0; margin:0 auto;}
	.mainArea .mBlock {margin-top:0; padding:20px 0 100px 0; overflow: hidden;}
	.mainArea .mBlock:after, .mainArea .mBlock:before {display: none}
	.mainArea .linkList {float:none; width:100%; padding:0;}
	.mainArea .mBlock .loginBtnArea {float:none; width: auto; padding: 0 20px; margin-bottom: 20px}
	.mainArea .mBlock .loginBtnArea [class^=btnType] {width:100%}
	.mainArea .mBlock .formWrap.nonLabel label {display: none;}
	.mainArea .noticeList {float:none; width:100%; padding:10px 20px; border-top:none}
	.mainArea .noticeList:before {display:none;}
	.mainArea .noticeList .more {top:0; right:0; width:auto; height:auto; background-position:100% 55%;}
	.mainArea .noticeList .more > span {position:static;}
	/*.mainArea .noticeList .more {top:-10px; right:-10px; width:28px; height:40px; background-position:50% 55%;}*/
	/*.mainArea .noticeList .more > span {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden;}*/
	.mainArea .mBlock select {padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:0;}
	.mainArea .bg {position:absolute; height:480px; background-position:32% 0px !important; background-size:auto 503px !important;}
	.mainArea .bg:before {display:block; content:''; position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background-color:rgba(5,109,173,0.95); overflow:hidden;}

	.mainCntList {margin-bottom:10px;}
	.mainCntList > li {margin-top:60px;}
	.mainCntList .img {display:block; /*float:left;*/ width:100% !important; padding:0;}
	.mainCntList .cnt {display:block; float:right; width:100% !important; padding:20px 0 0; text-align:center;}
	.mainCntList .cnt.al {padding:0; text-align:center !important;}
	.mainCntList .cnt > span {font-size:12px;}
	.mainCntList .tit {font-size:23px;}
	.mainCntList .btnType1 {width:100%;}
	.mainCntList .btnType2 {padding-left:0;}
	.mainCntList .mBlock .cnt {padding:20px; text-align:left;}
	.mainCntList.crdMain .btnArea .btnType1 + .btnType1 {margin-top:10px;}
	
	.mainCntList article {min-height:175px}
	.mainCntList article.mBlock {min-height:200px}
	.mainCntList .img .imgCont {height: 100% !important}
	.mainCntList .cnt {padding-top:60.3%; margin-top:22px}
	.mainCntList .mBlock .cnt {margin-top:0px}
	
	.mainCntList .img {position: relative; width:100%}
	.mainCntList .img:before {content:''; display:block; padding-top:60.3%}
	
	.mainCntList .mBlock .img:before {padding-top:68.9%}
	
	/*== Security Card/OPT ==*/
	.securityCardArea {padding:30px 0 !important;}
	.securityCardArea .secuImgArea {display: none !important}
	.securityCardArea .inputArea {margin-top:0; overflow: visible}
	.inputArea .pinUI .formWrap .formControl {padding-left:0; padding-right: 0}
	.inputArea .pinUI .formWrap .virImgIco {display: none}
	.inputArea .pinUI .pinWrap {padding: 0; margin-left: 20px;}
	.inputArea .pinUI .pinWrap:after {left:-10px; top:5px; bottom:5px}
	.inputArea .pinUI .pinContain {display:block; margin:0 auto}
	.inputArea .pinUI .pinWrap.serialNumArea {display:block}
	.inputArea .pinUI .pinContain:after, .otpType .inputArea .pinUI > .pinWrap:after {display:none}
	.inputArea .pinUI .pinWrap.serialNumArea, .otpType .inputArea .pinUI .pinContain {margin: 0 0 40px 0;}
	.inputArea .pinUI .pinWrap.serialNumArea:after, .otpType .pinUI .pinContain:after {content:''; display:block; position: absolute; top:auto; bottom:-20px; left:0px; width:100%; border-right:none; border-bottom:1px solid #ccc; border-top:none}
	.inputArea .pinUI .pinContain .pinWrap:first-child {margin-left:0}
	.securityCardArea .refList {padding:0;}
	.inputArea [class*=pinNum] {text-align: center;}
	.inputArea .pinUI .pinContain .pinWrap:first-child:after {border-right:none}
	.securityCardArea .otpIco {margin-top:40px}
	.otpType .inputArea .pinUI .pinWrap {min-height: 95px; margin-left: 40px;}
	.otpType .inputArea .pinUI .pinWrap:after {left:-20px}
	.otpType .inputArea .pinUI > .pinWrap {margin-left:0;}
	.inputArea .accoContents .formWrap, .inputArea .accoContents .btnArea {width:100%; margin:0;}
	
	/*Security Card/OPT - OTP전원 팝업 */
	.otpPowerWbox ul li{display:block; width:100%;}
	.otpPowerWbox ul li:last-child{margin-top:20px;}
	.otpPowerWbox ul li:first-child{margin-right:0px;}
	.otpPowerBox{display:block;}
	.otpPowerBox li{display:block;width:100%;padding-left:0;width:100%;}
	.otpPowerBox li:first-child{padding-right:0;border-right:none;width:100%;}
	.otpPowerBox li:last-child{border-top:1px solid #ccc;margin-top:20px;padding-top:20px;}
	.otpPowerBox li ul li:last-child{border-top:none;margin-top:0px;padding-top:0px;padding-left:17px;}
	.otpPowerBox li ul li:first-child{width:95%;}
	.otpPowerBox li ul li{width:95%;padding-left:17px;}
	
	/* 타기관 OPT 자동등록 */
	.anotherOTP .circle {height: 50px; min-height: 0; background: url("../restored/img/common/ico_arrow_circle_d.png") no-repeat center; background-size: 50px }
	
	/*=========== 약관 =============*/
	/* 동의하기(기본) 작업중 */
	.termsAgree .txt,
	.termsInner .txt,
	.termsAgree div,
	.termsInner div {width:100% !important; text-align:left !important;}
	/* 약관동의(기본유형_간격) */
	.termsAgree .tit + .txt {border-top:1px solid #ccc;}
	.termsAgree .txt + div,
	.termsAgree .tit + .txt + div + .txt,
	.termsAgree .tit + .txt + div + .txt + div,
	.termsAgree div + .txt,
	.termsAgree div + .txt + div {border-top:0;}
	/* 약관동의(dl_리스트유형) */
	.termsAgree dl dd .dltxt,
	.termsAgree dl dd div {width:100% !important; text-align:left !important;}
	.termsAgree dl dd div {padding-top:15px !important;}
	.termsAgree dl + .txt + div {padding-top:15px;}
	/* 타이틀 옆 동의하기 */
	.funcGroup.terms {position:relative; display:block; width:100%; padding-top:70px;}
	.funcGroup.terms > [class^=titH] {display:block;}
	.funcGroup.terms > .termsAllAgree {position:absolute; top:0; left:0; display:block; width:100%;}
	.funcGroup.terms > .termsAgree {display:block;}
	.funcGroup.terms > .termsAgree div {padding-top:15px;}
	.termsAllAgree .allAgree {width:100%;}
	
	.termsAgree.single .inBlock {display:block !important; padding-bottom:5px !important;}
	.termsAgree.single .inBlock.links {display:inline-block !important; margin:0 0 0 30px !important; padding-bottom:0 !important;}
	/*== InfoList Line ==*/
	/*신용카드 상세*/
	.infoListLine.cardNote .wrap{padding-bottom:40px;}
	/*다른카드찾기*/
	.infoListLine.cardNote.acco > li{padding-left:0px;}
	.infoListLine.cardNote .wrap{padding:20px 0 40px 30px;}
	/* infoListLine.efsService */
	.infoListLine.efsService .col_mb_12 .relatedInfo .tit{height:50px;padding-top:5px}	
	/* infoList */
	/*[class^=infoList] {margin-top:50px;}*/
	.infoListLine {margin-top:15px;}
	[class^=infoList]+[class^=infoList]{margin-top:50px;}
	
	.infoListLine.acco > li {padding:0 15px 0 45px;}
	.infoListLine.acco > li .wrap .tit.small + .shortList {margin-top:0px;}
	.infoListLine .wrap {position:relative;}
	.infoListLine [class*=Info] {vertical-align:bottom;}
	.infoListLine [class*=Info] > strong {margin-bottom:0;}
	.infoListLine .leftInfo .tit {position:absolute; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.infoListLine .leftInfo .tit > .links.new {max-width:100%; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.infoListLine .rightInfo {width:110px;}
	.infoListLine .leftInfo .shortList {padding-top:24px;}
	.infoListLine .leftInfo .shortList + .shortList {padding-top:0;}
	.infoListLine .accordion {left:-45px;}

	.infoListLine.check > li {padding-left:0;}
	.infoListLine.check .wrap .formWrap {width:30px;}
	.infoListLine.form > li {padding-right:0;}
	.infoListLine.form > li > .wrap {float:none;}
	.infoListLine.form > li > .formWrap {float:none; right:0; width:100%; margin:-10px 0 25px 0 !important; padding-left:30px; box-sizing:border-box;}
	.infoListLine.form .leftInfo .tit {padding-right:30px; box-sizing:border-box;}
	.infoListLine.form.acco > li {padding:0 15px 0 45px;}
	.infoListLine.check.acco .accordion {left:0;}
	.infoListLine.check .accoContents {margin:0 0 30px 30px;}
	/* tooltip */
	.infoListLine .wrap [class*=Info] > .tip strong.bold {display:block;}
	
	.infoListLine.form.st1 .wrap {display:block; width:100% }
	/* 펀드보고서관리 너비 타입 190919*/
	.infoListLine.form.st1 > li > .formWrap.wType2,
	.infoListLine.form.st1 .wrap .formWrap.wType2,
	.infoListLine.form.st1 .wrap .formWrap {width:100%; padding-left:30px}
	.infoListLine.form.st1 .wrap > .formWrap:first-child {padding-left:0}
	.infoListLine.form.st1 .rightInfo {width:100%;}
	.infoListLine.form > li > .frLinks {float:none; right:0; width:100%; margin:-10px 0 25px 0 !important; padding-left:30px; box-sizing:border-box; text-align:right}
	
	/*== 약관 ==*/
	/* 약관타이틀 및 다운로드 */
	.infoListLine.terms .funcGroup {padding-right:0;}
	.infoListLine.terms .funcGroup > .tit {display:block; float:none; width:100%; max-width:100%; margin-top:-2px; margin-bottom:0; text-align:left; font-size:16px !important;}
	.infoListLine.terms .funcImg {margin-top:15px; height:18px; /*overflow:hidden;*/}
	.infoListLine.terms .funcTxt {display:block; width:100%; margin-top:15px; margin-left:0;}
	.infoListLine.terms.acco li .wrap:after {left:-45px;}
	/* 약관동의(기본유형 및 이중아코디언_간격) */
	.infoListLine.terms li .accoContents .funcGroup {margin-top:5px;}
	.infoListLine.terms li.on .accoContents {margin-bottom:15px;}
	.infoListLine.terms li.on .termsAgree .txt + div,
	.infoListLine.terms li.on .termsAgree .tit + .txt + div,
	.termsInner .txt + div,
	.termsInner .tit + .txt + div {padding-top:15px; border-top:0;}
	.infoListLine.terms li.on .termsAgree div + .txt,
	.infoListLine.terms li.on .termsAgree div + .txt + div,
	.termsInner div + .txt,
	.termsInner div + .txt + div {padding-top:15px;}
	/* 약관동의(dl_간격) */
	.infoListLine.terms li.on .termsAgree dl + .txt + div {padding-top:15px;}
	
	
	/* 펀드 */
	.infoListLine.fundAcc .leftInfo {display: block; margin-bottom:10px}
	.infoListLine.fundAcc .rightInfo {display: block; width:100%;}
	.infoListLine.fundAcc .rightInfo .formWrap {padding-left:0; padding-right:0} 
	
	/* [PRE] infoListLine-blockType */
	.infoListLine .blockType {display:table; width:100%; padding:26px 0 26px 0; box-sizing:border-box;}
	.infoListLine .blockType .wrap .leftInfo {display:block; width:100%;}
	.infoListLine .blockType .wrap .rightInfo {display:block; width:100%; text-align:left; margin-top:20px;}
	.infoListLine .blockType .wrap {display:block; width:100%; padding:0; vertical-align:middle;}
	
	.bannerCont.evtCont.w40{width:100%}
	.infoListLine.cntType2 > li{padding:20px} 
	.infoListLine.cntType2 > li:after{content:""; display:block;clear:both}
	.infoListLine.cntType2 .wrap{padding:0;float:left;width:60px}
	.infoListLine.cntType2 .accoContents{display:block;float:left;width: calc(100% - 60px);margin-bottom:0}
	
	/*== sms ==*/
	.smsSendArea .smsNumberBox {padding:0;}
	.smsSendArea .smsSendBox{position:relative; display:block; width:290px; height:255px; top:0; left:50%; right:auto; margin-top:35px; margin-left:-145px; background:url("../restored/img/common/smsSend_m.png") no-repeat 0 0; background-size:290px;}
	.smsSendArea .smsSendBox .txtBoxArea{top:76px;}
	.smsSendArea .smsSendBox .txtBoxArea textarea{padding:10px;height:160px;width:100%; box-sizing:border-box;}
	
	/*== bank&stock List ==*/
	/*bank&stock List */
	.bankStockArea .bankBox{width:100%;}
	.bankStockArea .bankBox li{float:left;display:block;width:50%;}
	.bankStockArea .bankBox li a {display:block;background:#fff url("../restored/img/common/bank_logo_m.png") no-repeat;background-size:140px auto;height:50px;}
	.bankStockArea .stockBox {width:100%;}
	.bankStockArea .stockBox li{float:left;display:block;width:50%;}
	.bankStockArea .stockBox li a{display:block;background:#fff url("../restored/img/common/stock_logo_m.png") no-repeat;background-size:140px auto;height:50px;}
	/* .bankStockArea .stockBox li a.stock28 {background-position: 50% -1620px;} */
	/* 161012 popup .bankStockArea */
	.bankStockArea.icoType {min-height:auto; margin:15px -5px -5px -5px;}
	.bankStockArea.icoType .bankBox li {padding:5px;}
	
	.bankStockArea .bankBox.en li a{display:block;background:#fff url("../restored/img/common/bank_logo_m_en.png") no-repeat;background-size:140px auto;height:50px;}
	.bankStockArea .stockBox.en li a{display:block;background:#fff url("../restored/img/common/stock_logo_m_en.png") no-repeat;background-size:140px auto;height:50px;}
	
	/*연계대출*/
	.bankImg{display:block;background:#fff url("../restored/img/common/partner_bank_logo_m.png") no-repeat; text-indent:-100%;overflow:hidden; height:30px; background-size: 140px;}
	.bankImg.bankImg003 {height:41px;}
	
	/*== 전체상품보기  ==*/
	.selectLayerWrap.selEtc .selectLayer .dropScroll {height:184px}
	/* 전체상품보기 - 보험 */
	.selectLayerGroup.ins .slNum2 .selectLayerUI{width:100%}
	
	/*== 계좌리스트  ==*/
	/*내계좌 추가*/
	.accountList1 {margin-left:0px;}
	.accountList1 > li {width:100%; padding:0;height:auto;}
	.accountBox1{height:auto;}

	/* 카드 - 계좌리스트 관련  : 20161109 common5 */
	.accountList {width:100%; margin-left:0}
	.accountList > li {width:100%; padding:20px 0 0 0;}
	/* 카드 - 계좌리스트 관련  : 20161109 common5 */
	.accountList.accH240 > li{height:auto;}
	.accountList.accH240 > li .accountBox{height:auto;}
	.accountList.accH180 > li{height:auto;}
	.accountList.accH180 > li .accountBox{height:auto;}
	/* 카드 - 계좌리스트 관련 : 20161109 - common4 이동
	.accountList {width:100%; margin-left:0}
	.accountList > li {width:100%; padding:20px 0 0 0;}
	*/
	
	/* Board View */
	.viewWrap + .btnArea {margin:0}
	.viewWrap + .btnArea > button {margin-top:0}
	/* 만족도 조사 */
	/* 만족도 조사 */
	.veiwSurveyArea p:first-child {float:none;}
	.veiwSurveyArea p{display:block; text-align:left}
	.veiwSurveyArea .inputComp {display:block; text-align:left; margin-top:10px}
	.veiwSurveyArea .inputComp .formWrap {margin-left:15px; margin-right:0 !important;}
	.veiwSurveyArea .inputComp .formWrap:first-child{margin-left:0}
	.veiwSurveyArea p {margin-right:0 !important;}
	.veiwSurveyArea .inputComp + p {width:100%; /*float:right;*/ margin-top:10px !important; text-align:left}
	/* 공지사항 view */
	.viewWrap .viewTitle > .tit .titH3 {margin-right:0}
	.viewWrap .viewTitle > .tit .vNo {position:static; width:auto; text-align:left}
	.viewWrap .viewTitle > .tit .vCount {float:none; padding-right:0}
	.viewWrap .viewTitle > .tit .vCount .btnImgFile {vertical-align:inherit}
	.viewWrap .viewTitle > .tit > span {position:relative; display:inline-block; padding:0 10px;}
	.viewWrap .viewTitle > .tit > span:before {content:''; position:absolute; top:5px; left:0; width:1px; height:15px; background:#666}
	.viewWrap .viewTitle > .tit > .vNo {padding:0 10px 0 0;}
	.viewWrap .viewTitle > .tit > .vNo:before {background:transparent}

	/* 공지사항 view 2차직전 임시수정*/
	.viewWrap .viewTitle > .tit > span.small {padding:0}
	.viewWrap .viewTitle > .tit > span.small:before {background:transparent}
	/* cms 이벤트 */
	.viewWrap .viewCont > [class^=cms] > div {width:100% !important;}
	/* cms 공지사항 이미지*/
	.viewWrap .viewCont > [class^=cms] > [class^=cms] > div {width: 100% !important;}
	.viewWrap .viewCont > [class^=cms] img {width:100%;}
	/* 이전글/다음글 */
	.btnBrdArea{margin-top:30px;}
	
	/*== 선택 상품/서비스  ==*/
	.cartBox{margin-top:20px; padding:110px 20px 20px 20px; background-position:center 38px}
	.cartBox .selectItem{display:block; margin-left:0}
	.cartBox .goodsNum{top:35px; }
	
	/*== 통합검색 ==*/
	/* allSrchArea */
	.allSrchArea{margin-top:0px}
	.allSrchArea .block{padding:0; background:none}
	.allSrchArea .row{position:relative;}
	.allSrchArea + .quickSearchWrap {margin-top:20px !important;}
	/* 검색 결과 */
	.allSrchArea .srchArea {display:block; position:static; padding:0; border-radius:8px; box-shadow:none;}
	.allSrchArea .srchArea .srchInput {padding:0 50px 0 10px; border:none;}
	.allSrchArea .srchArea .srchInput input {height:50px; padding:0 0; font-size:16px; line-height:50px;}
	.allSrchArea .srchArea .srchInput .btnImgSrch {top:0;}
	/*.allSrchArea .btnImgSrch {width:50px; height:50px; background:url("../restored/img/common/btnImg_srch.png") no-repeat center;}*/
	.allSrchArea .btnSearchArea{position:absolute; top:0; right:10px; float:none; width:50px; height:50px; padding:0;}
	.allSrchArea .btnSearchArea .relatedInfo{display:inline-block;}
	.allSrchArea .btnType1{width:50px; height:50px; border:0; padding:0; overflow:hidden; text-indent:-9999px; background:url("../restored/img/common/btnImg_srch.png") no-repeat center;}
	.allSrchArea .btnType1:hover,
	.allSrchArea .btnType1:focus{background:url("../restored/img/common/btnImg_srch.png") no-repeat center; border:0}
	
	.allSrchArea .formWrap .formControl{background:#fff}
	/* [PRE] allSrchArea */
	.allSrchArea.limitFAQ {padding:20px 15px;}
	.allSrchArea.limitFAQ .col_mb_12 .relatedInfo {margin-bottom:20px;}
	.allSrchArea.limitFAQ +.innerTab {margin-top:15px;} /* FAQ 목록 */
	.allSrchArea.limitFAQ .btnType1 {border:2px solid #056DAE; background:#056DAE; text-indent:0;}
	.allSrchArea.limitFAQ .btnType1:hover,
	.allSrchArea.limitFAQ .btnType1:focus {border:2px solid #002a54; background:#002a54;}
	/*== 지점찾기 ==*/
	/* [PRE] 160816 지점찾기 검색영역  */
	.branchSearch {padding:15px; margin-top:30px;}
	.branchSearch .col_mb_12 .relatedInfo {margin-bottom:10px;}
	/* [PRE] 160817 지점찾기 검색결과 */
	.branchResult .infoListLine .wrap div span {display:block; margin-top:5px;}
	.branchResult .infoListLine .wrap div .btnType1 {margin-left:0px;}
	.branchResult .infoListLine .icoType ul + div > span .links.arrowR {margin-left:0;}
	.branchResult .infoListLine .icoType ul + div > span a + .links.arrowR {margin-left:10px;}	
	.branchResult .infoMapBox .infoMapBox_tmpImg {width:100%; height:auto;}
	.branchResult .noResultArea { padding:60px 0 55px; height:auto; }
	
	/*== selectLayer ==*/
	/* [PRE] 160826 selectLayer */
	.selectLayerGroup .slNum3 .selectLayerUI {width:100%;left:10px;padding-left:0px;/* box-size:border-box */}
	.selectLayerGroup .slNum4 .selectLayerUI {width:100%;left:10px;padding-left:0px;/* box-size:border-box */}
	.selectLayerGroup .relatedInfo {margin-top:5px;}
	.selectLayer .dropScroll {height:200px; overflow-y:scroll; box-sizing: border-box;}	
	
	/*=========== 예금/신탁 ==============*/
	/* 고객상담 -검색  */
	.prdcSearch.bgColorWsch {padding:15px 20px 20px;}
	/*== 자주쓰는 입금계좌 ==*/
	.groupOption .proc2 {margin:30px auto 20px;}
	.groupOption .proc2 [class^=btn] a {transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.groupOption .proc2 .btnPrev a {float:right;}
	.groupOption .proc2 .btnNext a {float:left;}
	.groupOption .proc2 [class^=btn] a:before {position:absolute; top:-2px; left:-1px; width:30px; height:30px; text-indent:0; font-size:20px;}
	.groupOption .proc2 .btnPrev a:before {content:'\2039';}
	.groupOption .proc2 .btnNext a:before {content:'\203A';}
	
	/*== 신탁 - 계산법 ==*/
	.trustArea{width:100%;margin-top:60px;background:#fff url("../restored/img/common/icon_Trpd.png") no-repeat 50% 40px;}
	.trustArea.secondBox{margin-top:30px;margin-bottom:30px;}
	.trustArea .trustBox{padding:115px 10px 40px 10px;}
	.trustArea .trustBox .txtList{margin-top:10px;}
	
	.trustCalArea{width:100%;background-color:#fff;margin-top:20px;}
	.trustCalArea .trustCalBox{width:100%;padding:30px 0;}
	.trustCalArea .trustCalBox .textTrpd01{background:url("../restored/img/m/textTrpd0102_m.png") no-repeat 50% 0;background-size:320px 1479px;height:196px;}
	.trustCalArea .trustCalBox .textTrpd02{background:url("../restored/img/m/textTrpd0102_m.png") no-repeat 50% -393px;background-size:320px 1479px;height:239px;}
	.trustCalArea .trustCalBox .textTrpd03{background:url("../restored/img/m/textTrpd0102_m.png") no-repeat 50% -782px;background-size:320px 1479px;height:129px;}
	.trustCalArea .trustCalBox .textTrpd04{background:url("../restored/img/m/textTrpd0102_m.png") no-repeat 50% -1060px;background-size:320px 1479px;height:418px;}
	.trustCalArea .trustCalBox .textBopd01{background:url("../restored/img/m/textBopd0102_m.png") no-repeat 50% 0;background-size:320px 523px;height:244px;}
	.trustCalArea .trustCalBox .textBopd02{background:url("../restored/img/m/textBopd0102_m.png") no-repeat 50% -393px;background-size:320px 523px;height:129px;}
	.trustCalArea .trustCalBox .textBopd03{background:url("../restored/img/m/textBopd0104_m.png") no-repeat 50% 0;background-size:320px 470px;height:175px;}
	.trustCalArea .trustCalBox .textBopd04{background:url("../restored/img/m/textBopd0104_m.png") no-repeat 50% -320px;background-size:320px 470px;height:158px;}
	
	/* 예금/신탁 일괄이체 */
	.sel4 .formWrap {width:100%;}
	/*============== 카드 =================*/
	.totalList > li {float:none; width:100% !important; padding-right:0 !important;}
	.totalList > li:last-child {margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
	.totalList .split > ul {float:none; width:100%;}
	.totalList .split > ul:first-child {padding-right:0; border-right:0 none;}
	.totalList .split > ul:last-child {padding-left:0;}
	.totalList > li:first-child .total {margin-top:10px;}
	.totalList.revolving > li:last-child {margin-top:0; padding-top:0; border-top:0 none;}
	.totalList.revolving .split > ul:first-child {padding-top:0;}
	.totalList.revolving .total {margin:0;}
	.totalList.revolving + .totalList.revolving {margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
	.totalList.revolving + .totalList.revolving ul {float:none; width:100% !important; padding:0 !important; border-right:0 none !important;}
	
	.totalList2 > li {width:100%; padding:25px 0 0 4px !important;}
	.totalList2 > li:first-child {padding-top:0 !important;}
	.totalList2 > li:first-child strong {padding-right:0;}
	.totalList2 > li:nth-child(even) span {padding-left:4px;}
	.totalList2 > li li {padding-left:0 !important; border-left:0 none !important;}
	.totalList2 .total {margin-top:5px; padding-top:5px;}
	
	.listTotal > ul {width:100%; padding-left:10px; box-sizing:border-box;}
	
	li.dntn {margin-top:-5px; margin-bottom:-5px;}
	li.dntn:before {top:14px !important;}
	li.dntn > .tags {margin-left:0; margin-top:5px; margin-bottom:5px;}
	/* donation View */
	.dntnInfo {padding:20px;}
	.dntnInfo > .wrap .logo {position:relative; top:auto; left:auto; margin-bottom:10px;}
	.dntnInfo > .wrap .tit,
	.dntnInfo > .wrap .txt {padding-left:0;}
	.dntnInfo > .wrap .price {margin:15px 0 0 0; padding-top:5px;}
	
	.infoListBox > * {padding:25px 40px 25px 15px;}
	.infoListBox .combo,
	.infoListBox .btnImgLink {right:-40px;}
	.infoListBox .sum {position:static; margin-top:0;}
	.infoListBox .infoListBox {max-height:416px;}
	/*== 카드 비교하기 ==*/
	.crdCompare.prod .crdChoice {display:none}
	.crdCompare.prod .inner {width:100%}
	.crdCompare.prod .inner .class {margin-top:5px}
	.crdCompare.prod .inner .class.wd3 li {width:50%}
	.crdCompare.prod .inner .btnType1 {min-width:100%}
	/*== 포인트조회 ==*/
	.ctPointArea {position:relative; padding-bottom:250px;}
	.ctPointHead .goodsArea {float:none; width:100%;}
	.ctPointHead .goodsArea .row .btn {padding-right:10px;}
	.ctPointHead .goodsArea .itemList li {position:relative; margin-top:10px; padding-bottom:16px !important; font-size:16px; text-align:right;}
	.ctPointHead .goodsArea .itemList li .item {position:absolute; right:0; bottom:0;}
	.ctPointHead .goodsArea .itemList li .value {display:block;}
	.ctPointInfo {position:absolute; float:none; bottom:0; left:0; width:100%; margin-top:0; padding-left:0;}
	
	/*== 카드신청 ==*/
	.crdSelect {margin-top:25px; padding-left:0}
	.crdSelect .formArea {width:100%; padding:0 0 0 0; margin-left:0;}
	.crdSelect > div {min-height:auto; padding-left:0;}
	.crdSelect .crdImg {position:absolute; top:80px; width:100%; margin-top:25px; text-align:center;}
	.crdSelect .crdImg img + .links,
	.crdSelect .crdImg img + .btnArea {width:100%;}
	.crdSelect .crdImg img + .btnArea .btnType1.small{margin:0; width:160px}
	.crdSelect > .formArea.col_12 > .formWrap.col_10 {float: none}
	.crdSelect .txtList {margin-top:220px;}
	.crdGoodsArea .crdInfo {padding:30px 20px;}
	.crdGoodsArea .crdInfo > div {padding-right:0%;} 
	.crdGoodsArea .crdInfo .titH1, .crdGoodsArea .crdInfo ul {padding-right:0;}
	.crdGoodsArea .crdInfo .img {position:relative; top:0; left:0px; margin-top:30px;}
	.crdGoodsArea .crdInfo .btnArea .btnType1 {width: 100%;}
	.crdGoodsArea .crdInfo .btnArea.wType1{padding-right:0}
	.crdGoodsArea .crdInfo .btnArea.wType1 .btnType1 + .btnType1{margin-left:0}
	.crdGoodsArea .pointCopy .crdCopy {padding:20px 20px 10px 20px;}
	.crdGoodsArea .pointCopy .crdCopy .btnType2 {margin-left:0}
	.crdGoodsArea .crdInfo .img {width:100%; max-width:440px;}
	
	/*== 다른카드찾기 ==*/
	.cardSearchArea .cardTit{font-size:23px;}
	.cardSearchArea .cardSearchBox{width:82%;}
	.cardSearchArea .cardSearchBox .cardArea{width:90%;}
	.cardSearchArea .cardSearchBox li div{}
	.cardSearchArea .cardSearchBox .cardArea strong{font-size:12px;}
	.cardSearchArea .cardSearchBox .cardArea .cardImg{width:80%; height:80%;margin:auto;}
	.cardSearchArea .cardSearchBox .cardArea .cardImg img{box-shadow:2px 2px 6px #a7a7a7;border-radius:6px;}
	.cardSearchArea .preBtn{position:absolute;top:50%;left:0px;}
	.cardSearchArea .nextBtn{position:absolute;top:50%;right:0px;}
	.cardSearchArea .nextBtn button{width:30px;height:30px;}
	.cardSearchArea .preBtn button{width:30px;height:30px;}
	.cardSearchArea .cardSearchBox .cardArea .cardName{margin-top:30px;font-size:16px;}
	
	/*== 신용카드 상세  ==*/
	.crdInfoArea {margin-bottom:20px; padding:0 0 0 0; text-align:center;}
	.crdInfoArea .crdImg {position:static; float:none; margin:0 auto;}
	.crdInfoArea .crdInfo {float:none;}
	.crdInfoArea .txtList {text-align:left;}
	
	/*== 진행중인이벤트 ==*/
	/* 배너영역 */
	.eventArea .eventBoxTop {padding:30px 0 !important; font-size:19px;}
	.eventArea .eventBoxTop span {font-size:12px;}
	.eventArea .eventBoxTop img {margin:-30px 0;}
	/* 내용영역 */
	.eventArea .eventBoxBottom {padding:20px 15px;}
	.eventArea .eventBoxBottom .btnArea {margin-top:20px;}
	.eventArea .eventBoxBottom .eventEndBox .font22{font-size:19px;}
	/* 입력영역 */
	.eventInputBox {margin-top:20px !important; padding:0;}
	/* 약관영역 */
	.eventTerms {margin:20px auto 20px !important; padding:25px 0 20px 0 !important;}
	
	/* 샘플이미지 */
	.sampleImg [class^=sampleCerti] {margin:0 auto;}
	
	/*== 카드몰 ==*/
	[class^=mall] .logo {width:132px !important;}
	.mallList li {width:50% !important;}
	.mallList li div {height:120px;}
	.mallList li p {padding:0 5px;}

	.mallList.special ul {padding:25px 0;}
	.mallList.special li {padding:15px 0;} 
	.mallList.special .logo {height:132px; padding-top:30px;}

	.mallEvent > ul > li {float:none; width:100% !important;}
	.mallEvent > ul > li > div {max-width:100% !important;}
	.mallEvent .img {position:absolute !important; width:50% !important;}
	.mallEvent .img img {position:absolute !important; width:345px !important; transform:translate(-50%, -50%) !important; -webkit-transform:translate(-50%, -50%) !important; -ms-transform:translate(-50%, -50%) !important;}
	.mallEvent .cnt {float:right !important; width:50% !important;}
	.mallEvent .cnt p {height:75px !important;}

	.mallEvent.three > ul > li:nth-child(3) > div  {float:none;}
	.mallLink li {width:50%;}

	.promotionBanner {margin-top:10px;}
	.promotionBanner ul {margin:0 0;}
	.promotionBanner li {width:100%; padding:0 0;}
	.promotionBanner .swiper-control{text-align:center}
	.promotionBanner .swiper-pagination,
	.promotionBanner .swiper-nav{display:block; margin-top:10px; }
	.promotionBanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; }
	.promotionBanner .swiper-pagination{position:relative;display:inline-block }
	.promotionBanner .swiper-pagination .swiper-pagination-bullet{width:19px;height:19px; margin:0 5px; border:1px solid #888; background:none; opacity:1}
	.promotionBanner .swiper-pagination .swiper-pagination-bullet-active{border:1px solid #056dae;background:#056dae}
	.promotionBanner .swiper-nav{position:relative; display:inline-block; z-index:10}
	.promotionBanner .swiper-nav a{display:inline-block; cursor:pointer; height:20px; text-indent:-9999px; overflow:hidden}
	.promotionBanner .swiper-nav .btnPlay{display:none; width:15px; margin:0 2px; background: url("../restored/img/common/btnImg_play.png") no-repeat 0 0;}
	.promotionBanner .swiper-nav .btnStop{width:15px; margin:0 2px; background: url("../restored/img/common/btnImg_stop.png") no-repeat 0 0;}
	.promotionBanner .btnPrev,
	.promotionBanner .btnNext{display:none}
	
	/*== 신용카드 소비자 보호 ==*/
	.crdFsvcIco .crdFsvcIco02 {margin-top:20px;}
	
	/* 카드 금융서비스 */
	.heightUniqe .block {min-height:0 !important;}

	/*== 카드프리미엄 > 골프 ==*/
	.premGolf .left{width:100%;}
	.premGolf .right{width:100%;}
	
	/*============== 대출 ===============*/
	/*== 대출금액/대출금리 ==*/
	.infoEntry .conDivLine > *{border-bottom:1px solid #dfdfdf}
	.infoEntry .titArea{padding-bottom:20px}
	/* 대출금액/대출금리 */
	.btmArea .links.arrowR.fr {float:left}
	
	/*== 직장분류 ==*/
	.multiSlt ul li,
	.multiSlt ul li:first-child + li {width:100%;}
	.multiSlt .resultBlock span {width:100%; height:auto; padding:20px; margin-top:30px; line-height:1.2;}
	
	/*== 부동산담보대출가능금액조회 ==*/
	.areaMortgageWrap .areaMortgageList > li{width:100%; }
	
	/*== 금융서비스 바로신청 ==*/
	.appFormArea .appFormBox ul{display:block;}
	.appFormArea .appFormBox ul li{display:block;width:100%;padding-left:0px;padding-top:20px;margin-top:20px;border-top:1px solid #d8d8d8;}
	.appFormArea .appFormBox ul li:first-child{border-right:none;border-top:none;padding-top:0px;margin-top:0px;}
	.appFormArea .appFormBox [class^=btnType]{width:100%;}
	
	/*== 부채통합신청관련위임장및동의서 ==*/
	.delegateArea .delTxt{word-break:normal;}
	
	/*== 인터넷뱅킹 가입 확인 ==*/
	.inbankAgree {display:block;}
	.inbankAgree > div {position:relative; display:block; width:100%; padding:10px 20px 55px 20px !important; box-sizing:border-box; background-color:#fff;}
	.inbankAgree > div:last-child {margin-top:10px;}
	.inbankAgree > div:before {display:none !important;}
	.inbankAgree input[type="radio"]+label:before {left:50% !important; right:auto !important; bottom:20px !important; margin-left:-10px !important; margin-right:0 !important;}
	.inbankAgree input[type="radio"]:checked+label div:before {left:0 !important; right:0 !important; margin-left:0 !important; margin-right:0 !important;}
	.inbankAgree p {margin-top:10px;}
	
	/*== 직장인신용대출 배너 ==*/
	.evtCont {min-width:0}
	.evtCont .btnType3 {min-width:0; width:100%;}
	.lopdEvn > * {display:block; margin-top:10px; text-align:left;}
	.lopdEvn > * > img {display:block; margin:0 auto;}
	.lopdEvn > *:first-child {margin-top:0;}
	
	/*============== 펀드 ===============*/
	/*== 펀드 - 부가서비스 ==*/
	.investResult .investImg img{width:100%}
	/*== SMS인증 ==*/
	.smsArea {margin:15px -10px 0 -10px;}
	.smsArea ul li {width:100% !important; display:block; margin-top:20px;}
	.smsArea ul li:first-child {margin-top:0;}
	/*== 인증서이동 ==*/
	.cerImgBox{display:block;width:100%;}
	.cerImgBox .imgBox{display:block;width:100%;}
	.cerImgBox .cerText{display:block;width:80%;padding:10px 10%;}
	
	/*============== 보험 ===============*/
	/* 보험상품안내 */
	.insGoodsArea .insGoodsImg.seniorImg01,
	.insGoodsArea .insGoodsImg.savingImg01,
	.insGoodsArea .insGoodsImg.savingImg02,
	.insGoodsArea .insGoodsImg.savingImg03,
	.insGoodsArea .insGoodsImg.variableImg01,
	.insGoodsArea .insGoodsImg.pensionImg01,
	.insGoodsArea .insGoodsImg.pensionImg02,
	.insGoodsArea .insGoodsImg.pensionImg03,
	.insGoodsArea .insGoodsImg.protectImg01,
	.insGoodsArea .insGoodsImg.protectImg01,
	.insGoodsArea .insGoodsImg.protectImg02,
	.insGoodsArea .insGoodsImg.eImg01{background-size:100%;width:290px;height:162px;}
	
	/*=========== 외환/글로벌 =============*/
	/*== 환율표- 라디오/체크 리스트 ==*/
	.radioList > ul > li {width:50%;}
	.radioList > ul > li .thum {padding:15px;}
	
	/*== 환율 ==*/
	.exchangeList {background-color:transparent;}	
	.exchangeList:before {display:none;}
	.exchangeList > li {width:100%; margin:10px 0; padding:10px 30px; border-left:0 none; background-color:#fff;}
	.exchangeList > li:first-child {margin-top:0;}
	.exchangeList > li:last-child {margin-bottom:0;}
	
	/*=========== 공과금/수표 =============*/
	/*==  내공과금 - 공과금달력 ==*/
	/* 달력영역 */
	.calendarWrap .calendarArea .InCalendarArea{padding:20px 0 0 0}
	.InCalendarArea .calendarInfo{margin-top:20px; margin-left:15px}
	.InCalendarArea .tblCalendar tbody td{height:56px;text-align:center}
	.InCalendarArea .tblCalendar tbody td .statusWrap{height:5px;text-align:center}
	.InCalendarArea .tblCalendar tbody td .dotMb{display:inline-block; width:5px; height:5px; border-radius:5px 5px; vertical-align:top; background-color:#666}
	/* 상세내역영역 */
	.InnerDetailArea .infoListLine{margin-top:0}
	.InnerDetailArea .contTit{margin:-45px 0 15px;}
	.InnerDetailArea .linksGroup{margin-top:20px;}
	.InnerDetailArea .commonCont{padding:30px 20px;}
	.InnerDetailArea .layerDetailCont{padding:30px 20px;}
	.InnerDetailArea .btnArea > a{margin-top:0}
	.InnerDetailArea .scroll{height:492px;}
	
	/*== 국세 ==*/
	.sortingWrap {margin-top:30px; padding:30px 15px;}
	.sortingWrap .funcGroup .formWrap + .funcTxt {top:0; margin-left:0;}
	.sortingWrap .funcGroup .formWrap + .funcTxt li:first-child {margin-left:0;}
	.sortingWrap .funcGroup .formWrap {width:100%}
	.sortingWrap .funcGroup .formWrap .formControl {margin-left:20px;}
	
	/*=========== 설정/서비스 =============*/
	/*== 피싱파밍방지용 이미지 ==*/
	/* 피싱파밍방지용2차 작업*/
	.phishingArea dl{display:block;width:100%;}
	.phishingArea dl dt{border-right:none;}
	.phishingArea dl dd{display:block;padding-left:0;}
	.phishingUpBox{padding:30px 30px 30px 30px}
	.phishingUpBox dl{display:block;}
	.phishingUpBox dl dt{display:block;padding-left:0;border-right:none;width:100%;}
	.phishingUpBox dl dd{display:block;border-right:none;width:100%;padding-left:0;}
	.phishingUpBox .uploadImg{float:none;display:block;}
	.phishingUpBox .uploadBox{float:none;display:block;min-width:100%;margin-left:0;}
	.fileUpBox{position:relative;left:0;height:auto;margin-top:20px;padding:0 10px;}
	.fileUpBox .upload label{width:100%;text-align:center;padding:0;}
	
	/*== POP 개인정보제공 약관 ==*/
	.poptermsArea .poptermsBox p{display:block; width:100%;margin-bottom:10px;font-weight:bold;}
	.poptermsArea .poptermsBox ul{display:block; width:100%;}
	.poptermsArea .poptermsBox .refList{width:100%;margin-left:0;}
	.poptermsArea .poptermsBox ul li ul.txtList li{width:auto;}
	
	/*== 위험수익율알람여부 ==*/
	.rangeArea .front{width:100%;display:block;position:relative;overflow:hidden;}
	.rangeArea .front div{float:left;}
	.rangeArea .front .sign{width:20%;padding-right:10px;}
	.rangeArea .front .frontInput{width:40%;}
	.rangeArea .front .backInput{width:22%;}
	.rangeArea .front .frontInput1{width:55%;}
	.rangeArea .front .backInput1{width:30%;}
	.rangeArea .front .fl{width:10px;height:20px;padding-top:30px;text-align:center;}
	.rangeArea .front .fl.to{width:20px;padding-top:20px;}
	.rangeArea .back{width:100%;display:block;position:relative;overflow:hidden;}
	.rangeArea .back div{float:left;}
	.rangeArea .back .sign{width:20%;padding-right:10px;}
	.rangeArea .back .frontInput{width:40%;}
	.rangeArea .back .backInput{width:22%;}
	.rangeArea .back .frontInput1{width:55%;}
	.rangeArea .back .backInput1{width:30%;}
	.rangeArea .back .fl{width:10px;padding-top:30px;text-align:center;}
	
	/*== 로그인 첫화면 설정 ==*/
	.viewSetting{margin-top:25px;}
	.viewSetting > .lCont,
	.viewSetting > .rCont{float:none; width:100%}
	.viewSetting ul li strong{width:100px; padding-left:0}
	.viewSetting ul li .cont strong{width:110px; }
	.viewSetting ul li .formWrap{position:relative; }
	
	/*=========== e금융서비스 =============*/
	/*== 웹회원서비스 ==*/
	.webSvcList > div > ul > li {width:100%}
	.webSvcList > div > ul > li > ul ,
	.webSvcList > div.sec4 > ul > li > ul {min-height:auto}
	.webSvcList > div.sec2 > ul > li:nth-child(1) > ul,
	.webSvcList > div.sec2 > ul > li:nth-child(2) > ul,
	.webSvcList > div.sec2 > ul > li:nth-child(3) > ul {min-height: auto;}
	.webSvcList > div.sec2 {margin-top:25px}
	
	/*== E금융서비스 - 씨티모바일 ==*/
	.citiMArea ul li{width:48%;}
	.citiMArea ul li p{margin-bottom:20px;width:auto;}
	.citiMArea.etc ul li{width:100%;padding:0;}
	.citiMBox .txtList{height:auto;}
	.citiMBox li{float:none;width:100%;}
	.citiMBox li:first-child{float:none;width:100%;}
	.citiMBox .box{margin-top:20px;}
	.citiMBox .box > img {max-width:100%;}
	
	/*== 제휴서비스 ==*/
	.allianceLinkBox .quickGroup li.single{float:none; text-align:center; font-weight:bold;}
	
	/*============= 공인인증 ==============*/
	/*== 인증서관리 ==*/
	.noticeCer, .customerOpt{margin-top:30px;}

	.customerOpt .faqWrap {width:100%; padding-left:0; padding-right:0}
	.customerOpt .faqWrap ul{margin-right:0}
	.customerOpt .emailWrap {width:100%; margin:50px 0 0; float:left}
	
	.cerAdmin {margin-top:0}
	.cerAdmin .cerAdminSet {min-height:auto; padding-top:0; padding-left:0px; border-left:0;}
	.cerAdmin li {padding-left:0; padding-right:0; border-top:1px solid #999;}
	.cerAdmin li:first-child {border-top:none;}
	.cerAdmin li:first-child .cerAdminSet {margin-top:5px;}
	.cerAdmin .txt {min-height:auto;}
	.cerAdmin .links {margin-top:10px;}
	.cerAdmin + .noticeCer {margin-top:0}
	
	
	/*============= 고객센터 ==============*/
	/*== 검색 ==*/
	.customerSrch .row {width:100%;}
	/*== 씨티모바일 ==*/
	.infoCitiMb .accoContents {margin-left:-30px; margin-right:0;}
	.infoCitiMb .cntArea .conDivArea.brdT {padding:20px 0;}
	
	/*== 고객만족 우수영영업점 ==*/
	.powerArea{display:block;}
	.powerArea .powerImg{display:block;width:100%;}
	.powerArea .powerText{display:block;width:100%;margin-top:10px;padding-left:0;}	
	/*== 검색 ==*/
	.searchBox + .viewWrap {margin-top:10px;} /* 민원공시,소비자정보 상세 */
	
	/*============= 보안센터 ==============*/
	/*== 보안카드 샘플 ==*/
	.sampleSecuCrd {margin-top:5px !important;}
	.sampleSecuCrd .groupArea {padding-left:42px; margin-top:15px;}
	/* txtIptLabel */
	.sampleSecuCrd .groupArea div.txtIptLabel {margin-left:-42px; padding-left:10px;}
	/* secuTxt */
	.sampleSecuCrd .secuTxt {width:32px; margin-right:-32px; left:-32px; padding:0; text-align:left;}
	.sampleSecuCrd .groupArea:first-child .secuTxt {width:52px; padding:0 15px; text-align:center;}
	
	/*============= 은행소개/채용 ==============*/
	/* 연혁 */
	.historyBox .year {position:relative; left:auto; top:auto;}
	.historyBox .year:before {top:6px;}
	.historyBox .cont {margin-left:40px;}
	.historyBox .cont li {padding-left:0;}
	.historyBox .cont li > span {display:block;}
	.historyBox .cont li > .date {left:auto; margin-right:0;}
	/* 경영진소개 */
	.nameCrd {margin:10px -10px 0 !important;}
	/* 은행장인사말 */
	.imgDscArea.ceoMsg {margin-top:30px;}
	.imgDscArea.ceoMsg > .inner {padding:0;}
	.imgDscArea.ceoMsg > .img {width:100%; margin:20px 0 0 0 !important;}
	.imgDscArea.ceoMsg > .img > img {width:auto; max-width:100%; margin-bottom:20px;}
	/* 조직도 */
	.organizWrap {margin-top:30px;}
	.organizDesc {position:relative; top:auto; left:auto;}
	.organizHead {margin-top:30px; padding-bottom:30px;}
	.organizHead .side {width:100%; margin-top:12px; margin-left:0; margin-bottom:30px;}
	.organizHead .side:before {display:none;}
	.organizHead .side > ul,
	.organizHead .side > div {display:block; min-width:auto;}
	.organizHead .side > ul:before {display:none;}
	.organizHead .side > ul > li {margin-bottom:30px;}
	.organizWrap .bgBlue {margin-top:0;}
	.organizList {margin:-30px -10px 0 -10px;}
	.organizList > li {width:100%; margin-top:30px;}
	/* 홍보관 */
	.videoList {margin-top:50px;}
	.videoList > ul > li {width:100%;}
	/* 은행소개 > 사회공헌활동(직렬) */
	.imgConArea.hrdScac {margin-top:0; text-align:center;}
	.imgConArea.hrdScac .img > img {margin-top:20px;}
	.imgConArea.hrdScac > p {text-align:left;}
	/* 은행소개 > 사회공헌활동(특이유형1) */
	.imgConArea.hrdPuzzle > .img .inner {display:block; max-width:100%;}
	.imgConArea.hrdPuzzle > .img .inner .inBlock {display:block; max-width:100%;}
	/* 은행소개 > 사회공헌활동(특이유형2) */
	.imgConArea.hrdComplex .img > span {width:50%;}
	.imgConArea.hrdComplex .img > span:first-child {width:100%;}
	.imgConArea.hrdComplex .img > span > img {width:100%; margin-top:20px;}
	
	/* Power of One */
	.powerArea .powerText > p {padding-left:0;}
	
	/*== 씨티모바일이용안내 ==*/
	.groupImgs {margin:-10px;}
	.groupImgs .imgConArea {margin:0;}
	.groupImgs .imgConArea ul {margin:0 !important;}
	.groupImgs .imgConArea ul li {padding:10px; text-align:center;}
	.groupImgs.div2 .imgConArea ul {text-align:left;}
	.groupImgs.div2 .imgConArea ul li {width:50%;}
	/* 인증서 없이 한번에 이체 */
	.groupImgs.efsSmsvFunc .imgConArea > ul:first-child {margin:0 -10px 20px -10px !important; text-align:center;}
	.groupImgs.efsSmsvFunc .imgConArea > ul:first-child li {position:relative; width:auto; padding:10px 8px;}
	.groupImgs.efsSmsvFunc .imgConArea > ul:first-child li img {height:64px;}
	.groupImgs.efsSmsvFunc .imgConArea > ul:first-child li p {margin:20px -10px 0 -10px;}
	.groupImgs.efsSmsvFunc .imgConArea > ul p {max-width:none;}

	/*============= 무방문 ==============*/
	.termContain .underlineTit {font-size:16px;}
	.tblPrintWrap .underlineTit {border-bottom:2px solid #333; padding-bottom: 1px }
	
	
	/*=========================================== 잔액증명서 ==============================================*/
	.complexformArea .stampArea .txtCntSign {position: relative; display: inline-block;}
	.complexformArea .stampArea .titH3 {margin-top:30px;}
	
	/* display */
	.disMb {display:block;}
	
	/*=========================================== CMS 영역 ==============================================*/
	.cms {width:100%;}
	.cmsArea .cmsImg {margin:20px 0; padding:15px 0;}
	
	/*=========================================== 해외 연락처 관리 신규 ==============================================*/
	.taxListMb .relatedInfo .alignR {text-align: left !important;}
	.taxListMb .nonLabel .txtIptLabel {height:1px; width:1px;}
	.taxListMb .row {margin-bottom:20px; padding-bottom:20px; border-bottom: 1px solid #ddd;}
	.taxListMb .formWrap.nonLabel + .tip, .taxListMb .formWrap.nonLabel + .tipCol {margin-top: 18px;}
	
	/* wm Statement*/
	.wmSearchBox .formArea .formWrap {width:100%; margin-top:10px; padding:0;}
	.wmSearchBox .formArea .formWrap.nonLabel {width:100%; padding-right:0}
	
	/*===========================================  카드 프로세스 변경 관련 추가 2018.01.04 ===========================================*/
	.infoListLine .termsGroup .tit,
	.infoListLine .termsGroup .checkbox {float:none; top:0; margin-left:0;}
	.infoListLine .termsAgree.hasAgree + .termsAgree.hasAgree {margin-top:25px;}
	.infoListLine .termsAgree.hasAgree .tit,
	.infoListLine .termsAgree.hasAgree .tit + div {width:100%;}
	
	.cardArea .cardThumb {padding:20px 15px;}
	.cardArea figure {padding-left:95px;}
	.cardArea .img {width:80px;}
	.cardArea figcaption > div {height:50px;}
	.cardArea .cardName {margin-bottom:0; font-size:15px;}
	.cardArea .links {font-size:12px;}
	.cardArea .progIndicator {margin-top:20px;}
	
	.brdMsgBox {margin-top:45px; padding:30px 0; font-size:19px;}
	.conDivBox.recommItem .btnArea {position:static; min-height:0;}
	
	
	/*=========================================== CPC re Engineering 관련 ===========================================*/
	.reEngineWrap {padding-left: 0; margin-top:30px; }
	.reEngineWrap > .infoListLine {margin-top:0;}
	.reEngineWrap > .infoListLine > li:before, .reEngineWrap > .infoListLine > li > .wrap:after, .reEngineWrap > .infoListLine > li:after {display: none}
	.reEngineWrap .infoListLine.acco > li {padding:0 15px}
	.reEngineWrap > .infoListLine.acco > li:before {content: ''; position: absolute; top: -30px; left: 0; display: block; width: 100%; height: 30px; background: url("../restored/img/common/ico_wm_continue.png") no-repeat center; background-size: 4px auto}
	.reEngineWrap > .infoListLine.acco > li:first-child:before {display: none}
	.reEngineWrap > .infoListLine > li {position:relative; border-top:1px solid #999; border-bottom:1px solid #999; }
	.reEngineWrap > .infoListLine > li > .accoContents {padding-left:0}
	.reEngineWrap > .infoListLine > li > .wrap {position: static;}
	.reEngineWrap > .infoListLine > li > .wrap .accordion {position: absolute; bottom: 8px;left: 0; top: auto; width: 100%; outline:rgba(0,0,0,0); z-index: 100}
	.reEngineWrap > .infoListLine > li > .wrap .accordion:before {left: 0; right: 0; width: 100%; margin: 0; background-position: center center; }
	.reEngineWrap > .infoListLine > li > .wrap .tit {padding:30px 0 50px 0; text-align: center;}
	.reEngineWrap > .infoListLine > li > .wrap > .tit {transition: padding 0.5s; -webkit-transition: padding 0.5s;}
	.reEngineWrap > .infoListLine > li.on > .wrap .tit {padding-bottom: 30px;}
	.reEngineWrap .accoContents > .detailArea {border-bottom: none}
	.reEngineWrap .accoContents > .infoListLine {margin:0 -15px; border-top: 1px solid #ccc;}
	.reEngineWrap .accoContents > .infoListLine > li {padding-left:45px; padding-right:15px; }
	.reEngineWrap .accoContents > .infoListLine > li:last-child {padding-left:45px; padding-right:15px; padding-bottom:30px;}
	.detailArea .tit {font-size: 19px; font-weight: bold}
	.detailArea .txtList li {float:none; width:100%; padding-left:0; margin-top:5px; font-size:14px}
	.detailArea .txtList li:before {display: none}
	.detailArea .txtList li > strong {width:45%; margin-right:0px; max-width: 130px}
	.detailArea .txtList li > em {width:55%; margin-left:0}
	.reEngineWrap .accoContents > .infoListLine .accordion {left:-40px}
	.reEngineWrap .agreeBtnArea {padding-bottom:20px; text-align: center;}
	.reEngineWrap .agreeBtnArea .btnType1 {width:100%}
	.reEngineWrap .infoListLine .wrap .chkPara {right:0}
	.reEngineWrap .termsBox {padding:15px; font-size:14px}
	.reEngineWrap .infoListLine .barList.sTxt {margin-top: -17px}
	.reEngineWrap .barList li {display: inline; margin-right: 7px; padding-right: 10px;}
	.reEngineWrap .barList li:before {top: auto; bottom: 1px; display:block;}
	.reEngineWrap .barList li:last-child:before {display:none;}
	
	.reEngineWrap > .infoListLine.accoCheck > li > .wrap .tit{text-align: left; position: relative}
	.reEngineWrap .infoListLine.accoCheck .wrap .chkPara {margin-top: 7px;}
	/*=========================================== PCL 20180504 ===========================================*/
	/*step_1*/
	.agreeListLink{padding:10px 20px;}
	.agreeListLink li{width:100%;float:none}
	.agreeListLink li:nth-of-type(2){border-top:1px solid #ccc}
	.agreeListLink li:nth-child(even){float:none}
	.agreeListLink .formListBox .formTit{font-size:13px}
	
	.agreeListLink + .formArea{margin-top:10px}
	.phoneWrap.type2 .formWrap:first-child{width:30%;}
	.phoneWrap.type2 .formWrap.last{width:70%}
	
	/* step_1 약관 슬라이드 팝업 */
	.slidePopup .popContain{height: 100%;}
	.slidePopup .swiper-container{height:100%}/*190320*/
	.slidePopup .popup .popCont .titH2{font-size:20px}
	.slidePopup  .popCont .scroll{margin-left: 0; margin-right: 0;padding-left: 0;}
	.slidePopup  .popCont .btnArea{height:0}
	.slidePopup .swiper-wrapper + .btnArea{padding:0 15px;box-sizing:border-box}
	.popupControlBtn .btnPrev,
	.popupControlBtn .btnNext{background: url("../restored/img/m/sp_btn_m_1.png") no-repeat 0 0;background-size: 300px 200px;}
	.popupControlBtn .btnPrev{left:10px;background-position:-150px 0}
	.popupControlBtn .btnPrev:hover{background-position:-150px -60px}
	.popupControlBtn .btnNext{right:10px;background-position:-210px 0} 
	.popupControlBtn .btnNext:hover{background-position:-210px -60px}
	
	/*step_2*/
	.whiteWrap.diviColum{margin:30px -20px 0 -20px;padding:25px 0 20px 0}
	.whiteWrap.diviColum .rdoBox + .formArea{padding-top:0}
	.whiteWrap.diviColum .row{margin:0 20px}
	.whiteWrap.diviColum .row + .row{border-top:0;padding-top:0;margin-top:15px}
	.whiteWrap.diviColum .w320{width:100%}
	.whiteWrap.diviColum + .conDivArea{margin-top:20px}
	
	.applyInfoWrap .MixBox .txt{font-size:13px}
	.applyInfoWrap .MixBox .num{font-size:15px}
	.applyInfoWrap .numBox .num{font-size:40px}
	.applyInfoWrap .numBox .unit{margin-top:10px;font-size:23px}
	.applyInfoWrap .desc{font-size: 13px;}
	.applyInfoWrap + .rdoBox{margin-top:15px}
	.applyInfoWrap > div{margin-top:6px}
	
	.rdoBox:before,
	.rdoBox{height:36px}
	.rdoBox input[type='radio'] + label{height: 36px;border-radius:5px;font-size:13px;line-height: 33px;}
	
	.formWrap.type2 .formTit label{font-size:13px;}
	.formWrap.type2 {margin-bottom:0}
	.formWrap.type2 .formTit{width:55px;text-align: left;}
	.formWrap.type2 .formCont{width:calc(100% - 55px)}
	
	.sliderRangeWrap2{margin:24px 0 19px 0}
	
	.conDivArea.listSel .conDivBox li{margin-top:10px}
	.conDivArea.listSel .conDivBox li:first-child{margin-top:0}
	.conDivArea.listSel .conDivBox .block{line-height:77px;border-radius:3px}
	.conDivArea.listSel .conDivBox .tit{font-size: 12px;}
	.conDivArea.listSel .conDivBox .balance{margin-top:3px;font-size:21px;}
	.conDivArea.listSel .conDivBox .balance > span{margin-top:6px;font-size:13px}
	.conDivArea.listSel .conDivBox .balance .unit{margin:6px 0 0 4px}
	.conDivArea.listSel .conDivBox .inner{margin-top:-9px;padding:0!important}
	.conDivArea.listSel + .dotListBox{margin-top:20px;padding:0;border-top:0}
	.conDivArea.listSel .conDivBox .infoRight{padding-left:27px}
	.conDivArea.listSel .conDivBox .infoRight:after{left:11px}
	/*3개*/
	.conDivArea.listSel .conDivBox .inner.wType2 .infoRight{padding-left: 13px}
	.conDivArea.listSel .conDivBox .inner.wType2 .infoRight:after{left: 3px}
	
	/*step_3*/
	/* 화살표, certiIco : 공인 인증서 인증 하기, callIco 전화인증하기 */
	.termsAgree.bgWhite{padding:20px 10px}
	.termsAgree.bgWhite .txt{width:auto !important;}
	[class^=btnType].certiIco, 
	[class^=btnType].callIco{padding:0 48px}
	.agreeListLink li:before,
	.certiIco:before,
	.callIco:before{background: url("../restored/img/m/sp_btn_m_1.png") no-repeat 0 0;background-size: 300px 200px;}
	.agreeListLink li:before{background-position: -100px 0}
	.certiIco:before{background-position:0 0}
	.callIco:before{background-position:-50px 0}
	
	.agreeListLink.single .formListChk{top: 9px;left: 10px;}
	.agreeListLink.single .formListBox{margin-left: 40px;padding:10px 20px 10px 0;width: -webkit-calc(100% - 40px);}
	
	/*pcl deepLink 페이지*/
	.goodsArea.deepLink .formWrap .formControl{margin: 3px 0 5px;}
	.goodsArea.deepLink .btnArea .btnType1{width:100%}
	
	/* 부채통합상담(결과 조회) */
	.msgArea .msg.fs{font-size:18px}
	.msgArea .msg.fs .txtS1{font-size:12px!important}
	
	/* 단기대출카드 */
	.accWrap .accCont{padding:0 20px 20px 20px}
	
	/*바우처 190718*/
	.voucherCompare .noDataBox{height:auto!important;}
	.landingList.voucher .block{padding:30px 15px!important}
	
	/*이벤트 페이지 간격 수정 190813*/
	.viewWrap .viewCont.viewEventImg {padding:0}
}



/* only mobile_세로일때만 */
@media screen and (max-width:567px){
	/*============== 공통 ===============*/
	/* 로그아웃 - 별점 선택 */
	.selectStarWrap .selectBad,
	.selectStarWrap .selectGood{display:none}

	.selectStarWrap{margin:10px 0; }
}


/* 예외 */
@media screen and (max-width:500px){
	/*============= 카드 ==============*/
	/*== 카드몰 ==*/
	.mallEvent .img {position:static !important; width:100% !important;}
	.mallEvent .img img {position:static !important; width:100% !important; height:auto; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important;}
	.mallEvent .cnt {float:none !important; width:100% !important; height:auto; padding:15px 30px 25px;}
	.mallEvent .cnt p {height:auto !important;}
	
	/*== 등록대상카드사 ==*/
	.crdCompanyList li{width:100%}
}

/* 예외 */
@media screen and (max-width:375px) {
	
	/*== 약관 ==*/
	.termsAgree div > input + label,
	.termsInner div > input + label {width:100%; margin-top:10px; margin-left:0px;}
	.termsAgree div > input:first-child + label,
	.termsInner div > input:first-child + label {margin-top:0 !important;}
	
}
/* 예외 */
@media screen and (max-width:320px){
	
	/*============= 고객센터 ==============*/
	/*== 씨티모바일 ==*/
	.infoCitiMb .citiMbWrap .citiMbCont .phone img {width:110px !important;}
		
}

/*============= 카드 프로세스 변경 관련 추가 2018.01.04 =============*/
@media screen and (max-width: 400px) {
	.selectCard li figure {min-height:0; padding:25px 0 25px 0; text-align:center;}
	.selectCard li img {position:static; margin:0 auto 10px;}
	.selectCard li .dotList li {text-align:left;}
}