@charset "utf-8"; 

@font-face {
        font-family: KBFGDisplayM;
        font-style: normal;
        font-display: swap;
        src: url("/CMN/common/fonts/KBFGDisplayM_subset.woff2") format("woff2"), url("/CMN/common/fonts/KBFGDisplayM_subset.woff") format("woff");
} 

/* skip navigation */
#skipnavi{z-index:99999}
#skipnavi a{display:block;position:absolute;top:-9999px;width:100%;height:45px;line-height:44px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background-color:#776c61;z-index:3000}
#skipnavi a:focus,#skipnavi a:active{top:0;text-decoration:underline;color:#fff}

/* Header  */
.header {position:relative; z-index: 1000; min-width:960px; height:142px; background:#fff}
.header:after{display:block;content:'';clear:both;height:0}
.header .headWrap {position:relative; z-index:1000; min-width:1080px; height:141px; background:#fff}
.header .headWrap .headArea {position:relative; margin:0 auto; min-height:60px; width:1080px;text-align:left;z-index:101}
.header .headWrap .headArea .KbLogo {position:absolute; z-index:15; top:15px; left:0; width:170px; height:30px; text-indent:-9999px}
.header .headWrap .headArea .KbLogo a {overflow:hidden; display:block; width:170px; height:30px; background:url('https://img1.kbcard.com/LT/images_r/common/kbcard_Logo_v3.png') no-repeat 0 center; text-indent:-9999px}

.header .headWrap .headArea .globalMenu {position:absolute; top:0; left:204px; display:inline-block; height:auto; font-size:0; line-height:0; z-index:100}
.header .headWrap .headArea .globalMenu:after{display:block;content:'';clear:both;height:0}
.header .headWrap .headArea .globalMenu a {float:left; display:inline-block; position:relative; margin-left:15px; width:auto; height:auto; padding:18px 0 22px 0; background:#fff; color:#333; font-size:14px; line-height:20px; text-indent:0}
.header .headWrap .headArea .globalMenu a:first-child {margin-left:0}
.header .headWrap .headArea .globalMenu a:after {content:""; display:none; position:absolute; right:0; bottom:18px; left:0; height:2px; background:#333}
.header .headWrap .headArea .globalMenu a.menuON {font-weight:600}
.header .headWrap .headArea .globalMenu a.menuON:after {display:block}
.header .headWrap .headArea .globalMenu a:hover {font-weight:600; text-decoration:none}
.header .headWrap .headArea .globalMenu a:hover:after {display:block}

.header .headWrap .headArea .utilMenu {position:absolute; top:0; right:0; z-index:10; font-size:0; text-align:right}
.header .headWrap .headArea .utilMenu:after{display:block;content:'';clear:both;height:0}
.header .headWrap .headArea .utilMenu *{vertical-align:middle}
.header .headWrap .headArea .utilMenu a {display:inline-block; position:relative; margin:0 0 0 10px; padding:20px 0 20px 11px; width:auto; height:auto; background:#fff; color:#666; line-height:20px; text-indent:0; font-size:13px;}
.header .headWrap .headArea .utilMenu a:after {content:""; display:block; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background:#c2c2c2}
.header .headWrap .headArea .utilMenu a:first-child {margin:0; padding-left:0}
.header .headWrap .headArea .utilMenu a:first-child:after {display:none}

.sGnb {display:none}

/* Gnb */
.header .headWrap .kbGnb {position:relative; z-index:110; min-width:1080px; border-top: 1px solid #ddd; }
.header .headWrap .kbGnb:after {content:""; display:block; position:absolute; z-index:5; top:0; right:0; left:0; height:80px; border-bottom:1px solid #ddd; background:#fff}
.header .headWrap .kbGnb .KbLogo {position:absolute; z-index:15; top:29px; left:50%; margin-left:-540px}
.header .headWrap .kbGnb .KbLogo a {overflow:hidden; display:block; width:180px; height:30px; background:url('https://img1.kbcard.com/LT/images_r/common/kbcard_Logo_v2.png') no-repeat 0 0; background-size:100% auto; text-indent:-9999px}
.header .headWrap .kbGnb .inner {overflow:hidden; position:relative; z-index:10; min-height:80px; -webkit-transition:height 0.3s ease; transition:height 0.3s ease; text-align:center}
.header .headWrap .kbGnb .inner .gnb {position:static; margin:0 auto; width:1080px; height:80px}
.header .headWrap .kbGnb .inner .gnb:after{display:block;content:'';clear:both;height:0}
.header .headWrap .kbGnb .inner .gnb > li {float:left; margin:0 0 0 30px; height:80px}
.header .headWrap .kbGnb .inner .gnb li:first-child {margin-left:0 !important}
.header .headWrap .kbGnb .inner .gnb li .linkDep1 {display:block; position:relative; padding:27px 0; width:auto; height:26px; background:none; line-height:26px;}
.header .headWrap .kbGnb .inner .gnb li .linkDep1:hover {text-decoration: none;}
.header .headWrap .kbGnb .inner .gnb li .linkDep1 span {display:block;position:relative;z-index:1;margin:0;padding:0;line-height:26px;font-family:'KBFGDisplayM';font-size:20px;color: #000;}
.header .headWrap .kbGnb .inner .gnb li .linkDep1:after {content:""; display:none; position:absolute; z-index:0; top:50%; right:-4px; left:-4px; margin:-7px 0 0 0; width:auto; height:13px; background:#ffe066}

.header .headWrap .kbGnb .inner .depthOn {display:block; position:relative}
.header .headWrap .kbGnb .inner .depthOn .depth1-bar {display:block; position:absolute; top:-47px; left:0; width:0px; height:14px; background:#ffe066}

.header .headWrap .kbGnb .inner .gnbSub {position:absolute; top:80px; right:0; left:0; border-top:1px solid #ddd; background:#f9f9f9}
.header .headWrap .kbGnb .inner .gnbSub:after {content:""; display:block; clear:both}
.header .headWrap .kbGnb .inner .gnbSub .inner {margin:0 auto; width:1080px; text-align:left}
.header .headWrap .kbGnb .inner .gnbSub .inner:after {content:""; display:block; clear:both}
.header .headWrap .kbGnb .inner .gnbSub .inner li {float:left; margin:0}
.header .headWrap .kbGnb .inner .gnbSub .inner li a {display:block; background:none}

.header .headWrap .kbGnb .inner .gnbSub .inner .serviceMenu {padding:24px 10px; border-bottom:1px solid #ddd; font-size:0; line-height:0}
.header .headWrap .kbGnb .inner .gnbSub .inner .serviceMenu a {display:inline-block;margin-left:10px; padding:0 15px; border:1px solid #c2c2c2; background:#f9f9f9; color:#333; font-size:14px; line-height:26px; border-radius:17px}
.header .headWrap .kbGnb .inner .gnbSub .inner .serviceMenu a:hover {border:1px solid #ffcc00; background:#ffcc00; color:#222; text-decoration:none}
.header .headWrap .kbGnb .inner .gnbSub .inner .serviceMenu a:first-child {margin:0}

.gnbSub .gnbDep2:after, .gnbDep3:after {content:""; display:block; clear:both}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2 {position:relative; padding:30px 0; background:#f9f9f9 !important; clear:both}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2 > li {margin:0; padding:0; width:25%; border-left:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2 > li:first-child {border:0}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2 > li .titGnb2 {display:block; color:#333; margin:8px 0 10px 0; padding-left:30px; font-size:16px; line-height:24px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2 > li:after {display:none}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 {padding:0 10px 0 30px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li {float:none; width:auto; height:auto;margin-bottom: 3px;}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 > li:last-child {margin-bottom:10px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li a {position:relative; padding:5px 0; color:#333; font-size:14px;}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li a span {display:inline; position:relative; z-index:5; padding:0; color:#333; font-size:14px; line-height:20px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li a:hover span {color:#333; font-weight:500; text-decoration:underline}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li a.on span {background:#faeaad}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON a span {position:relative; padding-right:16px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON a span:after {content:""; display:block; position:absolute; bottom:3px; right:0; width:10px; height:8px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_menu_arr.png') no-repeat center center}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON.open a span {color:#333; font-weight:500; text-decoration:underline}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON.open a span:after {background:url('https://img1.kbcard.com/LT/images_r/common/ico_menu_arr_on.png') no-repeat center center}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON .gnbDep4 {display:none; margin:0}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON.open .gnbDep4 {display:block}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON .gnbDep4 a {padding:3px 0 3px 10px; color:#444; font-size:14px; line-height:20px; word-break:keep-all}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON .gnbDep4 a:before {content:""; display:block; position:absolute; top:12px; left:0; width:2px; height:2px; background:#999; border-radius:2px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON .gnbDep4 a span {padding:0; font-weight:normal; line-height:20px; text-decoration:none}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON .gnbDep4 a:hover span {font-weight:500; text-decoration:underline}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON .gnbDep4 a span:after {display:none}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON.depHide a span {padding-right:0}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON.depHide a span:after {display:none}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li.dep4ON.depHide .gnbDep4 {display:none !important}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 li a.on {display:inline-block}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 .gnbDep4 a.on:after {display:none}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep3 .gnbDep4 a.on span {display:inline; background:#faeaad}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col2 > li {width:50% !important}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col3 > li {width:33.3333% !important}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col4 > li {width:25% !important}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col5 > li {width:20% !important}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col2 .titGnb2 {padding-left:50px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col3 .titGnb2 {padding-left:40px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col5 .titGnb2 {padding-left:20px}

.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col2 .gnbDep3 {padding-left:50px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col3 .gnbDep3 {padding-left:40px}
.header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2.col5 .gnbDep3 {padding-left:20px}

.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col4.first > li {width:25.5% !important}
.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col4.first > li:first-child {width:23.5% !important}
.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col5.first > li {width:20.5% !important}
.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col5.first > li:first-child {width:18% !important}
.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col6.first > li {width:16.5% !important}
.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col6.first > li:first-child,
.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col6.first > li:last-child {width:16% !important}
.header .headWrap .kbGnb .inner .gnb .gnbSub .inner .gnbDep2.col6.first > li:nth-child(5) {width: 18.5% !important}

.header .headWrap .kbGnb .dimmed {display:none; position:fixed; z-index:1; top:142px; filter: alpha(opacity=50); opacity: .5; }
.header.fixed .headWrap .kbGnb .dimmed {top:82px}

/* 채널별 GNB */
.header .headWrap .kbGnb.gnbBiz .inner .gnb > li {margin-left:30px}

/* 자동차금융 */
.header .headWrap .kbGnb.gnbAuto .inner .gnb > li {margin-left:26px}

.header .headWrap .kbGnb.gnbAuto .inner .gnbSub {top:81px; right:auto; left:50% !important; margin-left:-75px; border:0 !important}
.header .headWrap .kbGnb.gnbAuto .inner .gnb li.gnb03 .gnbSub {margin-left:-324px; width:148px !important}
.header .headWrap .kbGnb.gnbAuto .inner .gnb li.gnb05 .gnbSub {margin-left:-75px; width:221px !important}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner {width:100% !important; height:auto !important}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep2 {margin:0; padding:24px 10px 24px 30px}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep2 > li {float:none; width:auto; height:auto !important; border:0}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep2 > li a {position:relative; display:inline-block; padding:0; padding:6px 0; color:#333; line-height:20px}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep2 > li a span {color:#333}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep2 li a.on:after {content:""; display:block; position:absolute; top:10px; right:-3px; left:-3px; height:12px; background:#faeaad}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep2 li a span {position:relative; z-index:1}

.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep3 {padding:0}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep3 li a {padding:4px 0 4px 20px; background:none !important; line-height:20px}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep3 li a span {padding:0;}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep3 li a:before {content:""; display:block; position:absolute; top:13px; left:10px; width:2px; height:2px; background:#999; border-radius:2px}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep3 li a.on:after {top:14px; left:17px}
.header .headWrap .kbGnb.gnbAuto .inner .gnbSub .inner .gnbDep3 li:last-child {margin:0}

/* 자동차금융_new */
.header .headWrap .kbGnb.gnbAuto_new .inner .gnbSub {width:100%!important; position:absolute; top:80px!important; right:0; left:0!important; border-top:1px solid #ddd!important; background:#f9f9f9!important;}


/* 올리스금융 */
.header .headWrap .kbGnb.gnbKbpl .inner .gnb > li {margin-left:26px}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub {top:81px; right:auto; left:50% !important; border:0 !important}
.header .headWrap .kbGnb.gnbKbpl .inner .gnb li.gnb05 .gnbSub {margin-left:-130px; width:191px !important}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner {width:100% !important; height:auto !important}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep2 {margin:0; padding:30px 10px 30px 30px}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep2 > li {float:none; width:auto; height:auto !important; border:0}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep2 > li a {position:relative; display:inline-block; padding:0; color:#333; line-height:34px}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep2 > li a span {color:#333}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep2 li a.on:after {content:""; display:block; position:absolute; top:10px; right:-3px; left:-3px; height:12px; background:#faeaad}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep2 li a span {position:relative; z-index:1}

.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep3 {padding:0}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep3 li a {padding:4px 0 4px 20px; background:none !important; line-height:20px}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep3 li a span {padding:0}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep3 li a:before {content:""; display:block; position:absolute; top:13px; left:10px; width:2px; height:2px; background:#999; border-radius:2px}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep3 li a.on:after {top:14px; left:17px}
.header .headWrap .kbGnb.gnbKbpl .inner .gnbSub .inner .gnbDep3 li:last-child {margin:0}

/* 회사소개 */
.header .headWrap .kbGnb.gnbComp .inner .gnb > li {margin-left:26px}

/* About us */
.header .headWrap .kbGnb.gnbEng .inner .gnb > li {margin-left:26px}

/* Quick */
.header .headWrap .kbGnb .gnbQuick {position:absolute; z-index:10; top:97px; right:50%; margin-right:-530px; font-size:0; line-height:0}
.header .headWrap .kbGnb .gnbQuick a {display:inline-block; position:relative; margin-left:8px; padding:0 0 0 50px; width:118px; border:1px solid #c2c2c2; background:#fcfcfc; color:#333; font-size:14px; font-weight:bold; line-height:42px; text-align:left; border-radius:3px}
.header .headWrap .kbGnb .gnbQuick a:after {content:""; display:block; position:absolute; top:12px; right:12px; width:20px; height:20px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_bullet_arr.png') no-repeat center center}
.header .headWrap .kbGnb .gnbQuick a:hover {background:#ebebeb; text-decoration:none}
.header .headWrap .kbGnb .gnbQuick a .ico {display:block; position:absolute; top:10px; left:16px; width:24px; height:24px}

/* UtilMenu */
.header .headWrap .otherUtil {position:absolute; z-index:115; top:61px; left:0; margin:0 !important; padding:0; min-width:1080px; width:100% !important; font-size:0; text-align:right}
.header .headWrap .otherUtil .otherWrap {position:absolute; z-index:115; top:20px; left:50%; margin-left:40px; width:500px}
.header .headWrap .otherUtil .otherWrap a {display:inline-block; vertical-align:middle}
.header .headWrap .otherUtil .otherWrap .kbBtn.btnS {margin-right:10px; padding:0; width:82px; height:42px; border:1px solid #aaa; background:#fff; color:#333; font-size:14px; line-height:30px; border-radius:3px; text-align:center;line-height:40px}
.header .headWrap .otherUtil .otherWrap .kbBtn.btnS:hover {background:#ebebeb; text-decoration:none}

.header .headWrap .otherUtil .otherWrap .linkTop {overflow:hidden; margin:0 0 0 5px; width:40px; height:40px; text-indent:50px}
.header .headWrap .otherUtil .otherWrap .linkTop.totalSearch {background:#fff url('https://img1.kbcard.com/LT/images_r/common/ico_gnb_search.png') no-repeat center center}
.header .headWrap .otherUtil .otherWrap .linkTop.totalMenu {background:#fff url('https://img1.kbcard.com/LT/images_r/common/ico_gnb_menu.png') no-repeat center center !important}

.header .headWrap .otherUtil .otherWrap .sess_extend {display:inline-block; position:relative; margin-right:7px; padding:0 14px 0 24px; font-size:14px; line-height:24px; vertical-align:middle}
.header .headWrap .otherUtil .otherWrap .sess_extend:before {content:''; display:block; position:absolute; top:0; left:0; width:20px; height:24px; margin:0 4px 0 0; vertical-align:middle; background:url('https://img1.kbcard.com/LT/images_r/common/ico_clock.png') no-repeat center center}
.header .headWrap .otherUtil .otherWrap .sess_extend:after {content:""; display:block; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:12px; background:#c2c2c2}
.header .headWrap .otherUtil .otherWrap .sess_extend span {display:inline-block; color:#333; vertical-align:top}
.header .headWrap .otherUtil .otherWrap .sess_extend a {margin:0; padding:0 0 0 3px; color:#333; font-size:14px; vertical-align:top}

.header .headWrap .otherUtil .otherWrap .f_img {display:inline-block; position:relative; margin:0 2px 0 3px; width:24px; height:24px; vertical-align:middle}
.header .headWrap .otherUtil .otherWrap .f_img img {width:24px; height:24px}
.header .headWrap .otherUtil .otherWrap .divFimg {vertical-align:middle}

.header .headWrap .otherUtil .otherWrap .f_img span {display:none;position:absolute;top:34px;left:0;padding:10px 12px; border:1px solid #c2c2c2; background:#f6f6f6; font-size:14px; color:#666; line-height:20px; border-radius:5px;white-space:nowrap}
.header .headWrap .otherUtil .otherWrap .f_img span:before{content:'';display:block;position:absolute;top:-6px;left:5px;width:13px; height:6px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_tooltip_arr_bot.png') no-repeat center center}
.header .headWrap .otherUtil .otherWrap .f_img a:hover + span{display:block}

.header .headWrap .otherUtil .otherWrap .userInfo {display:inline-block; position:relative; margin:0 25px 0 0; width:auto; height:24px; text-align:left; vertical-align:middle}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox {position:relative; border:0}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox > a {display:block; position:relative; padding:0 26px 0 0; width:auto; color:#333; font-size:14px; line-height:24px}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox > a:after {content:""; display:block; position:absolute; top:50%; right:0; margin-top:-12px; width:24px; height:24px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_userInfo_arr.png') no-repeat center center}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox > a span {display:inline-block; overflow:hidden; max-width:75px; color:#333; font-size:14px; vertical-align:top; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox .info {display:none; position:absolute; top:31px; left:0; padding:15px 13px 15px 15px; width:111px; border:1px solid #aaa; background:#fff; border-radius:3px;box-sizing:border-box}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox .info li {margin-top:4px}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox .info li:first-child {margin-top:0}
.header .headWrap .otherUtil .otherWrap .userInfo .innBox .info li a {padding:0; color:#333; font-size:14px; line-height:20px}

.header .headWrap .otherUtil .otherWrap .userInfo.open .innBox .info {display:block}
.header .headWrap .otherUtil .otherWrap .userInfo.open .innBox > a:after {background:url('https://img1.kbcard.com/LT/images_r/common/ico_userInfo_arr_on.png') no-repeat center center}
.header .headWrap .otherUtil .otherWrap .f_img + div + .userInfo .innBox .info {left:-32px !important}

/* Sitemap */
.topSitemap {display:none; position:absolute; z-index:1010; top:60px; right:0; left:0}
.topSitemap .close {position:absolute; z-index:15; top:21px; left:50%; width:40px; height:40px; margin-left:499px; border:0; background:url('https://img1.kbcard.com/LT/images_r/common/ico_closed_w.png') no-repeat center center; text-indent:-9999px}

.topSitemap .sitemapArea {position:relative; z-index:11; padding:0; background:#fff; text-align:center;}
.topSitemap .sitemapArea:after {content:""; display:block; position:absolute; top:0; right:0; left:0; height:81px; background:#6b717f}

.topSitemap .tabType1 {position:relative; z-index:10; margin:0 auto; width:1080px; height:100%; background:none}
.topSitemap .tabType1:before {display:none;}
.topSitemap .tabType1 > li {float:left; width:auto; margin-left:60px; background:none;margin-right:0;}
.topSitemap .tabType1 > li:first-child {margin:0}
.topSitemap .tabType1 > li > a {display:block; position:relative; padding:26px 0 !important; border:0; color:#d2d4d8; font-size:20px; line-height:30px; text-align:center;}
.topSitemap .tabType1 > li > a span {display:block; padding:0; width:auto; height:auto; color:#d2d4d8; font-size:20px; font-family:'KBFGText'; font-weight:bold; line-height:30px; vertical-align:middle;}
.topSitemap .tabType1 > li > a:hover {text-decoration:none;border:0;}
.topSitemap .tabType1 > li > a:hover span {color:#fff}
.topSitemap .tabType1 > li > a:after {content:""; display:none; position:absolute; bottom:0; left:50%; margin-left:-8px; width:17px; height:8px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_site_tab.png') no-repeat center 0}
.topSitemap .tabType1 > li .siteWrap {overflow:hidden; width:1080px; margin:0 auto;}
.topSitemap .tabType1 > li.tabON{z-index:100}
.topSitemap .tabType1 > li.tabON > a span {color:#fff}
.topSitemap .tabType1 > li.tabON > a:hover{color:#333}
.topSitemap .tabType1 > li.tabON > a:after {display:block}
.topSitemap .tabType1 > li.tabON .siteWrap {display:block}
.topSitemap .tabType1 > li.tabON .sitemapInner {overflow:hidden; position:absolute; top:81px; left:0; width:100%; background:#fff}

.topSitemap .tabType1 .siteWrap .siteList {position:relative; margin:0 -30px; padding-bottom:30px; width:auto; height:100%; font-size:0; text-align:left; background:#fff}
.topSitemap .tabType1 .siteWrap .siteList:after{content:'';display:block;height:0;clear:both}
.topSitemap .tabType1 .siteWrap .siteList > li {float:none; z-index:10; display:inline-block; margin:0; width:20%; background:none; text-align:left; vertical-align:top}
.topSitemap .tabType1 .siteWrap .siteList li .dep1Tit {margin:0 30px -1px 30px; padding:40px 0 10px 0; border:0; border-bottom:1px solid #333; color:#333; background:#fff; font-size:18px; font-weight:bold; line-height:28px; text-align:left}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep2 {position:relative;height:100%;padding:0 30px;background:none}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep2 li {float:none;position:relative; z-index:10; width:auto; margin: 2px 0; padding:0; background:none}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep2 li .dep2T {display:block; margin:26px 0 4px 0; color:#333; font-size:15px; font-weight:bold; line-height:20px; text-align:left;}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep2 li .dep2T + .siteDep3 {margin-top:-3px;}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep2 li:before {display:none}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep2 li a {border:0; text-align:left; letter-spacing:0;}

.topSitemap .tabType1 .siteWrap .siteList li .siteDep3 li > a {display:inline-block; position:relative; padding:3px 0; color:#666; font-size:15px; line-height:20px; word-break:keep-all}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep3 li > a:before {display:none}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep3 li.siteIS > a {padding-right:16px !important}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep3 li.siteIS > a:after {content:""; display:block; position:absolute; top:50%; right:0; margin-top:-3px; width:10px; height:8px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_menu_arr.png') no-repeat center center}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep3 li.siteIS.siteON > a:after {background:url('https://img1.kbcard.com/LT/images_r/common/ico_menu_arr_on.png') no-repeat center center}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep3 li.siteIS.siteON .siteDep4 {display:block}

.topSitemap .tabType1 .siteWrap .siteList li .siteDep4 {display:none; margin:7px 0 10px 0; padding:8px 12px; background:#f6f6f6;}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep4 li {background:#f6f6f6;}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep4 li a {position:relative; padding:2px 0 2px 10px; color:#666; font-size:14px; line-height:20px}
.topSitemap .tabType1 .siteWrap .siteList li .siteDep4 li a:after {content:""; display:block; position:absolute; top:11px; left:0; width:4px; height:1px; background:#666}

.topSitemap .tabType1 .siteWrap .siteList.shop > li {width:25% !important}
.topSitemap .tabType1 .siteWrap .siteList.company > li {width:25% !important}
.topSitemap .tabType1 .siteWrap .siteList.english > li {width:25% !important}
.topSitemap .tabType1 .siteWrap .siteList.member > li {width:25% !important}
.topSitemap .tabType1 .siteWrap .siteList.english li .siteDep2 li a {letter-spacing:0}

.topSitemap .dimmed {top:140px}

.wsCon {top:90px !important; left:50% !important; margin-left:560px !important; width:10px !important}
.wsCon .wsBar {width:10px !important; background:#a4a9b4 !important; border-radius:6px}

.gnbSub .gnbDep2:after, .gnbDep3:after{display:block;content:'';clear:both;height:0}
.gnbSub .gnbDep2 > li .titGnb2 a{display:block;font-size:18px;line-height:1}
.gnbSub .gnbDep2 > li .gnbDep3 li a:hover span{color:#e44b3a}
.gnbSub .gnbDep2 > li .gnbDep3 li.dep4ON span:after{content:'';display:inline-block;width:13px;height:13px;margin:0 0 0 7px;vertical-align:-1px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat -36px -54px}
.gnbSub .gnbDep2 > li .gnbDep3 li.dep4ON a:hover span:after{background-position:-52px -54px}
.gnbSub .gnbDep2 > li .gnbDep3 li.dep4ON.open span{color:#e44b3a;font-weight:600}
.gnbSub .gnbDep2 > li .gnbDep3 li.dep4ON.open span:after, .gnbSub .gnbDep2 > li .gnbDep3 li.dep4ON.open a:hover span:after{background-position:-68px -54px}
.gnbSub .gnbDep2 > li .gnbDep3 li.dep4ON.open > a{color:#e44b3a;text-decoration:underline}
.gnbDep4{display:none}

.kbGnb .close{position:absolute;top:25px;left:50%;margin-left:454px;text-indent:-9999px;display:block;width:26px;height:26px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat 0 -54px}

/* Gnb Fixed */
.header.fixed .searchTop {position:fixed; top:80px}
.header.fixed .headWrap .kbGnb {position:fixed; top:0; right:0; left:0}
.header.fixed .headWrap .otherUtil {position:fixed; top:0}
.header.fixed .headWrap .searchTop {position:fixed; top:80px}
.header.fixed .headWrap .topSitemap {position:fixed; top:80px}

/* 카드 2Depth : 추천카드 */
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm {margin-left:40px}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm > li {margin-left:70px}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm > li:first-child {margin-left:0}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .imgWrap {display:block;margin-top:30px}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .imgWrap img {display:block;width:153px;height:96px}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .cardTxt {display:block;margin-top:24px}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .cardTxt .tag {display:block}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .cardTxt .tag:after {content:"";display:block;clear:both}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .cardTxt .tag span {float:left;padding:3px 3px 1px;margin-right:4px;background:#614cc2;color:#fff;font-size:11px;border-radius:2px;font-family:"KBFGTextM";border:1px solid #614cc2;letter-spacing:-0.4px;}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .cardTxt .tag span.cashbag {background:#fff;color:#614cc2;border:1px solid #614cc2;}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .cardTxt strong {display:block;margin:12px 0 8px;line-height:20px}
.header .headWrap .kbGnb .inner .gnb > li .cardRecomm .cardTxt em {display:block;line-height:24px}

/* 통합검색 */
.searchTop{display:none;position:absolute;top:141px;left:0;width:100%;background:#fff;z-index:9999}
.searchTop .close {position:absolute; top:-61px; left:50%; margin-left:450px; width:40px; height:40px; border:0; background:#fff url('https://img1.kbcard.com/LT/images_r/common/ico_closed_b.png') no-repeat center center; text-indent:-9999px}
.searchTop .searchInner{position:relative;width:750px;margin:0 auto;text-align:left}
.searchTop .searchArea{position:relative;background:#6b717f;z-index:12}
.searchTop .searchArea .searchInner{padding:50px 0 35px}
.searchTop .searchArea fieldset{position:relative;width:100%;height:50px;border-radius:5px;background:#fff}
.searchTop .searchArea fieldset input[type=text],
.searchTop .searchArea fieldset input[type=search]{width:658px;height:39px;padding:5px 0 5px 30px;font-size:18px;line-height:39px;border:none;box-sizing:content-box}
.searchTop .searchArea fieldset input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/btn/btn-search-cancel.png") no-repeat no-repeat;
  background-size: 100% auto;
}
.searchTop .searchArea fieldset > button{text-indent:-9999px;position:absolute;top:0;right:0;width:62px;height:50px;background:url(https://img1.kbcard.com/home_re/pc/ico/40/icon-search.png ) no-repeat center center}
.searchTop .searchArea .resultAuto{display:none;position:absolute;top:99px;left:0;width:748px;height:509px;border:1px solid  #c1c1c1;background:#fff}
.searchTop .searchArea .resultAuto .point{color:#e44b3a}
.noData{line-height:1.5}
.noData strong{display:block;padding-bottom:10px;color:#333}
.searchTop .searchArea .resultAuto:after{content:'';display:block;height:0;clear:both}
.searchTop .searchArea .resultAuto .innerList{float:left;width:170px;padding:15px 0;border-right:1px solid #e1e1e1;text-align:center;box-sizing: border-box;}
.searchTop .searchArea .resultAuto .innerList ul li a{display:block;padding:0 0 0 25px;line-height:31px;text-align:left}
.searchTop .searchArea .resultAuto .innerList ul li a:hover{text-decoration:none;background:#fff8cc}
.searchTop .searchArea .resultAuto .innerList ul li.noData{padding:20px;text-align:left}
.searchTop .searchArea .resultAuto .innerList .kbBtn{margin-top:10px}
.searchTop .searchArea .resultAuto .result{position:relative;float:left;width:517px;margin-left:-1px;padding:30px;border-left:1px solid #e1e1e1;box-sizing: border-box;}
.searchTop .searchArea .resultAuto .result .tit{margin-bottom:18px;color:#333;font-size:16px;font-weight:600;line-height:1}
.searchTop .searchArea .resultAuto .result .tit span{color:#614cc2;font-size:16px}
.searchTop .searchArea .resultAuto .result .more{position:absolute;top:28px;right:30px;display:inline-block;padding-right:15px;font-size:12px;line-height:23px}
.searchTop .searchArea .resultAuto .result .more:after{content:'';position:absolute;top:6px;right:0;display:block;width:10px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_topSearch.png) no-repeat -96px 0}
.searchTop .searchArea .resultAuto .menu.result{height:178px;padding-bottom:22px;border-bottom:1px solid #e1e1e1}
.searchTop .searchArea .resultAuto .menu.result .listType1 li{padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap}
.searchTop .searchArea .resultAuto .menu.result .listType1 li.noData{padding:20px 0 0 0;background:none}
.searchTop .searchArea .resultAuto .card.result{height:211px;padding-bottom:0}
.searchTop .searchArea .resultAuto .card.result .resultCard{margin:0 -20px 0 -36px}
.searchTop .searchArea .resultAuto .card.result .resultCard:after{content:'';display:block;height:0;clear:both}
.searchTop .searchArea .resultAuto .card.result .resultCard li{float:left;width:162px;margin-left:26px;padding:0;text-align:center;border:none}
.searchTop .searchArea .resultAuto .card.result .resultCard li a{margin:0}
.searchTop .searchArea .resultAuto .card.result .resultCard li.noData{float:none;width:100%;padding:20px 0 0 10px;text-align:left}
.searchTop .searchArea .resultAuto .card.result .resultCard li a:hover{color:#333}
.searchTop .searchArea .resultAuto .card.result .resultCard li p{margin-top:18px;color:#333;font-weight:600;line-height:18px}
.searchTop .searchArea .resultAuto .card.result .resultCard li img{width:142px;height:90px}

.searchTop .searchArea .popularWord{margin-top:15px;}
.searchTop .searchArea .popularWord:after{content:'';display:block;height:0;clear:both}
.searchTop .searchArea .popularWord dt{float:left;width:115px;color:#fff;font-weight:bold;line-height:23px}
.searchTop .searchArea .popularWord dt:before{content:'';display:inline-block;width:18px;height:10px;margin:1px 9px 0 0;background:url(https://img1.kbcard.com/LT/images_r/common/bg_topSearch.png) no-repeat -77px 0}
.searchTop .searchArea .popularWord dd{padding-left:15px}
.searchTop .searchArea .popularWord dd:before{content:'';display:inline-block;width:1px;height:13px;background:#989ca6}
.searchTop .searchArea .popularWord dd a{display:inline-block;padding:0 14px;color:#e6e6e6;line-height:23px;vertical-align:2px}
.searchTop .popularList{position:relative;padding:40px 0 50px;background:#fff;z-index:11}
.searchTop .popularList:after{content:'';display:block;height:0;clear:both}
.searchTop .popularList .searchList{position:relative;float:left;box-sizing:content-box}
.searchTop .popularList .searchList.listMenu{width:220px;border:none}
.searchTop .popularList .searchList.listEvent{width:240px;padding:0 0 0 30px}
.searchTop .popularList .searchList.listCard{width:230px;padding:0 0 0 30px}
.searchTop .popularList .searchList .tit{margin-bottom:20px;color:#614cc2;font-size:18px;font-weight:600;line-height:1}
.searchTop .popularList .searchList .list + .tit {margin-top:30px}
.searchTop .popularList .searchList .list li{margin-bottom:10px;padding-top:0}
.searchTop .popularList .searchList .list li a{overflow:hidden;display:block;line-height:20px;text-overflow:ellipsis;white-space: nowrap}
.searchTop .popularList .searchList .list li:first-child a{color:#333;font-weight:600}
.searchTop .popularList .searchList .list li span{display:inline-block;width:20px;height:20px;margin-right:6px;font-size:12px;line-height:20px;border-radius:3px;text-align:center;background:#e1e1e1}
.searchTop .popularList .searchList .list li:first-child span{background:#ffdf01}
.searchTop .popularList .searchList .more{position:absolute;top:0;right:0;display:inline-block;padding-right:15px;font-size:12px;line-height:23px}
.searchTop .popularList .searchList .more:after{content:'';position:absolute;top:6px;right:0;display:block;width:10px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_topSearch.png) no-repeat -96px 0}
.searchTop .popularList .searchList .pBanner{position:relative;margin-top:20px;height:85px;padding:20px;background:#f6f6f6;box-sizing:content-box}
.searchTop .popularList .searchList .pBanner a{display:block}
.searchTop .popularList .searchList .pBanner a:hover{color:#333}
.searchTop .popularList .searchList .pBanner a span, .searchTop .popularList .searchList .pBanner a strong{display:block}
.searchTop .popularList .searchList .pBanner a span{margin-bottom:5px;color:#666;font-size:12px}
.searchTop .popularList .searchList .pBanner a strong{overflow:hidden;width:118px;height:72px;color:#333;font-size:16px;line-height:24px;letter-spacing:-1px}
.searchTop .popularList .searchList .pBanner a img{position:absolute;bottom:20px;right:20px;width:50px;height:50px}
.searchTop .popularList .searchList.listCard .pBanner a strong{width:110px}
.searchTop .popularList .searchList.listCard .pBanner a img{bottom:45px;height:31px}
.searchTop .dimmed{display:block !important;top:221px}

/* Footer */
#footer.footer{position:relative; padding:51px 0 0; background:none; text-align:left}
.footer.zIndex {z-index:10000}
.footer.zIndex .footer, .footer.zIndex .footer .footArea {z-index:1100}
.footer .footArea {position:relative; height:auto; border-top:1px solid #c2c2c2; background:#fff;}
.footer .footArea .inner {position:relative; margin:0 auto; padding:20px 0 40px 0; width:1080px}

.footArea .footMenu:after {content:""; display:block; clear:both}
.footArea .footMenu li {float:left; position:relative; margin-left:20px; padding-left:20px}
.footArea .footMenu li:after {content:""; display:block; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:14px; background:#c2c2c2}
.footArea .footMenu li:first-child {margin:0; padding:0}
.footArea .footMenu li:first-child:after {display:none}
.footArea .footMenu li:nth-child(2) {font-weight:600;}
.footArea .footMenu li a {display:block; padding:0; color:#444; font-size:14px; line-height:20px}
.footArea .footMenu li a:before {display:none}
.footArea .footMenu li:last-child a {padding-right:0}

.footArea address {margin-top:20px; color:#666; line-height:1; font-style:normal}
.footArea address span {display:inline-block; margin-left:6px; padding: 0; font-size:14px !important; line-height:20px}
.footArea address span:before {content:''; display:inline-block; width:1px; height:14px; margin:-1px 10px 0 0; vertical-align:middle; background:#dcdcdc}
.footArea address span:after {display: none;}
.footArea address > span:first-child {margin-left:0}
.footArea address > span:first-child:before {display:none}

.footArea .copyright {margin-top:8px; color:#666; font-size:12px; line-height:18px}

.footArea .kbAward {margin-top:32px}
.footArea .kbAward li {float:left; position:relative; margin-left:20px; padding:0; height:33px;}
.footArea .kbAward li:first-child {margin:0}
.footArea .kbAward li:before {display:none}
.footArea .kbAward li.award01 {width:39px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award01.png') no-repeat center center}
.footArea .kbAward li.award02 {width:33px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award02.png') no-repeat center center}
.footArea .kbAward li.award03 {width:34px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award03.png') no-repeat center center}
.footArea .kbAward li.award04 {width:42px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award04.png') no-repeat center center}
.footArea .kbAward li.award05 {width:33px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award05.png') no-repeat center center}
.footArea .kbAward li.award06 {width:46px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award06.png') no-repeat center center}
.footArea .kbAward li.award07 {width:37px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award07.png') no-repeat center center}
.footArea .kbAward li.award08 {width:36px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award08.png') no-repeat center center}
.footArea .kbAward li.award09 {width:106px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_award09.png') no-repeat center center}
.footArea .kbAward li span {display:none; position:absolute; bottom:47px; left:0; padding:15px; border:1px solid #c2c2c2; background:#f6f6f6; font-size:12px; color:#666; line-height:18px; border-radius:5px}
.footArea .kbAward li span:after {content:""; display:block; position:absolute; bottom:-7px; left:15px; width:14px; height:7px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_tooltip_arr.png') no-repeat center center}
.footArea .kbAward li span strong {display:inline-block; margin-bottom:4px; font-weight:500}
.footArea .kbAward li:focus span, 
.footArea .kbAward li:hover span {display:block}

.footArea .kbAward li.award01 span {left:-3px; width:105px}
.footArea .kbAward li.award02 span {left:-6px; width:180px}
.footArea .kbAward li.award03 span {left:-6px; width:180px}
.footArea .kbAward li.award04 span {left:-2px; width:180px}
.footArea .kbAward li.award05 span {left:-7px; width:250px}
.footArea .kbAward li.award06 span {left:0; width:320px}
.footArea .kbAward li.award07 span {left:-6px; width:145px}
.footArea .kbAward li.award08 span {left:-6px; width:180px}
.footArea .kbAward li.award09 span {left:0; width:282px}

.footArea .snsList {position:absolute; top:144px; right:225px}
.footArea .snsList:after {content:''; display:block; height:0; clear:both}
.footArea .snsList li {float:left; margin-left:16px}
.footArea .snsList li.fb {margin-left:12px}
.footArea .snsList li.fb + li {margin-left:13px}
.footArea .snsList li:first-child {margin-left:0}
.footArea .snsList li a	 {display:block; text-indent:-9999px; width:24px; height:24px;}
.footArea .snsList li.blog a {background:url('https://img1.kbcard.com/home_re/pc/logo/24/logo-footer-blog.png') no-repeat center center;background-size: 24px}
.footArea .snsList li.fb a {background:url('https://img1.kbcard.com/home_re/pc/logo/24/logo-footer-fb.png') no-repeat center center;background-size: 24px}
.footArea .snsList li.ut a {background:url('https://img1.kbcard.com/home_re/pc/logo/24/logo-footer-yt.png') no-repeat center center;background-size: 24px}
.footArea .snsList li.in a {background:url('https://img1.kbcard.com/home_re/pc/logo/24/logo-footer-insta.png') no-repeat center center;background-size: 24px}
.footArea .snsList li.tistory a {background:url('https://img1.kbcard.com/home_re/pc/logo/24/logo-footer-tistory.png') no-repeat center center;background-size: 24px}

.footArea .kbNet_link {position:absolute; top:137px; right:0; width:196px}
.footArea .kbNet_link a {display:block}
.footArea .kbNet_link > a {position:relative; padding:0 25px 0 15px; color:#666; font-size:14px; line-height:32px; border:1px solid #c2c2c2; border-radius:0}
.footArea .kbNet_link > a:after {content:''; display:block; position:absolute; top:12px; right:8px; width:9px; height:5px; background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat -15px -116px}
.footArea .kbNet_link.on{z-index:9999}
.footArea .kbNet_link.on > a:after {background-position:0 -116px}
.footArea .kbNet_link .orgList {display:none; position:absolute; right:0; bottom:33px; left:0; padding:8px 0; border:1px solid #c2c2c2; background:#fff; border-radius:0}
.footArea .kbNet_link .orgList a {display:block;margin: 2px 0; padding:0 7px; width:auto; line-height:26px; font-size:13px}
.footArea .kbNet_link .orgList a:hover {background:#f2f2f2}

.footOpen{overflow:hidden;display:none;position:absolute;top:51px;left:0;width:100%;height:250px;padding-top:39px;border-top:1px solid #ccc;z-index:10;background:#fff}
.footOpen .menuList{position:relative;width:960px;margin:0 auto;text-align:left}
.footOpen .menuList .majorMe:after, .footOpen .menuList .majorCall dl:after{content:'';display:block;height:0;clear:both}
.footOpen .menuList .majorMe li{float:left;width:160px;padding-left:20px}
.footOpen .menuList .majorMe li:first-child{padding:0}
.footOpen .menuList .majorMe li strong{display:block;margin-bottom:15px;color:#333;font-size:18px;font-weight:600}
.footOpen .menuList .majorMe li a{display:block;padding:5px 0 6px}
.footOpen .menuList .majorCall{position:absolute;top:0;right:0;width:240px}
.footOpen .menuList .majorCall .callNum{line-height:normal;border:none}
.footOpen .menuList .majorCall dl dt, .footOpen .menuList .majorCall dl dd{float:left;color:#333;font-size:18px;font-weight:600}
.footOpen .menuList .majorCall dl dd{float:right;color:#7462c6;line-height:24px}
.footOpen .menuList .majorCall ul{margin-top:18px;padding-top:12px;border-top:1px solid #e0e0e0}
.footOpen .menuList .majorCall ul li{margin-top:10px;color:#333;font-weight:600;text-align:right}
.footOpen .menuList .majorCall ul li em{float:left}

.pageTop{position:fixed;bottom:50px;left:50%;display:block;width:48px;height:52px;margin-left:500px;padding-top:23px;font:600 13px/1.1 Arial;border:1px solid #ccc;text-align:center;letter-spacing:-1px;z-index:1001;background:#fff;box-sizing:border-box;}
.pageTop:before{content:'';display:block;position:absolute;top:12px;left:50%;width:12px;height:8px;margin-left:-6px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat -98px -102px}
.pageTop:hover{color:#666}
.footer .pageTop{display:none}
.footer.fFixed .pageTop{display:block;position:absolute;top:0;bottom:auto}
.footer.fFixed + .pageTop{display:none}

/* asis & tobe 공통 */
.dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:10}

/* AsIs->ToBe : 2022-01-20 */
.searchTop .searchArea .resultAuto .innerList {height:100%;}
.searchTop .searchArea .resultAuto .menu.result{width:calc(100% - 170px);height:calc(100% - 267px);padding:20px 30px;}
.searchTop .searchArea .resultAuto .card.result{width:calc(100% - 170px);height:267px;}
.searchTop .searchArea .resultAuto .result .tit span {vertical-align:middle;}

/* KBPay 이용안내 바로가기 배너 */
.kbpay-guide-ban{position: absolute;top: 16px;left: 356px;display: inline-block;height: auto;font-size: 0;line-height: 0;z-index: 100;}
.kbpay-guide-ban > a{display: inline-block;position: relative;width: 199px;height: 28px;padding: 3px 33px 3px 10px;border-radius: 4px;background: #ffe05a;box-sizing: border-box;}
.kbpay-guide-ban__cnt span{overflow:hidden;display:inline-block;max-width: 155px;font-size: 13px;color: #333;line-height: 22px;text-overflow:clip;vertical-align:middle;white-space:nowrap;}
.kbpay-guide-ban__img{position: absolute;bottom: -6px;right: 0;width: 40px;height: 40px;}
.kbpay-guide-ban__img img{width: 100%;}

/* PC 이벤트 화면 개선 */
.searchTop .popularList .searchList .pBanner a strong {display: -webkit-box; width: 138px; text-overflow: ellipsis; word-wrap: break-word; word-break: keep-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.searchTop .popularList .searchList .pBanner.evt-banner {margin-right: -8px; height: 92px; padding: 0; background: transparent;}
.searchTop .popularList .searchList .pBanner.evt-banner a {box-sizing:border-box; height: 100%; border-radius: 8px; overflow: hidden; position: relative;}
.evt-banner__img {position: absolute; top: 0; right: 0; bottom: 0; width: 122px; text-align: center;}
.searchTop .popularList .searchList .pBanner.evt-banner a img {position: static; bottom: auto; right: auto; width: auto; height: 100%;}
.evt-banner__cont {height: 100%; box-sizing:border-box; padding: 16px 108px 16px 16px; position: relative; z-index: 2;}
.evt-banner__tit {display: -webkit-box; width: 100%; font-size: 14px; font-weight: bold; line-height: 1.43; letter-spacing: normal; color: rgba(0, 0, 0, .87); overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.evt-banner__tit  ~ .evt-banner__tit {display: block; white-space: nowrap;}