@import url("/css/notosanskr.css"); @import url("/css/nice-select.css"); /* 100 : Thin 300 : Light 400 : Regular 500 : Medium 700 : Bold 900 : Black */ /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편에 따른 NEWCOMPANY 항목 추가 김태훈 start */ #newWrap #newContainer .newMain .mainEvt .nowEvtType, .newMain .productBnr .productEvtType, .NEWFINANCE .promotionBnr, .NEWDEPOSIT .promotionBnr, .NEWINSURANCE .promotionBnr, .NEWCARD .promotionBnr, .NEWCERT .promotionBnr, .NEWCUSTOMER .promotionBnr, .NEWCOMPANY .promotionBnr, .NEWFUND .promotionBnr { position: relative; height: 243px; } #wrap #container .NEWMYPAGE .productBnr .productEvtType { position: relative; height: 243px; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item, .newMain .productBnr .productEvtType .item, .NEWFINANCE .promotionBnr .item, .NEWDEPOSIT .promotionBnr .item, .NEWINSURANCE .promotionBnr .item, .NEWCARD .promotionBnr .item, .NEWCERT .promotionBnr .item, .NEWCOMPANY .promotionBnr .item, .NEWFUND .promotionBnr .item { overflow: hidden; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item { overflow: hidden; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item img, .newMain .productBnr .productEvtType .item img, .NEWFINANCE .promotionBnr .item img, .NEWDEPOSIT .promotionBnr .item img, .NEWINSURANCE .promotionBnr .item img, .NEWCARD .promotionBnr .item img, .NEWCERT .promotionBnr .item img, .NEWCUSTOMER .promotionBnr .item img, .NEWCOMPANY .promotionBnr .item img, .NEWFUND .promotionBnr .item img { float: right; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item img { float: right; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt, .newMain .productBnr .productEvtType .item .txt, .NEWFINANCE .promotionBnr .item .txt, .NEWDEPOSIT .promotionBnr .item .txt, .NEWINSURANCE .promotionBnr .item .txt, .NEWCARD .promotionBnr .item .txt, .NEWCERT .promotionBnr .item .txt, .NEWCUSTOMER .promotionBnr .item .txt, .NEWCOMPANY .promotionBnr .item .txt, .NEWFUND .promotionBnr .item .txt { float: left; padding: 48px 0 0 30px; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item .txt { float: left; padding: 48px 0 0 30px; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt strong, .newMain .productBnr .productEvtType .item .txt strong, .NEWFINANCE .promotionBnr .item .txt strong, .NEWDEPOSIT .promotionBnr .item .txt strong, .NEWINSURANCE .promotionBnr .item .txt strong, .NEWCARD .promotionBnr .item .txt strong, .NEWCERT .promotionBnr .item .txt strong, .NEWCUSTOMER .promotionBnr .item strong, .NEWCOMPANY .promotionBnr .item strong, .NEWFUND .promotionBnr .item strong { display: block; font-size: 30px; font-weight: 400; color: #333; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item .txt strong { display: block; font-size: 30px; font-weight: 400; color: #333; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt strong sup, .newMain .productBnr .productEvtType .item .txt strong sup, .NEWFINANCE .promotionBnr .item .txt strong sup, .NEWDEPOSIT .promotionBnr .item .txt strong sup, .NEWINSURANCE .promotionBnr .item .txt strong sup, .NEWCARD .promotionBnr .item .txt strong sup, .NEWCERT .promotionBnr .item .txt strong sup, .NEWCUSTOMER .promotionBnr .item strong sup, .NEWCOMPANY .promotionBnr .item strong sup, .NEWFUND .promotionBnr .item strong sup { font-size: 17px; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item .txt strong sup { font-size: 17px; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt p, .newMain .productBnr .productEvtType .item .txt p, .NEWFINANCE .promotionBnr .item .txt p, .NEWDEPOSIT .promotionBnr .item .txt p, .NEWINSURANCE .promotionBnr .item .txt p, .NEWCARD .promotionBnr .item .txt p, .NEWCERT .promotionBnr .item .txt p, .NEWCUSTOMER .promotionBnr .item .txt p, .NEWCOMPANY .promotionBnr .item .txt p, .NEWFUND .promotionBnr .item .txt p { margin-top: 10px; color: #333; font-size: 14px; font-weight: 400; line-height: 21px; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item .txt p { margin-top: 10px; color: #333; font-size: 14px; font-weight: 400; line-height: 21px; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt p strong, .newMain .productBnr .productEvtType .item .txt p strong, .NEWFINANCE .promotionBnr .item .txt p strong, .NEWDEPOSIT .promotionBnr .item .txt p strong, .NEWINSURANCE .promotionBnr .item .txt p strong, .NEWCARD .promotionBnr .item .txt p strong, .NEWCERT .promotionBnr .item .txt p strong, .NEWCUSTOMER .promotionBnr .item .txt p strong, .NEWCOMPANY .promotionBnr .item .txt p strong, .NEWFUND .promotionBnr .item .txt p strong { font-size: 14px; font-weight: 700; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item .txt p strong { font-size: 14px; font-weight: 700; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt .plusBtn, .newMain .productBnr .productEvtType .item .txt .plusBtn, .NEWFINANCE .promotionBnr .item .txt .plusBtn, .NEWDEPOSIT .promotionBnr .item .txt .plusBtn, .NEWINSURANCE .promotionBnr .item .txt .plusBtn, .NEWCARD .promotionBnr .item .txt .plusBtn, .NEWCERT .promotionBnr .item .txt .plusBtn , .NEWCUSTOMER .promotionBnr .item .txt .plusBtn, .NEWCOMPANY .promotionBnr .item .txt .plusBtn, .NEWFUND .promotionBnr .item .txt .plusBtn { position: absolute; bottom: 40px; } #wrap #container .NEWMYPAGE .productBnr .productEvtType .item .txt .plusBtn { position: absolute; bottom: 40px; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt .plusBtn2, .NEWCOMPANY .promotionBnr .item .txt .plusBtn2 { position: absolute; bottom: 40px; margin-left: 95px; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt .plusBtn3, .NEWCOMPANY .promotionBnr .item .txt .plusBtn3 { position: absolute; bottom: 40px; margin-left: 77px; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item .txt .plusBtn4, .NEWCARD .promotionBnr .item .txt .plusBtn4 { position: absolute; bottom: 25px; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType, .newMain .productBnr .owl-carousel.productEvtType, .NEWFINANCE .owl-carousel.promotionBnr, .NEWDEPOSIT .owl-carousel.promotionBnr, .NEWINSURANCE .owl-carousel.promotionBnr, .NEWCARD .owl-carousel.promotionBnr, .NEWCERT .owl-carousel.promotionBnr, .NEWCOMPANY .owl-carousel.promotionBnr, .NEWFUND .owl-carousel.promotionBnr { position: relative; width: 100%; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType { position: relative; width: 100%; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.owl-loaded.nowEvtType, .newMain .productBnr .owl-carousel.owl-loaded.productEvtType, .NEWFINANCE .owl-carousel.owl-loaded.promotionBnr, .NEWDEPOSIT .owl-carousel.owl-loaded.promotionBnr, .NEWINSURANCE .owl-carousel.owl-loaded.promotionBnr, .NEWCARD .owl-carousel.owl-loaded.promotionBnr, .NEWCERT .owl-carousel.owl-loaded.promotionBnr, .NEWCOMPANY .owl-carousel.owl-loaded.promotionBnr, .NEWFUND .owl-carousel.owl-loaded.promotionBnr { display: block; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.owl-loaded.productEvtType { display: block; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-stage-outer, .newMain .productBnr .owl-carousel.productEvtType .owl-stage-outer, .NEWFINANCE .owl-carousel.promotionBnr .owl-stage-outer, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-stage-outer, .NEWINSURANCE .owl-carousel.promotionBnr .owl-stage-outer, .NEWCARD .owl-carousel.promotionBnr .owl-stage-outer, .NEWCERT .owl-carousel.promotionBnr .owl-stage-outer, .NEWCOMPANY .owl-carousel.promotionBnr .owl-stage-outer, .NEWFUND .owl-carousel.promotionBnr .owl-stage-outer { position: relative; overflow: hidden; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-stage-outer { position: relative; overflow: hidden; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-stage, .newMain .productBnr .owl-carousel.productEvtType .owl-stage, .NEWFINANCE .owl-carousel.promotionBnr .owl-stage, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-stage, .NEWINSURANCE .owl-carousel.promotionBnr .owl-stage, .NEWCARD .owl-carousel.promotionBnr .owl-stage, .NEWCERT .owl-carousel.promotionBnr .owl-stage, .NEWCOMPANY .owl-carousel.promotionBnr .owl-stage, .NEWFUND .owl-carousel.promotionBnr .owl-stage { position: relative; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-stage { position: relative; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-item, .newMain .productBnr .owl-carousel.productEvtType .owl-item, .NEWFINANCE .owl-carousel.promotionBnr .owl-item, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-item, .NEWINSURANCE .owl-carousel.promotionBnr .owl-item, .NEWCARD .owl-carousel.promotionBnr .owl-item, .NEWCERT .owl-carousel.promotionBnr .owl-item, .NEWCOMPANY .owl-carousel.promotionBnr .owl-item, .NEWFUND .owl-carousel.promotionBnr .owl-item { position: relative; min-height: 1px; float: left; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-item { position: relative; min-height: 1px; float: left; } /*각 서브메인의 슬라이딩 좌우(prev,next) 넘김기능 위한 추가 edit by ksj*/ #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-nav, .newMain .productBnr .owl-carousel.productEvtType .owl-nav, .NEWFINANCE .owl-carousel.promotionBnr .owl-nav, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-nav, .NEWINSURANCE .owl-carousel.promotionBnr .owl-nav, .NEWCARD .owl-carousel.promotionBnr .owl-nav, .NEWCERT .owl-carousel.promotionBnr .owl-nav, .owl-prev { position: absolute; top: 0px; left: 0px; cursor: pointer; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-nav { position: absolute; top: 0px; left: 0px; cursor: pointer; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-nav, .newMain .productBnr .owl-carousel.productEvtType .owl-nav, .NEWFINANCE .owl-carousel.promotionBnr .owl-nav, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-nav, .NEWINSURANCE .owl-carousel.promotionBnr .owl-nav, .NEWCARD .owl-carousel.promotionBnr .owl-nav, .NEWCERT .owl-carousel.promotionBnr .owl-nav, .owl-next { position: absolute; top: 0px; right: 0px; cursor: pointer; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-nav { position: absolute; top: 0px; right: 0px; cursor: pointer; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-dots, .newMain .productBnr .owl-carousel.productEvtType .owl-dots, .NEWFINANCE .owl-carousel.promotionBnr .owl-dots, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-dots, .NEWINSURANCE .owl-carousel.promotionBnr .owl-dots, .NEWCARD .owl-carousel.promotionBnr .owl-dots, .NEWCERT .owl-carousel.promotionBnr .owl-dots, .NEWCOMPANY .owl-carousel.promotionBnr .owl-dots, .NEWFUND .owl-carousel.promotionBnr .owl-dots { position: absolute; bottom: 20px; width: 100%; line-height: 10px; text-align: center; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-dots { position: absolute; bottom: 20px; width: 100%; line-height: 10px; text-align: center; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-dots .owl-dot, .newMain .productBnr .owl-carousel.productEvtType .owl-dots .owl-dot, .NEWFINANCE .owl-carousel.promotionBnr .owl-dots .owl-dot, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-dots .owl-dot, .NEWINSURANCE .owl-carousel.promotionBnr .owl-dots .owl-dot, .NEWCARD .owl-carousel.promotionBnr .owl-dots .owl-dot, .NEWCERT .owl-carousel.promotionBnr .owl-dots .owl-dot, .NEWCOMPANY .owl-carousel.promotionBnr .owl-dots .owl-dot, .NEWFUND .owl-carousel.promotionBnr .owl-dots .owl-dot { display: inline-block; cursor: pointer; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-dots .owl-dot { display: inline-block; cursor: pointer; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-dots .owl-dot span, .newMain .productBnr .owl-carousel.productEvtType .owl-dots .owl-dot span, .NEWFINANCE .owl-carousel.promotionBnr .owl-dots .owl-dot span, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-dots .owl-dot span, .NEWINSURANCE .owl-carousel.promotionBnr .owl-dots .owl-dot span, .NEWCARD .owl-carousel.promotionBnr .owl-dots .owl-dot span, .NEWCERT .owl-carousel.promotionBnr .owl-dots .owl-dot span, .NEWCOMPANY .owl-carousel.promotionBnr .owl-dots .owl-dot span, .NEWFUND .owl-carousel.promotionBnr .owl-dots .owl-dot span { display: block; width: 10px; height: 10px; margin: 0 3px; background: url("/img/newMain/icon_paging.png") no-repeat; } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-dots .owl-dot span { display: block; width: 10px; height: 10px; margin: 0 3px; background: url("/img/newMain/icon_paging.png") no-repeat; } #newWrap #newContainer .newMain .mainEvt .owl-carousel.nowEvtType .owl-dot.active span, .newMain .productBnr .owl-carousel.productEvtType .owl-dot.active span, .NEWFINANCE .owl-carousel.promotionBnr .owl-dot.active span, .NEWDEPOSIT .owl-carousel.promotionBnr .owl-dot.active span, .NEWINSURANCE .owl-carousel.promotionBnr .owl-dot.active span, .NEWCARD .owl-carousel.promotionBnr .owl-dot.active span, .NEWCERT .owl-carousel.promotionBnr .owl-dot.active span, .NEWCOMPANY .owl-carousel.promotionBnr .owl-dot.active span, .NEWFUND .owl-carousel.promotionBnr .owl-dot.active span { background-image: url("/img/newMain/icon_paging_active.png"); } #wrap #container .NEWMYPAGE .productBnr .owl-carousel.productEvtType .owl-dot.active span { background-image: url("/img/newMain/icon_paging_active.png"); } /*기업뱅킹 메인의 슬라이딩 좌우(prev,next) 넘김기능 위한 추가 edit by ksj*/ #wrap #container .owl-nav, .NEWCOMPANY .owl-carousel.promotionBnr .owl-nav .owl-prev { position: absolute; top: 100px; left: -23px; cursor: pointer; } #wrap #container .owl-nav, .NEWCOMPANY .owl-carousel.promotionBnr .owl-nav .owl-next { position: absolute; top: 100px; right: -23px; cursor: pointer; } .NEWDEPOSIT .quickLinks ul, .NEWINSURANCE .quickLinks ul, .NEWCARD .quickLinks ul, .NEWCERT .quickLinks ul, .NEWCOMPANY .quickLinks ul, .NEWFUND .quickLinks ul { margin-left: -10px; overflow: hidden; } .NEWDEPOSIT .quickLinks ul li, .NEWINSURANCE .quickLinks ul li, .NEWCARD .quickLinks ul li, .NEWCERT .quickLinks ul li, .NEWCOMPANY .quickLinks ul li, .NEWFUND .quickLinks ul li { float: left; width: 145px; height: 156px; margin-left: 10px; } .NEWDEPOSIT .quickLinks ul li a, .NEWINSURANCE .quickLinks ul li a, .NEWCARD .quickLinks ul li a, .NEWCERT .quickLinks ul li a, .NEWCOMPANY .quickLinks ul li a, .NEWFUND .quickLinks ul li a { display: block; height: 100%; padding-top: 100px; color: #332f2f; font-size: 16px; font-weight: 500; line-height: 20px; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 36px; box-sizing: border-box; } .NEWDEPOSIT .quickLinks ul li a.icon01, .NEWINSURANCE .quickLinks ul li a.icon01, .NEWCARD .quickLinks ul li a.icon01, .NEWCERT .quickLinks ul li a.icon01, .NEWCOMPANY .quickLinks ul li a.icon01, .NEWFUND .quickLinks ul li a.icon01 { color: #fff; font-weight: 700; background-color: #6d6a6a; } /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편에 따른 NEWCOMPANY 항목 추가 김태훈 end */ /* new main */ #newWrap { background: url("/img/newMain/bg_header.gif") repeat-x; } #newWrap button { background-color: transparent; } #newWrap #newHeader, #newWrap #newContainer, #newWrap #newFooter { width: 980px; margin: 0 auto; } #newWrap #newHeader { position: relative; height: 104px; padding-top: 30px; } #newWrap #newHeader h1 { position: absolute; width: 247px; height: 104px; font-size: xx-small; text-indent: -9999em; background: url("/upload/ibupload/mainLogo/mainLogo.png") no-repeat; } #newWrap #newHeader .site { position: absolute; top: 0; left: 50%; margin-left: -85px; overflow: hidden; } #newWrap #newHeader .site a { display: block; float: left; width: 84px; height: 29px; color: #666; font-size: 14px; font-weight: 700; text-indent: 40px; line-height: 29px; border: 1px solid #e5e5e5; border-top: 0; background: url("/img/newMain/icon_site_com.gif") no-repeat 20px center; } #newWrap #newHeader .site a.active { color: #da0322; border-right: 0; border-bottom-color: #fff; background-color: #fff; background-image: url("/img/newMain/icon_site_priv.gif"); } #newWrap #newHeader .lang { position: absolute; top: 0; right: 32px; } #newWrap #newHeader .lang a { display: inline-block; float: left; padding-left: 9px; margin-right: 10px; height: 29px; color: #666; font-size: 11px; font-weight: 700; line-height: 29px; letter-spacing: 0; background: url("/img/newMain/icon_dot.gif") no-repeat 0 center; } #newWrap #newHeader .topSrh { position: absolute; top: 0; right: 0; height: 29px; border: 1px solid #e5e5e5; border-top: 0; } #newWrap #newHeader .topSrh .btnSrh { width: 30px; height: 29px; text-indent: -9999em; background: url("/img/newMain/icon_srh.gif") no-repeat; } #newWrap #newHeader .topSrh div { display: none; position: absolute; top: 30px; right: -1px; z-index: 10; width: 213px; height: 30px; padding: 1px; overflow: hidden; background-color: #fff; border: 1px solid #cb1a31; } #newWrap #newHeader .topSrh div input { float: left; width: 162px; height: 30px; padding: 0; margin-right: 1px; line-height: 30px; text-indent: 10px; border: 0 none; } #newWrap #newHeader .topSrh div button { float: left; width: 50px; height: 30px; color: #fff; font-size: 14px; font-weight: 700; background-color: #cb1a31; } #newWrap #newHeader .loginInfo { position: absolute; top: 45px; right: 0; height: 16px; } #newWrap #newHeader .loginInfo div { float: left; line-height: 16px; } #newWrap #newHeader .loginInfo div.loginMember { padding-left: 20px; color: #666; font-size: 14px; font-weight: 400; background: url("/img/newMain/icon_loginInfo_member.gif") no-repeat; } #newWrap #newHeader .loginInfo div.loginMember strong { font-weight: 700; } #newWrap #newHeader .loginInfo div.loginTimer { padding-left: 20px; margin-left: 10px; background: url("/img/newMain/icon_loginInfo_timer.gif") no-repeat; } #newWrap #newHeader .loginInfo div.loginTimer strong { color: #e4001d; font-size: 14px; font-weight: 700; } #newWrap #newHeader .loginInfo div.loginTimer button { margin-left: 2px; color: #666; font-size: 14px; font-weight: 500; line-height: inherit; } #newWrap #newHeader .loginInfo div.logout { padding-left: 5px; margin-left: 5px; border-left: 1px solid #ccc; } #newWrap #newHeader .loginInfo div.logout a { color: #666; font-size: 14px; font-weight: 500; line-height: inherit; } #newWrap #newHeader .mainMenu { margin: 38px 0 0 200px; } #newWrap #newHeader .mainMenu li.depth1 { position: relative; float: left; height: 66px; margin: 0 17px; } #newWrap #newHeader .mainMenu li.depth1 a.depth1 { display: block; color: #383434; font-size: 24px; font-weight: 500; } #newWrap #newHeader .mainMenu li.depth1 .depth2 { display: none; position: absolute; top: 55px; z-index: 100; width: 160px; padding-top: 11px; } #newWrap #newHeader .mainMenu li.depth1 .depth2.pos4 { left: -33px; } #newWrap #newHeader .mainMenu li.depth1 .depth2.pos2 { left: -51px; } #newWrap #newHeader .mainMenu li.depth1 .depth2 i { position: absolute; left: 50%; top: 0; width: 24px; height: 12px; margin-left: -12px; background: url("/img/newMain/depth_edge.gif") no-repeat center 0; } #newWrap #newHeader .mainMenu li.depth1 .depth2 ul { padding: 10px 11px; background-color: #fff; border: 1px solid #cb1a31; box-sizing: border-box; } #newWrap #newHeader .mainMenu li.depth1 .depth2 ul li { border-top: 1px solid #f2f2f2; } #newWrap #newHeader .mainMenu li.depth1 .depth2 ul li:first-child { border-top: 0; } #newWrap #newHeader .mainMenu li.depth1 .depth2 ul li a { display: block; color: #383434; font-size: 14px; font-weight: 500; line-height: 32px; text-decoration: none; } #newWrap #newHeader .mainMenu li.depth1 .depth2 ul li a:hover { color: #da0322; } #newWrap #newHeader .utilMenu { position: absolute; top: 77px; right: 0; } #newWrap #newHeader .utilMenu a { display: block; float: left; height: 21px; padding: 0 10px; color: #666; font-size: 14px; font-weight: 500; line-height: 21px; border: 1px solid #ccc; border-left-width: 0; } #newWrap #newHeader .utilMenu a:first-child { border-left-width: 1px; } #newWrap #newContainer { position: relative; overflow: hidden; background-color: #888585; } #newWrap #newContainer .newMain { float: left; width: 880px; padding: 30px; background: #f3f3f3 url("/upload/ibupload/mainLogo/mainBnr.png") no-repeat; box-sizing: border-box; } #newWrap #newContainer .newMain .loginMenu { position: relative; margin-bottom: 232px; } #newWrap #newContainer .newMain .loginMenu li { float: left; border: 1px solid #666; } #newWrap #newContainer .newMain .loginMenu li > a { display: block; width: 148px; height: 30px; font-size: 14px; font-weight: 700; line-height: 29px; } #newWrap #newContainer .newMain .loginMenu li.login { border-right: 0; } #newWrap #newContainer .newMain .loginMenu li.login > a { color: #da0322; text-indent: 65px; background: url("/img/newMain/icon_loginMenu_login.gif") no-repeat 49px center; } #newWrap #newContainer .newMain .loginMenu li.logout { border-right: 0; } #newWrap #newContainer .newMain .loginMenu li.logout > a { color: #da0322; text-indent: 59px; background: url("/img/newMain/icon_loginMenu_logout.gif") no-repeat 38px center; } #newWrap #newContainer .newMain .loginMenu li.cert > a { color: #6d6a6a; text-indent: 48px; background: url("/img/newMain/icon_loginMenu_cert.gif") no-repeat 29px center; } #newWrap #newContainer .newMain .loginMenu .loginSub { display: none; position: absolute; left: 0; top: 31px; background-color: #fff; } #newWrap #newContainer .newMain .loginMenu .loginSub a { float: left; width: 74px; height: 30px; color: #da0322; font-size: 14px; font-weight: 500; line-height: 29px; text-align: center; border: 1px solid #cb1a31; } #newWrap #newContainer .newMain .loginMenu .loginSub a:first-child { width: 73px; border-right: 0; } #newWrap #newContainer .newMain .loginMenu:after { content: ''; display: block; clear: both; } #newWrap #newContainer .newMain .simpleSrv { margin-top: 46px; } #newWrap #newContainer .newMain .simpleSrv a { float: left; display: block; height: 44px; color: #fff; font-size: 16px; font-weight: 500; line-height: 44px; } #newWrap #newContainer .newMain .simpleSrv a strong { font-weight: 700; } #newWrap #newContainer .newMain .simpleSrv a.depo { width: 202px; text-indent: 65px; background: #6d6a6a url("/img/newMain/icon_simpleSrv_depo.gif") no-repeat 37px 13px; } #newWrap #newContainer .newMain .simpleSrv a.insu { width: 203px; text-indent: 64px; background: #888585 url("/img/newMain/icon_simpleSrv_insu.gif") no-repeat 39px 13px; } #newWrap #newContainer .newMain .mainCF { position: relative; height: 90px; background: url("/img/newMain/bg_mainCF.gif") no-repeat; } #newWrap #newContainer .newMain .mainCF span { display: block; padding: 57px 0 0 36px; color: #332f2f; font-size: 14px; font-weight: 500; } #newWrap #newContainer .newMain .mainCF a { display: block; position: absolute; left: 242px; top: 0; } #newWrap #newContainer .newMain .mainBBS { position: relative; height: 148px; padding: 20px 38px 0; box-sizing: border-box; } #newWrap #newContainer .newMain .mainBBS .hdTitle { margin-bottom: 3px; color: #383434; font-size: 18px; font-weight: 500; } #newWrap #newContainer .newMain .mainBBS ul li { overflow: hidden; } #newWrap #newContainer .newMain .mainBBS ul li a { color: #666; font-size: 14px; font-weight: 500; line-height: 26px; } #newWrap #newContainer .newMain .mainBBS ul li span { float: right; color: #666; font-size: 14px; font-weight: 500; line-height: 26px; } #newWrap #newContainer .newMain .mainBBS .moreBtn { position: absolute; right: 38px; top: 26px; } #newWrap #newContainer .newMain .mainBBS .moreBtn a { display: block; width: 16px; height: 16px; font-size: xx-small; text-indent: -9999em; background: url("/img/newMain/icon_plusBtn.gif") no-repeat center center; border: 1px solid #666; } #newWrap #newContainer .newMain .promotionBnr { height: 209px; background-color: #fff; } #newWrap #newContainer .newMain .promotionBnr .mainTab { position: relative; } #newWrap #newContainer .newMain .promotionBnr .mainTab .hdTitle { position: absolute; left: 35px; } #newWrap #newContainer .newMain .promotionBnr .mainTab .hdTitle a { display: block; line-height: 38px; color: #bdbdbd; font-size: 18px; font-weight: 500; text-decoration: none; border-bottom: 1px solid #ccc; } #newWrap #newContainer .newMain .promotionBnr .mainTab .hdTitle a:hover { border-bottom: 1px solid #da0322; } #newWrap #newContainer .newMain .promotionBnr .mainTab.active .hdTitle a { color: #da0322; border-bottom: 1px solid #da0322; } #newWrap #newContainer .newMain .promotionBnr .mainTab.active .productFrame { display: block; } #newWrap #newContainer .newMain .promotionBnr .mainTab .productFrame { display: none; position: absolute; right: 0; width: 649px; height: 209px; padding-top: 28px; box-sizing: border-box; } #newWrap #newContainer .newMain .promotionBnr .mainTab .productFrame strong { color: #383434; font-size: 30px; font-weight: 400; } #newWrap #newContainer .newMain .promotionBnr .mainTab .productFrame strong sup { font-size: 18px; } #newWrap #newContainer .newMain .promotionBnr .mainTab .productFrame p { margin-top: 2px; color: #666; font-size: 12px; font-weight: 400; line-height: 18px; } #newWrap #newContainer .newMain .promotionBnr .mainTab .productFrame .plusBtn { position: absolute; bottom: 38px; } #newWrap #newContainer .newMain .promotionBnr .mainTab.depo .hdTitle { top: 27px; } #newWrap #newContainer .newMain .promotionBnr .mainTab.depo .productFrame { background: url("/img/newMain/bg_productFrame_depo1.jpg") no-repeat right 0; } #newWrap #newContainer .newMain .promotionBnr .mainTab.insu .hdTitle { top: 66px; } #newWrap #newContainer .newMain .promotionBnr .mainTab.insu .productFrame { background: url("/img/newMain/bg_productFrame_insu.jpg") no-repeat right 0; } #newWrap #newContainer .newMain .promotionBnr .mainTab.card .hdTitle { top: 105px; } #newWrap #newContainer .newMain .promotionBnr .mainTab.card .productFrame { background: url("/img/newMain/bg_productFrame_card.jpg") no-repeat right 0; } /* 상품 배너 */ #newWrap #newContainer .newMain .productBnr { position: relative; height: 148px; padding: 0px 0px 0px 35px; box-sizing: border-box; } #wrap #container .NEWMYPAGE .productBnr { position: relative; height: 148px; padding: 0px 0px 0px 50px; box-sizing: border-box; } /* 2018-2-20 메인페이지 디자인 개편에 따른 미사용 태그 주석 김태훈 start */ /* #newWrap #newContainer .newMain .productBnr .mainTab { position: relative; } #newWrap #newContainer .newMain .productBnr .mainTab .hdTitle { position: absolute; left: 0px; } #newWrap #newContainer .newMain .productBnr .mainTab .hdTitle a { display: block; line-height: 38px; color: #bdbdbd; font-size: 18px; font-weight: 500; text-decoration: none; border-bottom: 1px solid #ccc; } #newWrap #newContainer .newMain .productBnr .mainTab .hdTitle a:hover { border-bottom: 1px solid #da0322; } #newWrap #newContainer .newMain .productBnr .mainTab.active .hdTitle a { color: #da0322; border-bottom: 1px solid #da0322; } #newWrap #newContainer .newMain .productBnr .mainTab.active .productFrame { display: block; } #newWrap #newContainer .newMain .productBnr .mainTab .productFrame { display: none; position: absolute; right: 0; width: 260px; height: 120px; padding-top: 5px; box-sizing: border-box; } #newWrap #newContainer .newMain .productBnr .mainTab .productFrame strong { color: #383434; font-size: 20px; font-weight: 400; } #newWrap #newContainer .newMain .productBnr .mainTab .productFrame strong sup { font-size: 18px; } #newWrap #newContainer .newMain .productBnr .mainTab .productFrame p { margin-top: 2px; color: #666; font-size: 12px; font-weight: 400; line-height: 18px; } #newWrap #newContainer .newMain .productBnr .mainTab .productFrame .plusBtn { position: absolute; bottom: 5px; } #newWrap #newContainer .newMain .productBnr .mainTab.depo .hdTitle { top: 5px; } #newWrap #newContainer .newMain .productBnr .mainTab.insu .hdTitle { top: 44px; } #newWrap #newContainer .newMain .productBnr .mainTab.card .hdTitle { top: 83px; } #newWrap #newContainer .newMain .productBnrImg { position: relative; height: 130px; padding: 0px 0px 0px 0px; box-sizing: border-box; }*/ /* 2018-2-20 메인페이지 디자인 개편에 따른 미사용 태그 주석 김태훈 end */ #newWrap #newContainer .newMain .productBnrImg {width:405px; background-color: #f3f3f3; padding:0px; box-sizing: border-box; } #newWrap #newContainer .newMain .productBnrImg .publish {float: left; width:405px; height:69px; background-color: #f3f3f3; margin-top:10px; box-sizing: border-box;} #newWrap #newContainer .newMain .productBnrImg .publish .deposit {float: left; width:197px; height:69px; background-color: #f3f3f3;} #newWrap #newContainer .newMain .productBnrImg .publish .insurance {float:right; width:198px; height:69px; margin-left:10px; background-color: #f3f3f3;} /* 2018-2-20 메인페이지 디자인 개편 상품 롤링배너 적용에 따른 추가 김태훈 start */ #newWrap #newContainer .newMain .productBnr .productEvtType { width: 250px !important; height: 110px; margin: 15px 43px auto; } #newWrap #newContainer .newMain .productBnr .productEvtType .item img { float: none; } #newWrap #newContainer .newMain .productBnr .productEvtType.owl-carousel .owl-nav { display: block; position: absolute; top: 42px; width: 100%; } #newWrap #newContainer .newMain .productBnr .productEvtType.owl-carousel .owl-nav div { position: absolute; width: 13px; height: 23px; background-repeat: no-repeat; font-size: xx-small; text-indent: -9999em; cursor: pointer; } #newWrap #newContainer .newMain .productBnr .productEvtType.owl-carousel .owl-nav div.owl-prev { left: -23px; background-image: url("/img/newMain/icon_nav_left.png"); } #newWrap #newContainer .newMain .productBnr .productEvtType.owl-carousel .owl-nav div.owl-next { right: -23px; background-image: url("/img/newMain/icon_nav_right.png"); } #newWrap #newContainer .newMain .productBnr .productEvtType.owl-carousel .owl-dots { bottom: -15px; } #newWrap #newContainer .newMain .productBnr .productEvtCtrl { position: absolute; left: 50%; bottom: 8px; margin-left: 0px; } #newWrap #newContainer .newMain .productBnr .productEvtCtrl button { width: 9px; height: 10px; font-size: xx-small; text-indent: -999em; background-repeat: no-repeat; } #newWrap #newContainer .newMain .productBnr .productEvtCtrl .play { background-image: url("/img/newMain/icon_ctrl_play.gif"); } #newWrap #newContainer .newMain .productBnr .productEvtCtrl .pause { background-image: url("/img/newMain/icon_ctrl_pause.gif"); } /* 2018-2-20 메인페이지 디자인 개편 상품 롤링배너 적용에 따른 추가 김태훈 end */ #newWrap #newContainer .newMain .consultMenu { margin: 18px 35px; overflow: hidden; } #newWrap #newContainer .newMain .consultMenu .hdTitle { float: left; padding-left: 30px; color: #383434; font-size: 18px; font-weight: 500; line-height: 22px; background: url("/img/newMain/icon_consult.gif") no-repeat 0 center; } #newWrap #newContainer .newMain .consultMenu .links { float: left; padding-left: 16px; margin-left: 15px; background: url("/img/newMain/bg_consult_line.gif") no-repeat 0 center; } #newWrap #newContainer .newMain .consultMenu .links a { float: left; padding-right: 16px; margin-right: 12px; color: #666; font-size: 14px; font-weight: 500; line-height: 22px; background: url("/img/newMain/icon_consult_arrow.gif") no-repeat right center; } #newWrap #newContainer .newMain .consultMenu .officeSrh { float: right; padding-left: 30px; color: #383434; font-size: 18px; font-weight: 500; line-height: 22px; background: url("/img/newMain/icon_officeSrh.gif") no-repeat; } #newWrap #newContainer .newMain .mainEvt { position: relative; padding-top: 7px; margin: 0 auto; border-top: 1px solid #fff; } #newWrap #newContainer .newMain .mainEvt .nowEvtType { width: 340px !important; height: 80px; margin: 0 auto; } #newWrap #newContainer .newMain .mainEvt .nowEvtType .item img { float: none; } #newWrap #newContainer .newMain .mainEvt .nowEvtType.owl-carousel .owl-nav { display: block; position: absolute; top: 27px; width: 100%; } #newWrap #newContainer .newMain .mainEvt .nowEvtType.owl-carousel .owl-nav div { position: absolute; width: 13px; height: 23px; background-repeat: no-repeat; font-size: xx-small; text-indent: -9999em; cursor: pointer; } #newWrap #newContainer .newMain .mainEvt .nowEvtType.owl-carousel .owl-nav div.owl-prev { left: -23px; background-image: url("/img/newMain/icon_nav_left.gif"); } #newWrap #newContainer .newMain .mainEvt .nowEvtType.owl-carousel .owl-nav div.owl-next { right: -23px; background-image: url("/img/newMain/icon_nav_right.gif"); } #newWrap #newContainer .newMain .mainEvt .nowEvtType.owl-carousel .owl-dots { bottom: -17px; } #newWrap #newContainer .newMain .mainEvt .nowEvtCtrl { position: absolute; left: 61%; bottom: -17px; margin-left: 0px; } #newWrap #newContainer .newMain .mainEvt .nowEvtCtrl button { width: 9px; height: 10px; font-size: xx-small; text-indent: -999em; background-repeat: no-repeat; } #newWrap #newContainer .newMain .mainEvt .nowEvtCtrl .play { background-image: url("/img/newMain/icon_ctrl_play.gif"); } #newWrap #newContainer .newMain .mainEvt .nowEvtCtrl .pause { background-image: url("/img/newMain/icon_ctrl_pause.gif"); } #newWrap #newContainer .aside { float: left; width: 100px; background-color: #888585; } #newWrap #newContainer .aside .allMenu button { width: 100%; height: 30px; padding-left: 27px; color: #fff; font-size: 12px; font-weight: 700; text-align: left; background: #6d6a6a url("/img/newMain/icon_allMenu.gif") no-repeat 8px center; border-bottom: 1px solid #625f5f; } #newWrap #newContainer .aside .allMenu .allMenuWrap { display: none; position: absolute; z-index:100; left: 0; top: 0; width: 100%; height:100%; padding: 24px 13px 28px; background-color: #fff; border: 1px solid #cb1a31; box-sizing: border-box; } #newWrap #newContainer .aside .allMenu .allMenuWrap div { float: left; width: 116px; height:450px; margin: 0 10px; } #newWrap #newContainer .aside .allMenu .allMenuWrap div strong a { display: block; padding-bottom: 15px; color: #cb1a31; font-size: 16px; font-weight: 700; border-bottom: 1px solid #f2f2f2; } #newWrap #newContainer .aside .allMenu .allMenuWrap li { border-bottom: 1px solid #f2f2f2; } #newWrap #newContainer .aside .allMenu .allMenuWrap li a { display: block; color: #383434; font-size: 14px; font-weight: 500; line-height: 32px; } #newWrap #newContainer .aside ul.quickMenu li { border-top: 1px solid #a6a4a4; border-bottom: 1px solid #7a7777; } #newWrap #newContainer .aside ul.quickMenu li a { display: block; height: 100px; padding-top: 66px; color: #fff; font-size: 13px; font-weight: 700; text-align: center; box-sizing: border-box; } #newWrap #newContainer .aside ul.quickMenu li.Bicon a { display: block; height: 100px; padding-top: 68px; color: #fff; font-size: 13px; font-weight: 700; text-align: center; box-sizing: border-box; } #newWrap #newContainer .aside ul.quickMenu li.Cicon a { display: block; height: 100px; padding-top: 58px; color: #fff; font-size: 13px; font-weight: 700; text-align: center; box-sizing: border-box; } #newWrap #newContainer .aside ul.quickMenu li a.icon01 { background: url("/img/newMain/icon_main_quick_01.gif") no-repeat center 18px; } #newWrap #newContainer .aside ul.quickMenu li a.icon02 { background: url("/img/newMain/icon_main_quick_02.gif") no-repeat center 18px; } #newWrap #newContainer .aside ul.quickMenu li a.icon03 { background: url("/img/newMain/icon_main_quick_03.gif") no-repeat center 18px; } #newWrap #newContainer .aside ul.quickMenu li a.icon04 { background: url("/img/newMain/icon_main_quick_04.gif") no-repeat center 18px; } #newWrap #newContainer .aside ul.quickMenu li a.icon05 { background: url("/img/newMain/icon_main_quick_05.gif") no-repeat center 18px; } #newWrap #newContainer .aside ul.quickMenu li a.icon06 { background: url("/img/newMain/icon_main_quick_06.gif") no-repeat center 18px; } #newWrap #newContainer .aside ul.quickMenu li a.icon07 { background: url("/img/newMain/icon_main_quick_07.gif") no-repeat center 18px; } #newWrap #newContainer .aside ul.quickMenu li a.icon08 { background: url("/img/newMain/icon_main_quick_08.gif") no-repeat center 16px; } #newWrap #newContainer .aside ul.quickMenu li a.icon09 { background: url("/img/newMain/icon_main_quick_09.gif") no-repeat center 25px; } #newWrap #newContainer .aside .conf { border-bottom: 1px solid #a6a4a4; } #newWrap #newContainer .aside .conf button { width: 100%; height: 31px; padding-left: 27px; color: #fff; font-size: 12px; font-weight: 700; text-align: left; background: #888585 url("/img/newMain/icon_conf.gif") no-repeat 8px center; border-top: 1px solid #a6a4a4; border-bottom: 1px solid #7a7777; } #newWrap #newContainer .col2 .box { width: 405px; } #newWrap #newFooter { position: relative; padding: 17px 0 30px; } #newWrap #newFooter .fLinks { height: 52px; overflow: hidden; } #newWrap #newFooter .fLinks li { float: left; padding: 0 10px; line-height: 14px; background: url("/img/newMain/bg_flinks_line.gif") no-repeat 0 center; } #newWrap #newFooter .fLinks li:first-child { background: none; } #newWrap #newFooter .fLinks li a { color: #141414; font-size: 14px; font-weight: 500; line-height: 52px; } #newWrap #newFooter .arsInfo { padding-top: 16px; color: #666; font-size: 13px; font-weight: 500; line-height: 18px; border-top: 1px solid #e5e5e5; } #newWrap #newFooter .snsGrp { position: absolute; left: 670px; top: 97px; overflow: hidden; } #newWrap #newFooter .snsGrp a { float: left; margin-left: 3px; } #newWrap #newFooter .waMark { position: absolute; right: 0; top: 89px; } #newWrap #newFooter .copy { padding-top: 9px; color: #999; font-size: 11px; font-weight: 500; } /* common */ .ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 dl, .ie8 dt, .ie8 dd, .ie8 th, .ie8 td, .ie8 div, .ie8 p, .ie8 a, .ie8 form, .ie8 fieldset, .ie8 legend, .ie8 input, .ie8 button, .ie8 textarea, .ie8 label { letter-spacing: -0.13em !important; } .ie8 .mainEvt .owl-carousel .owl-dots { bottom: -11px !important; } .ie8 .mainEvt .owl-carousel .owl-dots .owl-dot span { margin: 0 2px !important; } /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편에 따른 NEWCOMPANY 항목 추가 김태훈 start */ #newWrap h1, #newWrap h2, #newWrap h3, #newWrap h4, #newWrap h5, #newWrap dl, #newWrap dt, #newWrap dd, #newWrap th, #newWrap td, #newWrap div, #newWrap p, #newWrap a, #newWrap form, #newWrap fieldset, #newWrap legend, #newWrap input, #newWrap button, #newWrap textarea, #newWrap label, .NEWLOGIN h1, .NEWLOGIN h2, .NEWLOGIN h3, .NEWLOGIN h4, .NEWLOGIN h5, .NEWLOGIN dl, .NEWLOGIN dt, .NEWLOGIN dd, .NEWLOGIN th, .NEWLOGIN td, .NEWLOGIN div, .NEWLOGIN p, .NEWLOGIN a, .NEWLOGIN form, .NEWLOGIN fieldset, .NEWLOGIN legend, .NEWLOGIN input, .NEWLOGIN button, .NEWLOGIN textarea, .NEWLOGIN label, .NEWFINANCE h1, .NEWFINANCE h2, .NEWFINANCE h3, .NEWFINANCE h4, .NEWFINANCE h5, .NEWFINANCE dl, .NEWFINANCE dt, .NEWFINANCE dd, .NEWFINANCE th, .NEWFINANCE td, .NEWFINANCE div, .NEWFINANCE p, .NEWFINANCE a, .NEWFINANCE form, .NEWFINANCE fieldset, .NEWFINANCE legend, .NEWFINANCE input, .NEWFINANCE button, .NEWFINANCE textarea, .NEWFINANCE label, .NEWDEPOSIT h1, .NEWDEPOSIT h2, .NEWDEPOSIT h3, .NEWDEPOSIT h4, .NEWDEPOSIT h5, .NEWDEPOSIT dl, .NEWDEPOSIT dt, .NEWDEPOSIT dd, .NEWDEPOSIT th, .NEWDEPOSIT td, .NEWDEPOSIT div, .NEWDEPOSIT p, .NEWDEPOSIT a, .NEWDEPOSIT form, .NEWDEPOSIT fieldset, .NEWDEPOSIT legend, .NEWDEPOSIT input, .NEWDEPOSIT button, .NEWDEPOSIT textarea, .NEWDEPOSIT label, .NEWINSURANCE h1, .NEWINSURANCE h2, .NEWINSURANCE h3, .NEWINSURANCE h4, .NEWINSURANCE h5, .NEWINSURANCE dl, .NEWINSURANCE dt, .NEWINSURANCE dd, .NEWINSURANCE th, .NEWINSURANCE td, .NEWINSURANCE div, .NEWINSURANCE p, .NEWINSURANCE a, .NEWINSURANCE form, .NEWINSURANCE fieldset, .NEWINSURANCE legend, .NEWINSURANCE input, .NEWINSURANCE button, .NEWINSURANCE textarea, .NEWINSURANCE label, .NEWCARD h1, .NEWCARD h2, .NEWCARD h3, .NEWCARD h4, .NEWCARD h5, .NEWCARD dl, .NEWCARD dt, .NEWCARD dd, .NEWCARD th, .NEWCARD td, .NEWCARD div, .NEWCARD p, .NEWCARD a, .NEWCARD form, .NEWCARD fieldset, .NEWCARD legend, .NEWCARD input, .NEWCARD button, .NEWCARD textarea, .NEWCARD label, .NEWCERT h1, .NEWCERT h2, .NEWCERT h3, .NEWCERT h4, .NEWCERT h5, .NEWCERT dl, .NEWCERT dt, .NEWCERT dd, .NEWCERT th, .NEWCERT td, .NEWCERT div, .NEWCERT p, .NEWCERT a, .NEWCERT form, .NEWCERT fieldset, .NEWCERT legend, .NEWCERT input, .NEWCERT button, .NEWCERT textarea, .NEWCERT label , .NEWCUSTOMER h1, .NEWCUSTOMER h2, .NEWCUSTOMER h3, .NEWCUSTOMER h4, .NEWCUSTOMER h5, .NEWCUSTOMER dl, .NEWCUSTOMER dt, .NEWCUSTOMER dd, .NEWCUSTOMER th, .NEWCUSTOMER td, .NEWCUSTOMER div, .NEWCUSTOMER p, .NEWCUSTOMER a, .NEWCUSTOMER form, .NEWCUSTOMER fieldset, .NEWCUSTOMER legend, .NEWCUSTOMER input, .NEWCUSTOMER button, .NEWCUSTOMER textarea, .NEWCUSTOMER label ,.NEWMYPAGE h1, .NEWMYPAGE h2, .NEWMYPAGE h3, .NEWMYPAGE h4, .NEWMYPAGE h5, .NEWMYPAGE dl, .NEWMYPAGE dt, .NEWMYPAGE dd, .NEWMYPAGE th, .NEWMYPAGE td, .NEWMYPAGE div, .NEWMYPAGE p, .NEWMYPAGE a, .NEWMYPAGE form, .NEWMYPAGE fieldset, .NEWMYPAGE legend, .NEWMYPAGE input, .NEWMYPAGE button, .NEWMYPAGE textarea, .NEWMYPAGE label, .NEWCOMPANY h1, .NEWCOMPANY h2, .NEWCOMPANY h3, .NEWCOMPANY h4, .NEWCOMPANY h5, .NEWCOMPANY dl, .NEWCOMPANY dt, .NEWCOMPANY dd, .NEWCOMPANY th, .NEWCOMPANY td, .NEWCOMPANY div, .NEWCOMPANY p, .NEWCOMPANY a, .NEWCOMPANY form, .NEWCOMPANY fieldset, .NEWCOMPANY legend, .NEWCOMPANY input, .NEWCOMPANY button, .NEWCOMPANY textarea, .NEWCOMPANY label, .NEWFUND h1, .NEWFUND h2, .NEWFUND h3, .NEWFUND h4, .NEWFUND h5, .NEWFUND dl, .NEWFUND dt, .NEWFUND dd, .NEWFUND th, .NEWFUND td, .NEWFUND div, .NEWFUND p, .NEWFUND a, .NEWFUND form, .NEWFUND fieldset, .NEWFUND legend, .NEWFUND input, .NEWFUND button, .NEWFUND textarea, .NEWFUND label { font-family: 'Noto Sans KR','Malgun Gothic', sans-serif !important; letter-spacing: -0.06em; } #newWrap button, .NEWLOGIN button, .NEWFINANCE button, .NEWDEPOSIT button, .NEWINSURANCE button, .NEWCARD button, .NEWCERT button, .NEWCUSTOMER button , .NEWMYPAGE button, .NEWCOPANY button, .NEWFUND button { border: 0 none; cursor: pointer; } #newWrap .hdTitle, .NEWLOGIN .hdTitle, .NEWFINANCE .hdTitle, .NEWDEPOSIT .hdTitle, .NEWINSURANCE .hdTitle, .NEWCARD .hdTitle, .NEWCERT .hdTitle, .NEWCUSTOMER .hdTitle, .NEWMYPAGE .hdTitle, .NEWCOMPANY .hdTitle, .NEWFUND .hdTitle { color: #332f2f; font-weight: 400; } #newWrap .hdTitle span, .NEWLOGIN .hdTitle span, .NEWFINANCE .hdTitle span, .NEWDEPOSIT .hdTitle span, .NEWINSURANCE .hdTitle span, .NEWCARD .hdTitle span, .NEWCERT .hdTitle span, .NEWCUSTOMER .hdTitle span, .NEWMYPAGE .hdTitle span, .NEWCOMPANY .hdTitle span, .NEWFUND .hdTitle span { font-weight: 700; } #newWrap .txt, .NEWLOGIN .txt, .NEWFINANCE .txt, .NEWDEPOSIT .txt, .NEWINSURANCE .txt, .NEWCARD .txt, .NEWCERT .txt, .NEWCUSTOMER .txt , .NEWMYPAGE .txt, .NEWCOMPANY .txt, .NEWFUND .txt { color: #666; font-size: 14px; font-weight: 500; } .NEWLOGIN, .NEWFINANCE, .NEWDEPOSIT, .NEWINSURANCE, .NEWCARD, .NEWCERT, .NEWCUSTOMER, .NEWMYPAGE, .NEWCOMPANY, .NEWFUND { overflow: visible !important; padding: 0 30px 50px !important; margin-top: 20px; background-color: #f3f3f3; } .NEWLOGIN input[type="radio"], .NEWFINANCE input[type="radio"], .NEWDEPOSIT input[type="radio"], .NEWINSURANCE input[type="radio"], .NEWCARD input[type="radio"], .NEWCERT input[type="radio"], .NEWCOMPANY input[type="radio"], .NEWFUND input[type="radio"] { width: 16px; height: 16px; } /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편에 따른 NEWCOMPANY 항목 추가 김태훈 end */ /* login */ .NEWLOGIN { padding-top: 30px !important; } .NEWLOGIN .loginTab li { float: left; width: 50%; background-color: #999999; border-top: 2px solid #999999;} .NEWLOGIN .loginTab li a { display: block; color: #383434; font-size: 16px; font-weight: 500; line-height: 54px; text-align: center; } .NEWLOGIN .loginTab li.active { background-color: #fff; border-top: 2px solid #da0322;} .NEWLOGIN .loginTab li.active a { color: #da0322; } .NEWLOGIN #comLogin .txt { height: 60px; } .NEWLOGIN .loginTabCnt { padding: 0 30px; overflow: hidden; background-color: #fff; } .NEWLOGIN .loginTabCnt .certLogin, .NEWLOGIN .loginTabCnt .idLogin { float: left; width: 50%; padding: 0 30px 0 0; margin: 38px 0 28px; box-sizing: border-box; } .NEWLOGIN .loginTabCnt .certLogin .hdTitle, .NEWLOGIN .loginTabCnt .idLogin .hdTitle { margin-bottom: 14px; color: #141414; font-size: 18px; font-weight: 500; line-height: 1; } .NEWLOGIN .loginTabCnt .certLogin .hdTitle span, .NEWLOGIN .loginTabCnt .idLogin .hdTitle span { font-weight: 700; } .NEWLOGIN .loginTabCnt .certLogin .txt, .NEWLOGIN .loginTabCnt .idLogin .txt { margin-bottom: 18px; font-weight: 400; line-height: 20px; } .NEWLOGIN .loginTabCnt .certLogin .certPopSet { height: 40px; padding-top: 8px; margin-top: 5px; background-color: #f3f3f3; text-align: center; box-sizing: border-box; } .NEWLOGIN .loginTabCnt .certLogin .certPopSet strong { display: inline-block; padding-right: 15px; color: #666; font-size: 14px; font-weight: 700; line-height: 1; border-right: 1px solid #ccc; } /* .NEWLOGIN .loginTabCnt .certLogin .certPopSet label { position: relative; padding-left: 20px; margin-left: 12px; color: #666; font-size: 14px; font-weight: 400; background: url("/img/newMain/icon_radio_unchecked1.gif") no-repeat 0 center; } .NEWLOGIN .loginTabCnt .certLogin .certPopSet label input[type='radio'] { position: absolute; left: -9999em; } .NEWLOGIN .loginTabCnt .certLogin .certPopSet label.checked { background: url("/img/newMain/icon_radio_checked1.gif") no-repeat 0 center; } */ .NEWLOGIN .loginTabCnt .idLogin { padding: 0 0 0 30px; background: url("/img/newMain/bg_vLine.gif") repeat-y; } .NEWLOGIN .loginTabCnt .idLogin .insForm { margin-bottom: 5px; margin-left: -4px; overflow: hidden; } .NEWLOGIN .loginTabCnt .idLogin .insForm label { position: relative; float: left; margin-left: 4px; } .NEWLOGIN .loginTabCnt .idLogin .insForm label span { position: absolute; width: 198px; padding-left: 10px; color: #666; font-size: 14px; font-weight: 500; line-height: 40px; box-sizing: border-box; } .NEWLOGIN .loginTabCnt .idLogin .insForm label input { width: 198px; height: 40px; padding: 0 10px; color: #666; font-size: 14px; line-height: 40px; font-weight: 500; border: 1px solid #ccc; box-sizing: border-box; } .NEWLOGIN .loginTabCnt .relativeLinks { margin-top: 12px; text-align: center; } .NEWLOGIN .loginTabCnt .relativeLinks a { display: inline-block; margin: 0 10px; color: #666; font-size: 14px; font-weight: 400; } .NEWLOGIN .loginTabCnt .simpleSrv { float: left; width: 100%; height: 127px; padding: 23px 0 0 118px; overflow: hidden; background: url("/img/newMain/icon_simpleSrv.gif") no-repeat 30px 25px; border-top: 1px solid #ededed; box-sizing: border-box; } .NEWLOGIN .loginTabCnt .simpleSrv .hdTitle { float: left; width: 100%; margin-bottom: 9px; color: #141414; font-size: 18px; font-weight: 500; } .NEWLOGIN .loginTabCnt .simpleSrv .txt { float: left; font-weight: 400; line-height: 20px; } .NEWLOGIN .loginTabCnt .simpleSrv .yellowBtn { float: left; margin-left: 18px; } .NEWLOGIN .loginGuide { height: 214px; padding: 0 30px; background: #fff url("/img/newMain/icon_loginGuide.gif") no-repeat 677px 45px; } .NEWLOGIN .loginGuide ul { padding-top: 45px; border-top: 1px solid #ededed; } .NEWLOGIN .loginGuide ul li { color: #666; font-size: 14px; font-weight: 400; line-height: 24px; } .NEWLOGIN .bankingFrame, .NEWLOGIN .faqFrame, .NEWLOGIN .cautionFrame { position: relative; height: 170px; padding: 24px 30px 30px; box-sizing: border-box; } .NEWLOGIN .bankingFrame .hdTitle, .NEWLOGIN .faqFrame .hdTitle, .NEWLOGIN .cautionFrame .hdTitle { margin-bottom: 6px; color: #141414; font-size: 16px; font-weight: 700; } .NEWLOGIN .bankingFrame .txt, .NEWLOGIN .faqFrame .txt, .NEWLOGIN .cautionFrame .txt { line-height: 18px; } .NEWLOGIN .bankingFrame .plusBtn, .NEWLOGIN .faqFrame .plusBtn, .NEWLOGIN .cautionFrame .plusBtn { position: absolute; bottom: 30px; } .NEWLOGIN .bankingFrame { background: url("/img/newMain/icon_bankingFrame.gif") no-repeat 220px 96px; } .NEWLOGIN .faqFrame { background: url("/img/newMain/icon_faqFrame.gif") no-repeat 220px 96px; } .NEWLOGIN .cautionFrame { background: url("/img/newMain/icon_cautionFrame.gif") no-repeat 222px 96px; } .NEWFINANCE .box.calcFrame .calcFrameCnt, .NEWDEPOSIT .box.calcFrame .calcFrameCnt, .NEWCOMPANY .box.calcFrame .calcFrameCnt { margin-top: 10px;} .NEWFINANCE .box.calcFrame .calcFrameCnt label, .NEWDEPOSIT .box.calcFrame .calcFrameCnt label, .NEWCOMPANY .box.calcFrame .calcFrameCnt label { position: relative; float: left; margin-right: 5px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label.inputMoney, .NEWDEPOSIT .box.calcFrame .calcFrameCnt label.inputMoney, .NEWCOMPANY .box.calcFrame .calcFrameCnt label.inputMoney { width: 91px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label.inputName, .NEWDEPOSIT .box.calcFrame .calcFrameCnt label.inputName, .NEWCOMPANY .box.calcFrame .calcFrameCnt label.inputName { width: 120px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label.inputBirth, .NEWDEPOSIT .box.calcFrame .calcFrameCnt label.inputBirth, .NEWCOMPANY .box.calcFrame .calcFrameCnt label.inputBirth { width: 187px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label span, .NEWDEPOSIT .box.calcFrame .calcFrameCnt label span, .NEWCOMPANY .box.calcFrame .calcFrameCnt label span { position: absolute; width: 100%; height: 30px; color: #666; font-size: 12px; font-weight: 500; line-height: 30px; text-align: center; } .NEWFINANCE .box.calcFrame .calcFrameCnt label input[type=text], .NEWDEPOSIT .box.calcFrame .calcFrameCnt label input[type=text], .NEWCOMPANY .box.calcFrame .calcFrameCnt label input[type=text] { width: 100%; height: 30px; padding: 0 0 0 10px; color: #9b9b9b; font-size: 12px; font-weight: 500; line-height: 30px; border: 1px solid #999; box-sizing: border-box; } .NEWFINANCE .box.calcFrame .calcFrameCnt, .NEWCOMPANY .box.calcFrame .calcFrameCnt { margin-top: 10px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label, .NEWCOMPANY .box.calcFrame .calcFrameCnt label { position: relative; float: left; margin-right: 5px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label.inputMoney, .NEWCOMPANY .box.calcFrame .calcFrameCnt label.inputMoney { width: 91px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label.inputName, .NEWCOMPANY .box.calcFrame .calcFrameCnt label.inputName { width: 120px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label.inputBirth, .NEWCOMPANY .box.calcFrame .calcFrameCnt label.inputBirth { width: 187px; } .NEWFINANCE .box.calcFrame .calcFrameCnt label span, .NEWCOMPANY .box.calcFrame .calcFrameCnt label span { position: absolute; width: 100%; height: 30px; color: #9b9b9b; font-size: 12px; font-weight: 500; line-height: 30px; text-align: center; } .NEWFINANCE .box.calcFrame .calcFrameCnt label input[type=text], .NEWCOMPANY .box.calcFrame .calcFrameCnt label input[type=text] { width: 100%; height: 30px; padding: 0 0 0 10px; color: #9b9b9b; font-size: 12px; font-weight: 500; line-height: 30px; border: 1px solid #999; box-sizing: border-box; } /* finance */ .NEWFINANCE .productTab { position: relative; padding: 10px 15px; background-color: #fff; border: 1px solid #666; } .NEWFINANCE .productTab:after { content: ''; display: block; clear: both; } .NEWFINANCE .productTab a[href^='#pro'] { position: relative; float: left; padding: 0 15px; color: #141414; font-size: 14px; font-weight: 700; line-height: 14px; border-left: 1px solid #d0d0d0; } .NEWFINANCE .productTab a[href^='#pro'].active { color: #e4001d; } .NEWFINANCE .productTab a[href^='#pro'].active i { display: block; } .NEWFINANCE .productTab a[href^='#pro'] i { display: none; position: absolute; left: 50%; bottom: -18px; width: 15px; height: 8px; margin-left: -7px; background: url("/img/newMain/tab_edge.gif") no-repeat; } .NEWFINANCE .productTab a[href^='#pro']:first-child { border-left: 0; } .NEWFINANCE .productTab .plusBtn { position: absolute; right: 30px; top: 8px; float: none; line-height: normal; } .NEWFINANCE .productList1 { margin: 10px 0; } .NEWFINANCE .productList1 .box { position: relative; height: 276px; padding: 23px 10px 30px 30px; box-sizing: border-box; } .NEWFINANCE .productList1 .box .hdTitle { margin-bottom: 2px; font-size: 18px; font-weight: 500; } .NEWFINANCE .productList1 .box .hdTitle sup { font-size: 12px; } .NEWFINANCE .productList1 .box .txt { font-size: 12px; line-height: 18px; } .NEWFINANCE .productList1 .box .plusBtn { position: absolute; bottom: 138px; } .NEWFINANCE .productList1 .box img { position: absolute; right: 0; bottom: 0; } .NEWFINANCE .productList2 .box { position: relative; height: 244px; padding: 24px 30px 0; box-sizing: border-box; } .NEWFINANCE .productList2 .box h2.hdTitle { padding-bottom: 6px; margin-bottom: 12px; color: #332f2f; font-size: 20px; font-weight: 500; line-height: 28px; border-bottom: 1px solid #dedede; } .NEWFINANCE .productList2 .box h3.hdTitle { color: #e4001d; font-size: 16px; font-weight: 500; line-height: 28px; } .NEWFINANCE .productList2 .box p { height: 41px; margin-bottom: 9px; } .NEWFINANCE .productList2 .box p a { color: #666; font-size: 14px; font-weight: 500; line-height: 20px; } .NEWFINANCE .box.calcFrame { position: relative; padding: 24px 30px 30px; } .NEWFINANCE .box.calcFrame .hdTitle { color: #141414; font-size: 16px; font-weight: 500; } .NEWFINANCE .box.calcFrame .gender { position: relative; margin-top: -23px; overflow: hidden; text-align: right; } .NEWFINANCE .box.calcFrame .gender label { position: relative; padding-left: 21px; margin-left: 12px; color: #141414; font-size: 14px; font-weight: 500; background: url("/img/newMain/icon_radio_unchecked.gif") no-repeat 0 center; } .NEWFINANCE .box.calcFrame .gender label input[type='radio'] { position: absolute; left: -9999em; } .NEWFINANCE .box.calcFrame .gender label.checked { background: url("/img/newMain/icon_radio_checked.gif") no-repeat 0 center; } /* deposit */ .NEWDEPOSIT .quickLinks a.icon01 { background-image: url("/img/newMain/icon_deposit_quick_01.gif"); } .NEWDEPOSIT .quickLinks a.icon02 { background-image: url("/img/newMain/icon_deposit_quick_02.gif"); } .NEWDEPOSIT .quickLinks a.icon03 { background-image: url("/img/newMain/icon_deposit_quick_03.gif"); } .NEWDEPOSIT .quickLinks a.icon04 { background-image: url("/img/newMain/icon_deposit_quick_04.gif"); } .NEWDEPOSIT .quickLinks a.icon05 { background-image: url("/img/newMain/icon_deposit_quick_05.gif"); } .NEWDEPOSIT .quickLinks a.icon06 { background-image: url("/img/newMain/icon_deposit_quick_06.gif"); } .NEWDEPOSIT .exchangeWorks { height: 94px; padding: 30px; margin: 10px 0; box-sizing: border-box; background-color: #fff; } .NEWDEPOSIT .exchangeWorks .hdTitle { float: left; font-size: 24px; line-height: 37px; } .NEWDEPOSIT .exchangeWorks .txt { float: left; margin-left: 10px; line-height: 37px; } .NEWDEPOSIT .exchangeWorks ul { float: right; overflow: hidden; } .NEWDEPOSIT .exchangeWorks ul li { float: left; margin-left: 24px; background: url("/img/newMain/bg_vLine.gif") repeat-y; } .NEWDEPOSIT .exchangeWorks ul li:first-child { background: none; } .NEWDEPOSIT .exchangeWorks ul li a { display: block; width: 112px; height: 37px; padding-left: 30px; color: #332f2f; font-size: 16px; font-weight: 500; line-height: 37px; } .NEWDEPOSIT .exchangeWorks ul li a.icon01 { background: url("/img/newMain/icon_deposit_exchange_01.gif") no-repeat right 0; } .NEWDEPOSIT .exchangeWorks ul li a.icon02 { background: url("/img/newMain/icon_deposit_exchange_02.gif") no-repeat right 0; } .NEWDEPOSIT .exchangeWorks ul li a.icon03 { background: url("/img/newMain/icon_deposit_exchange_03.gif") no-repeat right 0; } .NEWDEPOSIT .payment { padding-top: 5px; background: #fff url("/img/newMain/bg_deposit_payment1.gif") no-repeat; } .NEWDEPOSIT .payment .paymentInbox { padding: 16px 30px 30px; background: #fff url("/img/newMain/bg_deposit_payment2.gif") no-repeat 0 bottom; } .NEWDEPOSIT .payment .hdTitle { display: inline; font-size: 24px; } .NEWDEPOSIT .payment .txt { display: inline; margin-left: 10px; font-size: 12px; } .NEWDEPOSIT .payment ul { width: 100%; margin-top: 3px; overflow: hidden; } .NEWDEPOSIT .payment ul li { float: left; width: 172px; margin-top: 9px; } .NEWDEPOSIT .payment ul li a { display: block; padding-left: 59px; color: #141414; font-size: 14px; font-weight: 500; line-height: 50px; } .NEWDEPOSIT .payment ul li a.icon01 { background: url("/img/newMain/icon_deposit_payment_01.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon02 { background: url("/img/newMain/icon_deposit_payment_02.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon03 { background: url("/img/newMain/icon_deposit_payment_03.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon04 { background: url("/img/newMain/icon_deposit_payment_04.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon05 { background: url("/img/newMain/icon_deposit_payment_05.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon06 { background: url("/img/newMain/icon_deposit_payment_06.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon07 { background: url("/img/newMain/icon_deposit_payment_07.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon08 { background: url("/img/newMain/icon_deposit_payment_08.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon09 { background: url("/img/newMain/icon_deposit_payment_09.gif") no-repeat; } .NEWDEPOSIT .payment ul li a.icon10 { background: url("/img/newMain/icon_deposit_payment_10.gif") no-repeat; } .NEWDEPOSIT .box.calcFrame { position: relative; padding: 24px 30px 30px; } .NEWDEPOSIT .box.calcFrame .hdTitle { color: #141414; font-size: 16px; font-weight: 500; } .NEWDEPOSIT .box.cols3 { width: 145px; height: 119px; } .NEWDEPOSIT .box.cols3 a { display: block; height: 100%; padding-top: 75px; color: #666; font-size: 14px; font-weight: 500; text-align: center; box-sizing: border-box; } .NEWDEPOSIT .box.cols3 a.icon01 { background: url("/img/newMain/icon_deposit_quick_07.gif") no-repeat center 25px; } .NEWDEPOSIT .box.cols3 a.icon02 { background: url("/img/newMain/icon_deposit_quick_08.gif") no-repeat center 25px; } .NEWDEPOSIT .box.cols3 a.icon03 { background: url("/img/newMain/icon_deposit_quick_09.gif") no-repeat center 25px; } /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편 김태훈 추가 start */ /* company */ .container {width:980px; margin:0 auto; padding-bottom:0px;} .NEWCOMPANY .quickLinks a.icon01 { background-image: url("/img/newMain/icon_company_quick_01.gif"); } .NEWCOMPANY .quickLinks a.icon02 { background-image: url("/img/newMain/icon_company_quick_02.gif"); } .NEWCOMPANY .quickLinks a.icon03 { background-image: url("/img/newMain/icon_company_quick_03.gif"); } .NEWCOMPANY .quickLinks a.icon04 { background-image: url("/img/newMain/icon_company_quick_04.gif"); } .NEWCOMPANY .quickLinks a.icon05 { background-image: url("/img/newMain/icon_company_quick_05.gif"); } .NEWCOMPANY .quickLinks a.icon06 { background-image: url("/img/newMain/icon_company_quick_06.gif"); } .NEWCOMPANY .box {position:relative; margin-bottom:0px;} .NEWCOMPANY .midBnr { position: relative; height: 94px; padding: 25px 30px; overflow: hidden; } .NEWCOMPANY .midBnr .hdTitle { float: left; font-size: 24px; line-height: 37px; } .NEWCOMPANY .midBnr .txt { float: left; margin-left: 10px; line-height: 37px; } .NEWCOMPANY .payment { margin-top: 10px; padding-top: 5px; background: #fff url("/img/newMain/bg_company_payment1.gif") no-repeat; } .NEWCOMPANY .payment .paymentInbox { padding: 16px 30px 30px; background: #fff url("/img/newMain/bg_company_payment2.gif") no-repeat 0 bottom; } .NEWCOMPANY .payment .hdTitle { display: inline; font-size: 24px; } .NEWCOMPANY .payment .txt { display: inline; margin-left: 10px; font-size: 12px; } .NEWCOMPANY .payment ul { width: 100%; margin-top: 3px; overflow: hidden; } .NEWCOMPANY .payment ul li { float: left; width: 172px; margin-top: 9px; } .NEWCOMPANY .payment ul li a { display: block; padding-left: 59px; color: #141414; font-size: 14px; font-weight: 500; line-height: 50px; } .NEWCOMPANY .payment ul li a.icon01 { background: url("/img/newMain/icon_company_payment_01.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon02 { background: url("/img/newMain/icon_company_payment_02.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon03 { background: url("/img/newMain/icon_company_payment_03.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon04 { background: url("/img/newMain/icon_company_payment_04.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon05 { background: url("/img/newMain/icon_company_payment_05.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon06 { background: url("/img/newMain/icon_company_payment_06.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon07 { background: url("/img/newMain/icon_company_payment_07.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon08 { background: url("/img/newMain/icon_company_payment_08.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon09 { background: url("/img/newMain/icon_company_payment_09.gif") no-repeat; } .NEWCOMPANY .payment ul li a.icon10 { background: url("/img/newMain/icon_company_payment_10.gif") no-repeat; } .NEWCOMPANY .mainBBS { position: relative; height: 148px; padding: 31px 35px 0; box-sizing: border-box; } .NEWCOMPANY .mainBBS .hdTitle { margin-bottom: 3px; color: #383434; font-size: 18px; font-weight: 500; } .NEWCOMPANY .mainBBS ul li { overflow: hidden; } .NEWCOMPANY .mainBBS ul li a { color: #666; font-size: 14px; font-weight: 500; line-height: 26px; } .NEWCOMPANY .mainBBS ul li span { float: right; color: #999; font-size: 14px; font-weight: 600; line-height: 26px; } .NEWCOMPANY .mainBBS .moreBtn { position: absolute; right: 38px; top: 35px; } .NEWCOMPANY .mainBBS .moreBtn a { display: block; width: 16px; height: 16px; font-size: xx-small; text-indent: -9999em; background: url("/img/newMain/icon_plusBtn.gif") no-repeat center center; border: 1px solid #999; } /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편 김태훈 추가 end */ /* 2018-4-17 펀드 서브메인 페이지 디자인 개편 김태훈 추가 start */ /* fund */ .NEWFUND .quickLinks a.icon01 { background-image: url("/img/newMain/icon_fund_quick_01.gif"); } .NEWFUND .quickLinks a.icon02 { background-image: url("/img/newMain/icon_fund_quick_02.gif"); } .NEWFUND .quickLinks a.icon03 { background-image: url("/img/newMain/icon_fund_quick_03.gif"); } .NEWFUND .quickLinks a.icon04 { background-image: url("/img/newMain/icon_fund_quick_04.gif"); } .NEWFUND .quickLinks a.icon05 { background-image: url("/img/newMain/icon_fund_quick_05.gif"); } .NEWFUND .quickLinks a.icon06 { background-image: url("/img/newMain/icon_fund_quick_06.gif"); } .NEWFUND .lookup { margin-top: 10px; padding-top: 5px; background: #fff url("/img/newMain/bg_company_payment1.gif") no-repeat; } .NEWFUND .lookup .lookupInbox { padding: 16px 30px 30px; background: #fff url("/img/newMain/bg_company_payment2.gif") no-repeat 0 bottom; } .NEWFUND .lookup .hdTitle { display: inline; font-size: 24px; } .NEWFUND .lookup .txt { display: inline; margin-left: 10px; font-size: 12px;} .NEWFUND .lookup ul { width: 100%; margin-top: 3px; overflow: hidden; } .NEWFUND .lookup ul li { float: left; width: 172px; margin-top: 9px; } .NEWFUND .lookup ul li a { display: block; padding-left: 59px; color: #141414; font-size: 14px; font-weight: 500; line-height: 50px; } .NEWFUND .lookup ul li a.icon01 { background: url("/img/newMain/icon_fund_lookup_01.gif") no-repeat; } .NEWFUND .lookup ul li a.icon02 { background: url("/img/newMain/icon_fund_lookup_02.gif") no-repeat; } .NEWFUND .lookup ul li a.icon03 { background: url("/img/newMain/icon_fund_lookup_03.gif") no-repeat; } .NEWFUND .lookup ul li a.icon04 { background: url("/img/newMain/icon_fund_lookup_04.gif") no-repeat; } .NEWFUND .lookup ul li a.icon05 { background: url("/img/newMain/icon_fund_lookup_05.gif") no-repeat; } .NEWFUND .customerConsult { height: 94px; padding: 30px; margin: 10px 0; box-sizing: border-box; background-color: #fff; } .NEWFUND .customerConsult .hdTitle { float: left; font-size: 24px; line-height: 37px; } .NEWFUND .customerConsult .txt { float: left; margin-left: 10px; line-height: 37px; } .NEWFUND .customerConsult ul { float: right; overflow: hidden; } .NEWFUND .customerConsult ul li { float: left; margin-left: 24px; background: url("/img/newMain/bg_vLine.gif") repeat-y; } .NEWFUND .customerConsult ul li:first-child { background: none; } .NEWFUND .customerConsult ul li a { display: block; width: 135px; height: 37px; padding-left: 30px; color: #332f2f; font-size: 16px; font-weight: 500; line-height: 37px; } .NEWFUND .customerConsult ul li a.icon01 { background: url("/img/newMain/icon_fund_customer_01.gif") no-repeat right 0; } .NEWFUND .customerConsult ul li a.icon02 { background: url("/img/newMain/icon_fund_customer_02.gif") no-repeat right 0; } .NEWFUND .customerConsult ul li a.icon03 { background: url("/img/newMain/icon_fund_customer_03.gif") no-repeat right 0; } .NEWFUND .mainBBS { position: relative; height: 148px; padding: 17px 35px 0; box-sizing: border-box; } .NEWFUND .mainBBS .hdTitle { margin-bottom: 3px; color: #383434; font-size: 18px; font-weight: 500; } .NEWFUND .mainBBS ul li { overflow: hidden; } .NEWFUND .mainBBS ul li a { color: #666; font-size: 14px; font-weight: 500; line-height: 26px; } .NEWFUND .mainBBS ul li span { float: right; color: #999; font-size: 14px; font-weight: 500; line-height: 26px; } .NEWFUND .mainBBS .moreBtn { position: absolute; right: 35px; top: 23px; } .NEWFUND .mainBBS .moreBtn a { display: block; width: 16px; height: 16px; font-size: xx-small; text-indent: -9999em; background: url("/img/newMain/icon_plusBtn.gif") no-repeat center center; border: 1px solid #999; } .NEWFUND .box {position:relative; margin-bottom:0px;} .NEWFUND .midBnr { position: relative; height: 94px; padding: 25px 30px; overflow: hidden; } .NEWFUND .midBnr .hdTitle a{ float: left; font-size: 24px; line-height: 37px; } .NEWFUND .midBnr .txt { float: left; margin-left: 10px; line-height: 37px; } /* 2018-4-17 펀드 서브메인 페이지 디자인 개편 김태훈 추가 end */ /* 2018-6-18 펀드 서브메인 페이지 디자인 개편 정은하 추가 start */ .NEWFUND .lookup_ver2 { margin-top: 10px; padding-top: 5px; background:#fff ; } .NEWFUND .lookup_ver2 .lookupInbox { padding:19px 30px 34px;} .NEWFUND .lookup_ver2 .hdTitle { display: inline; font-size: 24px; } .NEWFUND .lookup_ver2 .txt { display: inline; margin-left: 10px; font-size: 12px; } .NEWFUND .lookup_ver2 ul { width: 100%; margin-top:22px; overflow: hidden; } .NEWFUND .lookup_ver2 ul li { float: left; width: 172px; margin-top: 9px; } .NEWFUND .lookup_ver2 ul li a { display: block; padding-top:96px; color: #141414; font-size:16px; font-weight:500; text-align:center; } .NEWFUND .lookup_ver2 ul li a.icon01 { background:url("/img/newMain/icon_quickFund01.gif") center top no-repeat; } .NEWFUND .lookup_ver2 ul li a.icon02 { background:url("/img/newMain/icon_quickFund02.gif") center top no-repeat; } .NEWFUND .lookup_ver2 ul li a.icon03 { background:url("/img/newMain/icon_quickFund03.gif") center top no-repeat; } .NEWFUND .lookup_ver2 ul li a.icon04 { background:url("/img/newMain/icon_quickFund04.gif") center top no-repeat; } .NEWFUND .lookup_ver2 ul li a.icon05 { background:url("/img/newMain/icon_quickFund05.gif") center top no-repeat; } .NEWFUND .customerGroup { margin-top:10px; overflow:hidden; } .NEWFUND .customerGroup .advice{ float:left; width:362px; height:149px; padding:16px 0 0 25px; background:#fff; } .NEWFUND .customerGroup .advice .hdTitle { font-size:18px; } .NEWFUND .customerGroup .advice ul { margin:16px 0 0 7px; padding-left:126px; background:url("/img/newMain/bg_advice.gif") left top no-repeat; overflow:hidden; height:84px; } .NEWFUND .customerGroup .advice ul li { float:left; width:109px; margin-top:10px; background:url("/img/newMain/icon_advice.gif") left 12px no-repeat; } .NEWFUND .customerGroup .advice ul li a { display:block; font-size:16px; color:#585151; padding-left:10px; } .NEWFUND .customerGroup .link { float:right; width:523px; } .NEWFUND .customerGroup .link ul { overflow:hidden; } .NEWFUND .customerGroup .link li { float:left; margin-left:5px; width:171px; height:80px; background:#fff;} .NEWFUND .customerGroup .link li:first-child { margin-left:0; } .NEWFUND .customerGroup .link li a { display:block; color:#585151; font-size:15px; line-height:1.2; padding:24px 0 0 66px; } .NEWFUND .customerGroup .link li a.icon01 { background: url("/img/newMain/icon_fund_link_01.gif") 17px 25px no-repeat; } .NEWFUND .customerGroup .link li a.icon02 { background: url("/img/newMain/icon_fund_link_02.gif") 18px 26px no-repeat; } .NEWFUND .customerGroup .link li a.icon03 { background: url("/img/newMain/icon_fund_link_03.gif") 25px 27px no-repeat; } .NEWFUND .customerGroup .potal { clear:both; margin-top:3px; background:#3bae70 url("/img/newMain/bg_fund_potal.gif") left top no-repeat; } .NEWFUND .customerGroup .potal a { display:block; padding:28px 0 0 43px; height:54px;} .NEWFUND .customerGroup .potal a strong { float:left; margin-right:21px; font-size:18px; color:#fff; font-weight:500; } .NEWFUND .customerGroup .potal a span { float:left; font-size:14px; color:#c7e8cf; line-height:1.25; } /* 2018-6-18 펀드 서브메인 페이지 디자인 개편 정은하 추가 end */ /* insurance */ .NEWINSURANCE .quickLinks a.icon01 { background-image: url("/img/newMain/icon_insurance_quick_01.gif"); } .NEWINSURANCE .quickLinks a.icon02 { background-image: url("/img/newMain/icon_insurance_quick_02.gif"); } .NEWINSURANCE .quickLinks a.icon03 { background-image: url("/img/newMain/icon_insurance_quick_03.gif"); } .NEWINSURANCE .quickLinks a.icon04 { background-image: url("/img/newMain/icon_insurance_quick_04.gif"); } .NEWINSURANCE .quickLinks a.icon05 { background-image: url("/img/newMain/icon_insurance_quick_05.gif"); } .NEWINSURANCE .quickLinks a.icon06 { background-image: url("/img/newMain/icon_insurance_quick_06.gif"); } .NEWINSURANCE .apply { position: relative; height: 52px; padding: 0 30px; overflow: hidden; } .NEWINSURANCE .apply .hdTitle a{ float: left; font-size: 18px; font-weight: 500; line-height: 52px; } .NEWINSURANCE .apply label { position: relative; float: right; display: block; width: 97px; height: 36px; margin-top: 8px; margin-left: 190px; padding-right: 1px; overflow: hidden; background: url("/img/newMain/icon_apply_unchecked.gif") no-repeat; } .NEWINSURANCE .apply label.checked { background: url("/img/newMain/icon_apply_checked.gif") no-repeat; } .NEWINSURANCE .apply label input[type=checkbox] { position: absolute; left: -50px; } .NEWINSURANCE .fcRequruit { position: relative; padding: 52px 0 0 50px; height: 250px; background: #fff url("/img/newMain/adBnr_fc.jpg") no-repeat 405px 0; box-sizing: border-box; } .NEWINSURANCE .fcRequruit .hdTitle { color: #464242; font-size: 24px; } .NEWINSURANCE .fcRequruit .hdTitle span { color: #d2162e; } .NEWINSURANCE .fcRequruit .txt { margin: 3px 0 15px; font-weight: 400; line-height: 20px; } .NEWINSURANCE .fcRequruit .desc { position: absolute; right: 50px; top: 62px; padding: 20px 0 23px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .NEWINSURANCE .fcRequruit .desc strong { color: #141414; font-size: 14px; font-weight: 700; } .NEWINSURANCE .fcRequruit .desc p { margin-top: 4px; color: #666; font-size: 12px; font-weight: 500; line-height: 18px; } /* 2016-12-22 수정 start */ .NEWINSURANCE .elec {float:left; width:455px;} .NEWINSURANCE .elec div:first-child { float:left; width:170px; position: relative; padding: 22px 30px 30px; height: 56px; background:#fff url("../img/newMain/icon_insurance_elec_01.gif") no-repeat 175px 31px; } .NEWINSURANCE .elec div:first-child .hdTitle { font-size: 24px; color:#464242; } .NEWINSURANCE .elec div:first-child .txt { font-size: 12px; font-weight: 400; color:#7e7b7b; } /* 2017-4-14 김태훈 수정 start */ .NEWINSURANCE .elec div+div { float:right; width:215px; height:52px; margin-bottom:4px; background: #fff url("../img/newMain/icon_insurance_etc_05.gif") no-repeat 168px center; } .NEWINSURANCE .elec div+div a { display:block; height:100%; padding-left:20px; color:#141414; font-size: 14px; font-weight: 500; line-height: 52px; } .NEWINSURANCE .elec .Bnr { float:right; width:215px; height:52px; padding-top:0px; background: #fff url("../img/newMain/icon_insurance_etc_06.gif") no-repeat 168px center; } .NEWINSURANCE .elec .Bnr a { display:block; height:100%; padding-left:20px; color:#141414; font-size:14px; font-weight:500; line-height:52px; } /* 2017-4-14 김태훈 수정 end */ /* 2016-12-22 수정 end */ .NEWINSURANCE .inBox .cols4 a { display: block; height: 100%; padding-left: 20px; color: #141414; font-size: 14px; font-weight: 500; line-height: 52px; } .NEWINSURANCE .inBox .cols4 a.icon01 { background: url("/img/newMain/icon_insurance_etc_01.gif") no-repeat 177px center; } .NEWINSURANCE .inBox .cols4 a.icon02 { background: url("/img/newMain/icon_insurance_etc_02.gif") no-repeat 177px center; } .NEWINSURANCE .inBox .cols4 a.icon03 { background: url("/img/newMain/icon_insurance_etc_03.gif") no-repeat 177px center; } .NEWINSURANCE .inBox .cols4 a.icon04 { background: url("/img/newMain/icon_insurance_etc_04.gif") no-repeat 177px center; } /* 2017-9-25 김태훈 추가 start */ .NEWINSURANCE .inBox .cols4 a.icon05 { background: url("/img/newMain/icon_insurance_etc_05.gif") no-repeat 177px center; } .NEWINSURANCE .inBox .cols4 a.icon06 { background: url("/img/newMain/icon_insurance_etc_06.gif") no-repeat 177px center; } .NEWINSURANCE .inBox .cols4 a.icon07 { background: url("/img/newMain/icon_insurance_etc_07.gif") no-repeat 177px center; } .NEWINSURANCE .inBox .cols4 a.icon08 { background: url("/img/newMain/icon_insurance_etc_08.gif") no-repeat 177px center; } /* 2017-9-25 김태훈 추가 end */ /* card */ .NEWCARD .quickLinks a.icon01 { background-image: url("/img/newMain/icon_card_quick_01.gif"); } .NEWCARD .quickLinks a.icon02 { background-image: url("/img/newMain/icon_card_quick_02.gif"); } .NEWCARD .quickLinks a.icon03 { background-image: url("/img/newMain/icon_card_quick_03.gif"); } .NEWCARD .quickLinks a.icon04 { background-image: url("/img/newMain/icon_card_quick_04.gif"); } .NEWCARD .quickLinks a.icon05 { background-image: url("/img/newMain/icon_card_quick_05.gif"); } .NEWCARD .quickLinks a.icon06 { background-image: url("/img/newMain/icon_card_quick_06.gif"); } .NEWCARD .cardList { padding: 32px 0 40px; margin: 10px 0; text-align: center; background-color: #f14f4a; } .NEWCARD .cardList .hdTitle { color: #fff; font-size: 24px; font-weight: 500; } .NEWCARD .cardList ul { display: inline-block; margin-top: 22px; overflow: hidden; } .NEWCARD .cardList ul li { float: left; width: 180px; color: #fff; text-align: center; } .NEWCARD .cardList ul li strong { display: block; margin-top: 10px; font-size: 14px; font-weight: 700; } .NEWCARD .cardList ul li strong sup { font-size: 10px; } .NEWCARD .cardList ul li span { display: block; margin-bottom: 10px; font-size: 11px; font-weight: 500; } .NEWCARD .cardList ul li .plusBtn { color: #fff; background-color: transparent; background-image: url("/img/newMain/icon_plusBtn1.gif"); border-color: #fff; } .NEWCARD .cardInfo { height: 100px; padding: 0 25px 0 30px; margin: 10px 0; box-sizing: border-box; background-color: #fff; } .NEWCARD .cardInfo .hdTitle { float: left; font-size: 24px; line-height: 100px; } .NEWCARD .cardInfo ul { float: right; overflow: hidden; } .NEWCARD .cardInfo ul li { float: left; width: 90px; height: 100px; } .NEWCARD .cardInfo ul li a { display: block; padding-top: 62px; height: 100%; color: #666; font-size: 14px; font-weight: 500; text-align: center; box-sizing: border-box; } .NEWCARD .cardInfo ul li a.icon01 { color: #cb1a31; background: url("/img/newMain/icon_card_info_01.gif") no-repeat center 20px; } .NEWCARD .cardInfo ul li a.icon02 { background: url("/img/newMain/icon_card_info_02.gif") no-repeat center 20px; } .NEWCARD .cardInfo ul li a.icon03 { background: url("/img/newMain/icon_card_info_03.gif") no-repeat center 20px; } .NEWCARD .cardInfo ul li a.icon04 { background: url("/img/newMain/icon_card_info_04.gif") no-repeat center 20px; } .NEWCARD .cardInfo ul li a.icon05 { background: url("/img/newMain/icon_card_info_05.gif") no-repeat center 20px; } .NEWCARD .cardInfo ul li a.icon06 { background: url("/img/newMain/icon_card_info_06.gif") no-repeat center 20px; } .NEWCARD .cardInfo ul li a.icon07 { background: url("/img/newMain/icon_card_info_07.gif") no-repeat center 20px; } /* cert */ .NEWCERT .quickLinks a { padding-top: 87px !important; background-position: center 31px !important; } .NEWCERT .quickLinks a.icon01 { background-image: url("/img/newMain/icon_cert_quick_01.gif"); } .NEWCERT .quickLinks a.icon02 { background-image: url("/img/newMain/icon_cert_quick_02.gif"); } .NEWCERT .quickLinks a.icon03 { background-image: url("/img/newMain/icon_cert_quick_03.gif"); } .NEWCERT .quickLinks a.icon04 { background-image: url("/img/newMain/icon_cert_quick_04.gif"); } .NEWCERT .quickLinks a.icon05 { background-image: url("/img/newMain/icon_cert_quick_05.gif"); } .NEWCERT .quickLinks a.icon06 { background-image: url("/img/newMain/icon_cert_quick_06.gif"); } .NEWCERT .secuSrv { position: relative; height: 287px; padding: 0 30px; margin: 10px 0; background: #fff url("/img/newMain/bg_secuSrv.jpg") no-repeat; } .NEWCERT .secuSrv .hdTitle { position: absolute; top: 117px; font-size: 30px; } .NEWCERT .secuSrv .hdTitle span { color: #dc132f; font-weight: 400; } .NEWCERT .secuSrv ul { position: absolute; top: 85px; right: 30px; width: 380px; } .NEWCERT .secuSrv ul li { float: left; width: 170px; margin-left: 20px; background: url("/img/newMain/bg_hLine.gif") repeat-x 0 bottom; } .NEWCERT .secuSrv ul li a { display: block; padding-left: 18px; color: #332f2f; font-size: 14px; font-weight: 500; line-height: 36px; background: url("/img/newMain/icon_arrow.gif") no-repeat 1px center; } .NEWCERT .preventionFrame, .NEWCERT .secuFrame, .NEWCERT .privFrame { position: relative; height: 118px; padding: 24px 30px 0; box-sizing: border-box; background-repeat: no-repeat; background-position: 213px center; } .NEWCERT .preventionFrame .hdTitle, .NEWCERT .secuFrame .hdTitle, .NEWCERT .privFrame .hdTitle { font-size: 18px; font-weight: 500; } .NEWCERT .preventionFrame .txt, .NEWCERT .secuFrame .txt, .NEWCERT .privFrame .txt { line-height: 18px; } .NEWCERT .preventionFrame { background-image: url("/img/newMain/icon_cert_preventionFrame.gif"); } .NEWCERT .secuFrame { background-image: url("/img/newMain/icon_cert_secuFrame.gif"); } .NEWCERT .privFrame { background-image: url("/img/newMain/icon_cert_privFrame.gif"); } /* customer*/ .NEWCUSTOMER .promotionBnr .item .txt strong { line-height:1.2em;} .NEWCUSTOMER .promotionBnr .item .txt strong em { color:#e4001d; } .NEWCUSTOMER .promotionBnr .item .txt p { color:#666; margin-bottom:20px; } .NEWCUSTOMER .promotionBnr .linkBtn { font-size:0;} .NEWCUSTOMER .promotionBnr .linkBtn a { font-size:14px; color:#666; display:inline-block; width:107px; height:36px; line-height:36px; border:1px solid #999; background-color:#fff; text-align:center; vertical-align:middle; padding-left:20px; background-repeat:no-repeat; margin-left:5px;} .NEWCUSTOMER .promotionBnr .linkBtn a.internet { background-image:url("/img/newMain/icon_internet.gif"); background-position:23px 11px; margin-left:0;} .NEWCUSTOMER .promotionBnr .linkBtn a.call { background-image:url("/img/newMain/icon_call_02.gif"); background-position:17px 11px;} .NEWCUSTOMER .promotionBnr .linkBtn a.cyber { background-image:url("/img/newMain/icon_cyber.gif"); background-position:12px 11px;} .NEWCUSTOMER .col2 { margin-top:0; } .NEWCUSTOMER .col2 .box { padding:30px; box-sizing:border-box; position:relative;} .NEWCUSTOMER .col2 .hdTitle { font-size:18px; color:#332f2f; } .NEWCUSTOMER .qna { height:194px;} .NEWCUSTOMER .qna .hdTitle { border-bottom:1px solid #dedede; } .NEWCUSTOMER .qna .tabMenuList { position:absolute; top:24px; right:30px;} .NEWCUSTOMER .qna .tabMenuList a { float:left; display:block; border-left:1px solid #dedede; border-top:1px solid #dedede; border-right:1px solid #dedede; width:98px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#332f2f; background:#f6f6f6; } .NEWCUSTOMER .qna .tabMenuList a+a{ margin-left:-1px;} .NEWCUSTOMER .qna .tabMenuList a.active { background:#fff; height:36px; color:#e4001d; font-weight:500;} .NEWCUSTOMER .qna .tabMenuList_small { position:absolute; top:24px; right:30px;} .NEWCUSTOMER .qna .tabMenuList_small a { float:left; display:block; border-left:1px solid #dedede; border-top:1px solid #dedede; border-right:1px solid #dedede; width:90px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#332f2f; background:#f6f6f6; } .NEWCUSTOMER .qna .tabMenuList_small a+a{ margin-left:-1px;} .NEWCUSTOMER .qna .tabMenuList_small a.active { background:#fff; height:36px; color:#e4001d; font-weight:500;} .NEWCUSTOMER .qna .tabCont1 , .NEWCUSTOMER .qna .tabCont2 { padding-top:17px; min-height:105px; overflow:hidden;} .NEWCUSTOMER .qna .tabCont1 ul li { display:inline-block;position:relative; padding-right:6px; margin-right:4px; } .NEWCUSTOMER .qna .tabCont1 ul li:after { display:block; content:""; position:absolute; top:5px; right:0; width:1px; height:16px; background:#d6d6d6} .NEWCUSTOMER .qna .tabCont1 ul li a { font-size:14px; color:#666; } .NEWCUSTOMER .qna .tabCont1 ul li:last-child:after {display:none;} .NEWCUSTOMER .qna .tabCont2 .txt {font-weight:400; margin-bottom:8px;} .NEWCUSTOMER .qna .tabCont2 .btn a { font-size:12px; display:inline-block; width:121px; height:25px; line-height:25px; text-align:center; margin-right:5px;} .NEWCUSTOMER .qna .tabCont2 .btn a.red { background:#e4001d; color:#fff;} .NEWCUSTOMER .qna .tabCont2 .btn a.yellow { background:#f6b90f; color:#141414;} .NEWCUSTOMER .qna .tabCont2 .btn a.black { background:#332f2f; color:#fff;} .NEWCUSTOMER .qnaBest , .NEWCUSTOMER .import { height:250px;} .NEWCUSTOMER .qnaBest ul { padding:13px 0 0 137px; background:url("/img/newMain/icon_best5.gif") no-repeat 16px 48px; } .NEWCUSTOMER .qnaBest ul li { background:url("/img/newMain/bg_hLine.gif") repeat-x 0 bottom; padding-bottom:3px;} .NEWCUSTOMER .qnaBest ul li span { font-size:16px; color:#e4001d; font-weight:700; padding-right:10px;} .NEWCUSTOMER .qnaBest ul li a { font-size:14px; color:#666; } .NEWCUSTOMER .import ul { padding:13px 0 0 137px; background:url("/img/newMain/icon_import.gif") no-repeat 16px 50px; float:left; } .NEWCUSTOMER .import ul+ul { background:none; padding:13px 0 0 22px;} .NEWCUSTOMER .import ul li { background:url("/img/newMain/bg_hLine.gif") repeat-x 0 bottom; padding:3px 0 4px;} .NEWCUSTOMER .import ul li:first-child { padding-top:0;} .NEWCUSTOMER .import ul li span { font-size:16px; color:#e4001d; font-weight:700; padding-right:10px;} .NEWCUSTOMER .import ul li a { display:inline-block; width:110px; padding-left:8px; font-size:14px; color:#666; background:url("/img/newMain/icon_dot2.gif") no-repeat 0 10px;} .NEWCUSTOMER .shortcut .hdTitle { font-size:16px; float:left; margin-right:15px;} .NEWCUSTOMER .shortcut .hdTitle strong { color:#e4001d; font-weight:400; } .NEWCUSTOMER .shortcut > div { float:left;} .NEWCUSTOMER .shortcut > div .selectDesign { width:177px;} .ie8 .NEWCUSTOMER .shortcut > div .selectDesign { width:175px;} .NEWCUSTOMER .shortcut > div .grayBtn { width:58px;} /* mypage */ .NEWMYPAGE { padding:30px !important;} .NEWMYPAGE > div { background:#fff; margin-top:10px; padding:0 30px; overflow:hidden;} .NEWMYPAGE .hdTitle { font-size:18px; color:#141414;} .NEWMYPAGE .userTime { padding-left:20px; background:url("/img/newMain/icon_time.gif") no-repeat 0 center; color:#666;} .NEWMYPAGE .userTime span { color:#e4001d; } .NEWMYPAGE .userInfo { padding:15px 30px 16px;} .NEWMYPAGE .userInfo > div { float:left; font-size:14px; display:block; height:24px; line-height:24px;} .NEWMYPAGE .userInfo div.user { font-size:18px; width:240px; background:url("/img/newMain/icon_site_priv.gif") no-repeat 0 center; padding-left:25px; color:#666; } .NEWMYPAGE .userInfo div.user strong { color:#141414; font-weight:700; } .NEWMYPAGE .userInfo div.message { padding-left:22px; background:url("/img/newMain/icon_message.gif") no-repeat 0 center; color:#666;} .NEWMYPAGE .userInfo div.message span { display:inline-block;} .NEWMYPAGE .userInfo div.message strong { color:#e4001d; font-weight:700;} .NEWMYPAGE .userInfo div.message .grayBtn { margin-left:20px; font-size:11px; width:89px; height:24px; line-height:24px; display:inline-block; text-align:center; } .NEWMYPAGE .userInfo div.userTime { float:right; } .NEWMYPAGE .userInfo2 { padding-top:5px; } .NEWMYPAGE .userInfo2 > div { float:right; width:495px; } .NEWMYPAGE .userInfo2 div.userImg { float:left; width:253px; margin:97px 0 102px 62px;} .NEWMYPAGE .userInfo2 div.userImg div { width:253px; height:159px; margin-bottom:20px; background:url("/img/newMain/mypage_img.jpg") no-repeat 0 0; position:relative;} .NEWMYPAGE .userInfo2 div.userImg div span { display:block; width:85px; height:100px; background:#fff; position:absolute; top:19px; right:5px; } .NEWMYPAGE .userInfo2 div.userImg div img { width:85px; } .NEWMYPAGE .userInfo2 div.userImg .redBtn { width:110px; font-size:12px; font-weight:400; line-height:25px; margin:0 auto;} .NEWMYPAGE .userInfo2 .infoBox { margin-top:18px; overflow:hidden; border-bottom:1px solid #dedede; } .NEWMYPAGE .userInfo2 .infoBox .hdTitle { border-bottom:1px solid #999; padding-bottom:3px; clear:both;} .NEWMYPAGE .userInfo2 .infoBox ul { float:left; width:238px;} .NEWMYPAGE .userInfo2 .infoBox ul + ul { float:right;} .NEWMYPAGE .userInfo2 .infoBox ul li { font-size:14px; color:#141414; background:url("/img/newMain/bg_hLine.gif") repeat-x 0 bottom; padding:7px 0 6px; } .NEWMYPAGE .userInfo2 .infoBox ul li.last { background:none; } .NEWMYPAGE .userInfo2 .infoBox ul li span { color:#666; display:inline-block; margin-right:20px; padding-left:8px; background:url("/img/newMain/icon_dot2.gif") no-repeat 0 10px;} .NEWMYPAGE .userInfo2 .infoBox ul li.longTxt span { min-width:80px;} .NEWMYPAGE .userInfo2 .infoBox ul.ulOne { width:100%; height:70px;} .NEWMYPAGE .userInfo2 .infoBox ul li.addr { width:200%;} .NEWMYPAGE .userCheck { padding:30px;} .NEWMYPAGE .tabMenuList { font-size:0;} .NEWMYPAGE .tabMenuList a { font-size:14px; display:inline-block; width:216px; height:35px; line-height:35px; text-align:center; background:#f6f6f6; border:1px solid #dedede; border-bottom:1px solid #999; margin-left:-1px; box-sizing:border-box;} .NEWMYPAGE .tabMenuList a:first-child { margin-left:0; width:215px;} .NEWMYPAGE .tabMenuList a.active { background:#fff; color:#e4001d; font-weight:500; border:1px solid #999; border-bottom:0px solid #fff;} .NEWMYPAGE .tabMenuList a.active+a { border-left:1px solid #999;} .NEWMYPAGE .tabMenuList_New a { font-size:14px; display:inline-block; width:144px; height:35px; line-height:35px; text-align:center; background:#f6f6f6; border:1px solid #dedede; border-bottom:1px solid #999; margin-left:-3px; box-sizing:border-box;} .NEWMYPAGE .tabMenuList_New a:first-child { margin-left:0; width:143px;} .NEWMYPAGE .tabMenuList_New a.active { background:#fff; color:#e4001d; font-weight:500; border:1px solid #999; border-bottom:0px solid #fff;} .NEWMYPAGE .tabMenuList_New a.active+a { border-left:1px solid #999;} .NEWMYPAGE .privacy_check {margin-top:0px; height:90px;} .NEWMYPAGE .tabCont .tabTitle { overflow:hidden; padding:12px 0; } .NEWMYPAGE .tabCont .tabTitle .hdTitle { float:left; padding-left:20px;} .NEWMYPAGE .tabCont .tabTitle p { float:right; margin-top:5px; color:#666; } .NEWMYPAGE .tabCont .infoTbl { width:100%; } .NEWMYPAGE .tabCont .infoTbl th { background:#fafafa; font-weight:400; font-size:12px; line-height:14px; color:#332f2f; border:1px solid #dedede; border-right:none 0; height:20px; padding:5px;} .NEWMYPAGE .tabCont .infoTbl td { font-size:12px; color:#666; border:1px solid #dedede; border-right:none 0; text-align:center; height:40px;} .NEWMYPAGE .tabCont .infoTbl th:first-child, .NEWMYPAGE .tabCont .infoTbl td:first-child { border-left:none 0;} .NEWMYPAGE .tabCont .infoTbl td strong { color:#e4001d; font-weight:500;} .NEWMYPAGE .tabCont .infoTbl a { display:inline-block; font-size:12px; color:#666; border:1px solid #dedede; background:#fafafa; line-height:22px; padding:0 6px; margin:0 1px;} .NEWMYPAGE .tabCont .infoTbl.bigTbl { margin-bottom:10px; } .NEWMYPAGE .tabCont .infoTbl.bigTbl th, .NEWMYPAGE .tabCont .infoTbl.bigTbl td { font-size:14px; text-align:left; height:40px; padding:0 20px;} .NEWMYPAGE .tabCont .infoTbl .noData { height:50px; font-size:14px;} .NEWMYPAGE .tabCont .infoTbl .bdl { border-left:1px solid #dedede !important; } .NEWMYPAGE .tabCont .infoTbl .bdlNone { border-left:none 0;} .NEWMYPAGE .tabCont .infoTbl .thLeft { text-align:left; } /* 2017-4-25 보안수준 추가 김태훈 start */ .NEWMYPAGE .security_level { position:absolute; width:200px; height:45px; top:480px; right:360px; border:0px solid #000;} .NEWMYPAGE .security_level .person_level_left { position:relative; float:left; border:0px solid #000;} .NEWMYPAGE .security_level .person_level_left .person_level{ position:relative; margin-top:0px; border:0px solid #000; } .NEWMYPAGE .security_level .person_level_left .person_point{ position:relative; margin-top:5px; border:0px solid #000; } .NEWMYPAGE .security_level .person_level_left .person_level ul{ display:inline-block; margin-left:3px; } .NEWMYPAGE .security_level .person_level_left .person_level ul li { float:left; font-size:13px; color:#000; min-height:17px;} .NEWMYPAGE .security_level .person_level_left .person_level ul li.red_level{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#c73e3e;} .NEWMYPAGE .security_level .person_level_left .person_level ul li.green_level{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#5fc73e;} .NEWMYPAGE .security_level .person_level_left .person_level ul li.orange_level{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#0078d1;} .NEWMYPAGE .security_level .person_level_left .person_point ul{ float:left; margin:0px 0 0 3px;} .NEWMYPAGE .security_level .person_level_left .person_point ul li { float:left; font-size:13px; color:#000; min-height:17px;} .NEWMYPAGE .security_level .person_level_left .person_point ul li.red_point{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#c73e3e;} .NEWMYPAGE .security_level .person_level_left .person_point ul li.green_point{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#5fc73e;} .NEWMYPAGE .security_level .person_level_left .person_point ul li.orange_point{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#0078d1;} .NEWMYPAGE .security_level .btn{ position:relative; margin:0 0 0 5px;} .NEWMYPAGE .security_level .btn .plusBtn { position:relative; float:left; width:50px; height:39px; margin:0 0 0 0; padding: 3px 4px 5px 17px; font-size: 11px; color: #999; font-weight: 500; line-height: 10px; background: #fff url("/img/common/icon/icon_plusBtn.gif") no-repeat 5px center; border: 1px solid #999; } /* 2017-4-25 보안수준 추가 김태훈 end */ .NEWMYPAGE .grayback { background:#f3f3f3; margin-top:10px; padding:0 0; overflow:hidden;} .NEWMYPAGE .grayback .col2 .box { width: 455px; } .NEWMYPAGE .grayback .mainBBS { position: relative; height: 148px; padding: 20px 38px 0; box-sizing: border-box; } .NEWMYPAGE .grayback .mainBBS .hdTitle { margin-bottom: 3px; color: #383434; font-size: 18px; font-weight: 500; } .NEWMYPAGE .grayback .mainBBS ul li { overflow: hidden; } .NEWMYPAGE .grayback .mainBBS ul li a { color: #666; font-size: 14px; font-weight: 500; line-height: 26px; } .NEWMYPAGE .grayback .mainBBS ul li span { float: right; color: #666; font-size: 14px; font-weight: 500; line-height: 26px; } .NEWMYPAGE .grayback .mainBBS .moreBtn { position: absolute; right: 38px; top: 26px; } .NEWMYPAGE .grayback .mainBBS .moreBtn a { display: block; width: 16px; height: 16px; font-size: xx-small; text-indent: -9999em; background: url("/img/newMain/icon_plusBtn.gif") no-repeat center center; border: 1px solid #666; } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtType { width: 250px !important; height: 110px; margin: 15px 43px auto; } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtType .item img { float: none; } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtType.owl-carousel .owl-nav { display: block; position: absolute; top: 42px; width: 100%;} #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtType.owl-carousel .owl-nav div { position: absolute; width: 13px; height: 23px; background-repeat: no-repeat; font-size: xx-small; text-indent: -9999em; cursor: pointer; } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtType.owl-carousel .owl-nav div.owl-prev { left: -23px; background-image: url("/img/newMain/icon_nav_left.png"); } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtType.owl-carousel .owl-nav div.owl-next { right: -23px; background-image: url("/img/newMain/icon_nav_right.png"); } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtType.owl-carousel .owl-dots { bottom: -15px; } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtCtrl { position: absolute; left: 48%; bottom: 8px; margin-left: 0px; } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtCtrl button { width: 9px; height: 10px; font-size: xx-small; text-indent: -999em; background-repeat: no-repeat; } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtCtrl .play { background-image: url("/img/newMain/icon_ctrl_play.gif"); } #wrap #container .NEWMYPAGE .grayback .productBnr .productEvtCtrl .pause { background-image: url("/img/newMain/icon_ctrl_pause.gif"); } /* button */ .redBtn { display: block; width: 100%; color: #fff; font-size: 14px; font-weight: 700; line-height: 40px; background-color: #cc200c; } .yellowBtn { width: 300px; color: #141414; font-size: 14px; font-weight: 700; line-height: 40px; background-color: #f6b90f; } .grayBtn { width: 78px; height: 30px; color: #fefefe; font-size: 14px; font-weight: 500; line-height: 30px; background-color: #6d6a6a; } .plusBtn { display: inline-block; height: 16px; padding: 0 4px 0 14px; font-size: 11px; color: #666; font-weight: 500; line-height: 16px; background: #fff url("/img/newMain/icon_plusBtn.gif") no-repeat 5px center; border: 1px solid #666; } /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편에 따른 추가 김태훈 start */ .plusBtn2 { display: inline-block; height: 16px; padding: 0 4px 0 14px; font-size: 11px; color: #666; font-weight: 500; line-height: 16px; background: #fff url("/img/newMain/icon_plusBtn.gif") no-repeat 5px center; border: 1px solid #666; } .plusBtn3 { display: inline-block; height: 16px; padding: 0 4px 0 14px; font-size: 11px; color: #666; font-weight: 500; line-height: 16px; background: #fff url("/img/newMain/icon_plusBtn.gif") no-repeat 5px center; border: 1px solid #666; } .plusBtn4 { display: inline-block; height: 16px; padding: 0 4px 0 14px; font-size: 11px; color: #666; font-weight: 500; line-height: 16px; background: #fff url("/img/newMain/icon_plusBtn.gif") no-repeat 5px center; border: 1px solid #666; } /* 2017-4-19 기업뱅킹 메인페이지 디자인 개편에 따른 추가 김태훈 end */ .emptyBtn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: xx-small; text-indent: -9999em; } /* col number, box */ .col2 .box, .col3 .box { float: left; margin-left: 10px; background-color: #fff; box-sizing: border-box; } .col2 .box2 { float: left; background-color: #f3f3f3; box-sizing: border-box; } .col2 .box .inBox { margin: -4px 0 0 -4px; overflow: hidden; background-color: #f3f3f3; } .col2 .box .inBox .cols4 { float: left; width: 225px; height: 52px; margin: 4px 0 0 4px; background-color: #fff; } .col2 { margin: 10px 0; } .col2 .box { width: 455px; } .col2 .box:first-child { margin-left: 0; } .col2:after { content: ''; display: block; clear: both; } .col3 { overflow: hidden; } .col3 .box { width: 300px; } .col3 .box:first-child { margin-left: 0; } .mainBnr { margin: 10px 0; } .callConsult { width: 700px; padding: 30px 0; margin: -10px auto -50px; overflow: hidden; text-align: center; } .callConsult .hdTitle { display: inline; float: left; padding-left: 30px; margin-right: 11px; font-size: 16px; font-weight: 500; line-height: 30px; background: url("/img/newMain/icon_call.gif") no-repeat 0 center; } .callConsult p { display: inline; float: left; margin-right: 4px; } .callConsult p img { float: left; margin-right: 8px; } .callConsult span { float: left; font-size: 12px; color: #666; font-weight: 500; line-height: 30px; } /* 2017-4-20 메인 팝업 추가 김태훈 start */ #main-popup {position:absolute;margin:0;padding:0;z-index:99;border:1px solid #bbb;background-color:#fff} #main-popup .btn-close {position:absolute;top:10px;left:10px} #main-popup .main-popup-contents {display:block;margin:0;padding:0} #main-popup .main-popup-contents .img-contents {display:block;margin:0;padding:0} #main-popup .main-popup-contents .edit-wrap {display:block;margin:0;padding:0 7px 0 0;background-color:#fff} #main-popup .main-popup-contents .edit-wrap ul {float:right;margin:0;padding:0;list-style:none} #main-popup .main-popup-contents .edit-wrap ul li {float:left;margin:5px 0;padding:0 5px;color:#333;font-size:13px} #main-popup .main-popup-contents .edit-wrap ul li label, #main-popup .main-popup-contents .edit-wrap ul li a, #main-popup .main-popup-contents .edit-wrap ul li a:hover, #main-popup .main-popup-contents .edit-wrap ul li a:active, #main-popup .main-popup-contents .edit-wrap ul li a:focus {color:#000;font-size:13px} #main-popup .clr {clear:both} /* 2017-4-20 메인 팝업 추가 김태훈 end */ /* 2018-1-26 메인 평창올림픽 D데이 추가 김태훈 start */ #main-popup-inc {position:absolute;margin:0;padding:0;z-index:99;border:1px solid #d9d9d9; background-color:#fff} #main-popup-inc .main-popup-contents {display:block;margin:0;padding:0; background: url("/img/newMain/pyeongchang_Dday_bg.png") no-repeat 0 center;} #main-popup-inc .main-popup-contents-end {display:block;margin:0;padding:0; background: url("/img/newMain/pyeongchang_Dday_bg_end.png") no-repeat 0 center;} #main-popup-inc .main-popup-contents .img-contents {display:block;margin:0;padding:0} #main-popup-inc .main-popup-contents .img-contents ul {float:right;margin:0;padding:0;list-style:none} #main-popup-inc .main-popup-contents .img-contents ul li {float:left;margin:9px 0;padding:0 28px;color: #fff; font-size: 14px; font-weight: 700; text-align: center;} #main-popup-inc .main-popup-contents .img-contents ul li label, #main-popup-inc .main-popup-contents .img-contents ul li a, #main-popup-inc .main-popup-contents .img-contents ul li a:hover, #main-popup-inc .main-popup-contents .img-contents ul li a:active, #main-popup-inc .main-popup-contents .img-contents ul li a:focus {color:#000;font-size:13px} #main-popup-inc .clr {clear:both} /* 2018-1-26 메인 평창올림픽 D데이 추가 김태훈 end */ /* 2018-8-31 메인 비주얼 이미지 이벤트 링크 추가 김태훈 start */ #main-popup-ine {position:absolute;margin:0;padding:0;z-index:99; background-color:none} #main-popup-ine .main-popup-contents {display:block;margin:0;padding:0;} /* 2018-8-31 메인 비주얼 이미지 이벤트 링크 추가 김태훈 end */