@charset "utf-8";

/* main */
.main-visual {position:relative;overflow:hidden;}
.main-visual .img-wrap {width:100%; height:530px; position:absolute; top:0; left:0; overflow:hidden; z-index:-1;}
.main-visual .img-wrap div {width:100%; height:530px; background:url(/resource/img/bpb/main/main_visual.jpg) center center no-repeat; background-size:cover; transform:scale(1.1,1.1);}
.main-visual .img-wrap div.on {animation:scale 15s ease;}
.main-visual .service {overflow:hidden; width:1080px; margin:0 auto;}
.main-visual .service .item {float:left; width:270px; height:530px; padding-top:143px; box-sizing:border-box;}
.main-visual .service .item .hover {display:block; padding-top:146px; text-align:center; text-decoration:none;}
.main-visual .service .item .title {font-family:'notoR'; font-weight:400; font-size:28px; color:#fff; text-shadow:0px 0px 7px rgba(0,0,0,0.45);}
/*.main-visual .service .item .title:hover {text-shadow:0px 2px 7px rgba(0,0,0,45); transition-duration:0.7s;}*/
.main-visual .service .item .sub-text {margin-top:15px; font-size:18px; color:#fff; line-height:22px; font-family:'notoR';}
.main-visual .service .item01 .hover {background:url(/resource/img/bpb/main/ico_service01.png) center 2px no-repeat;}
.main-visual .service .item02 .hover {background:url(/resource/img/bpb/main/ico_service02.png) center top no-repeat;}
.main-visual .service .item03 .hover {background:url(/resource/img/bpb/main/ico_service03.png) center top no-repeat;}
.main-visual .service .item04 .hover {background:url(/resource/img/bpb/main/ico_service04.png) center 2px no-repeat;}

.main-visual .service .cont {display:none; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; width:100%; height:530px; z-index:10;}
.main-visual .service .item01 .cont .img-wrap {background:url(/resource/img/bpb/main/bg_item04.jpg) top center no-repeat; background-size:cover;}
.main-visual .service .item02 .cont .img-wrap {background:url(/resource/img/bpb/main/bg_item05.jpg) top center no-repeat; background-size:cover;}
.main-visual .service .item03 .cont .img-wrap {background:url(/resource/img/bpb/main/bg_item03.jpg) top center no-repeat; background-size:cover;}
.main-visual .service .item04 .cont .img-wrap {background:url(/resource/img/bpb/main/bg_item06.jpg) top center no-repeat; background-size:cover;}
.main-visual .service .cont .inner-box .btn-close {display:none; position:absolute; top:10px; right:10px; width:38px; height:38px; background:url(/resource/img/bpb/main/btn_close.png) center center no-repeat;}
.main-visual .service .cont  .img-wrap {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:530px; transform:scale(1.1,1.1);}
.main-visual .service .cont.on  .img-wrap {animation:scale 15s ease;}
.main-visual .service .cont .inner-box {position:relative; width:1080px; height:530px; margin:0 auto; padding-top:103px; box-sizing:border-box;}
.main-visual .service .item04 .cont .inner-box {padding-top:75px;}
.main-visual .service .cont .title-area {text-align:center;}
.main-visual .service .cont .title-area .stitle {display:block; font-family:'notoR'; font-weight:400; font-size:37px; color:#fff; padding-top:3px;}
.main-visual .service .cont .title-area .stitle em {position:relative; display:inline-block; color:#ffdf7e;}
.main-visual .service .cont .title-area .stitle em:before {content:''; display:block; position:absolute; top:-3px; left:50%; margin-left:-2.5px; width:5px; height:5px; background:url(/resource/img/bpb/main/ico_important01.png) center top no-repeat;}
.main-visual .service .cont .title-area .text {display:block; margin-top:11px; font-family:'notoR'; font-weight:100; font-size:18px; color:#fff;}
@keyframes scale {
	0% {transform:scale(1.2,1.2);}
	50% {transform:scale(1,1);}
	100% {transform:scale(1.1,1.1);}
}

.ie7 .main-visual .service .item04 .cont .inner-box,
.ie8 .main-visual .service .item04 .cont .inner-box,
.ie9 .main-visual .service .item04 .cont .inner-box {
	position:relative; top:0; left:0; margin:0 auto;
}
.ie7 .main-visual .service .item04 .cont .inner-box .middle-box,
.ie8 .main-visual .service .item04 .cont .inner-box .middle-box,
.ie9 .main-visual .service .item04 .cont .inner-box .middle-box {
	top:103px; left:0; right:0;
}

.main-visual .service .service-list {position:relative; overflow:hidden; width:1080px; margin-top:60px; box-sizing:border-box;}
.main-visual .service .service-list li {position:relative; float:left; min-width:91px; margin-left:98px; opacity:0;}
.main-visual .service .service-list li a {position:relative; display:block; padding-top:109px; text-align:center; text-decoration:none;}
.main-visual .service .service-list li a .mtitle {font-family:'notoR'; font-weight:400; font-size:22px; line-height:26px; color:#fff; text-decoration:none;}

/* 조회/이체 */
.main-visual .service .item01 .service-list li:first-child {margin-left:49px;}
.main-visual .service .item01 .service-list li a:before {content:''; position:absolute; top:0; left:50%; height:86px; background:url(/resource/img/bpb/main/sprite_ico02.png) 0 0 no-repeat;}
.main-visual .service .item01 .service-list li.list01 a:before {width:102px; margin-left:-51px; background-position:0 0;}
.main-visual .service .item01 .service-list li.list02 a:before {width:90px; margin-left:-45px; background-position:-214px 0;}
.main-visual .service .item01 .service-list li.list03 {margin-left:104px;}
.main-visual .service .item01 .service-list li.list03 a:before {width:114px; margin-left:-57px; background-position:-422px 0;}
.main-visual .service .item01 .service-list li.list04 {margin-left:113px;}
.main-visual .service .item01 .service-list li.list04 a:before {width:92px; margin-left:-46px; background-position:-646px 0;}
.main-visual .service .item01 .service-list li.list05 {margin-left:109px;}
.main-visual .service .item01 .service-list li.list05 a:before {width:82px; margin-left:-41px; background-position:-867px 0;}

/* 공인인증센터 */
.main-visual .service .item02 .service-list li {min-width:98px; margin-left:85px;}
.main-visual .service .item02 .service-list li:first-child {margin-left:55px;}
.main-visual .service .item02 .service-list li a:before {content:''; position:absolute; top:0; left:50%; height:85px; background:url(/resource/img/bpb/main/sprite_ico03.png) 0 0 no-repeat;}
.main-visual .service .item02 .service-list li.list01 a:before {width:90px; margin-left:-45px; background-position:0 0;}
.main-visual .service .item02 .service-list li.list02 a:before {width:90px; margin-left:-45px; background-position:-216px 0;}
.main-visual .service .item02 .service-list li.list03 {margin-left:90px;}
.main-visual .service .item02 .service-list li.list03 a:before {width:90px; margin-left:-45px; background-position:-432px 0;}
.main-visual .service .item02 .service-list li.list04 {margin-left:78px;}
.main-visual .service .item02 .service-list li.list04 a:before {width:140px; margin-left:-70px; background-position:-622px 0;}
.main-visual .service .item02 .service-list li.list05 {margin-left:56px;}
.main-visual .service .item02 .service-list li.list05 a:before {width:130px; margin-left:-65px; background-position:-844px 0;}

.ie8 .main-visual .service .item02 .service-list li {margin-left:75px;}
.ie8 .main-visual .service .item02 .service-list li:first-child {margin-left:30px;}
.ie8 .main-visual .service .item02 .service-list li.list03 {margin-left:75px;}
.ie8 .main-visual .service .item02 .service-list li.list04 {margin-left:75px;}
.ie8 .main-visual .service .item02 .service-list li.list05 {margin-left:56px;}

/* KJB 서비스 */
.main-visual .service .item03 .service-list li {min-width:112px; margin-left:50px;}
.main-visual .service .item03 .service-list li:first-child {margin-left:50px;}
.main-visual .service .item03 .service-list li a:before {content:''; position:absolute; top:0; left:50%; height:80px; background:url(/resource/img/bpb/main/sprite_ico04_n.png) 0 0 no-repeat;}
.main-visual .service .item03 .service-list li.list01 a:before {width:82px; margin-left:-42px; background-position:0 0;}
.main-visual .service .item03 .service-list li.list02 a:before {width:86px; margin-left:-43px; background-position:-169px 0;}
.main-visual .service .item03 .service-list li.list03 {margin-left:50px;}
.main-visual .service .item03 .service-list li.list03 a:before {width:87px; margin-left:-37px; background-position:-342px 0;}
.main-visual .service .item03 .service-list li.list04 {margin-left:50px;}
.main-visual .service .item03 .service-list li.list04 a:before {width:75px; margin-left:-38px; background-position:-514px 0;}
.main-visual .service .item03 .service-list li.list05 {margin-left:50px;}
.main-visual .service .item03 .service-list li.list05 a:before {width:112px; margin-left:-56px; background-position:-674px 0;}
.main-visual .service .item03 .service-list li.list06 {margin-left:50px;}
.main-visual .service .item03 .service-list li.list06 a:before {width:80px; margin-left:-39px; background-position:-866px 0;}

/* KJB 상품 */ 
.main-visual .service .prod-wrap {width:1080px; margin:26px auto 0;}
.main-visual .service .prod-wrap .prod-list {position:relative; display:none;}
.main-visual .service .prod-wrap .prod-list:after {content:''; display:block; clear:both;}
.main-visual .service .prod-wrap .prod-list li {position:relative; float:left; width:345px; height:326px; margin-left:22px; box-sizing:border-box;}
.main-visual .service .prod-wrap .prod-list li:first-child  {margin-left:0;}

.main-visual .service .prod-wrap .prod-list .label {position:absolute; top:-4px; right:18px; z-index:1; width:42px; height:47px; padding:10px 3px 0 0; font-size:12px; color:#fff; font-family:'notoR'; font-weight:400; text-align:center; box-sizing:border-box;}
.main-visual .service .prod-wrap .prod-list .label strong {font-size:18px; font-weight:400; vertical-align:0;}
.main-visual .service .prod-wrap .prod-list li.sky .label {background:url(/resource/img/bpb/main/img_main_label01.png) 0 0 no-repeat;}
.main-visual .service .prod-wrap .prod-list li.blu .label {background:url(/resource/img/bpb/main/img_main_label02.png) 0 0 no-repeat;}
.main-visual .service .prod-wrap .prod-list li.pur .label {background:url(/resource/img/bpb/main/img_main_label03.png) 0 0 no-repeat;}

.main-visual .service .prod-wrap .prod-list li .prod-link {display:block; width:100%; height:100%; padding:22px 37px 37px 37px; background-color:#fff; text-decoration:none; border:3px solid #fff; box-sizing:border-box; box-shadow:37px 37px 40px 0px rgba(0,0,0,0.2);}
.main-visual .service .prod-wrap .prod-list li .prod-link:hover:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid #faa500;}

.main-visual .service .prod-wrap .prod-list li .sort {display:inline-block; min-width:51px; text-align:center; font-size:15px; font-family:'notoR'; font-weight:400; border-radius:40px;}
.main-visual .service .prod-wrap .prod-list li.sky .sort {border:2px solid #7bbff3; color:#7bbff3;}
.main-visual .service .prod-wrap .prod-list li.blu .sort {border:2px solid #436dc3; color:#436dc3;}
.main-visual .service .prod-wrap .prod-list li.pur .sort {border:2px solid #31acd4; color:#31acd4;}

.main-visual .service .prod-wrap .prod-list li .divi {display:block; margin-top:24px; font-size:15px; color:#757575;}
.main-visual .service .prod-wrap .prod-list li.sky .divi em,
.main-visual .service .prod-wrap .prod-list li.pur .divi em {display:inline-block; padding:0 0 1px 0; font-size:13px; color:#fff; min-width:47px; text-align:center; margin-right:3px;}
.main-visual .service .prod-wrap .prod-list li.sky .divi em.color1,
.main-visual .service .prod-wrap .prod-list li.pur .divi em.color1 {background:#369ded;}
.main-visual .service .prod-wrap .prod-list li.sky .divi em.color2,
.main-visual .service .prod-wrap .prod-list li.pur .divi em.color2 {background:#6489cf;}
.main-visual .service .prod-wrap .prod-list li.sky .divi em.color3,
.main-visual .service .prod-wrap .prod-list li.pur .divi em.color3 {background:#31acd4;}

.main-visual .service .prod-wrap .prod-list li.blu .lisk {display:block; margin-top:24px;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em {position:relative; display:inline-block; padding:0 4px 0 10px; font-weight:700; color:#0082dd;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em:before {content:''; display:block; position:absolute; left:0; top:50%; background:#cecece; width:1px; height:13px; margin-top:-6px;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em:first-child {padding-left:0;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em:first-child:before {display:none;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em.color1 {color:#99b000;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em.color2 {color:#00c670;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em.color3 {color:#00b1bc;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em.color4 {color:#da9f00;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em.color5 {color:#ff7e00;}
.main-visual .service .prod-wrap .prod-list li.blu .lisk em.color6 {color:#ff0000;}

.main-visual .service .prod-wrap .prod-list li .title {display:block; height:80px; margin:8px 0 36px; font:400 28px/32px 'notoR'; color:#333; text-shadow:none;}

.prod-wrap .prod-list > li .percent-wrap {display:block;}
.main-visual .service .prod-wrap .prod-list li .percent-wrap .per {display:block; font-weight:600; font-size:44px; color:#faa500; letter-spacing:-0.5px; line-height:1;}
.main-visual .service .prod-wrap .prod-list li.sky .percent-wrap .per {color:#369ded;} 
.main-visual .service .prod-wrap .prod-list li.blu .percent-wrap .per {color:#587cc6;}  
.main-visual .service .prod-wrap .prod-list li.pur .percent-wrap .per {color:#0fa3d3; font-size: 22px; line-height: 26px;}
.main-visual .service .prod-wrap .prod-list li .percent-wrap .per > em {margin-left:8px; font-size:16px; font-weight:400; vertical-align:baseline;}
.main-visual .service .prod-wrap .prod-list li .percent-wrap .per .mark {margin-left:5px; font-size:30px; vertical-align:baseline;}
.main-visual .service .prod-wrap .prod-list li .percent-wrap .per .mark2 {margin-left:5px; font-size:20px; vertical-align:baseline;}
.main-visual .service .prod-wrap .prod-list li .percent-wrap .txt {display:block; overflow:hidden; width:100%; color:#777; font-size:13px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.05em; line-height:18px;}

/* 개인메인 */
.main-quick-wrap {position:relative; width:1080px; margin:0 auto;}

.main-quick {position:relative;}
.main-quick p {line-height:106px; font-family:'notoR'; color:#333; font-size:22px; text-align:center;}
.main-quick .btn-menu {overflow:hidden; position:absolute; bottom:-25px; left:50%; margin-left:-25px; background:url(/resource/img/bpb/main/bg_main-quick01.gif) left top no-repeat; width:49px; height:49px; text-indent:-9999em; box-shadow:10px 10px 15px 0px rgba(0,0,0,0.2);}
.main-quick .btn-menu.on {background:url(/resource/img/bpb/main/bg_main-quick02.gif) left top no-repeat;}
.main-quick .main-quick-menu {background:#fff; padding-bottom:70px;}
.main-quick .main-quick-menu ul:after {content:''; display:block; clear:both;}
.main-quick .main-quick-menu li {float:left; position:relative; border:3px solid transparent; box-sizing:border-box; width:180px; height:353px; padding-top:110px;}
.main-quick .main-quick-menu li:before {content:''; display:block; background:#e5e5e5; position:absolute; top:-3px; left:-3px; width:1px; height:353px;}
.main-quick .main-quick-menu li:first-child:before {display:none;}
.main-quick .main-quick-menu li strong {display:block; position:relative; left:-3px; color:#fff; font-size:18px; font-family:'notoR'; font-weight:400; text-align:center; background:url(/resource/img/bpb/main/bg_main-tit.png) left top no-repeat; box-sizing:border-box; margin-bottom:8px; width:180px; height:55px; line-height:53px;}
.main-quick .main-quick-menu li strong:before {content:''; display:block; background:#4891dd; position:absolute; top:0px; left:0px; width:1px; height:55px;}
.main-quick .main-quick-menu li:first-child strong:before {display:none;}
.main-quick .main-quick-menu li a {color:#333; display:block; margin:0 24px 0 ; padding-top:6px; padding-bottom:8px; line-height:18px; border-top:1px solid #fff;}
.main-quick .main-quick-menu li strong + a {border-top:0;}
.main-quick .main-quick-menu li.bg01 {background:url(/resource/img/bpb/main/ico_main_quick01.png) center 31px no-repeat;}
.main-quick .main-quick-menu li.bg02 {background:url(/resource/img/bpb/main/ico_main_quick02.png) center 29px no-repeat;}
.main-quick .main-quick-menu li.bg02 strong {background-position:-180px 0;}
.main-quick .main-quick-menu li.bg02 strong:before {background:#51a8ea;}
.main-quick .main-quick-menu li.bg03 {background:url(/resource/img/bpb/main/ico_main_quick03.png) center 31px no-repeat;}
.main-quick .main-quick-menu li.bg03 strong {background-position:-360px 0;}
.main-quick .main-quick-menu li.bg04 {background:url(/resource/img/bpb/main/ico_main_quick04.png) center 27px no-repeat;}
.main-quick .main-quick-menu li.bg04 strong {background-position:-540px 0;}
.main-quick .main-quick-menu li.bg05 {background:url(/resource/img/bpb/main/ico_main_quick05.png) center 29px no-repeat;}
.main-quick .main-quick-menu li.bg05 strong {background-position:-720px 0;}
.main-quick .main-quick-menu li.bg06 {background:url(/resource/img/bpb/main/ico_main_quick06.png) center 25px no-repeat;}
.main-quick .main-quick-menu li.bg06 strong {background-position:-900px 0;}
.main-quick .main-quick-menu li.bg06 strong:before {background:#49a1e8;}
.main-quick .main-quick-menu li:hover,
.main-quick .main-quick-menu li.on {position:relative; border:3px solid #0082dd; box-shadow:10px 10px 15px 0px rgba(0,0,0,0.2);}
.main-quick .main-quick-menu li:hover:before,
.main-quick .main-quick-menu li.on:before,
.main-quick .main-quick-menu li:hover + li:before,
.main-quick .main-quick-menu li.on + li:before,
.main-quick .main-quick-menu li:hover strong:before,
.main-quick .main-quick-menu li.on strong:before,
.main-quick .main-quick-menu li:hover + li strong:before,
.main-quick .main-quick-menu li.on + li strong:before {display:none;}
.main-quick .main-quick-menu li:hover a,
.main-quick .main-quick-menu li.on a {border-top:1px solid #dcdcdc;}
.main-quick .main-quick-menu li:hover strong,
.main-quick .main-quick-menu li.on strong {background:url(/resource/img/bpb/main/bg_main-tit02.png) center 7px no-repeat; color:#333;}
.main-quick .main-quick-menu li:hover strong + a,
.main-quick .main-quick-menu li.on strong + a {border-top:0;}

.main-bot-wrap-top {overflow:hidden; width:100%; background:url(/resource/img/bpb/main/bg_main_bot-wrap.gif) center top no-repeat; padding:60px 0 56px;}
/* .main-event-wrap {width:1080px; margin:0 auto;}
.main-event-wrap .title-wrap {margin-bottom:34px;}
.main-event-wrap .title-wrap .title {font-size:30px;}
.main-event {position:relative; box-shadow:10px 10px 15px 0px rgba(0,0,0,0.1);}
.main-event .bx-controls-direction {display:none;} */
/* .main-event .bx-controls {position:absolute; top:-77px; right:0; padding-top:13px; height:27px;} */
/* 20180720 배너 갯수 추가 */
/* .main-event .bx-pager {display:inline-block; text-align:right; width:320px;}
.main-event .bx-pager-item {display:inline-block; margin-right:15px; z-index:999; opacity:1;}
.main-event .bx-pager-item .bx-pager-link {overflow:hidden; text-indent:-9999em; background:url(/resource/img/bpb/main/bg_main_paging.png) left top no-repeat; display:inline-block; font-size:0; color:#transparent; width:15px; height:15px;}
.main-event .bx-pager-item .bx-pager-link.active {background-position:0 -15px;}
.main-event .bx-controls-auto {display:inline-block;}
.main-event .bx-controls-auto .bx-controls-auto-item a{display:inline-block; overflow:hidden; width:15px; height:15px; text-indent:-9999em;}
.main-event .bx-controls-auto .bx-controls-auto-item a.active {display:none;}
.main-event .bx-controls-auto .bx-controls-auto-item .bx-start {background:url(/resource/img/bpb/main/bg_main_start.png) center top no-repeat;}
.main-event .bx-controls-auto .bx-controls-auto-item .bx-stop {background:url(/resource/img/bpb/main/bg_main_stop.png) left top no-repeat;} */

/* 2023-01-25 웹접근성 대응 */
.main-event .bx-wrapper .bx-viewport {overflow: unset !important}

.main-bot-wrap-bottom {width:1080px; margin:60px auto -40px;}
.main-bot-wrap-bottom:after {content:''; display:block; clear:both;}
.main-bot-wrap-bottom .tit {display:block; height:39px; font-size:22px; font-family:'notoR'; font-weight:400;}

.main-news {position:relative; float:left; width:330px;}
.main-news .tit {margin-top:-7px; padding-bottom:6px;}
.main-news .more-view {position:absolute; right:0px; top:5px; display:block; background:url(/resource/img/bpb/main/ico_main_more.png) left top no-repeat; text-indent:-9999em; width:12px; height:12px;}
.main-news ul {border-top:1px solid #c8c8c8;}
.main-news li {border-bottom: 1px solid #dcdcdc; height:49px; line-height:49px;}
.main-news li a {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:320px;}

.main-info-con {float:left; border-right:1px solid #ccc; border-top:1px solid #ccc; box-sizing:border-box; margin:0 30px; width:358px;}
.main-info-con li {float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; width:119px; height:119px;}
.main-info-con li a {display:block; text-align:center; padding:27px 0 24px;}
.main-info-con li a span {display:block; margin-top:8px;}

.main-customer {float:left; padding:22px 28px 0; background:url(/resource/img/bpb/main/bg_main_customer02.png) 222px 30px no-repeat; border:1px solid #ccc; box-sizing:border-box; width:332px; height:239px;}
.main-customer ul {margin-top:22px;}
.main-customer ul:after {content:''; display:block; clear:both;}
.main-customer li {float:left; width:90px; height:80px; line-height:80px; background:#a3b0c2; text-align:center; margin-left:1px;}
.main-customer li:first-child {margin-left:0;}
.main-customer li a:hover,
.main-customer li a:focus {background:#193a66;}
.main-customer li a {color:#fff; display:block; line-height:80px;}

.main-customer-wr {float:left;}
.main-customer01 {background:#f1f9ff; margin-bottom:19px; text-align:center; width:332px; height:50px; box-sizing:border-box; border:1px solid #ccc;}
.main-customer01 a {display:inline-block; position:relative; padding-left:55px; line-height:50px; color:#333; font-size:18px; font-family:'notoR';}
.main-customer01 a:before {content:''; display:block; position:absolute; left:0; top:18px; width:44px; height:31px; background:url(/resource/img/bpb/main/bg_main_customer04.png) left top no-repeat;}
/*.main-customer02 {padding:12px 24px 0; background:url(/resource/img/bpb/main/bg_main_customer03.png) 25px 20px no-repeat; border:1px solid #ccc; box-sizing:border-box; width:332px; height:170px;}
.main-customer02 .text-wr {padding-left:83px;}
.main-customer02 .text-wr p {margin-top:-9px;}*/
.main-customer02 {padding:12px 24px 0; border:1px solid #ccc; box-sizing:border-box; width:332px; height:170px;font-size:14px;}
.main-customer02 .text-wr {padding-left:0px;}
.main-customer02 .text-wr p {margin-top:2px;}
.main-customer02 ul {margin-top:10px;}
.main-customer02 ul:after {content:''; display:block; clear:both;}
.main-customer02 li {float:left; width:140px; height:30px; background:#888888; text-align:center; margin:0 0 1px 1px;}
.main-customer02 li:first-child, .main-customer02 li:nth-child(3n) {margin-left:0;}
.main-customer02 li a:hover,
.main-customer02 li a:focus {background:#193a66;}
.main-customer02 li a {color:#fff; display:block; line-height:30px;}



/* title */
.title-wrap {position:relative; margin:-5px 0 17px;}
.title-wrap.only-btns {margin-bottom:6px;}
.title-wrap .title {float:left; display:inline-block; font-size:22px; font-family:'notoR'; font-weight:400;}
.title-wrap .title02 {float:left; font-size:15px; color:#333; padding-top:3px; margin-bottom:-10px;}
.title-wrap .tit-btns {float:right; text-align:right;}
.title-wrap .tit-chk {float:right; margin-top:5px;}
.title-wrap .noti-txt {display:inline-block; margin-top:5px; font-size:13px; color:#575757;}
.title-wrap .unit-txt {float:right; margin-top:5px;}
.title-wrap .btn-aco {float:right; text-align:right;}
.title-wrap:after {content:''; display:block; clear:both;}
.title-wrap.type2 .title {float:none; display:block; margin-bottom:20px;}


/* box list type */
.box-lists {padding:0 30px; border:1px solid #dcdcdc;}
.box-lists .box-item {position:relative; padding:23px 0 25px; border-top:1px solid #dcdcdc;}
.box-lists .box-item:after {content:''; position:absolute; top:-1px; left:50%; margin-left:-8px; background:url(/resource/img/common/image/img_arrow02.png) left top no-repeat; width:17px; height:10px; z-index:10;}
.box-lists .box-item:first-child {border-top:0;}
.box-lists .box-item:first-child:after {display:none;}

.box-lists .box-item dt {color:#0082dd; font-family:'notoR'; font-size:22px; line-height:34px; margin-bottom:10px;}
.box-lists .box-item dt .number {display:inline-block; margin-right:22px; color:#333; font-size:32px; font-weight:700;}
.box-lists .box-item dd {position:relative; margin-left:60px; padding-left:13px; color:#575757; line-height:22px;}
.box-lists .box-item dd:before {content:''; position:absolute; left:0; top:12px; width:4px; height:4px; margin-top:-2px; background-color:#2cb1e2;}
.box-lists .box-item .img-view {margin-top:27px; padding-left:0;}
.box-lists .box-item .img-view:before {left:-9999em;}
.box-lists .box-item .box-item-box {margin-top:15px; padding-left:0;}
.box-lists .box-item .box-item-box:before {left:-9999em;}
.box-lists .box-item .box-item-box:after {content:''; display:block; clear:both;}
.box-lists .box-item .box-item-box .fl-box {float:left; width:390px;}
.box-lists .box-item .box-item-box .fl-box th {text-align:center;}
.box-lists .box-item .box-item-box .fl-box td {height:66px;}
.box-lists .box-item .box-item-box .fl-box.last {padding-left:80px;}
.box-lists .box-item .box-item-box .fl-box.last:before {position:absolute; top:58px; left:30px; display:block; content:''; background:url(/resource/img/ibs/ico_b_arrow01.png) left top no-repeat; width:21px; height:40px;}
.box-lists .box-item .design-box {border:1px solid #d5dfea; border-radius:2px; background:#f3f7fc;}
.box-lists .box-item .design-box li {padding:40px 60px; box-sizing:border-box;}
.box-lists .box-item .design-box li:first-child {padding:30px 60px;}
.box-lists .box-item .design-box li strong {display:block;}
.box-lists .box-item .design-box li:before {content:"1"; display:block; position:absolute; top:32px; left:30px; background:#0094cb; border-radius:2px; color:#fff; font-size:12px; font-family:'notoR'; text-align:center; line-height:20px; width:20px; height:20px;}
.box-lists .box-item .design-box li + li:before {content:"2"; top:42px;}
.box-lists .box-item .design-box li + li + li:before {content:"3"; top:42px;}
.box-lists .box-item .design-box li .area02 {position:absolute; right:0; top:30px; display:block; border-left:1px solid #d5dfea; padding:10px 0 0 0; color:#5d84e7; text-align:center; width:250px; height:32px;}
.box-lists .box-item .box-item:after {content:''; display:block; position:absolute; bottom:-13px; left:50%; margin-left:-8px; background:url(/resource/img/common/image/img_arrow03.png) left top no-repeat; width:24px; height:13px; z-index:10}
.box-lists .box-item .box-item:first-child:after {display:none;}
.box-lists .box-item .notice-txt {position:relative; margin:5px 0 0 57px; padding-left:16px; color:#0082dd;}
.box-lists .box-item .notice-txt:before {content:'※'; position:absolute; left:0; top:0; color:#0082dd;}


/* box list type 추가_카드이용한도부분 */
.box-lists_18 {padding:0 30px; border:1px solid #dcdcdc;}
.box-lists_18 .box-item {position:relative; padding:23px 0 25px; border-top:1px solid #dcdcdc;}
.box-lists_18 .box-item:after {content:''; position:absolute; top:-1px; left:50%; margin-left:-8px; background:url(/resource/img/common/image/img_arrow02.png) left top no-repeat; width:17px; height:10px; z-index:10;}
.box-lists_18 .box-item:first-child {border-top:0;}
.box-lists_18 .box-item:first-child:after {display:none;}

.box-lists_18 .box-item dt {color:#0082dd; font-family:'notoR'; font-size:22px; line-height:34px; margin-bottom:10px;}
.box-lists_18 .box-item dt .number {display:inline-block; margin-right:22px; color:#333; font-size:32px; font-weight:700;}
.box-lists_18 .box-item dd {position:relative; margin-left:60px; padding-left:13px; color:#575757; line-height:22px;}
.box-lists_18 .box-item dd:before {content:''; position:absolute; left:0; top:12px; width:4px; height:4px; margin-top:-2px; background-color:#2cb1e2;}
.box-lists_18 .box-item .img-view {margin-top:27px; padding-left:0;}
.box-lists_18 .box-item .img-view:before {left:-9999em;}
.box-lists_18 .box-item .box-item-box {margin-top:15px; padding-left:0;}
.box-lists_18 .box-item .box-item-box:before {left:-9999em;}
.box-lists_18 .box-item .box-item-box:after {content:''; display:block; clear:both;}
.box-lists_18 .box-item .box-item-box .fl-box {float:left; width:420px;}
.box-lists_18 .box-item .box-item-box .fl-box th {text-align:center;}
.box-lists_18 .box-item .box-item-box .fl-box td {height:66px;}
.box-lists_18 .box-item .box-item-box .fl-box.last {padding-left:80px;}
.box-lists_18 .box-item .box-item-box .fl-box.last:before {position:absolute; top:78px; left:30px; display:block; content:''; background:url(/resource/img/ibs/ico_b_arrow01.png) left top no-repeat; width:21px; height:40px;}
.box-lists_18 .box-item .design-box {border:1px solid #d5dfea; border-radius:2px; background:#f3f7fc;}
.box-lists_18 .box-item .design-box li {padding:40px 60px; box-sizing:border-box;}
.box-lists_18 .box-item .design-box li:first-child {padding:30px 60px;}
.box-lists_18 .box-item .design-box li strong {display:block;}
.box-lists_18 .box-item .design-box li:before {content:"1"; display:block; position:absolute; top:32px; left:30px; background:#0094cb; border-radius:2px; color:#fff; font-size:12px; font-family:'notoR'; text-align:center; line-height:20px; width:20px; height:20px;}
.box-lists_18 .box-item .design-box li + li:before {content:"2"; top:42px;}
.box-lists_18 .box-item .design-box li + li + li:before {content:"3"; top:42px;}
.box-lists_18 .box-item .design-box li .area02 {position:absolute; right:0; top:30px; display:block; border-left:1px solid #d5dfea; padding:10px 0 0 0; color:#5d84e7; text-align:center; width:250px; height:32px;}
.box-lists_18 .box-item .box-item:after {content:''; display:block; position:absolute; bottom:-13px; left:50%; margin-left:-8px; background:url(/resource/img/common/image/img_arrow03.png) left top no-repeat; width:24px; height:13px; z-index:10}
.box-lists_18 .box-item .box-item:first-child:after {display:none;}
.box-lists_18 .box-item .notice-txt {position:relative; margin:5px 0 0 57px; padding-left:16px; color:#0082dd;}
.box-lists_18 .box-item .notice-txt:before {content:'※'; position:absolute; left:0; top:0; color:#0082dd;}
.box-lists_18 .box-item p {position:relative; padding-left:13px; color:#575757; line-height:30px;font-weight:bold;font-size:18px;}
.box-lists_18 .box-item p:before {content:''; position:absolute; left:0; top:16px; width:4px; height:4px; margin-top:-2px; background-color:#2cb1e2;}

/* 텍스트 박스 */
.normal-text {margin-bottom:21px; font-size:14px; color:#575757; line-height:24px;}
.normal-text strong {color:#333333;}
.normal-text em {font-weight:bold; color:#004c98;}

/* 해시태그 박스 */
.hashtag-box {border-radius:2px; border:1px solid #dcdcdc; background:#fff;}
.hashtag-box .title-area {padding:15px; border-bottom:1px solid #dcdcdc;}
.hashtag-box .title-area .title {position:relative; padding-left:32px; font-size:16px; line-height:20px;}
.hashtag-box .title-area .title:before {content:''; position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -196px 0;}
.hashtag-box {overflow:hidden; border:1px solid #dcdcdc; border-radius:2px;}
.hashtag-box .hashtag-area {overflow:hidden; margin:-10px 0 0 -10px; padding:20px; border-bottom:1px solid #dcdcdc;}
.hashtag-box .hashtag-area .hashtag {float:left; height:45px; margin:10px 0 0 10px; padding:0 15px; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:2px; background-color:#fff; color:#575757; line-height:43px;}
.hashtag-box .hashtag-area .hashtag.on {border-color:#0082dd; color:#fff; background:#0082dd;}
.hashtag-box .list {padding:28px 20px 25px;}
.hashtag-box .list .item {margin-top:18px; padding-left:13px; color:#575757; font-size:13px; line-height:20px;}
.hashtag-box .list .item:first-child {margin-top:0;}
.hashtag-box .list .item .title {position:relative; margin-left:-14px; padding-left:15px; color:#333; font-size:16px; line-height:22px;}
.hashtag-box .list .item .title:before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#6b6b6b;}
.hashtag-box .list .item ul {margin:8px 0; font-size:14px;}
.hashtag-box .list .item ul li {margin-top:4px; text-indent:-15px; margin-left:15px;}
.hashtag-box .list .item ul li:first-child {margin-top:0;}

.hashtag-box .list .item ul li.in-list {text-indent:0; margin-left:0;}
.hashtag-box .list li .sub-list {margin:8px 0 8px 0;}
.hashtag-box .list .sub-list .item {position:relative; margin-left:0; padding-left:20px; text-indent:0;}
.hashtag-box .list .sub-list .item .order {position:absolute; left:0; top:0;}
.hashtag-box .list .sub-lists li {margin-left:0 !important; text-indent:0 !important;}

/* 마이페이지 - 신용/체크카드 */
.card-mp-main {margin-bottom:-40px;}
.card-mp-main .mp-content .arrow {display:inline-block;overflow:hidden;position:relative;padding-right:12px;background:url(/resource/img/bpb/bg/bg_mypage_link_arrow.png) no-repeat right 6px;color:#333;text-decoration:none;}
.card-mp-main .mp-content .arrow:before {content:"";position:absolute;right:12px;bottom:1px;width:100%;height:1px;background-color:#333;}
.card-mp-main .mp-content .title {font-size:18px;font-family:'notoR';line-height:1;color:#333;}
.ie8 .card-mp-main .mp-content .title {letter-spacing:-0.05em;}
.card-mp-main .mp-content .btns.xs {width:100%;height:28px;margin-top:13px;line-height:28px;box-sizing:border-box;}

.card-mp-main .mp-content .info-list,
.card-mp-main .mp-content .info-list li {overflow:hidden;}
.card-mp-main .mp-content .info-list {padding-top:13px;}
.card-mp-main .mp-content .info-list li {margin-top:3px;}
.card-mp-main .mp-content .info-list li:first-child {margin-top:0;}
.card-mp-main .mp-content .info-list span.state {padding:2px 9px 5px;border:1px solid #ff4628;border-radius:30px;font-weight:400;line-height:1;color:#ff4628;}
.card-mp-main .mp-content .info-list span.state a {display:inline-block;margin:-2px -9px -5px;padding:2px 9px 5px;color:#ff4628;text-decoration:none;}
.card-mp-main .mp-content p.info-list {padding-top:16px;}
.card-mp-main .mp-content .info-list strong {float:left;font-weight:400;color:#575757;}
.card-mp-main .mp-content .info-list strong em {float:left;margin-right:2px;}
.card-mp-main .mp-content .info-list strong span {padding-top:1px;font-size:13px;font-weight:400;color:#777;}
.card-mp-main .mp-content .info-list span {float:right;font-weight:700;}
.card-mp-main .mp-content .info-list span em {color:#6661ce;}
.card-mp-main .mp-content .price {text-align:right;}
.card-mp-main .mp-content .price > em {display:inline-block;margin:4px 1px 0 0;font-size:18px;color:#008dd6;vertical-align:baseline;}

.card-mp-main .mp-content .mp-con-top {overflow:hidden;}
.card-mp-main .mp-content .mp-con-top > div {float:left;position:relative;height:300px;margin-left:12px;padding:26px 25px 0;border-radius:3px;box-sizing:border-box;}
.card-mp-main .mp-content .mp-con-top > div:first-child {margin-left:0;}
.card-mp-main .mp-content .mp-con-top .info + .info {padding-top:18px;border-top:1px solid #dcdcdc;}
.card-mp-main .mp-content .mp-con-top .info {height:100px;margin-top:15px;}
.card-mp-main .mp-content .mp-con-top .info dt {font-size:16px;font-family:'notoR';line-height:1;color:#333;}
.card-mp-main .mp-content .mp-con-top .info + .info {margin-top:0;}
.card-mp-main .mp-content .mp-con-top .info dt span {line-height:1.3;}
.card-mp-main .mp-content .mp-con-top .info dt .arrow:before {display:none;}
.card-mp-main .mp-content .mp-con-top .info dd.price {overflow:hidden;height:31px;box-sizing:border-box;}
.card-mp-main .mp-content .mp-con-top .info dd.link {height:46px;box-sizing:border-box;}
.card-mp-main .mp-content .mp-con-top .info dd.text {margin-top:4px;line-height:22px;color:#575757;}
.card-mp-main .mp-content .mp-con-top .info dd.txt {line-height:18px; padding-top:8px;}
.card-mp-main .mp-content .mp-con-top .mp-con01 {width:534px;background:url(/resource/img/bpb/bg/bg_mypage_card.png) no-repeat 0 0;color:#fff; padding-right:0; padding-left:13px;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .title {height:37px;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .title a {color:#fff;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .total {position:absolute;right:13px;top:24px;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .total a {color:#fff;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .total em {color:#bbe8ff;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .view {display:table-cell;position:relative;height:154px;padding-left:245px;vertical-align:middle;box-sizing:border-box;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .view dt {font-size:18px;font-family:'notoR';line-height:30px;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .view dd.image {position:absolute;left:0;top:0;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .view dd.image img {width:237px;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .view dd.number {margin-top:6px;font-size:16px;font-family:'notoR';color:#ddd;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .point {position:absolute;left:0;bottom:0;width:100%;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .point li {float:left;width:266px;height:68px;margin-left:1px;padding-top:12px;background:url(/resource/img/bpb/bg/bg_mypage_card_point.png) repeat 0 0;font-family:'notoR';line-height:1;text-align:center;box-sizing:border-box;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .point li:first-child {width:267px;margin-left:0;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .point li strong {display:block;font-size:16px;font-weight:400;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .point li span {display:block;margin-top:5px;}
.card-mp-main .mp-content .mp-con-top .mp-con01 .point li span em {font-size:20px;color:#bbe8ff;vertical-align:baseline;}
.card-mp-main .mp-content .mp-con-top .mp-con02,
.card-mp-main .mp-content .mp-con-top .mp-con03 {width:261px;border:1px solid #dcdcdc;}
.card-mp-main .mp-content .mp-con-top .mp-con02 dd.price {font-family:'notoR';color:#333;}
.card-mp-main .mp-content .mp-con-top .mp-con02 a {margin-top:20px;}
.card-mp-main .mp-content .mp-con-top .mp-con02 .inner {height:119px;}
.card-mp-main .mp-content .mp-con-top .mp-con02 .inner + .inner {padding-top:21px;border-top:1px solid #dcdcdc;}
.card-mp-main .mp-content .mp-con-top .mp-con02 .inner a.arrow {margin-top:21px;}
.card-mp-main .mp-content .mp-con-top .mp-con02 .inner .btns.xs {margin-top:63px;}
.card-mp-main .mp-content .mp-con-top .mp-con03 > a {text-decoration:none;}
.card-mp-main .mp-content .mp-con-top .mp-con03 dd.price {padding-top:8px;}
.card-mp-main .mp-content .mp-con-top .mp-con03 dd.price strong {float:left;font-weight:400;color:#575757;}
.card-mp-main .mp-content .mp-con-top .mp-con03 dd.price span {float:right;font-weight:700;color:#333;}
.card-mp-main .mp-content.check-card .mp-con-top .info {height:86px;}
.card-mp-main .mp-content.check-card .mp-con-top .mp-con03 {height:auto;padding:0;background:url(/resource/img/bpb/bg/bg_mypage_info.png) no-repeat right bottom;}
.card-mp-main .mp-content.check-card .mp-con-top .mp-con03 > a {display:block;height:298px;padding:26px 25px 0;box-sizing:border-box;}

.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02 {padding-top:19px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02 .info {margin-top:0; height:auto;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02 .info + .info {margin-top:19px; padding-top:19px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02 .info dt {font-size:18px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02 .info .price {height:auto; font-size:16px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02 .info .price > em {margin-top:7px; font-size:22px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02 .info .link {margin-top:7px;}

/*180725추가,180808*/
.card-mp-main .mp-content .mp-con-top .mp-con02_01 {width:261px; border:1px solid #dcdcdc;}
.card-mp-main .mp-content .mp-con-top .mp-con02_01 dd.price {font-family:'notoR'; color:#333;}
.card-mp-main .mp-content .mp-con-top .mp-con02_01 dd.price strong {float:left; font-weight:700; padding-top:5px; padding-left:10px; font-size:14px; color:#575757;}
.card-mp-main .mp-content .mp-con-top .mp-con02_01 dd.price span {float:right; font-weight:700; padding-top:5px; padding-right:8px; font-size:14px; color:#575757;}
.card-mp-main .mp-content .mp-con-top .mp-con02_01 dd.price span em {color:#008dd6;}

.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 {padding-top:10px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 dl:first-child {height:100px; border-top:0px solid #dcdcdc;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 .info {height:100px; border-top:1px solid #dcdcdc; margin-top:8px; padding-top:8px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 .info + .info {margin-top:10px; padding-top:10px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 .info dt {font-size:16px; padding-bottom:3px;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 .info .price {height:auto;}
.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 p {margin-top:5px; font-size:12px; vertical-align:bottom; padding-left:10px;}

.card-mp-main .mp-content.credit-card .mp-con-top .mp-con02_01 .info .link {margin-top:-7px;}

/*180725추가,180808*/

.card-mp-main .mp-content .mp-con-mid {overflow:hidden;margin-top:10px;}
/*.card-mp-main .mp-content .mp-con-mid > div {float:left;position:relative;width:352px;height:333px;margin-left:12px;padding:0 25px;border:1px solid #dcdcdc;border-radius:3px;box-sizing:border-box;}*/
/*20180524수정*/
.card-mp-main .mp-content .mp-con-mid > div {float:left;position:relative;width:352px;height:350px;margin-left:12px;padding:0 25px;border:1px solid #dcdcdc;border-radius:3px;box-sizing:border-box;}
.card-mp-main .mp-content .mp-con-mid > div:first-child {margin-left:0;}
.card-mp-main .mp-content .mp-con-mid .inner {padding-top:26px;}
.card-mp-main .mp-content .mp-con-mid .inner + .inner {margin-top:15px;padding-top:20px;border-top:1px solid #dcdcdc;}
.card-mp-main .mp-content .mp-con-mid .service-list {padding-top:13px;}
.card-mp-main .mp-content .mp-con-mid .service-list li {margin-top:3px;}
.card-mp-main .mp-content .mp-con-mid .service-list li:first-child {margin-top:0;}
.card-mp-main .mp-content .mp-con-mid .service-list li a {position:relative;padding-left:23px;}
.card-mp-main .mp-content .mp-con-mid .service-list li a:before {content:"";position:absolute;left:0;top:2px;width:16px;height:16px;background:url(/resource/img/bpb/bg/bg_mypage_service_n.png) no-repeat;}
.card-mp-main .mp-content .mp-con-mid .service-list li.item01 a:before {background-position:0 center;}
.card-mp-main .mp-content .mp-con-mid .service-list li.item02 a:before {background-position:-30px center;}
.card-mp-main .mp-content .mp-con-mid .service-list li.item03 a:before {background-position:-60px center;}
.card-mp-main .mp-content .mp-con-mid .service-list li.item04 a:before {background-position:-90px center;}
.card-mp-main .mp-content .mp-con-mid .service-list li.item05 a:before {background-position:-120px center;}
.card-mp-main .mp-content .mp-con-mid .service-list li.item06 a:before {background-position:-150px center;}
.card-mp-main .mp-content .mp-con-mid .event-list {position:relative;margin-top:20px;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-viewport li a {display:block;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls {position:absolute;right:0;top:-38px;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls  a {overflow:hidden;float:left;width:18px;height:17px;margin-left:-1px;border:1px solid #999;background:url(/resource/img/bpb/bg/bg_mypage_event_arrow.png) no-repeat;text-indent:-5000em;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-direction a.bx-prev {background-position:0 0;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-direction a.bx-next {background-position:-18px 0;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-auto {display:inline-block;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-auto a {display:block; width:20px;height:19px; background:url(/resource/img/bpb/card_controler.png) 0 -5px no-repeat; border:none;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-auto a.active {display:none;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-auto a.bx-start {background-position:0 -22px;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-auto a.bx-stop {background-position:0 0;}
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-direction,
.card-mp-main .mp-content .mp-con-mid .event-list .bx-controls .bx-controls-auto {float:left;}

.card-mp-main .mp-content .mp-con-mid .event-list p {margin-top:10px;color:#575757;}
.card-mp-main .mp-content .mp-con-mid .mp-con01 a.arrow {margin-top:51px;}
.card-mp-main .mp-content .mp-con-mid .mp-con01 .price {margin-top:9px;font-family:'notoR';color:#333;}
.card-mp-main .mp-content .mp-con-mid .mp-con02 .info-list {height:43px;}
.card-mp-main .mp-content .mp-con-mid .mp-con02 .info-list strong {width:234px;line-height:18px;}
.card-mp-main .mp-content .mp-con-mid .mp-con02 .info-list strong span {float:left;}
.card-mp-main .mp-content .mp-con-mid .mp-con02 .customer dt {margin-top:14px;color:#575757;}
.card-mp-main .mp-content .mp-con-mid .mp-con02 .customer dd + dt {margin-top:16px;}
.card-mp-main .mp-content .mp-con-mid .mp-con02 .customer dd {color:#777;}
.card-mp-main .mp-content .mp-con-mid .mp-con02 .customer dd em {display:block;padding-top:3px;font-size:16px;color:#333;}
.card-mp-main .mp-content .mp-con-mid .mp-con03 .inner + .inner {position:absolute;left:0;bottom:0;width:100%;padding:0;border-top:0;}
.card-mp-main .mp-content .mp-con-mid .mp-con03 .inner + .inner a {display:block;height:92px;padding:22px 25px 0;background:#f0f0f0 url(/resource/img/bpb/bg/bg_mypage_faq.png) no-repeat right bottom;text-decoration:none;box-sizing:border-box;}
.card-mp-main .mp-content .mp-con-mid .mp-con03 .inner + .inner p {margin-top:6px;font-size:13px;}
.card-mp-main .mp-content .mp-con-mid .mp-con03 .inner + .inner .arrow {padding-right:16px;background-position:right 4px;}
.card-mp-main .mp-content .mp-con-mid .mp-con03 .inner + .inner .arrow:before {display:none;}
.card-mp-main .mp-content.check-card .mp-con-mid .mp-con01 a.arrow {margin-top:38px;}
.card-mp-main .mp-content.check-card .mp-con-mid .inner + .inner {margin-top:19px;}

.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area {padding:0; border:0;}
.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area .inner {border:1px solid #dcdcdc; padding:23px 25px 21px; border-radius:2px;}
/*180808 응모이벤트 가기*/
.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area .inner + .inner01 {display:table; overflow:hidden; border:1px solid #dcdcdc; border-left:0; margin-top:10px; border-radius:2px;}
.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area .inner + .inner01 a {display:table-cell; width:480px; vertical-align:middle; text-align:center; color:#333; border-left:1px solid #dcdcdc; height:30px; box-sizing:border-box;}
/*180808 응모이벤트 가기*/
.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area .inner01 + .inner02 {display:table; overflow:hidden; border:1px solid #dcdcdc; border-left:0; margin-top:10px; border-radius:2px;}
.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area .inner01 + .inner02 a {display:table-cell; width:168px; vertical-align:middle; text-align:center; color:#333; border-left:1px solid #dcdcdc; height:62px; box-sizing:border-box;}

/* 하단 테이블 더보기 [수수료 면제현황] */
.btn-ico-more {display:block; width:120px; height:39px; margin:0 auto; box-sizing:border-box; border-radius:0 0 2px 2px; border:1px solid #0082dd; border-top:0; background:#fff; text-align:center;}
.btn-ico-more span {display:inline-block; position:relative; padding-right:23px; color:#0082dd; font-size:14px; line-height:38px;}
.btn-ico-more span:before {content:''; position:absolute; right:0; top:50%; width:16px; height:9px; margin-top:-4px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -45px -84px;}
.more-cont {display:none;}


/* 카드론 조회결과 */
.result-loan {display:table; table-layout:fixed; width:100%; background:#fafafa; border:1px solid #dcdcdc;}
.result-loan .cols {position:relative; display:table-cell; width:247px; height:120px; vertical-align:middle; text-align:right;}
.result-loan .cols.line {padding-right:23px;}
.result-loan .cols.line:after {position:absolute; right:0; top:36px; display:inline-block; width:1px; height:48px; content:''; background-color:#dfdfdf;}
.result-loan .cols.line em {display:inline-block; font-size:28px; vertical-align:middle;}
.result-loan .cols.line em + span {font-size:16px; vertical-align:sub;}
.result-loan .cols.user {width:auto; padding-left:40px; text-align:left;}
.result-loan .cols.btn {padding:0; text-align:center; width:270px;}
.result-loan .cols.btn .btns {min-width:144px;}
.result-loan .cols .blue {color:#0082dd;}
.result-loan .cols .red {color:#ff4628; margin-left:80px;}
.result-loan .cols .user-name {font-size:16px; display:block;}

/* 카드이용명세서 */ 
.result-settlement {border:1px solid #dcdcdc; background:#fafafa; color:#575757; border-radius:4px;}
.result-settlement:after {clear:both; display:block; content:'';}
.result-settlement .total {float:left; padding:23px 0 24px 30px;}
.result-settlement .total .define dt,
.result-settlement .total .define dd {display:inline-block; font-size:18px;}
.result-settlement .total .define dt {margin-right:30px; color:#333;}
.result-settlement .total .define dd {color:#0082dd;}
.result-settlement .total .txt-bank {margin-top:10px;}

.result-settlement .items {float:right; width:540px; padding:31px 30px 24px 0; box-sizing:border-box;}
.result-settlement .items .define {float:left; width:50%; text-align:right; height:22px;}
.result-settlement .items .define dt,
.result-settlement .items .define dd {display:inline-block;}
.result-settlement .items .define.wide {float:none; width:100%;}

/* type2 */
.result-settlement .total2 {float:left; padding:23px 0 24px 30px;}
.result-settlement .total2 .define .title {display:block; margin:0; font-size:16px; color:#333;}
.result-settlement .total2 .define .title span {display:inline-block; font-size:14px; vertical-align:bottom; line-height:24px;}
.result-settlement .total2 .define .price {display:block; font-family:'notoR'; font-size:20px; color:#0082dd;}
.result-settlement .total2 .txt-bank2 {margin-top:10px; color:#777; font-size:14px; line-height:20px;}

.result-settlement .items2 {float:right; padding:31px 30px 24px 0;}
.result-settlement .items2 .divison {overflow:hidden; float:right;}
.result-settlement .items2 .divison li {float:left; width:200px; margin-left:60px;}
.result-settlement .items2 .divison li:first-child {margin-left:0;}
.result-settlement .items2 .divison li .title {display:block; margin-bottom:15px; padding-bottom:15px; font-size:16px; color:#333; border-bottom:1px solid #dcdcdc;}
.result-settlement .items2 .divison li dl {position:relative; padding-left:65px; line-height:22px;}
.result-settlement .items2 .divison li dl dt {position:absolute; top:0; left:0; width:65px; text-align:left;}
.result-settlement .items2 .divison li dl dd {text-align:right;}

.result-settlement .lists-date {clear:both; overflow:hidden; width:100%; background-color:#f3f3f3; border-top:1px solid #dcdcdc; line-height:54px; text-align:center;}
.result-settlement .lists-date li {position:relative; float:left; width:33.3%; text-align:center; box-sizing:border-box;}
.result-settlement .lists-date li:before {position:absolute; left:0; top:50%; width:1px; height:15px; margin-top:-5px; background:#b5b5b5; content:'';}
.result-settlement .lists-date li:first-child:before {display:none;}

.result-settlement .lists-date.cols1 li {width:100%;}
.result-settlement .lists-date.cols2 li {width:50%;}
.result-settlement .lists-date.cols4 li {width:25%;}


/* 계좌개설확인서 */
.confirm-form.bgtype02 {position:relative; width:670px; padding:70px 30px 70px; background-color:#e9f1fa; border-radius:0;}
.confirm-form.bgtype02:before,
.confirm-form.bgtype02:after {content:''; position:absolute; left:0; right:0; height:40px; background:url(/resource/img/common/image/bg_curmers-bill01.gif) no-repeat 0 0;}
.confirm-form.bgtype02:before {top:0;}
.confirm-form.bgtype02:after {bottom:0;}
.confirm-form.bgtype02 .confirm-form-title {margin-bottom:22px;}
.confirm-form.bgtype02 .seal-info {padding-top:25px;}
.confirm-form.bgtype02 .seal-info .seal-mark {margin-top:-30px;}
.confirm-form.bgtype02 .tbl-list {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.confirm-form.bgtype02 td{background:#fff;}

.seal-box {padding-top:35px; text-align:center;}
.seal-box p {font-size:14px; color:#333; line-height:24px;}
.seal-box .seal-mark {margin-top:22px; line-height:54px;}
.seal-box .seal-mark span {display:inline-block;}
.seal-box .seal-mark span img {margin-right:10px;}
.seal-box .seal-mark img {vertical-align:middle;}


/* ISP 안내박스 */
.isp-info {border:1px solid #cbdbef; background:#f5f9ff url(/resource/img/ibs/img_isp01.gif) 20px 20px no-repeat; padding:30px 70px 0 270px; height:169px; box-sizing:border-box;}
.isp-info dt {color:#004c98; font-size:22px; font-family:'notoR'; margin-bottom:5px;}
.isp-info dd {line-height:22px;}

.partialpay {overflow:hidden;background-color:#f5f9ff; border:1px solid #c2d4ea; padding:25px; text-align:center;}
.partialpay .txt-head {color:#333; font-size:16px;}
.partialpay .btn-space {margin:15px 0 0;}
.partialpay .btn-space > a {margin:0 3px;}
.partialpay .btn-space + p {margin-top:15px;}

.pdf-noti {margin-top:10px;}
.pdf-noti .txt {font-size:13px; color:#777; vertical-align:middle;}

/* 마이뱅킹 > 나만의 이미지 설정/관리 */
.my-img {display:inline-block; width:110px; height:110px;}
.my-img img {width:110px; height:110px;}

.img-slider {position:relative;}
.img-slider .bx-wrapper,
.img-slider .bx-viewport {padding-right:24px;}
.img-slider .slide-item {text-align:center;}
.img-slider .slide-item .btns {width:80px; margin:15px 0 0;}
.img-slider .slide-item.on .btns {border:0; background-color:#0082dd; color:#fff !important; line-height:35px;}
.img-slider .bx-controls-direction a {position:absolute; top:0; height:110px; width:30px; font-size:0; text-indent:-9999px; line-height:0;}
.img-slider .bx-controls-direction .bx-prev {left:0;}
.img-slider .bx-controls-direction .bx-next {right:0;}
.img-slider .bx-controls-direction a:before {content:''; position:absolute; top:50%; width:17px; height:27px; margin-top:-14px; background-image:url(/resource/img/common/ico/ico_sprite.png); background-repeat:no-repeat;}
.img-slider .bx-controls-direction .bx-prev:before {left:0; background-position:-79px -101px;}
.img-slider .bx-controls-direction .bx-next:before {right:0; background-position:-117px -101px;}
.img-slider .bx-controls-direction .bx-prev.disabled:before {background-position:-60px -101px;}
.img-slider .bx-controls-direction .bx-next.disabled:before {background-position:-98px -101px;}


/* 대출 > 중도금대출 접수 서비스안내 */
.desc-box {padding:30px; border:1px solid #c2d4ea; text-align:center; background-color:#f5f9ff;}
.desc-box .desc-tit {font-size:16px; color:#333;}
.desc-box .btns-wrap {margin:20px auto 20px;}
.desc-box .desc {font-size:14px; color:#575757;}
.desc-box .desc strong {color:#5d84e7;}


/* 보안프로그램 설치안내 */
.connect-info {margin:20px 0; padding:25px 15px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.connect-info dt {font-size:16px;}
.connect-info dd {margin-top:12px;}

/* 공인인증센터 */
.cert-com {width:100%; padding:40px 0; background-color:#f6f6f6;}
.cert-menu-area {overflow:hidden; width:1078px; margin:0 auto;}
.cert-menu-area .item {position:relative; float:left; width:260px; height:381px; margin-left:10px; border:1px solid #dcdcdc; border-radius:3px; background-color:#fff; text-align:center;}
.cert-menu-area .item:first-child {margin-left:0;}
.cert-menu-area .item .title {display:block; margin-top:40px; font-family:'notoR'; font-weight:400; color:#333; font-size:22px; text-align:center;}
.cert-menu-area .item .title.line {margin-top:30px;}
.cert-menu-area .item .cont {position:absolute; bottom:30px; left:0; right:0;}
.cert-menu-area .item .cont .text {height:60px; margin-bottom:5px; font-size:14px; color:#575757; line-height:20px;}
.cert-menu-area .item .cont .btns {width:200px; margin-top:8px; padding:0; font-size:15px;}

.cert-menu-area .item.item01 {background-image:url(/resource/img/bpb/img_cert01.png); background-position:center 124px; background-repeat:no-repeat;}
.cert-menu-area .item.item02 {background-image:url(/resource/img/bpb/img_cert02.png); background-position:center 124px; background-repeat:no-repeat;}
.cert-menu-area .item.item03 {background-image:url(/resource/img/bpb/img_cert03.png); background-position:center 124px; background-repeat:no-repeat;}
.cert-menu-area .item.item04 {background-image:url(/resource/img/bpb/img_cert04.png); background-position:center 120px; background-repeat:no-repeat;}

.cert-info {overflow:hidden; border:1px solid #dbdbdb;}
.cert-info .item {float:left; width:358px; height:185px; border-left:1px solid #ededed;}
.cert-info .item:first-child {border-left:0;}
.cert-info .item a {display:block; width:100%; height:100%; padding:23px 0 0 29px; box-sizing:border-box; text-decoration:none;}
.cert-info .item .title {position:relative; padding-right:20px; font-size:20px; color:#333; font-weight:normal;}
.cert-info .item .title:after {content:''; position:absolute; top:50%; right:0; width:9px; height:16px; margin-top:-6px; background:url(/resource/img/common/ico/ico_sprite.png) -30px -131px no-repeat;}
.cert-info .item .text {margin-top:15px; font-size:14px; color:#777; line-height:24px;}

.cert-info .item.item01 {background:url(/resource/img/bpb/img_cert_info01.png) 287px 111px no-repeat;}
.cert-info .item.item02 {background:url(/resource/img/bpb/img_cert_info02.png) 281px 106px no-repeat;}
.cert-info .item.item03 {background:url(/resource/img/bpb/img_cert_info03.png) 276px 116px no-repeat;}

.cert-more {overflow:hidden; margin-top:35px;}
.cert-more .left-cont {float:left;}
.cert-more .right-cont {float:right;}
.cert-more .ubikey .title {font-size:16px; color:#333;}
.cert-more .ubikey .text {margin-top:13px; font-size:14px; color:#575757; line-height:22px;}
.cert-more .ubikey .btn-area {margin-top:22px;}

.cert-more .faq-notice {position:relative; width:506px;}
.cert-more .faq-notice .title {font-size:16px; color:#333;}
.cert-more .faq-notice .btn-more {position:absolute; top:0; right:0; padding-right:28px; font-size:14px; color:#777; text-decoration:none;}
.cert-more .faq-notice .btn-more:after {content:''; position:absolute; top:50%; right:0; width:18px; height:18px; margin-top:-7px; background:url(/resource/img/common/ico/ico_sprite.png) -41px -131px no-repeat;}
.cert-more .faq-notice .notice-list {margin-top:10px; padding-top:13px; border-top:1px solid #dbdbdb;}
.cert-more .faq-notice .notice-list li {position:relative; padding-left:15px;}
.cert-more .faq-notice .notice-list li:before {content:''; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#2cb1e2;}
.cert-more .faq-notice .notice-list li a {overflow:hidden; display:block; width:100%; font-size:14px; color:#575757; line-height:28px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;}

.confirm-box {padding:25px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc ; text-align:center;}
.confirm-box .confirm-info {font-size:16px; color:#333; line-height:24px;}
.confirm-box .sub-info {margin-top:10px; font-size:14px; color:#575757; line-height:20px;}
.confirm-box.mar-t30{margin-top:27px;}

.logout-msg {width:100%; text-align:center; padding-top:185px; background:url(/resource/img/bpb/img-state-logout.png) no-repeat center top; margin-top:10px;}
.logout-msg .this-tit {font-size:22px;}
.logout-msg .this-scr {font-size:14px; margin-top:12px;}

/* 정보동의 */
.agree-box .title .fz-14 {font-size:14px;}

/* 동의서 서명, 약관 */
.sign-area {float:right;}
.space-area{display:inline-block; min-width:34px; text-align:right; padding-left:16px;}
.space-area02{display:inline-block; min-width:84px; text-align:right; padding-left:16px;}
.agree-lists > li {padding-left:16px; text-indent:-16px; margin-top:5px;}
.agree-lists > li .cs-lists {margin-bottom:3px;}
.agree-lists > li .cs-lists li, .agree-lists > li .sub-lists {margin-top:3px;}
.agree-lists > li .cs-lists li, .agree-lists > li p, .agree-lists > li .sub-lists {text-indent:0px;}
.agree-lists.non-bul > li {padding-left:0; text-indent:0;}
.agree-lists .mar-t5 {margin-top:5px;}
.agree-box-inner.type02 dt {font-size:22px; padding-bottom:17px; display:inline-block; font-family:'notoR'; font-weight:400; line-height:1.3; margin-bottom:0;}

/* 동의리스트 [아코디언]*/
.agree-list {}
.agree-list.dt-none dt {display:none;}
.agree-list > dd {margin-top:10px; padding-left:15px; text-indent:-15px;}
.agree-list > dd:first-of-type {margin-top:15px;}
.agree-list > li {padding-left:15px; text-indent:-15px;}
.agree-list.type2 > li {padding-left:0; text-indent:0;}
.agree-list.type3 > li {padding-left:19px; text-indent:-19px;}
.decide-box {margin-top:50px; text-align:center;}
.decide-box .text {margin-bottom:10px;}
.decide-box .date + .text {margin-top:30px;}
.decide-box .date + .text .img-stamp {margin-top:0; vertical-align:middle;}
.decide-box .date + .text .name {display:inline-block; margin-top:-3px; margin-right:5px; vertical-align:middle;}

.agree-content {position:relative;}
.agree-content .signature-box {display:inline-block; width:130px; height:20px; margin:0 3px; border:1px solid #dcdcdc; font-size:0; line-height:0;}
.agree-content .signature-box.type-none {width:30px; border:0;}
.agree-content .signature-box.type-underline {height:20px; font-size:inherit; line-height:1.1; vertical-align:middle; border:0; border-bottom:1px solid #333;}
.agree-content .agree-note {text-align:right;}
.agree-content .agree-title + .agree-note {position:absolute; right:0; top:0;}
.agree-content .write-input {width:110px; height:22px; line-height:1;}

.agree-content .private-box {margin-top:30px;padding:15px 20px; border:1px solid #dcdcdc;}
.agree-content .private-box .title {margin-bottom:10px; font-size:20px; color:#333; text-align:center;}
.agree-content .private-box .private-sec {margin-top:20px;}
.memorandum {position:relative; padding:30px 50px; border:1px solid #dcdcdc;}
.memorandum .memo-title {display:block; margin-bottom:25px; font-size:18px; text-align:center;}
.memorandum .text {margin-bottom:15px;}
.memorandum .date {display:block; margin:10px 0; text-align:center;}
.memorandum .address {width:550px; margin:0 auto;}
.memorandum .address .obj {position:absolute; left:50px; max-width:200px; margin-top:0;}
.memorandum .address > p {position:relative; margin-top:20px;}
.memorandum .address > p > strong {position:absolute; top:0; left:0;}
.memorandum .address > p > strong + span {display:inline-block; padding-left:60px;}

.img-stamp {display:inline-block; width:50px; height:50px; vertical-align:middle;}
.img-stamp.f-right {float:right;}
.img-stamp.pos1 {margin:-13px 0 0 0;}

.underline {text-decoration:underline;}

.acco-type3 .toggle-ele .title-wrap {padding:15px 0 10px;}


/* top-content-box Image */
.top-contents-box.aptpay-service {background-image:url(/resource/img/bpb/img-top-content-aptpay.png);}


/* ISA Main - IBSPISA040000V10 */
.entru-area {}
.isa-idx-nav {border:1px solid #dcdcdc; border-radius:2px; box-sizing:border-box; margin-bottom:20px; margin-top:-15px;}
.isa-idx-nav:after {content:'';clear:both;display:block;} 
.isa-idx-nav li {float:left; line-height:70px; font-size:15px; border-left:1px solid #dcdcdc; color:#575757; box-sizing:border-box; width:269px;}
.isa-idx-nav li:first-child {margin-left:0; border-left:0; width:271px;}
.isa-idx-nav li.cs {text-align:center; background-color:#f2f2f2;}
.isa-idx-nav li.cs .number {color:#333;}
.isa-idx-nav li a {position:relative; display:block; padding-left:63px; color:inherit; text-decoration:none;}
.isa-idx-nav li a:before,
.isa-idx-nav li a:after {position:absolute;top:50%;display:inline-block;content:'';line-height:1;}
.isa-idx-nav li a:before {left:22px;width:30px;height:30px;margin-top:-15px;background:url(/resource/img/bpb/ico_isa_main.png) no-repeat 0 0;}
.isa-idx-nav li a:after {right:20px;width:6px;height:10px;margin-top:-5px; background:url(/resource/img/bpb/ico_isa_main.png) no-repeat -90px 0;}
.isa-idx-nav li.no2 a:before {background-position:-30px 0;} 
.isa-idx-nav li.no3 a:before {background-position:-60px 0;}

/* 준법감시인 */
.lawAuditor {padding:18px 0; text-align:right; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}

/* 카드이용예시 */
.card-guide-example {margin-top:20px;}
.card-guide-example:after {clear:both; display:block; content:'';}
.card-guide-example .col {float:left; width:48%;}
.card-guide-example .col.right {float:right;}
.card-guide-example .tbl-headnote .tit {float:left;}

/* 툴팁 팝업 우측일때 */
.lyr-wrap-rela.right .lyr-wrap-abs {right:-42px; left:auto;}
.lyr-wrap-rela.right .lyr-wrap-abs:before {right:43px; left:auto;}

/* 중도금대출신청 서명이미지영역 */
.signature {display:inline-block; position:relative; width:98px; height:52px; text-align:center;}
.signature .txt {position:absolute; top:15px; right:0; left:0;}
.signature .img-stamp {display:inline-block;}
.signature.type2 {width:52px;}
.signature-txt {display:inline-block; margin-top:14px;}
.signature-txt.mar-t0 {margin-top:0;}
.memorandum .address .signature .txt {top:0;}

/* 대학등록금 */
.college-list {overflow:hidden; margin-top:10px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.college-list li {float:left; width:20%; height:54px; margin-left:-1px; line-height:54px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:15px; color:#333; text-align:center;}


/* 그리드상단 전체 건수 */ 
.tbl-func .count {display:block; margin-bottom:10px; color:#575757;}

/* 튜토리얼 */
.focus-zone {height:130px; background:#1a324a url(/resource/img/common/bg_tutorial.jpg) center 0 no-repeat;}
.focus-zone .focus-cont {position:relative; width:1080px; margin:0 auto;}
.focus-zone .focus-cont:after {content:''; display:block; clear:both;}
.focus-zone .focus-cont .img-wrap {position:relative; float:left; width:540px;}
.focus-zone .focus-cont .img-wrap .btn-tuto {position:absolute; top:45px; left:364px; height:25px; color:#033333; font-size:13px; font-weight:bold; line-height:23px; background-color:#ffb000;}
.focus-zone .focus-cont .img-wrap .focus-detail {left:318px;}
.focus-zone .focus-cont .pop-close {position:absolute; right:32px; top:15px;}
.focus-zone .focus-cont .pop-close label {font-size:14px; color:#fff;}
.focus-zone .just-close {position:absolute; top:0; right:0; width:32px; height:32px; font-size:0; line-height:0; text-indent:-9999em;}
.focus-zone .just-close:before {content:''; position:absolute; top:11px; right:0; width:32px; height:32px; background:url(/resource/img/common/btn_just_close.png) 0 0 no-repeat;}

.focus-keyvi {display:none; position:fixed; top:0; left:0; right:0; z-index:9999; width:1080px; height:860px; margin:0 auto;}
.focus-keyvi .keyvi-wrap {position:relative; width:1080px; height:860px; background:url(/resource/img/common/bg_monitor.png) center bottom no-repeat;}
.focus-keyvi .keyvi-wrap .title {position:absolute; top:80px; left:0; right:0; font-family:'notoR'; font-size:38px; color:#fff; font-weight:700; text-align:center;}
.focus-keyvi .keyvi-wrap  .inner-box {position:absolute; left:50%; bottom:190px; width:657px !important; height:423px; margin-left:-328px;}
.focus-keyvi .keyvi-wrap .bxslider .slide-item {width:657px !important; height:423px;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-pager {position:absolute; top:-78px; left:0; right:0; text-align:center;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-pager .bx-pager-item {position:relative; display:inline-block; padding-left:30px;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-pager .bx-pager-item:first-child {padding-left:0;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-pager .bx-pager-item:before {content:''; position:absolute; top:50%; left:0; z-index:0; width:100%; height:1px; background:url(/resource/img/common/img_dotted.png) 0 0 repeat-x;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-pager .bx-pager-item:first-child:before {content:''; display:none;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-pager .bx-pager-item a {position:relative; display:inline-block; width:26px; height:26px; font-family:'notoR'; font-size:15px; color:#575757; line-height:26px; background-color:#ebeded; text-align:center; border-radius:50%;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-pager .bx-pager-item a.active {background-color:#0099d7; color:#fff;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; width:50px; height:100px; margin-top:-50px; font-size:0; line-height:0; text-indent:-9999em;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a:before {content:''; position:absolute; top:50%; width:28px; height:49px; margin-top:-22px; background-image:url(/resource/img/common/image/btn_keyvi_slide.png); background-repeat:no-repeat;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a.bx-prev {left:-208px;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a.bx-prev:before {left:0; background-position:0 0;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a.bx-next {right:-208px;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a.bx-next:before {right:0; background-position:-30px 0;}
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a.bx-prev.disabled,
.focus-keyvi .keyvi-wrap .bx-wrapper .bx-controls-direction a.bx-next.disabled {display:none;}

.focus-keyvi .keyvi-wrap .info-box {position:absolute; left:50%; bottom:190px; width:657px !important; height:423px; margin-left:-328px;}
.focus-keyvi .keyvi-wrap .info-box span {position:absolute; display:none;}

.focus-keyvi .keyvi-wrap .info-box .info01 .info-text01 {top:85px; left:43px; width:573px; height:93px;}
.focus-keyvi .keyvi-wrap .info-box .info01 .info-text02 {bottom:97px; left:18px; width:210px; height:122px;}
.focus-keyvi .keyvi-wrap .info-box .info01 .info-text03 {bottom:87px; right:31px; width:179px; height:99px;}

.focus-keyvi .keyvi-wrap .info-box .info02 .info-text01 {top:22px; left:-19px; width:207px; height:89px;}
.focus-keyvi .keyvi-wrap .info-box .info02 .info-text02 {top:103px; left:46px; width:170px; height:100px;}
.focus-keyvi .keyvi-wrap .info-box .info02 .info-text03 {top:81px; right:205px; width:196px; height:104px;}
.focus-keyvi .keyvi-wrap .info-box .info02 .info-text04 {top:17px; right:8px; width:193px; height:94px;}

.focus-keyvi .keyvi-wrap .info-box .info03 .info-text01 {top:88px; left:37px; width:384px; height:303px;}

.focus-keyvi .keyvi-wrap .info-box .info04 .info-text01 {top:48px; left:37px; width:489px; height:148px;}

.focus-keyvi .keyvi-wrap .info-box .info05 .info-text01 {top:106px; left:39px; width:579px; height:291px;}

.focus-keyvi .keyvi-wrap .info-box .info06 .info-text01 {top:12px; left:123px; width:408px; height:533px;}
.focus-keyvi .keyvi-wrap .info-box .info06 .info-text02 {top:119px; left:-27px; width:282px; height:401px;}
.focus-keyvi .keyvi-wrap .info-box .info06 .info-text03 {top:119px; left:270px; width:246px; height:401px;}
.focus-keyvi .keyvi-wrap .info-box .info06 .info-text04 {bottom:60px; right:-9px; width:249px; height:110px;}

.focus-keyvi .keyvi-wrap .info-box .info07 .info-text01 {top:6px; left:117px; width:154px; height:77px;}
.focus-keyvi .keyvi-wrap .info-box .info07 .info-text02 {top:6px; right:182px; width:155px; height:77px;}
.focus-keyvi .keyvi-wrap .info-box .info07 .info-text03 {top:6px; right:30px; width:158px; height:77px;}
.focus-keyvi .keyvi-wrap .info-box .info07 .info-text04 {bottom:90px; left:44px; width:214px; height:52px;}

.focus-keyvi .pop-close2 {position:absolute; top:43px; right:80px;}
.focus-keyvi .pop-close2 label {color:#fff;}
.focus-keyvi .keyvi-close {position:absolute; top:30px; right:15px; z-index:1; width:47px; height:47px; background:url(/resource/img/common/image/btn_keyvi_close.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999em;}
.focus-keyvi .btn-start {position:absolute; bottom:53px; right:164px; z-index:1; width:148px; height:149px; background:url(/resource/img/common/btn_start.png) 0 0 no-repeat;}

/* 웹접근성 관련 checkbox focus시 */
.bpbfocuszone-chk.focus:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:2px dotted #ffb000;}

/* S : 240117 접근성 수정 */
.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area .inner + .inner01 a {position: relative;}
.card-mp-main .mp-content .mp-con-mid .mp-con03.two-area .inner + .inner01 a:focus::after {position: absolute;content:'';display: block;left:0;top:0;right:0;bottom:0;border:2px dotted #000;}
/* E : 240117 접근성 수정 */

/* S: R01278 추가 */
.wrap-selected-images {
	display:flex;
	gap:16px;
	flex-wrap: wrap;
	width:100%;
}
.wrap-selected-images .selected-image {
	display:flex;
	flex-direction: column;
	gap:16px;
}
.wrap-selected-images .selected-image .btns {
	margin-right:0;
}
.wrap-selected-images .selected-image.active .btns,
.wrap-selected-images .selected-image .btns:hover {
	background-color: #0481dd;
	color:#fff !important;
	border-color: #0481dd;

}
.wrap-selected-images.childSelected {
	min-height:139px;
}
/* E: R01278 추가 */
/* S:R01843 구청선불카드 */
.top-contents-box.icon-type91 {
	background-image: url(/resource/img/common/ico/ico_top91.png);
}
/* E:R01843 구청선불카드 */