@charset "utf-8";

@import url('fonts.css');
@import url('layout.css');
@import url('content.css');
@import url('business.css');
@import url('priority.css');
@import url('gold.css');
@import url('eng.css');

@import url('jquery-ui.css');

/*========================================== Basic ================================================*/
.rel {position:relative;}
.abs {position:absolute;}
.inB {display: inline-block;}
.blind {
	/*width:0px !important; height: 0px !important; overflow: hidden !important; min-height: 0 !important; min-width: 0 !important; font-size:0px !important;  line-height: 0 !important; padding:0 !important; margin:0 !important;*/ 
	position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);
}
.tblfixed {table-layout:fixed;}
html {height:100%;}
body {min-height: 100%; line-height: 1.5; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif;}
.interL {font-family: 'inter Light', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important; letter-spacing:0 !important;}
.interR {font-family: 'inter Regular', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important; letter-spacing:0 !important;}
.interE {font-family: 'inter ExtraL', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important; font-weight: 100; letter-spacing:0 !important;}
.interB {font-family: 'inter Bold', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important; font-weight: 400; letter-spacing:0 !important;}
input[placeholder], input[type=email], input[type=number],  input[type=password], input[type=search], input[type=tel], input[type=text],input[type=url], input[type=date], select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
body:not(.isMobile) a[href^=tel] {pointer-events:none; cursor:text;}
body:not(.isMobile) a[href^=tel]:hover {color:currentColor; text-decoration:none;}
.mBtnLink {cursor: pointer;}
.dpNon{display:none !important;}
.overV {overflow: visible !important;}
sub {vertical-align:sub; font-size:smaller;}
sup {vertical-align:super; font-size:smaller;}

/*========================================== Font ================================================*/
.normal {font-weight: normal !important;}
.bold {font-weight:bold !important;}
.underline {text-decoration:underline !important;}
.decoNone {text-decoration:none !important;}

.c000 {color:#000000 !important;}
.c333 {color:#333333 !important;}
.c666 {color:#666666 !important;}
.red {color:#d60000 !important}
.blue {color:#002a54 !important;}
.blue2{color:#056DAE !important;}
.green {color:#006e0a !important;}
.green2{color:#007377 !important;}
.green3{color:#006E0A !important;}

.wordBreak{word-break:break-word}
/*=========================================== Border ==============================================*/
.bgnone {background:none !important;}
.brnone {border:none !important;}
.brrNone {border-right:none !important;}
.brlNone {border-left:none !important;}
.brbNone {border-bottom:none !important;}
.brtNone {border-top:none !important;}

.brdT {border-top:1px solid #999 !important}
.brdB {border-bottom:1px solid #999 !important}
.brdL {border-left:1px solid #999 !important}
.brdT.gray {border-top-color:#ccc !important;}
.brdB.gray {border-bottom-color:#ccc !important;}
.brdL.gray {border-left-color:#ccc !important;}
.brdT.dark {border-top-color:#666 !important;}
.brdB.dark {border-bottom-color:#666 !important;}
.brdL.dark {border-left-color:#666 !important;}
.brdBlue {border-color:#056dae !important;}
/*=========================================== Align ==============================================*/
.fl {float: left;}
.fr {float: right;}
.fn,.fNone {float:none !important;}

.ac,.alignC {text-align:center !important;}
.al,.alignL {text-align:left !important;}
.ar,.alignR {text-align:right !important;}
.ie10 .ie10al {text-align: left !important;}

.vm {vertical-align: middle !important}
.vt {vertical-align: top !important}


/*======================================= Margin/Padding ==========================================*/
/* 삭제예정 (s)*
.normalp {margin-top:15px}

.smsMt10 {margin-top:10px;}
.smsMt20 {margin-top:20px;}
.smsMt30 {margin-top:30px;}

.smsMb10 {margin-bottom:10px;}
.smsMb20 {margin-bottom:20px;}
.smsMb30 {margin-bottom:30px;}
/* 삭제예정 (e)*/

.mt_3 {margin-top:-3px !important}
.etcSpMb {margin-top:50px}
.txtBnn {margin-top:60px !important;}
.conBoxMt{margin-top:30px !important;}

.mg0 {margin: 0px !important;}
.mt0 {margin-top: 0px !important;}
.mr0 {margin-right: 0px !important;}
.mb0 {margin-bottom: 0px !important;}
.ml0 {margin-left: 0px !important;}

.mt5 {margin-top: 5px !important;}
.mr5 {margin-right: 5px !important;}
.mb5 {margin-bottom: 5px !important;}
.ml5 {margin-left: 5px !important;}

.mt10, .marT10 {margin-top: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml10 {margin-left: 10px !important;}
.ml-10 {margin-left: -10px !important;}
.mb-10 {margin-bottom: -10px !important;}

.mb12 {margin-bottom: 12px !important;}

.mt15 {margin-top: 15px !important;}
.mr15 {margin-right: 15px !important;}
.mb15 {margin-bottom: 15px !important;}
.ml15 {margin-left: 15px !important;}

.mt20, .marT20 {margin-top: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml20 {margin-left: 20px !important;}

.mt30 {margin-top: 30px !important;}
.mr30 {margin-right: 30px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml30 {margin-left: 30px !important;}

.mt40 {margin-top: 40px !important;}
.mr40 {margin-right: 40px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml40 {margin-left: 40px !important;}

.mt50{margin-top:50px !important}
.mb50{margin-bottom:50px !important}

.mt60 {margin-top:60px !important;}

.pd0 {padding:0 !important}
.pt0 {padding-top: 0px !important;}
.pr0 {padding-right: 0px !important;}
.pb0 {padding-bottom: 0px !important;}
.pl0 {padding-left: 0px !important;}

.pt10 {padding-top: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl10 {padding-left: 10px !important;}

.pt20 {padding-top: 20px !important;}
.pr20 {padding-right: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl20 {padding-left: 20px !important;}

.pt30 {padding-top: 30px !important;}
.pr30 {padding-right: 30px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}

.pt40 {padding-top: 40px !important;}
.pr40 {padding-right: 40px !important;}
.pb40 {padding-bottom: 40px !important;}
.pl40 {padding-left: 40px !important;}

.mt-20 {margin-top:-20px !important;}

/*=========================================== Button ==============================================*/
/*== btnArea ==*/
.btnArea .btnType2.visibleMb {display: none;}
.btnType1.small.etc{padding:20px 20px;line-height:0px;font-size:16px;}
.btnType1.btnFull{width:100%}
.conDivBox.finance .btnArea.side .btnType1 {width:auto; /*padding: 0 20px*/}
.btnArea.side.clfix .btnType1 {width:48% !important; padding:0}
.btnArea.side.clfix .btnType1.fr {margin-left:0}

.btnArea {padding-top:20px; text-align:right;}
[class^=btnType] + [class^=btnType] {margin-left:14px;}
.btnArea.ac [class^=btnType] {margin:0 7px;}
.btnArea.ac [class^=btnType].full{margin:0}
[class^=btnType] {display:inline-block; position:relative; height:50px; padding:0 20px; border:2px solid #056DAE; border-radius:6px; background:#056DAE; color:#fff; font-weight:bold; line-height:46px; text-align:center; box-sizing:border-box; overflow:hidden;}
[class^=btnType].large {margin-top:20px; height:60px; line-height:56px;}
[class^=btnType].small {min-width:50px; height:30px; font-size:12px; line-height:26px;}
[class^=btnType].more:before {display:block; content:''; position:absolute; top:50%; left:20px; width:12px; height:12px; margin-top:-6px; background:url(../img/common/btnIco_more.png) no-repeat 0 0; overflow:hidden;}
[class^=btnType].disabled,
[class^=btnType][disabled^=disabled],
[class^=btnType]:disabled {border:2px solid #9c9c9c; background-color:#fff !important; color:#9c9c9c !important;}
[class^=btnType][class*=arrow] {padding:0 48px;}
[class^=btnType][class*=arrow]:before {display:block; content:''; position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background-image:url(../img/common/btnIco_arrow.png) !important; background-repeat:no-repeat; overflow:hidden;}
.btnType1,
.btnType4 {min-width:220px; word-break:break-all;}
.btnType1:hover, .btnType1:focus {border:2px solid #002a54; background:#002a54;}
.btnType2 {padding:0; border:2px solid transparent; background-color:transparent; color:#056dae;}
.btnType2:hover, .btnType2:focus {color:#002a54; text-decoration:underline;}
.btnType3 {border:2px solid #fff; background-color:#fff; color:#056dae;}
.btnType3:hover {border-color:#002a54; background-color:#002a54; color:#fff}
.btnType4 {border:2px solid #002a54; background-color:#002a54;}
.btnType4:hover, .btnType4:focus {border:2px solid #056DAE; background:#056DAE;}

/*임시 오렌지 컬러 */
.btnType1.bgType2{background-color: #F7A132 !important; border-color:#F7A132 !important;}
.btnType1.bgType2:hover{background-color: #0f2a48 !important; border-color:#0f2a48 !important}

.btnType1.arrowR:before {right:20px; background-position:0 0;}
.btnType1.arrowL:before {left:20px; background-position:0 -28px;}
.btnType2.arrowR {padding:0 17px 0 0;}
.btnType2.arrowR:before {right:0; background-position:0 -14px;}
.btnType2.arrowL {padding:0 0 0 17px;}
.btnType2.arrowL:before {left:0; background-position:0 -42px;}
.btnType3.arrowR:before {right:20px; background-position:0 -14px;}
.btnType3.arrowL:before {left:20px; background-position:0 -28px;}
.btnType3.arrowR.small:before {background-position:-2px -14px;} 
.btnType3.arrowR.small:hover:before {background-position:-2px -0;} 
[class^=btnType].full {width:100%;}
button[class^=btnType] {vertical-align:top;}
[class^=btnType].multiLine .inner{display: inline-block; margin-top: -2px; line-height: normal; vertical-align: middle;}
.btnType1.pc {display:block;}
.btnArea + .buttonGroup.numberous {margin-top:60px;}
.btnArea + .promotionArea {margin-top:60px}
/* btnArea */
.btnArea.brdT {margin-top:40px;}
.brdT.gray {border-top:1px solid #ccc !important;}
.btnArea + table,
.btnArea + .infoListLine  {margin-top:50px;}
.btnArea.mb{display:none;}
.isMobile .btnArea.mb{display:block;text-align:left;width:100%;}
.isMobile .btnArea.mb button{width:50%;}
/* 버튼넓이 초기화 */
.btnArea.lign [class^=btnType] {min-width:initial;}
.btnArea.lign.tb [class^=btnType] {min-width:220px;}
/* 버튼구분선(btnType2) */
.btnDivider {display:block; overflow:hidden;}
.btnDivider .btnType2 {position:relative; overflow:visible; margin-left:31px;}
.btnDivider .btnType2:after {content:''; position:absolute; top:50%; right:-21px; display:block; width:1px; height:16px; margin-top:-7px; border-right:1px solid #333;}

/* btnLine */
button > .btnLineDown {width:19px; height:20px; margin-left:0; margin-right:10px; padding-right:0; vertical-align:middle; /* display:inline-block; margin-left:0; padding-right:30px; vertical-align:middle; */}
[class*=btnLine] {display:inline-block; position:relative; border:0 none; background-color:transparent; box-sizing:border-box;  vertical-align:top; overflow:hidden;}
[class*=btnLine]:before {display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; overflow:hidden;}
.btnLinePlus {width:20px; height:20px; background:url(../img/common/btn_linestyle_plus.png) no-repeat 0 0;}
.btnLineMinus {width:20px; height:20px; background:url(../img/common/btn_linestyle_minus.png) no-repeat 0 0;}
.btnLinePrint {height:20px; margin-left:20px; padding-right:30px; font-size:12px; vertical-align:top; background:url(../img/common/btn_linestyle_print.png) no-repeat 100% 0;}
.btnLineDown {height:20px; margin-left:20px; padding-right:30px; font-size:12px; vertical-align:top; background:url(../img/common/btn_linestyle_download.png) no-repeat 100% 0;}

/* buttonGroup */
.buttonGroup {margin-top:-10px; margin-bottom:10px}
.buttonGroup > button.small {width:60px; min-width:60px; margin:5px 5px 5px 0; padding:0; background:#fff; color:#056dae; border:none; font-weight:normal; text-align:center;}
.buttonGroup > button.small:hover, .buttonGroup > button:focus {background:#056dae; color:#fff; border:none;}
.buttonGroup [class^=btnType] + [class^=btnType] {margin-left:0;}
.buttonGroup > .sTxt.etcAlign {display:inline-block; margin-top:8px}
/* 161012 popup .buttonGroup.numberous */
.buttonGroup.numberous {margin-bottom:0;}
.buttonGroup.numberous .quickGroup {margin-bottom:-10px;}
.buttonGroup.numberous .quickGroup li {padding-right:0; margin-right:10px; margin-bottom:10px;}
.buttonGroup.numberous .quickGroup li:before {display:none;}
.buttonGroup.numberous .quickGroup li:last-child {margin-right:0;}
.buttonGroup.numberous .btnType1.small {width:auto; min-width:auto; padding:0 15px; margin:0; border:0; background:#fff; color:#056dae; font-weight:normal;}
.buttonGroup.numberous .btnType1.small:hover, 
.buttonGroup.numberous .btnType1.small:focus {background:#056dae; color:#fff; border:none;}

/*== links ==*/
.links.new {padding-right:25px; background:url(../img/common/btnIco_layer.png) no-repeat 100% center;}
.linksGroup .links[class*=arrow] {display:inline-block; margin-right:15px;}
.linksGroup .links[class*=arrow]:last-child {margin-right:0;}
.linksGroup .dropDownWrap {display:inline}

.linksGroup.icoType .links {display:inline-block;}
.linksGroup.icoType.large .links:first-child {margin-left:0px;}
.linksGroup.icoType.large .links {position:relative; margin-left:45px; padding-top:90px; color:#333;}
.linksGroup.icoType.large .icoCsEmail:before {content: ""; position:absolute; top:0; left:50%; margin-left:-40px; display:block; width:80px; height:80px; background-image:url(../img/common/ico_prdc_cs1.png); background-repeat: no-repeat; background-position:0 0;}
.linksGroup.icoType.large .icoCsChat:before {content: ""; position:absolute; top:0; left:50%; margin-left:-40px; display:block; width:80px; height:80px; background-image:url(../img/common/ico_prdc_cs2.png); background-repeat: no-repeat; background-position:0 0;}


/* links */
.links {color:#056DAE; text-decoration:none; word-break:break-all;}
.links:hover {color:#002a54; text-decoration:underline;}
/*.links:before, .links:after{content:''; display:inline-block;}*/

/* 테이블 안 - 바로가기 링크 그룹 */
.links[class*=arrow], .icoPlus{color:#056DAE;}
.links[class*=arrow]:hover, .icoPlus:hover{color:#002a54; text-decoration:underline;}
.links.white[class*=arrow]:hover{color:#fff}

.links.arrowR{padding-right:12px; background:url(../img/common/ico_arr_next_bold.png) no-repeat 100% 55%;}
.links.arrowR:hover{color:#002A54; background:url(../img/common/ico_arr_next_bold_v.png) no-repeat 100% 55%;}
.links.arrowL{padding-left:12px;background:url(../img/common/ico_arr_prev_bold.png) no-repeat 0 55%;}
.links.arrowL:hover{background:url(../img/common/ico_arr_prev_bold.png) no-repeat 0 55%;}

.links.arrowUp{padding-right:16px;background: url(../img/common/ico_arr_up_bold.png) no-repeat 100% 55%;}
.links.arrowUp:hover{background:url(../img/common/ico_arr_up_bold_v.png) no-repeat 100% 55%;}
.links.arrowDown {padding-right:16px; background:url(../img/common/ico_arr_down_bold.png) no-repeat 100% 55%;}
.links.arrowDown:hover {background:url(../img/common/ico_arr_down_bold_v.png) no-repeat 100% 55%;}
.headerSortDown .links.arrowUp, .headerSortDown .links.arrowDown {background:url(../img/common/ico_arr_down_bold.png) no-repeat right 55%;}
.headerSortUp .links.arrowUp, .headerSortUp .links.arrowDown {background:url(../img/common/ico_arr_up_bold.png) no-repeat right 55%;}

.links.white.arrowR{color:#fff; background:url(../img/common/ico_arr_next_white.png) no-repeat 100% 55%}
button span.links.arrowL,
button span.links.arrowR {width:5px; height:9px;}
button span.links.arrowUp,
button span.links.arrowDown {width:9px; height:5px;}
/* 161021 */
.links.btnIcoDown {padding-left:30px; background:url(../img/common/btnImg_download.png) no-repeat 0 50%;}
/* 아이콘 */
.icoImgLink {width:14px; height:14px; background:url(../img/common/icoImg_link.png) no-repeat;}
.icoImgHelp {width:20px; height:20px; background:url(../img/common/ico_question.png) no-repeat; margin-top:-2px;}

/*== button common ==*/
button {background-color:transparent; font-size:16px;}

/* 이미지 콘텐츠 & 이미지 버튼 */
[class*=btnImg] {display:inline-block; position:relative; border:0 none; background-color:transparent; box-sizing:border-box; overflow:hidden;}
[class*=btnImg]:before {display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; overflow:hidden;}

/* 아이콘 링크 & 버튼 */
[class*=btnIco] {display:inline-block;}
.btnIcoPlus {display:inline-block; padding-left:21px; background:url(../img/common/btnIco_new.png) no-repeat 0 center; color:#056dae;}
.btnIcoEdit {display:inline-block; padding-left:21px; background:url(../img/common/btnIco_edit.png) no-repeat 0 center; color:#056dae; font-size:14px;}

/* 이미지 버튼 */
.btnImgFaq {width:22px; height:22px; background:url(../img/common/btnImg_const.png) no-repeat 0 0;}
.btnImgPrint1 {width:27px; height:22px; background:url(../img/common/btnImg_print1.png) no-repeat 0 0;}
.btnImgPlus,
.btnImgMinus {width:19px; height:20px; vertical-align:middle;}
.btnImgPlus {background:url(../img/common/btnImg_plus.png) no-repeat 0 0;}
.btnImgMinus {margin-left:1px; background:url(../img/common/btnImg_minus.png) no-repeat 0 0;}
.btnImgView {width:16px; height:19px; background:url(../img/common/btnImg_view1.png) no-repeat 0 0;}
.btnImgExs {width:18px; height:19px; background:url(../img/common/btnImg_exs.png) no-repeat 0 0;}
.btnImgPrint2 {width:22px; height:18px; background:url(../img/common/btnImg_print2.png) no-repeat 0 0;}
.btnImgDown {width:21px; height:17px; background:url(../img/common/btnImg_download.png) no-repeat 0 0;}
.btnImgLink {width:40px; height:40px; background:url(../img/common/btnImg_link.png) no-repeat center center;}
.btnImgClose {width:18px; height:18px; background-image:url(../img/common/btn_close.png);background-repeat: no-repeat; background-position:0 -18px;}
.btnImgClose:hover {background:url(../img/common/btn_close.png) no-repeat;}
.btnImgGnbClose {display:none; position:absolute; right:5px; bottom:0; width:44px; height:44px; background:url(../img/m/gnb_close_blue.png) no-repeat center center; background-size:12px 12px !important;}
.post .btnImgGnbClose {background:url(../img/m/gnb_close.png) no-repeat center center;}
.isMobile .gnbOpen .btnImgGnbClose {display:block;}
.exsDownLoad {width:21px; height:19px; background:url(../img/common/btnImg_download.png) no-repeat 0 0;}
.btnImgShare {padding-right:33px; background:url(../img/common/btnImg_share.png) no-repeat right center; color:#056DAE; overflow: visible; min-height: 22px}

[class*=icoImg] {display:inline-block; vertical-align:middle}
.icoNew {display:inline-block; width:20px; height:20px; margin-left:8px; background:url(../img/common/ico_new.png) no-repeat; vertical-align:middle}
.btnImgFile {width:17px; height:20px; background-image:url(../img/common/btnImg_file.png); background-position:-16px -15px; background-repeat:no-repeat;  width:17px; height:20px;}

/* [PRE] 160902
.btnImgFile.tmTransTxt {background-image:url(../img/common/btnImg_file.png); background-position:-16px -15px; background-repeat:no-repeat;  width:17px; height:20px;}
 */

.btnImgPdf {width:50px; height:50px; background:url(../img/common/btnImg_pdf.png) no-repeat;}
.icoImgPdf {width:19px; height:19px; background:url(../img/common/icoImg_pdf.png) no-repeat;}
.icoImgAndroid {width:27px; height:32px; background:url(../img/common/ico_android.png) no-repeat;}
.icoImgApple {width:27px; height:32px; background:url(../img/common/ico_apple.png) no-repeat;}

/*=========================================== Title/Text =============================================*/
/* 여백 관련 */
.txtC5 {margin-top:20px; font-weight:bold/* font-size:16px; */}
.titH2 + .viewWrap {margin-top:60px}
.titH2 + .allSearchArea {margin-top:50px}
.txtC5 + .txtList, .txtList + .whiteWrap {margin-top:20px}
.titH2 + .searchArea {margin-top:60px}
 
.titH3 + .olTxtList, .titH4 + .olTxtList,
.titH3 + .whiteWrap, .titH5 + .whiteWrap, .txtC5 + .whiteWrap{margin-top:20px;}
/* 161103 */
.titH3 + .detailsList > .txtList {margin-top:16px;}
.titH3 + .detailsList + .btnArea {padding-top:30px;}
.titH3 + .txt{margin-top:20px}
/*.titH4 + .txtList, - 0125 디자인 가이드 수정*/
.titH4 + .txt,
.titH4 + .whiteWrap{margin-top:15px}
.titH3 + .multiBoxWrap{margin-top:20px;}
/* 타이틀  */
.titH1 {font-size:60px; line-height:1.2; letter-spacing:-0.1em;}
.titH2 {margin-top:35px; color:#333; font-size:38px; line-height:1.2; letter-spacing:-0.09em;}
.titH3 {margin-top:50px; color:#333; font-size:23px; line-height:1.4; font-weight:bold; letter-spacing:-0.07em;}
.titH3 > .small {display:inline-block; margin-left:10px; font-size:16px; font-weight:normal;}
.titH4 {margin-top:30px; font-size:19px; font-weight:bold;}
.titH4 > .small {display:inline-block; margin-left:10px; font-size:14px; font-weight:normal;}
.titH5 {font-size:16px; font-weight:bold;}
.txtS1 {font-size:16px !important;}
.txtS2 {font-size:14px !important;}
.txtS3 {color:#666; font-size:12px !important;}
.txtL1 {font-size:24px !important;}
.txtL2 {font-size:20px !important;}
.txtL3 {font-size:17px !important;}
.lts0 {letter-spacing: 0 !important;}
.lts1 {letter-spacing: 1px !important;}
.cntArea > .titH2 {margin-top:40px;}

strong[class^=titH] {display:block;}
.titH3 + .landingList.lon {margin-top:0;}
.titH4 + .extraList {margin-top:15px;}
.mTxt {font-size:14px;}

.titH2 + .allSearchArea {margin-top:50px}
p.titH3 {margin-top:55px;}

[class*=titH] + .txtList + .guideArea {margin-top:60px; margin-bottom:0;}
/* 타이틀 옆 소타이틀 */
.titH3 > .sTxt {display:inline-block; margin-left:20px; /*letter-spacing: -1px;*/ vertical-align: middle;}
.titH3 > .small {display:inline-block; margin-left:20px;}
.titH4 > .small {display:inline-block; margin-left:10px;}

.titH2 + .titH3 {margin-top:30px;}
.titH2 + .funcGroup {margin-top:30px;}
.titH2 + table {margin-top:50px;} /* 메인타이틀 + 테이블 */
.titH2 + .infoListLine {margin-top:50px;}

.titH2 + .formArea {margin-top:25px;}
.titH3 + .formArea{margin-top:20px;}

.titH2 + .quickGroup {margin-top:30px;}
.titH2 + .quickGroup + .formArea {margin-top:0;}

.titH3 + .funcGroup {margin-top:0;}
.titH3 + .titH4 {margin-top:20px;}
.titH3 + .blockList {margin-top:20px;}
.titH3 + .qnaList {margin-top:20px;}

.titH2 + p {margin-top:30px;}
.titH3 + p {margin-top:20px;}
.titH3 + .txtList {margin-top:21px;/*margin-top:15px; - 0125 디자인 가이드 수정*/}
.titH3 + .txtList > li {margin:10px 0;}
.titH3 + .txtList > li p {margin-top:10px;}
.titH3 + .msgArea,
.titH3 + .msgArea.msgFail {margin-top:20px;}
.titH5 + .dashList {margin-top:0;}
.titH5 + .dashList > li {margin:10px 0;}
.titH5 + p {margin-top:10px;}
.titH5 + p + .dashList {margin-top:0;}
.titH5 + p + .dashList > li {margin:10px 0;}

.titH4 + .formArea {margin-top:20px;}
.titH4 + p {margin-top:15px;}
.titH4 + p + .links {display:inline-block; margin-top:15px;}
/* .titH4 + .txtList > li {margin:10px 0;} */
.titH4 + .titH5 {margin-top:15px;}
.titH5 + .txtList,
.titH5 + .txt {margin-top:15px;}
.titH5 + p + .links {display:inline-block; margin-top:15px;}
.titH5 + .txtList > li {margin:10px 0;}

.titH2 + .branchDetail {margin-top:30px;}
.titH2 + .whiteWrap {margin-top:50px;}
.titH2 + .selectLayerGroup {margin-top:50px;}
.titH2 + .showcase {margin-top:60px}
.titH3 + .linksGroup {margin-top:20px;}

[class^=titH] + .conDivArea .conDivBox.landList {margin-top:0;}
.titH2 + .conDivArea .conDivBox.landList {margin-top:50px;}
.titH2 + .txtList {margin-top:60px;} /* 타이틀 다음에 마진을 갖는 요소 */
.titH2 + .bgColorW {margin-top:50px;}

/* 타이틀 옆 버튼 */
[class^=titH].btnAdd .tit {display:inline-block; vertical-align:top; line-height: 33px;}
[class^=titH].btnAdd .btnType1.small {margin-left:5px; vertical-align:middle; font-size:12px;}

/*== sTxt ==*/
.sTxt {font-size:12px; color:#666; text-align:left}
.sTxt + .inputGroup.horizontal{margin-top:0}

.titGroup:after {content:''; display:block; clear:both;}
.titGroup [class^=titH] {float:left;}
.titGroup .relationArea {float:right; margin-top: 10px;}
.titGroup .relationArea .btnGroup{display:inline}

.bulTxtList{display:block; position: relative; margin-top:11px; padding-left:16px;}
.bulTxtList:before{display:block; content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background: url(../img/common/ico_circle.png) no-repeat 0 -5px;}

/*============================================== Form ================================================*/
.formWrap.nonLabel label {height:auto;}
.ie10 .txtIptLabel {word-wrap: normal;}
.ie10 .formWrap.nonLabel label {height:19px}
.ie10 .pagingArea .formWrap label {height:0}

/* multiple */
.formWrap.multiple {margin-top:20px; margin-bottom:0;}
.formWrap.multiple label.txtIptLabel {width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;}
.formWrap.multiple .formControl {height:200px; padding:10px 20px; margin:0; background:none; background-color:#fff; border-top-right-radius:0; border-bottom-right-radius:0;}

/* 인풋_소수점 */
.formWrap .dashed.dot {bottom:1px !important; line-height:normal;}

.formWrap label .small{font-size:12px; color:#666}
.formWrap label p.small{text-indent:0}

.formWrap .formLayer{display:none}
.formWrap .formLayer .formWrap{display:inline-block; margin:0}
.formWrap input[type="radio"]:checked~.formLayer,
.formWrap input[type="checkbox"]:checked~.formLayer{display: block;}
/* input Text */
.formControl {font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; }
.formWrap {position:relative; margin-bottom:10px;}
.formWrap .txtIptLabel {display: block; padding-bottom:4px; font-size: 12px; color: #666; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; white-space: nowrap}
.formWrap .formControl {display: block; width: 100%; height: 50px; margin: 3px 0 5px; padding: 10px 20px; border: 1px solid #fff; border-radius: 6px; background-color: #fff; -webkit-transition: border-color ease-in-out 0.225s; transition: border-color ease-in-out 0.225s; font-size: 16px; line-height: 1.5; color: #333; box-sizing: border-box;}
.formWrap .formControl::-webkit-input-placeholder {color: #666; opacity:1}
.formWrap .formControl::-moz-placeholder {color: #666; opacity:1}
.formWrap .formControl:-ms-input-placeholder {color: #666; opacity:1}
.formWrap .formControl:focus, .formWrap.isFocused .formControl {outline:rgba(0,0,0,0); border-color:#056DAE}
.formWrap .formControl:focus::-webkit-input-placeholder, .formWrap.isFocused .formControl::-webkit-input-placeholder {color: #eee; opacity: 0;}
.formWrap .formControl:focus::-moz-placeholder, .formWrap.isFocused .formControl::-moz-placeholder {color: #eee; opacity: 0;}
.formWrap .formControl:focus:-ms-input-placeholder, .formWrap.isFocused .formControl:-ms-input-placeholder {color: #eee;}
.formWrap .virInp.formControl:focus:-ms-input-placeholder, .formWrap.isFocused .virInp.formControl:-ms-input-placeholder {color:skyblue}
.formWrap.keyPadOpen .virInp.formControl {border-color:#ccc !important; background: skyblue !important;}
.efsService.infoListLine > li .formWrap .formControl:-ms-input-placeholder {color:#eee;}
.formControl.imeMode {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
body.isIE:not(.en) input[type='text'] {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}

/* input Text - message */
.formWrap .formControl.success:focus {box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 1px #006E0A;}

.formWrap .formControl + .msg {display: block; color: #666; font-size: 12px; line-height: 1em;}
.formWrap .formControl.error + .msg {color: #D60000;}
.formWrap .formControl.error ~ .essenText, 
.formWrap .formControl.error ~ .placeText {top:25px; bottom: auto;/*bottom:15px*/}
.formWrap .formControl.error:not(.black) {border-color:#D60000 }
.formWrap .formControl.error:not(.black):focus {box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 1px #D60000;}
.formWrap .formControl.error.black + .msg {color:#666}

.txtIptLabel > .essential, .formWrap .essential {display: inline-block; width:12px; height:12px; overflow:hidden; background: url('../img/common/ico_star.png') no-repeat center 4px;}
.formWrap .placeText, .formWrap .essenText {position: absolute; top:auto; bottom:0; left: auto; display: none; padding-left:20px; height:50px; color:#767676; line-height: 48px; pointer-events: none;}
.formWrap.isFocused .placeText {display: inline-block; left:0} 
.formWrap .essenText {display: inline-block}
.formWrap.isFocused .essenText {display: none}
.formWrap.hasValue .placeText, .formWrap.hasValue .essenText {display: none;}  


/* input Text - 화폐 */
.formWrap[class*=unit] .formControl {font-family: 'inter Light', 'Malgun Gothic', '맑은 고딕', sans-serif; letter-spacing:0 !important;} 
.formWrap.unit .formControl {padding-top:8px; text-align: left;}
.formWrap.unit .unit {display: none;}
.formWrap.unit .unit {position:absolute; bottom:0; right:0; height:50px; padding: 10px 20px; border-radius: 6px; color:#666; text-align: center; line-height:1.7em; box-sizing: border-box;}
.formWrap.unit.isFocused .placeText, .formWrap.unit.isFocused .essenText {position:absolute; width:auto; padding:0; text-align: right}
.formWrap.unit.isFocused .unit, .formWrap.unit.hasValue .unit {display: block;}
.formWrap.unit.isFocused .formControl, .formWrap.unit.hasValue .formControl {text-align: right;}
.formWrap.unitFront .formControl {text-align: left;}
.formWrap.unitFront .unit {position:absolute; top:50%; left:auto; margin-top:-1px; padding: 0 20px; border-radius: 6px; color:#666; text-align: center;}
.fakeVisible {position: absolute !important; top: -9999px !important; opacity:0 !important; display: block !important;}
.formWrap.unit.isFocused .formControl::-ms-clear, .formWrap.unit.hasValue .formControl::-ms-clear {display: none}
.formWrap.unit input::-ms-clear {display: none;}

/* input Text - place holder */
/*.formWrap .placeText {position: absolute; top:auto; bottom:5px; left: 0; display: none; height:50px; color:#767676; line-height: 48px; pointer-events: none;}  추후 확인해야함 */
/*.formWrap.isFocused {overflow: hidden}*/
.formWrap.isFocused .placeText {display: inline-block; width:90%; padding-left:20px; padding-right:20px; white-space: nowrap; box-sizing: border-box; overflow: hidden;}  
.formWrap.hasValue .placeText  {display: none;}  
.formWrap.hasEssent select.formControl {color:#fff;}
.formWrap.hasEssent.isFocused select.formControl {color:#767676}

/*추후 검토후 삭제*/ 
[class*=col_] > .placeText, [class*=col_] > .essenText {left:0; padding-left:30px; bottom:5px;}
[class*=col_].isFocused .placeText {padding-left:30px;}
[class*=col_].formWrap.unit .unit {right:10px; bottom:5px;}
[class*=col_].formWrap.unit .error ~ .unit {bottom:15px;}

/* validation value */
.formWrap.hasTextarea .txtIptLabel, 
.formWrap.hasValue .txtIptLabel, 
.formWrap.isFocused .txtIptLabel {opacity: 1;} 
/* .formWrap.hasTextarea .txtIptLabel {font-size: 16px; color:#333} */
.formWrap input[readonly].formControl,
.formWrap input[disabled].formControl,
.formWrap select[disabled].formControl{border-color:#ccc !important; background:transparent !important;}
/* .formWrap input[disabled].formControl {border-color:transparent; background:transparent;}
.formWrap input[disabled].formControl {padding:10px 20px 10px 0; border-color:transparent; background:transparent;}
.formWrap.unit.isFocused input[disabled].formControl, .formWrap.unit.hasValue input[disabled].formControl {text-align:left;} */
.formWrap .formControl.disabledDesign {border-color:#ccc; background:#eee;}
.formWrap.isFocused .formControl.disabledDesign,
.formWrap.isFocused .formControl.disabledDesign:focus {outline:rgba(0,0,0,0); border-color:#056DAE; background: #fff}
.formWrap.hasValue .formControl.disabledDesign {border-color:#fff; background: #fff} 

/* select */
.formWrap.nonLabel {margin-top:0;}
.formWrap.nonLabel label {opacity: 0 !important; top:0; position: relative; margin-top:-1px}
select:focus::-ms-value {background: none; color:#333}
.formWrap select.formControl {padding-right:42px; background: #fff url('../img/common/ico_select_arrow.png') no-repeat right 14px center; color:#666}
.formWrap .formControl option {color:#333;} 
.formWrap .formControl option[disabled=""] {color:#999;} 
.formWrap.hasValue select.formControl {color:#333;}
.formWrap .dashed {position: absolute; bottom:4px; left:-10px; width:20px; text-align: center; line-height: 50px}
.formWrap .txtIptLabel.hasEssent + .formControl {color:#fff;}
.formWrap.hasEssent:not(.hasValue) select[disabled], .formWrap.hasEssent:not(.hasValue) select.disabled {color:rgba(0,0,0,0);}
.isIE .formWrap.hasEssent select[disabled] {font-size:0px}
.isIE .formWrap.hasEssent.hasValue select[disabled] {font-size:16px}

/*
.formGroup {margin-left:-10px; margin-right: -10px;}
.formGroup:after, .formGroup:before {clear:both; content:''; display: table; box-sizing: border-box;}
.formGroup .formWrap {float:left; display:inline-block; width: 33.33333%; padding:0 10px; box-sizing: border-box}
.formGroup.two .formWrap {width: 50%}
*/

/* radio, checkbox */
.inputComp .txtIptLabel {display:block; margin-top:15px; color:#666; font-size:12px;}
.inputComp .txtIptLabel + .inputGroup.horizontal {margin-top:-5px;}

.inputComp > .msg {margin:4px 0 15px; font-size:12px; color:#D60000; font-weight: bold;}
.inputComp.error .inputGroup {padding: 10px 0 10px 10px; margin-left: -1px; margin-right:-10px; border-left: 2px solid #D60000;}
.inputComp.error .inputGroup .formWrap {padding-left: 10px;}

.inputGroup .formWrap {margin-bottom:14px;}
.inputGroup.horizontal .formWrap {position:relative;}
input[type="radio"], input[type="checkbox"] {position: absolute; top: auto; display: inline-block; margin: 1px 15px 4px 0; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: -10; box-sizing: border-box; vertical-align: middle; line-height: normal;}
input[type="radio"]+label, input[type="checkbox"]+label {display: inline-block; margin: 0; padding: 0; cursor: pointer; min-height: 26px; box-sizing: border-box; color:#333;}
input[type="radio"]+label:hover, input[type="checkbox"]+label:hover {text-decoration: underline;}
input[type="radio"]+label:before, input[type="checkbox"]+label:before {content: ""; position: relative; top: 4px; display: inline-block; width: 20px; height: 20px; margin: 0 10px 0 0; border: 1px solid; border-radius: 50%; box-sizing: border-box;}
input[type="radio"]+label.sTxt:before, input[type="checkbox"]+label.sTxt:before {top:6px;}
input[type="radio"]:checked+label, input[type="checkbox"]:checked+label {color:#056DAE} 
input[type="radio"]:checked+label:before, input[type="checkbox"]:checked+label:before {border-color:#333; background-color: #056DAE; box-shadow: inset 0 0 0 3px #EEE;}
input[type="radio"][disabled]+label, input[type="checkbox"][disabled]+label {cursor: default; color: #999;}
input[type="radio"][disabled]+label:hover, input[type="checkbox"][disabled]+label:hover {text-decoration: none;}
input[type="radio"]:checked~.formWrap, input[type="checkbox"]:checked~.formWrap {display: block;}

input[type="checkbox"]+label:before {border-radius: 6px;}
input[type="checkbox"]:checked+label:before {border-color:#056DAE; background: #056DAE url('../img/common/ico_checkbox.png') no-repeat center center; box-shadow: none;}

input[type="radio"].single, input[type="checkbox"].single {display: inline-block; margin:0; padding: 0; opacity: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: -10;box-sizing: border-box; vertical-align: middle; line-height: normal; cursor: pointer}
input[type="radio"].single{position: static; top: 4px; display: inline-block; width: 20px; height: 20px; margin: 0 10px 0 0; border: 1px solid; border-radius: 50%; box-sizing: border-box;}
.ie input[type="radio"].single{border:0;}
input[type="radio"]:checked.single{border-color:#333; background: url('../img/common/ico_radio.png') no-repeat 50% 50%; box-shadow: none;}
input[type="checkbox"].single {position: static; top: 4px; display: inline-block; width: 20px; height: 20px; margin: 0 10px 0 0; border: 1px solid; border-radius: 6px; box-sizing: border-box;}
input[type="checkbox"]:checked.single {border-color:#056DAE; background:#056DAE url('../img/common/ico_checkbox.png') no-repeat 50% 50%; box-shadow: none;}

.inputGroup.horizontal {margin-top:1px;}
.accoContents .inputGroup.horizontal:first-child {margin-top:21px;}
.accoContents .inputGroup.horizontal {margin-top:11px;}
.inputGroup.horizontal .formWrap {display:inline-block; margin-right:15px;}
.inputGroup.horizontal input[type="radio"]+label, input[type="checkbox"]+label {font-size:16px; white-space: nowrap;}
.conDivBox .block input[type="checkbox"]+label {white-space: normal;} 
input[type="checkbox"]+label.wsNormal {white-space:normal !important;}
input[type="radio"]:focus+label, input[type="checkbox"]:focus+label {text-decoration:underline;}

.formWrap .formControl.datepicker {padding-right:50px;}
.ui-datepicker-trigger {position:absolute; right:10px; bottom:5px;}
.ui-datepicker {z-index:1200 !important;}

.formWrap.error input[type="checkbox"]:checked+label {color: #D60000;}
.formWrap.error input[type="checkbox"]:checked+label:before {border-color: #D60000; background-color:#D60000}

.formWrap .formWrap {display:none; margin: 13px 0 14px 30px;}

/*접근성 포커스 190507*/
.viewSetting input[type="radio"]:focus + label,.viewSetting input[type="checkbox"]:focus + label,
.phishingArea input[type="radio"]:focus + label,.phishingArea input[type="checkbox"]:focus + label{outline:2px solid #9dbff6}
.fileUpBox .upload input[type="file"]:focus + label {background:#002a54;outline:2px solid #9dbff6}

/* 접근성 관련 포커스 문제 */
.focusInit input {position:absolute; top:4px; left:50%; width:20px; height:20px; margin:0px 0 0 -15px; opacity:1 !important; z-index: -1; border:none; background: none;}
.focusInit input:focus {z-index: 1}
.focusInit label {position: relative; z-index: 2}

/* label 옆에 버튼이 있는 형태 */
.labelWrap {margin-bottom: 5px}
.labelWrap > * {vertical-align: middle}
.labelWrap .txtIptLabel {display: inline-block !important;}
.labelWrap .btnType1 {margin-left: 10px}
.labelWrap + .row .phoneWrap .formWrap label, .labelWrap + .phoneWrap .formWrap label {display: block;}

/* label 옆에 버튼이 있는 형태2 */
.labelWrap2 {margin-bottom: 5px}
.labelWrap2 > * {vertical-align: middle}
.labelWrap2 .txtIptLabel {display: inline-block !important;}
.labelWrap2 .btnType1 {margin-left: 10px}
.labelWrap2 + .row .phoneWrap .formWrap label, .labelWrap2 + .phoneWrap .formWrap label {display: block; float:left;}

/* textarea */
.formWrap textarea.formControl {height:200px; padding: 12px 10px; margin-left:1px; margin-right:2px; border: 2px solid transparent; overflow: auto; box-sizing: border-box; box-shadow: 0 0 0 1px #fff; -webkit-transition: box-shadow ease-in-out 225ms; transition: box-shadow ease-in-out 225ms;}
.formWrap textarea.formControl:focus {box-shadow: 0 0 0 1px #056DAE; border: 1px solid transparent;}

/* 사업자/주민등록 번호 */
.iptNumWrap .formWrap input[type="text"]::-webkit-input-placeholder,
.iptNumWrap .formWrap input[type="tel"]::-webkit-input-placeholder,
.iptNumWrap .formWrap input[type="number"]::-webkit-input-placeholder,
.iptNumWrap .formWrap input[type="password"]::-webkit-input-placeholder{color: #fff; opacity:0}
.iptNumWrap .formWrap input[type="text"]::-moz-placeholder,
.iptNumWrap .formWrap input[type="tel"]::-moz-placeholder,
.iptNumWrap .formWrap input[type="number"]::-moz-placeholder,
.iptNumWrap .formWrap input[type="password"]::-moz-placeholder{color: #fff}
.iptNumWrap .formWrap input[type="text"]:-ms-input-placeholder,
.iptNumWrap .formWrap input[type="tel"]:-ms-input-placeholder,
.iptNumWrap .formWrap input[type="number"]:-ms-input-placeholder,
.iptNumWrap .formWrap input[type="password"]:-ms-input-placeholder{color: #fff}
.msgArea .iptNumWrap .formWrap input[type="text"]:-ms-input-placeholder,
.msgArea .iptNumWrap .formWrap input[type="tel"]:-ms-input-placeholder,
.msgArea .iptNumWrap .formWrap input[type="number"]:-ms-input-placeholder,
.msgArea .iptNumWrap .formWrap input[type="password"]:-ms-input-placeholder {color: #eee}

.iptNumWrap .txtIptLabel:first-child {opacity:1;}
.iptNumWrap .formWrap .essenText{visibility:hidden}

/* placeholder 컬러*/
input.placeColor1:-ms-input-placeholder{color: #eee!important}

/* 전화번호 */
.phoneWrap .formWrap input[type="text"]::-webkit-input-placeholder {color: #fff; opacity:0}
.phoneWrap .formWrap input[type="text"]::-moz-placeholder {color: #fff}
.phoneWrap .formWrap input[type="text"]:-ms-input-placeholder {color: #fff}
/* .phoneWrap, .cardNumWrap {margin-top:-3px} */
.complexformWrap .formWrap .formControl::-webkit-input-placeholder {color: #fff; opacity:0}
.complexformWrap .formWrap .formControl::-moz-placeholder {color: #fff}
.complexformWrap .formWrap .formControl:-ms-input-placeholder {color: #fff}
.cntArea .phoneWrap.col_6 {width: 75%}  
.phoneWrap {margin-top:-4px;}
.phoneWrap:before,.phoneWrap:after,.cardNumWrap:before,.cardNumWrap:after {content:""; display:table}
.phoneWrap:after, .cardNumWrap:after {clear:both}
.phoneWrap .formWrap select {border-radius:0; border-left: 1px solid #bbb}
.phoneWrap .formWrap:first-child select {border-top-left-radius:6px; border-bottom-left-radius:6px; border-left:1px solid #fff;}
.phoneWrap .formWrap:first-child select:focus {border:1px solid #056DAE;}
.phoneWrap .formWrap:first-child input[readonly].formControl {border-left:1px solid #bbb;}
.phoneWrap .formWrap {float:left; width:33.3333%;}
.phoneWrap .formWrap label{display:inline-block; margin-top:0;}
.phoneWrap .formWrap input.formControl.num2 {border-top-right-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-bottom-left-radius:0;}
.phoneWrap .formWrap input.formControl {border-radius:0; border-left:1px solid #bbb;}
.phoneWrap .formWrap:first-child input.formControl {border-left:1px solid #fff; border-top-left-radius:6px; border-bottom-left-radius:6px;}
.phoneWrap .formWrap:last-child input.formControl {border-top-right-radius:6px; border-bottom-right-radius:6px;}
.phoneWrap .formWrap input.formControl:focus {outline:rgba(0,0,0,0); border-color:#056DAE !important;}
.phoneWrap .formWrap input.formControl:focus::-webkit-input-placeholder {color: #eee; opacity: 0;}
.phoneWrap .formWrap input.formControl:focus::-moz-placeholder {color: #eee; opacity: 0;}
.phoneWrap .formWrap input.formControl:focus:-ms-input-placeholder {color: #eee; opacity: 0;}

.phoneWrap .formWrap input::-webkit-input-placeholder {color: #fff; opacity:0}
.phoneWrap .formWrap input::-moz-placeholder {color: #fff; font-size:0}
.phoneWrap .formWrap input:-ms-input-placeholder {color: #fff; font-size:0}
.phoneWrap .placeText {opacity:0}

.phoneWrap .formWrap .num1 {border-top-right-radius:0; border-bottom-right-radius:0;}
.phoneWrap.nation .formWrap {width: 25%}
.phoneWrap .txtIptLabel:first-child {opacity:1;}

.phoneWrap .formWrap input[type="number"].formControl.num1 {border-top-right-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-bottom-left-radius:6px;}
.phoneWrap .formWrap input[readonly].formControl.num1,
.phoneWrap .formWrap input[readonly].formControl.num2 {border-right:0;}
.phoneWrap .formWrap input[type="password"].formControl.num3 {border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:6px; border-bottom-right-radius:6px;}
.phoneWrap .formWrap:first-child input[readonly][type="number"].formControl {border-left: 1px solid #bbb;}
.phoneWrap .nonLabel .placeText, .phoneWrap .nonLabel .essenText {bottom:5px}

/* 공인인증서 주소 */
.iptAdrWrap .formWrap input[type="text"]::-webkit-input-placeholder {color: #fff; opacity:0}
.iptAdrWrap .formWrap input[type="text"]::-moz-placeholder {color: #fff}
.iptAdrWrap .formWrap input[type="text"]:-ms-input-placeholder {color: #fff}
.iptAdrWrap .formWrap:first-child .txtIptLabel {opacity:1; height:auto;}
.iptAdrWrap .nonLabel .txtIptLabel {height:0 !important;}
.iptAdrWrap .formWrap .essenText{visibility:hidden}

/* 카드번호 */
.cardNumWrap .formWrap input::-webkit-input-placeholder {color: #fff; opacity:0}
.cardNumWrap .formWrap input::-moz-placeholder {color: #fff}
.cardNumWrap .formWrap input:-ms-input-placeholder {color: #fff}
.cardNumWrap .txtIptLabel:first-child {opacity:1;}
.cardNumWrap .formWrap .essenText {visibility:hidden}

/* viewOpt */
.formWrap.virInpWrap .virImgIco {position: absolute; bottom:5px; right:10px; width:50px; height:50px; background:url(../img/common/btnImg_otp.png) no-repeat 50%  50%; }
.formWrap.virInpWrap .virImgIco.none {display:none;}
.formWrap.virInpWrap .virImgIco.alignEnd {bottom:0; right:0}

.formWrap + .inputGroup.horizontall {margin-top:36px;}
.formArea .funcGroup {margin-top:-9px; margin-bottom:5px; text-align:left;}
.formArea .txtInfo {margin-bottom:12px;}
.formArea .formWrap .txtInfo {margin:-2px 0 2px;}

.exArea {float:left;}
.exArea .txtIptLabel {display:block; margin:1px 0 3px; font-size:12px; color:#666; white-space:nowrap}
.exArea + .exArea .txtIptLabel,
.row + .row .exArea .txtIptLabel,
.groupArea + .row .exArea .txtIptLabel {margin-top:10px;}
.exArea .inputGroup.horizontal {margin-top:0; margin-bottom:0;}
.exArea .inputGroup.horizontal .formWrap {margin-top:35px; margin-bottom:14px;}

.inputGroup .formWrap.inputText {margin:-11px 0 11px;}

.txtIptLabel + .inputGroup.horizontal .formWrap {margin-top:0;}

/* 이체 */ 
/* 인풋_기타 */
/* 161101 CrdCpntMile0101 */
.formArea + .guideArea.normal.brdT + .btnArea {padding-top:0;}
.exArea .inputGroup.horizontal .sumList li {padding-right:0;}
.iptNumWrap .formWrap .placeText {visibility:hidden;}
.formArea + .titH3.brtNone {margin-top:0;}
/* 161208 LonLocoElap0107 */
.exArea .inputGroup.horizontal > [class^=btnType] {margin-top:-1px;}
.exArea .vtLink {display:inline-block; margin-top:3px; vertical-align:top;}
.formArea .sampleImg {padding:25px 0 15px;}

.formArea {position:relative; padding-top:10px; box-sizing:border-box;}
.formArea.acco .detailAccordion {position:absolute; right:0; bottom:10px; color:#056dae; z-index: 1;}

.formWrap .additionalCnt {display:table; height:68px; padding-top:22px; box-sizing:border-box;}
.formWrap .additionalCnt > * {display:table-cell; vertical-align:middle;}

/* CusAcsmSccd0100 */
.formArea + .tit.brdT {margin-top:25px; padding-top:55px;}
.formArea + .tit.brdT + p + .formArea {margin-top:25px;}
/* 20160928 */
/* .formArea + .funcGroup {margin-top:25px; padding-top:55px; border-top:1px solid #999} */

/* 20160929 인풋옆에 라디오,체크박스,툴팁: CusIvinCnts0402&MndTrimGnrl0100 */
.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] {margin-top:25px; padding-top:12px;}
.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] .formWrap {margin-bottom:0;}
.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] .formWrap + .tip {vertical-align:middle;}
.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] .formWrap + .tip .tipWrap {margin-top:0;}
/* phoneWrap */
.phoneWrap .formWrap .essenText {visibility:hidden;}

.formArea + .titH3 {margin-top:25px; padding-top:55px; border-top:1px solid #999}
.formArea + .btnArea {margin-top:25px; border-top:1px solid #999;}
.formArea.brdB {padding-bottom:25px;}
.formArea .guideArea {margin:25px 0 40px;}
.formArea + .btnArea {margin-top:25px; border-top:1px solid #999;}
.formArea + .viewOptArea {margin-top:60px}
.exArea .txtRstValue {margin-bottom:10px; margin-top:3px;}
.formArea .refList {margin-top:10px; padding-bottom:10px;}
.formArea .inputGroup + .refList {margin-top:0;}
.inputGroup.horizontal .formWrap label.sTxt {font-size:12px !important; color:#666}
.inputGroup.horizontal .formWrap{vertical-align:middle}
.inputGroup.horizontal.vt .formWrap {vertical-align:top}
.inputGroup.horizontal .formWrap:first-child{margin-left:0}
.phoneWrap.countryCode .formWrap{floa.:left; width:25%;}
.phoneWrap.nationCode .formWrap{floa.:left; width:20%;}

/*POP 금융기관선택 추가*/
.inputGroup.horizontal.bankingList .formWrap{margin-right:0px;}
/*통지시간 */
.alarmNumArea .fl .relatedInfo{height:35px;padding-top:15px;}
.exArea .inputGroup.horizontal .row .alarmNumArea .formWrap.nonLabel > label{margin-top:-20px;}
.exArea .inputGroup.horizontal .row .alarmNumArea .formWrap{margin-right:0px;}
/* 160728 라디오,체크박스 */
input[type="radio"]+label, input[type="checkbox"]+label {padding:0 0 0 30px !important; text-indent:-30px !important; /*크롬포터블*//*display:block; 2017-04-25 한번 지워봄 */}
input[type="radio"]+label + p, input[type="checkbox"]+label + p {padding-left:30px;}

.formWrap .zoomImgIco {position: absolute; bottom:5px; right:10px; width:50px; height:50px; background:url(../img/common/btnImg_zoom.png) no-repeat 50%  50%;}
.formWrap .sTxtSelDown {margin-bottom:20px} 

.formWrap .txt {position: absolute; bottom:4px; right:-10px; width:20px; text-align: center; line-height: 50px}

.formArea .termsAgree {text-align:left;}
.formArea .row + .row .termsAgree {padding-top:0; border-top:0; margin-bottom:10px;}
.formArea .row + .refList {margin-top:0;}
.formArea .row + .refList li:first-child {margin-top:0;}
.formArea .byteInfo + .refList {padding-bottom:0px;}

/* 160728 .inputGroup.unique */
.inputGroup.unique {padding-bottom:40px;}
.inputGroup.unique:after {content:''; display:block; clear:both;}
.inputGroup.unique .formWrap, .inputGroup.unique .formWrap:first-child {margin-top:20px;}
.inputGroup.unique .formWrap input[type="radio"]+label, .inputGroup.unique .formWrap input[type="checkbox"]+label {font-size:16px;}
.inputGroup.unique .formWrap input[type="radio"]+label + p, .inputGroup.unique .formWrap input[type="checkbox"]+label + p {font-size:12px; color:#666;}
.inputGroup.brdB {border-bottom:1px solid #999}

/* form + text */
.relatedInfo > div > * {margin-right:10px}
.relatedInfo {display:table; width:100%; height:50px; margin-bottom:15px; padding-top:25px;}
.relatedInfo > div {display:table-cell; vertical-align:middle;}
.relatedInfo [class^=btnType] {min-width:0; width:100%}
.relatedInfo{width:100%;}
.relatedInfo .dropDownWrap{display:inline-block; text-align:left; padding-top:5px;}
.relatedInfo > div .refList {margin-top:0;}

/* 가상키보드위치 */
.keyboardLeft{position:absolute;top:80px;z-index:999;}
.keyboardRight{position:absolute;top:80px;z-index:999;right:250px;}

/* input 소숫점 박스  */
.pointBox{padding-left:10px;padding-right:10px;}
.pointBox .fl .relatedInfo{width:20px;}
.pointBox .fl .relatedInfo p{display:table-cell;vertical-align:bottom;text-align:center;}
.pointBox div{float:left;}
.pointBox div:first-child{width:240px;}
.pointBox div:last-child{width:150px;}

/* 라벨 - 예외 */
.txtIptLabelTip + .inputGroup.horizontal .formWrap{margin-top:0 !important;}
.txtIptLabelTip{margin-top:10px;display:block;margin:1px 0 3px;font-size:12px;}

/* groupArea */
.groupArea.workcom .row .formWrap{margin-bottom:0px;}
.groupArea.workcom .relatedInfo{margin-bottom:0px;}
/*송금환율 input*/
.groupArea.fxd .txtIptLabel {display:block; margin:0 0 2px 10px; font-size:12px; color:#666; white-space:nowrap}
.groupArea.fxd .fxdList{margin-top:-15px;}
.groupArea.fxd .fxdList.wd{margin-top:-43px;}
.groupArea.fxd .formWrap .unit{top:35%;}

.groupArea .txtIptLabel {display:block; margin:0 0 2px; font-size:12px; color:#666; white-space:nowrap}
.groupArea label.txtIptLabel {width:1px; height:1px; margin:-1px; padding-bottom:3px; overflow:hidden;}
.groupArea.non .formWrap input::-webkit-input-placeholder {color: #fff; opacity:0}
.groupArea.non .formWrap input::-moz-placeholder {color: #fff}
.groupArea.non .formWrap input:-ms-input-placeholder {color: #fff}

.groupArea .relatedInfo {margin-bottom:15px; padding-top:5px;}
.groupArea .formWrap + .inputGroup.horizontal {margin-top:16px !important; padding-top:0 !important;}

/* 카드 */
.groupArea.mixForm > .row > * ,
.groupArea.mixForm > .row > div * {width:auto}
.groupArea.mixForm .alignMixForm {margin-top:16px}
/*=========================================== Table ==============================================*/
table.extend {display: none;}
table.extend.uiExt {display: table;}
table.extend tr.none {display: none;}
table.extend.true tr.none {display: table-row;} 
/* tableY */
table.tableX td .txtList, table.tableY td .txtList {margin: 20px 0 20px 0px}
/* table td .blockArea + .tagsArea {margin-top:7px} */
.tableY + .termsAgree.single {margin-top:5px;}
.tableY.layout.related td .row {margin-left:0; margin-right:0;}
table .inputGroup .formWrap {margin-bottom:6px;}
.tableY td .inputGroup input[type="radio"]+label, 
.tableY td .inputGroup input[type="checkbox"]+label {font-size:14px;}
.tableY td .inputGroup input[type="radio"]+label:before, 
.tableY td .inputGroup input[type="checkbox"]+label:before {top:6px;}
.tableX td > .extraList:first-child,
.tableX td > .extraList:first-child > li:first-child,
.tableY.layout td > .extraList:first-child,
.tableY.layout td > .extraList:first-child > li:first-child {margin-top:0;}
.tableX + .formArea {margin-top:10px;}

.tableX .extraList.numCircle{margin-top:0;}
.tableY  tbody tr.tbLine > th{border-top:1px solid #999; border-bottom:1px solid #999;}

.tableY .ui-datepicker-trigger{bottom:0}
.tableX button.on:before{display:none}

table td .refList{margin-top:0}
table td .delete{padding:15px 0 15px 15px}
table + .tit{margin-top:20px}
/* table안 - 버튼, 아이콘 */
table {margin-top:20px; /*word-break:break-all;*/}
table thead th{vertical-align: middle;}
table tbody td{vertical-align: top;}
table .btnDetail {display:block; width:auto; height:auto}
table .btnDetail > span {display: inline-block; position: relative;}
table .btnDetail:hover > span {text-decoration:underline}
table .btnDetail > span em {display: inline-block; margin:-2px 0 0; position: relative; color: #056DAE; vertical-align:middle}
table .btnDetail > span .links.arrowDown {height:16px;}
table tr.on td{background:#fff}
table tr.on .btnDetail .links.arrowDown {padding-right: 16px; background: url(../img/common/ico_arr_up_bold.png) no-repeat 100% 55%;}

table button [class*=arrow]{position:relative; display:inline-block; vertical-align:middle}
table button:hover .links.arrowR{background:url(../img/common/ico_arr_next_bold_v.png) no-repeat 100% 55%;}

table .trEorror{border:2px solid #D60000; background-color: #eee;}
table.alignC th, table.alignC td{text-align:center}

table > thead > tr > th > .btnImgEnter {margin-top:12px}
table > caption + thead > tr:first-child > th.thSelect{text-align:left}
table tr > th.thSelect:first-child .formWrap{margin-bottom:0; padding:0 18px 0 10px; text-align:center;}

/* table안 - 폼 */
table thead tr th .formWrap {margin-top:-1px;}
table td .formWrap.nonLabel label {height:1px}
table .formWrap {padding-left:0; padding-right:0}
table .formWrap .ui-datepicker-trigger {right:0;}
table [class*=col_].formWrap.unit .unit {right:0}
table .row [class*=col_] {padding-left:10px; padding-right:10px;}
table .row [class*=col_] .ui-datepicker-trigger {right:10px;}
table .detailCon {display: none;}
table td .txtList {margin:20px 0 20px 20px;}
table .formWrap textarea{width:100%; box-sizing:border-box}
.tableX td.ac input[type="radio"]+label:before, .tableX td.ac input[type="checkbox"]+label:before {margin:0;}

/* table안 - 아이콘 */
table .btnImgEnter {width:30px;height:30px;background:url(../img/common/ico_enter.png) no-repeat 50% 50%;}
table .btnReset {display:inline-block; margin-top:17px;}
table .evtImg {width:180px; height:86px; vertical-align:top}
table .txtInfo span {display:block; max-height:43px; overflow:hidden;}
table .txtInfo span:first-child {padding-top:0; font-weight:bold}
table .icoNew {display:inline-block}
table .icoBrch {display:inline-block; width:24px; height:29px; vertical-align:middle; margin-right:8px; background:url(../img/common/icoTit_branch.png) no-repeat;}
table .icoAtm  {display:inline-block; width:24px; height:29px; vertical-align:middle; margin-right:8px; background:url(../img/common/icoTit_branch.png) no-repeat 0 -29px;}
table .btnImgFile {vertical-align:top}

/* table - 예외*/
table.etc td{font-weight:normal;}
table.etc {border-top:none; border-bottom:none;}
table.etc.on {opacity: 1}
table.etc tbody > tr:first-child td, table.etc tbody > tr:first-child th {border-top:none; border-bottom:1px solid #d8d8d8; }
table.tableX.hiddenThead thead {position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);}
table.tableX.hiddenThead tbody tr:first-child td{border-top:1px solid #999;}

/* ----- table 타입 ----- */
/* list Table */
.tableX {opacity:0; width:100%;border-bottom: 1px solid #999; font-size:14px; text-align:left; color:#333; font-family: 'inter Light', 'Malgun Gothic','맑은 고딕', sans-serif; /* safari대응 */ word-break:normal;  }
.tableX th, [class*=tableX] td{padding:16px 18px 16px 0; text-align:left;}
.tableX th.first, .tableX td.first, .table th.first, .table td.first {padding-left:18px;}
.tableX th.noPd {padding-top: 0 !important; padding-bottom: 0 !important;}
.tableX button {position:relative; color:#056DAE; text-decoration:none; font-size:14px;}
.tableX th.noPd button {height: 100%; top:1px; min-height:54px;}
.tableX th.noPd button.on {min-height:51px; margin-top:-1px; line-height:12px}
.tableX button:hover,
.tableX button:focus {color:#002A54; text-decoration: underline}
.tableX button.on:before {content: ''; background-color:#056DAE; height:3px; width:100%; position:absolute; left:0; bottom:0;}
.tableX td button.on:before {width:0;background-color: transparent;}
.tableX thead th {border-top: 1px solid #999; border-bottom:1px solid #999; font-weight:normal;}
.tableX tbody th {border-top: 1px solid #d8d8d8; font-weight:normal;}
.tableX tbody td {border-top: 1px solid #d8d8d8;}
.tableX tbody tr.grayBorder td {border-color:#f6f6f6;}
.tableX.tblAct {opacity:1;}

/* 정렬기능 임시 삭제 
.tableX thead th button .arrowUp{display: none;}
.tableX thead th button {color:#333}*/

/* tableX - 정렬 간격 */
.tableX .noResultArea {margin-top:0; border:0}
.tableX .ac, .tableX .alignC {padding-left:20px; padding-right:20px;}
.tableX th.ac .formWrap, .tableX td.ac .formWrap,
.tableX th.alignC .formWrap, .tableX td.alignC .formWrap {margin-left: -20px; margin-right: -20px}
.tableX.ac th, .tableX.ac td, .tableX.alignC th, .tableX.alignC td {text-align:center !important;}

/* zebra Table */
table.zebra th, table.zebra td{padding:16px 18px !important;}
.tableX.zebra tbody>tr:nth-child(2n-1) th,
.tableX.zebra tbody>tr:nth-child(2n-1) td {background: #fff;}
/* data Table */
.tableY {width:100%; font-size:14px; text-align:left; color:#333; font-family: 'inter Light', 'Malgun Gothic','맑은 고딕', sans-serif; border-top:1px solid #999; border-bottom:1px solid #999}
.tableY th, .tableY td {padding:16px 18px 12px 0; text-align:left;}
.tableY thead tr > th, .tableY thead tr > td {border-bottom:1px solid #999;} 
.tableY tbody tr > th, .tableY tbody tr > td {border-top:1px solid #d8d8d8;} 

table.layout {border-top:none; border-bottom:none;}
table.layout.on {opacity: 1}
table.layout tbody > tr:first-child td{border-top:none; border-bottom:1px solid #d8d8d8}
table.layout td:first-child, table.layout td:nth-child(4) {font-weight:bold}
.tableY.layout + .formArea {margin-top:20px}
.tableY.layout + .guideArea  {margin-top:50px}
.tableY.zebra tr:nth-child(2n-1) td, .tableY.zebra tr:nth-child(2n-1) th{background:#fff;} 
.tableY.zebra td:first-child {padding-left:18px}	
.tableY.zebra th, .tableY.zebra td,{border-top:none;}

/* tblList */
table.tblList tr:first-child td{border-top:1px solid #999}
table.event.tblList td {padding:20px 18px 20px 0;}
table.event.tblList .first {padding-left:0; padding-right:20px;}

/* .txtList */
.tableX td > .txtList:first-child,
.tableX td > .txtList:first-child > li:first-child,
.tableY.layout td > .txtList:first-child,
.tableY.layout td > .txtList:first-child > li:first-child {margin-top:0;}
table td .blockArea + .tagsArea {margin-top:7px}
table td > .dashList {margin-top:0;}
table.related .relatedInfo > div {padding-left:10px; padding-right:10px;}
table .sTxt {font-size:14px;}
table + .sTxt{margin-top:20px}
table .header .links.arrowUp, table .header .links.arrowDown {padding-right:5px;}
.tableX td > .estarList:first-child,
.tableX td > .estarList:first-child > li:first-child,
.tableY.layout td > .estarList:first-child,
.tableY.layout td > .estarList:first-child > li:first-child {margin-top:0;}
.tableX + .tableX,
.tableY + .tableX {margin-top:30px;}
table + .infoListLine.unique {margin-top:60px;}
.tableX.vAlign .formWrap > input[type="checkbox"].single {margin:0;}
table.vAlign td {vertical-align:middle;}

table .formWrap {margin-bottom:0;}
th.alignC,
td.alignC{padding-left:0;padding-right:0}

/* [PRE] 160826 */
table + .txt {margin-top:20px;}
table .prdTxtInfo {font-size:14px; box-sizing:border-box}
table .prdTxtInfo span {display:block; margin:6px 0;}
/* [PRE] 160829 */
table .igmBtnClose {display:inline-block; vertical-align:middle; width:18px; height:18px; background-image:url(../img/common/btn_close.png); background-repeat: no-repeat; background-position:0 -18px;}

/* [PRE] 160901 */
.tableY.layout + p {margin-top:20px;}
.tableY.layout + p + .formArea {margin-top:10px;}
.tableY.layout + .guideArea.check {/* margin-top:20px; */ margin-top:8px;}

/* 테이블 하단 */
.trCount {background:#f9f9f9;}
.totalCount p + .btnType1 {margin-top:10px}
.totalCount{min-height:55px; margin-top:-1px; padding:20px; background:#fff; border-top:1px solid #d8d8d8; border-bottom:1px solid #999; box-sizing:border-box; color:#333; font-size:14px; text-align:right;}
.totalCount > div{display:table; width:100%;padding:10px 0;}
.totalCount p{font-weight:bold; vertical-align:middle;}

/* 기타 - 예: 지브라 복합 (카드 이용대금 명세서조회) */
.zebraEtc th:last-child {padding-right:18px;}
.zebraEtc th:first-child, .zebraEtc td:first-child {padding-left:18px;}
.zebraEtc tr.trColor td {background-color:#fff;}
/* .zebraEtc td {padding:16px 18px !important;} */

/* table info */
.tblInfotxt {margin-top:55px !important;}

.tblWrap{margin-top:20px;}
.tblWrap .searchDate,
.tblWrap .tblUnit{text-align:right; font-size:14px;}
.tblWrap .tblUnit + table{margin-top:5px}

td .bold + .dashList{margin-top:0}

/* 통합검색 테이블 */
.tblList td .block{display:table; table-layout:fixed;width:100%}
.tblList td .block > *{display:table-cell}
.tblList td .block > .title{width:100%; }
.tblList td .block > .date{width:80px; padding-left:18px; text-align:right}

.tblList td .block > .company{min-width:250px; }
.tblList td .block > .tel{min-width:170px; padding-left:38px;}
.tblList td .block > .addr{padding-left:38px;}

.viewTbl thead th {color:#056dae;}
.viewTbl tbody td > div {min-height:195px}

/*========================================= Mobile Table ============================================*/
/* Mobile TableX */
.mTableX {margin-top:15px; font-size:14px}
.mTableX .itemList {padding:10px 0 15px; border-top:1px solid #d8d8d8;}
.mTableX .itemList:first-child {border-top:1px solid #999}
.mTableX .itemList ul.item > li:after, .mTableX .itemList ul.item > li:before {content:''; display: table}
.mTableX .itemList ul.item > li:after {clear: both}
.mTableX .itemList ul.item > li {margin-top:8px; font-size: 14px; color:#333;}
.mTableX .itemList ul.item > li > * {float:left; display: block; box-sizing: border-box}
.mTableX .itemList ul.item > li > *:not(.formWrap):first-child,
.mTableX .itemList .accoContents .detailList > li > *:not(.formWrap):first-child {width:43%; font-weight: bold; padding-right: 10px;}
.mTableX .itemList ul.item > li > *:not(.formWrap):last-child {width:57%;}
.mTableX .itemList .linkArea {margin-top:15px;}
.mTableX.inner .itemList {padding:10px 10px 15px; }

.mTableX .itemList .formWrap select.formControl{width:100%}
.mTableX .itemList .linkArea .links{font-size:14px}
.mTableX .itemList .tit{width:100%; border-bottom: 1px solid #d8d8d8; padding:5px 0 15px 0; font-size:14px; font-weight:bold; box-sizing:border-box;}/* > .tit 꺽쇠 빼봤음*/

.mTableX .itemSelect:after{content:""; display:block; clear:both}

.mTableX .prdTxtInfo {font-size:14px; box-sizing:border-box}
.mTableX .prdTxtInfo span {display:block; margin:6px 0;}

.mTableX .priceArea em{display:inline-block; font-size:14px}
.mTableX .priceArea span{display:inline-block;}

.mTableX .mustTxtList:after{content:""; display:block; clear:both}
.mTableX .mustTxtList li{position:relative;}
.mTableX .mustTxtList li > .mustTxt{display:inline-block; font-size:14px; font-weight:bold}
.mTableX .mustTxtList li > .mustData{display:inline-block; margin-left:10px;}

.mTableX .itemList.checkbox > input[type="checkbox"] + label {position: absolute; top:17px; left:0; z-index: 100}
.mTableX .itemList.radio{position:relative;padding-left:30px;}
.mTableX .itemList.radio > input[type="radio"], .mTableX .itemList.radio > .formWrap, .mTableX .itemList.checkbox > .formWrap {position:absolute;top:17px;left:0;z-index: 100;}
.mTableX .itemList.radio > input[type="radio"] + label {position: absolute; top:17px; left:0; z-index: 100}

.mTableX.tblNotice .itemList {padding:18px 0 !important;}
.mTableX.tblNotice .txtInfo span,
.mTableX.tblNotice .txtInfo a{display:block; font-size:14px; max-height:43px; font-weight:bold; overflow:hidden}
.mTableX.tblNotice .info {margin-top: 5px}
.mTableX.tblNotice .info > strong {margin-right:10px;}

.mTableX.acco .itemList{padding-bottom:0; border-top:1px solid #999}
.mTableX.acco .itemList.tit{padding:15px 0; font-weight:bold;}
.mTableX.acco .itemList .wrap{padding-bottom:15px}
.mTableX.acco .itemList ul.item > li{padding-left:40px}
.mTableX.acco .itemList .accoContents{margin:0 10px}
.mTableX.acco .itemList .accoContents .detailList{padding-bottom:15px}
.mTableX.acco .itemList .accoContents .detailList li{padding-left:30px; box-sizing:border-box;}
.mTableX.acco .itemList .accoContents .detailList li:after{content:""; display:block; clear:both}
.mTableX.acco .itemList .accoContents .detailList li > *{float:left; display:block; font-size:14px; box-sizing:border-box;}
.mTableX.acco .itemList .accoContents .detailList li strong{width:44%; padding-right:10px;}
.mTableX.acco .itemList.on .accoContents{border-top: 1px solid #d8d8d8;}
.mTableX.acco .itemList .linkArea{margin-top:0; padding-bottom:15px; padding-left:40px;}

.mTableX .itemList {padding-left:10px; padding-right:10px}
.mTableX .itemList .alignR {text-align:left !important}

/* mSideAlign */
.mSideAlign{margin-top:10px}
.mSideAlign .allCheck{visibility:hidden; width:0; height:0}

/* mCrdCompare */
.mCrdCompare.acco{margin-top:20px}
.mCrdCompare.acco .itemList .wrap{position:relative; border-bottom: 1px solid #999;}
.mCrdCompare.acco .itemList .wrap .tit{padding:18px 0 10px 40px; font-size:23px; color:#056dae}
.mCrdCompare.acco .itemList .accordion{position:absolute; top:15px; left:0}
.mCrdCompare.acco .itemList .accordion.plus:before {height:20px; width:20px; background: url(../img/m/btn_plus.png) no-repeat center 0; background-size: 100% auto; margin: -10px 0 0 -10px; transition: none}
.mCrdCompare.acco .itemList.on .accordion.plus::before {background-position: center bottom; transition: rotate(0deg); -webkit-transform: rotate(0deg);}
.mCrdCompare.acco .itemList .accoContents{padding-bottom:20px}
.mCrdCompare.acco .itemList .accoContents:after{content:""; display:block; clear:both}
.mCrdCompare.acco .itemList .accoContents .cont01,
.mCrdCompare.acco .itemList .accoContents .cont02{float:left; width:50%; box-sizing:border-box}
.mCrdCompare.acco .itemList .accoContents .cont01{padding-right:10px}
.mCrdCompare.acco .itemList .accoContents .cont02{padding-left:10px}

/* table 가로스크롤[tblScroll] */
.tblSlideWrap {position:relative; width:100%;}
.popCont .scroll .tblSlideWrap > *:first-child {margin-top:0}
.tblSlideWrap .control-nav{display:none; width:100%; position:absolute; top:50%;}
.tblSlideWrap .control-nav.active{display:block}
.tblSlideWrap .control-nav > button {display:inline-block; opacity:1; width:30px; height:30px; position:absolute; left:0; background:url(../img/common/btn_scroll_prev.png) no-repeat 0 0 ; margin-top:-15px; text-indent:-9999px; z-index:20; -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out;}
.tblSlideWrap .control-nav > button.btnNext{left:auto; right:0; background:url(../img/common/btn_scroll_next.png) no-repeat 0 0 ;}
.tblSlideWrap .control-nav .btnPrev.disabled,
.tblSlideWrap .control-nav .btnNext.disabled{opacity:0;}
.excelMode {display: none !important}
.tblScroll.tblWidthL {min-width:908px !important;}

/*============================================= Paging ================================================*/
.paging{margin-top:20px; text-align:center}
.paging ol{display:inline-block; padding-left:0;border-radius:6px;}
.paging li{float:left; text-align:center; line-height:32px; margin:0; min-width:29px; font-size:16px;}
.paging li.btnNext a, .paging li.btnPrev a {text-indent:-9999px !important;}
.paging li a {color:#056DAE;}
.paging li a span{position:relative; display:inline-block; width:30px; height:30px; padding:0; margin:0; color:#056DAE; border-radius:6px; font-family:inter Light,Arial; letter-spacing:0 !important; cursor:pointer}
.paging li a:hover{color:#033e64}
.paging li.btnNext a span,
.paging li.btnPrev a span{border:2px solid #056DAE; line-height:27px; background:#056DAE; color:#fff}
.paging li.btnNext a span:before,
.paging li.btnPrev a span:before{content:'\2039'; position:absolute; top:-1px; left:-2px; width:30px; height:30px; text-indent:0; font-size:20px;}
.paging li.btnNext a:hover span,
.paging li.btnPrev a:hover span{background:#002A54; border-color:#002A54}
.paging li.btnNext.disabled a span,
.paging li.btnPrev.disabled a span{background-color:transparent; border-color:#767676; color:#767676; cursor:default; font-weight:bold}
.paging li.btnNext.disabled a:hover span,
.paging li.btnPrev.disabled a:hover span{border:2px solid #767676; color:#767676; background-color:transparent; font-weight:bold}
.paging li.btnPrev{margin-right:5px}
.paging li.btnNext{margin-left:5px}
.paging li.btnNext a span:before {content:'\203A'; position:absolute; top:-1px; left:3px; width:30px; height:30px; text-indent:0; font-size:20px;}
.paging li.btnNext a:hover span,
.paging li.btnPrev a:hover span{background-color:#002A54; font-weight:normal}
.paging .on a {display:block; color:#333; font-family:inter Bold; letter-spacing:0 !important; cursor:default; line-height:32px}
.paging .on a span{cursor:default}
.paging .on a:hover span{text-decoration:none; color:#333}
.paging .on a span {background:0 0;}
.paging ol .disabled a {cursor:default; color:#333; font-weight:bold}

.paging.onlyBtn li {position:relative; width:100px; height:30px;}
.paging.onlyBtn li a {text-indent:0px;}
.paging.onlyBtn li.btnPrev a span{float:left;}
.paging.onlyBtn li.btnNext a span{float:right}
.paging.onlyBtn li.btnPrev {margin-right:0; padding-right:5px}
.paging.onlyBtn li.btnNext {margin-left:0; padding-left:5px}
.paging.onlyBtn li:nth-child(2):before {content:''; position:absolute; top:8px; left:0; width:1px; height:16px; background:#333}
.paging.onlyBtn li:first-child.btnNext:before {background:transparent}

.pagingArea {position:relative; height:50px; margin-top:10px;}
.pagingArea > div > div {display:inline-block; vertical-align:middle}
.pagingArea .relatedWrap {min-width:250px; display:inline-block; margin-top:5px;}
.pagingArea .paging {position:absolute; top:0; left:50%; width:370px; margin-left:-185px}
.pagingArea .relatedTxt {/*width:66px*/ margin-right:20px;}
.en .pagingArea .relatedTxt {font-size:14px; margin-right:0;}
.pagingArea .formWrap {width:165px; margin-bottom:0}
.pagingArea .formWrap label {height:0}
.pagingArea + .visualBann {margin-top:66px;}
.pagingArea + div .tabFilter.fnd, .txtList + div .tabFilter.fnd {margin-top:66px; margin-bottom:20px; padding-top:60px; border-top:1px solid #c0c0c0;}

.pagingArea .formWrap{position:relative; padding-right:50px; box-sizing:border-box}
.pagingArea .formWrap select.formControl{width:100%; border-radius:6px 0 0 6px}
.pagingArea .formWrap .btnSelect{position:absolute; top:6px; right:0; width:50px; height:50px; color:#056dae; text-align:center; background:#e4e4e4; border-radius:0 6px 6px 0; line-height: 50px;}

/*=========================================== Box ==============================================*/
.comboWrap {position: relative;}
.comboWrap > .comboContents {display: none; position: absolute; top:120px; width: 100%; margin-top:0; z-index: 500}

.blockArea span{display:block}
.blockArea .tagsArea span{display:inline-block; margin-left:3px}

/* guideArea */
.guideArea.check .formWrap .formControl {background-color:#eee; color:#333;}
.guideArea.inlineInput .msgInput .formWrap {display:block; width:105px;float:left;}
.guideArea.inlineInput .msgInput .formWrap.col2Txt {width:77px;}
.msgInput.groupArea span {display:block; padding:10px 5px;float:left;margin-top:10px;}
.msgInput.groupArea .front{float:left;}
.msgInput.groupArea .back{float:left;}

.guideArea > p {margin-bottom:10px; font-weight:bold; color:#333}
.guideArea.check {position:relative; margin-top:50px; padding:28px 20px 28px 60px; background:#fff url(../img/common/ico_info_check.png) no-repeat 20px 30px; color:#666; font-size:14px;}
.guideArea.normal a + a {padding-left:18px}
.guideArea.normal xmp {display:block; width:100%; height:auto; text-align:left; word-wrap: break-word !important; /* Internet Explorer 5.5+ */ white-space: pre-wrap !important; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */	white-space: -pre-wrap !important; /* Opera 4-6 */	white-space: -o-pre-wrap !important; /* Opera 7 */}
.guideArea > .refList:first-child {margin-top:0;}
.guideArea > .refList {margin-top:10px;}
.guideArea > .refList li {padding-left:17px !important;}
.guideArea > .refList > li:before {content:'※';}
.guideArea > .refList + p {margin-top:10px;}
.guideArea > p + .dashList {margin-top:10px;}
.guideArea > p + .dashList li {margin-top:9px;}
.guideArea > *:last-child {margin-bottom:0;}
.guideArea > ul {margin-bottom:10px;}
.guideArea > ul > li {margin-top:10px;}
.guideArea > ul > li:before {background:none !important;}
.guideArea > ul > li:first-child {margin-top:0;}
.guideArea > .dotList > li:before {content:'·';}
.guideArea.normal{margin:20px 0; padding:20px; background-image:none}
.guideArea .normalList li {padding-left:0 !important;}
.guideArea {position:relative; margin-top:50px; padding:28px 20px 28px 60px; background:#fff url(../img/common/ico_info.png) no-repeat 20px 30px; color:#666; font-size:14px;}
.guideArea > ul > li {position:relative; padding-left:10px;}
.guideArea > ul > li:before {display:block; content:'-'; position:absolute; top:0; left:0;}
.guideArea.check {background:#fff url(../img/common/ico_info_check.png) no-repeat 20px 30px;}
.guideArea + .noticeArea {margin-top:30px;}
.guideArea + .formArea {margin-top:30px;}

.guideArea.agree p,
.guideArea.agree .btnArea{position:relative; display:inline-block; vertical-align:top}
.guideArea.agree .btnArea{margin-left:20px; padding:0}

/* msgArea */
.msgArea.msgLtype {min-height:0; padding:40px; background-image:none !important; text-align:left;}
.msgArea.msgLtype .linksGroup {margin-top:14px;}
.msgArea.msgNomal.low {padding:40px}
.msgArea.icoInput {position:relative}
.msgArea.icoInput .iptNumWrap{position:absolute; left:50%; width:320px; margin-left:-160px; display:inline-block;overflow:hidden}
.msgArea.msgNomal.alignLstyle {text-align:left}
.msgArea.msgNomal.alignLstyle .progressBarBox {padding:20px 0 0}
.msgArea.msgNomal.alignLstyle .progressBarTime {padding-left:7px}
.msgArea .titH2 {font-size:38px !important;}
.msgArea + .smsSendArea {margin-top:30px;}
.msgArea.sms{padding:90px 15px 30px; background-position:center 15px; min-height:170px;}
.msgArea.sms .smsg{margin-top:10px;}
.msgArea.sms + table{margin-top:20px;}
.msgArea.msgNomal{min-height:0; padding:60px 15px; background-image:none !important;}
.msgArea.msgNomal .btnArea{padding-top:40px}
.msgArea.msgInstall{padding: 140px 15px 80px; background:#fff url(../img/common/ico_citi.png) no-repeat center 80px !important;}
.msgArea.msgInstall .shortList{display:inline-block;padding-top:30px}
.msgArea.msgInstall .btnArea{padding-top:70px}
.msgArea.icoGift {padding:110px 15px 10px; background:url(../img/common/ico_gift.png) no-repeat center 0 !important;}
.msgArea.icoInput {margin-top:20px; padding:140px 10px 130px;  background:#fff url(../img/common/ico_input.png) no-repeat center 60px !important;}
.msgArea.icoInput .iptNumWrap:after{content:""; display:block; clear:both}
.msgArea.icoInput input{background:#eee}
.msgArea {margin-top:40px; min-height:280px; padding:140px 15px 60px; background-color:#fff; background-image:url(../img/common/msg_success.png); background-repeat:no-repeat; background-position:center 60px; box-sizing:border-box; color:#333; text-align:center;}
.msgArea .msg {font-size:23px;}
.msgArea .smsg {display:block; margin-top:20px;}
.msgArea.msgFail {background-image:url(../img/common/msg_fail.png);}
.msgArea.msgError {background-image:url(../img/common/msg_error.png);}
.msgArea.msgError500 .tit {font-size:38px}
.msgArea.msgError500 {background-image:background:#fff url(../img/common/msg_error_505.png);}
.msgArea.msgSmall {min-height:0; padding:40px; background-image:none !important;}
.msgArea.msgSmall + .viewWrap {margin-top:35px;}
.msgArea + .txtList + .txtList + .formArea.brdB {margin-top:25px;}
.msgArea + table{margin-top:50px;}

.msgArea + .whiteWrap.txtColum.grayLine {margin-top:60px;}

/* 조회결과 없음 */
.noResultArea {margin-top:20px; padding:125px 0 55px; border-top:1px solid #999; border-bottom:1px solid #999; background:url(../img/common/ico_result.png) no-repeat center 60px; color:#666; text-align:center;}
.noResultArea.allSrch {border-top:0 none;}
.noResultArea.allSrch .titH4 {margin-top:0; color:#007377;}

/* grayBox */
.grayBox {padding:20px; background:#f9f9f9; text-align:left}
.grayBox > li {padding:20px 0 20px;border-top:1px solid #ccc}
.grayBox > li:first-child {padding-top:0; border:0}
.grayBox > li:last-child {padding-bottom:0;}
.grayBox > li .txt {margin-top:20px}
.grayBox > li [class^=appCiti] {display:inline-block; margin-right:5px;}

/* multiBox */
.multiBoxWrap{postion:relative; width:100%; margin-top:50px; box-sizing:border-box}
.multiBoxWrap .multiBoxInner{position:relative; margin-left:0; padding:20px 0; font-size:0; box-sizing:border-box; z-index:1}
.multiBoxWrap .multiBoxInner:after{content""; display:block; clear:both}
.multiBoxWrap .multiBox{display:inline-block; border-top:1px solid #ccc; padding:20px 0;vertical-align:top; font-size:16px; box-sizing:border-box}
.multiBoxWrap .multiBox .tit{font-size:19px;}
.multiBoxWrap .multiBox .txt{margin-top:20px; }
.multiBoxWrap .multiBox .links{margin-top:20px;}
.multiBoxWrap .multiBox .multiBoxCont{padding:0 40px; border-left:1px solid #ccc; }

.multiBoxWrap .titH3{padding:20px 20px 0 20px; text-align:center}

.multiBox .icoCertify,
.multiBox .icoPhone,
.multiBox .icoWebmem{text-align:center;}
.multiBox .icoCertify span{display:inline-block; padding:12px 0 12px 55px; background:url(./../img/common/ico_certify.png) no-repeat 0 0}
.multiBox .icoPhone span{display:inline-block; padding:12px 0 12px 50px; background:url(./../img/common/ico_phone.png) no-repeat 0 0 }
.multiBox .icoWebmem span{display:inline-block; padding:12px 0 12px 65px; background:url(./../img/common/ico_webmem.png) no-repeat 0 5px }
.btnCart.on{border:2px solid #002a54; background:#002a54;}
.multiBox .exArea{float:none; margin-top:20px}
.multiBox .exArea + .links{margin-top:10px}

.multiBoxWrap.col3  .multiBox{width:33.3%;}
.multiBoxWrap.col3  .multiBox:first-child{border-top:0}
.multiBoxWrap.col3  .multiBox:nth-child(2){border-top:0}
.multiBoxWrap.col3  .multiBox:nth-child(3){border-top:0}
.multiBoxWrap.col2  .multiBox{width:50%;}
.multiBoxWrap.col2  .multiBox:first-child{border-top:0}
.multiBoxWrap.col2  .multiBox:nth-child(2){border-top:0}
.multiBoxWrap.nonMask .multiBoxInner{margin-left:0}
.multiBoxWrap.whiteBg{background:#fff}
.multiBoxWrap.whiteBg .multiBoxInner{padding:20px 40px}
.multiBoxWrap.whiteBg.nonMask .multiBoxInner{padding:20px 0}
.multiBoxWrap.whiteBg.nonMask .btnType1{min-width:50px}
.multiBoxWrap.col3 .multiBox:nth-child(3n+1) .multiBoxCont{border-left:0; padding-left:0}
.multiBoxWrap.col3.nonMask .multiBox:nth-child(3n+1) .multiBoxCont{padding-left:40px}
.multiBoxWrap.col2 .multiBox:nth-child(2n+1) .multiBoxCont{border-left:0; padding-left:0}

/*리볼빙 컨텐츠*/
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox .multiBoxCont .tit{font-size:16px;font-weight:bold;}
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox .multiBoxCont{padding-left:100px;}
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving01{background:url(../img/common/ico_revolvingCard.png) no-repeat 0px 22px;}
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving02{background:url(../img/common/ico_revolvingCard.png) no-repeat 20px -420px;}
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving02 .multiBoxCont{padding-left:130px;}
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving03{background:url(../img/common/ico_revolvingCard.png) no-repeat 0px -880px;}
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving04{background:url(../img/common/ico_revolvingCard.png) no-repeat 20px -1332px;}
.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving04 .multiBoxCont{padding-left:130px;}
.revolvingCardBox{margin-top:10px !important;}
.revolvingCardBox .txtRv{font-size:23px;padding:20px 0 0 40px;}

/* whiteBox */
.whiteBox:first-child:before {background:transparent}
.whiteBox .titH5 .small, .whiteBox .txtC5 .small {font-size:12px; color:#666}
.whiteBox .docs .titH4 > span {margin-right:10px}
.whiteBox .formWrap select.formControl {background-color:#eee}

.whiteBox .titH5 + .imgWrap , .whiteBox .txtC5 + .imgWrap {margin-top:20px;}

.whiteBox > .txtC5,
.whiteBox > .txtList{margin-top:0}
.whiteBox .icoType .icoIniqSelf03:before {background:url(../img/common/ico_login.png) no-repeat 100% 0;}
.whiteBox .icoType .icoIniqSelf04:before {background:url(../img/common/ico_phoneLogin.png) no-repeat 100% 0;}

/* 공통 */
.whiteWrap {position:relative; padding:40px 0; background:#fff; overflow:hidden; box-sizing:border-box;}
.whiteWrap:after {content:""; display:block; clear:both}
.whiteWrap .row {margin:0;}
.whiteBox {position:relative; padding:0 40px;}
.whiteBox:before {content:""; position: absolute; top:0; left:-1px; display:inline-block;width:1px; height:100%; background: #c0c0c0; }

/* 간격 */
.whiteBox strong:first-child,
.whiteBox .whiteBox strong,
.whiteBox .whiteBox strong + .dashList,
.whiteBox > [class*=titH]:first-child,
.whiteBox > [class*=titH] + .dashList {margin-top:0 !important;}
.whiteBox strong + .sTxt,
.whiteBox .whiteBox strong + .sTxt {margin-top:5px;}
.whiteBox strong + p {margin-top:5px;}
.whiteBox img + p > .sTxt,
.whiteBox img + p > .refList {margin-top:15px;}
.whiteBox strong + .dashList {margin-top:0;}
.whiteBox strong + .dashList li {margin-top:9px;}
.whiteBox .icoType + .btnArea {margin-top:10px;}

.whiteBox > .txt + .sTxt {margin-top:10px;}

/* 본인정보이용제공조회 */
.whiteWrap .col_12 + .col_6,
.whiteWrap .col_12 + .col_6 + .col_6 {margin-top:30px;}
.whiteWrap .col_12:first-child {margin-top:10px;}
.whiteWrap .col_6 + .col_6 + .col_12 {margin-top:30px; margin-bottom:20px;}
.whiteBox .msg {font-size:23px;}
.whiteBox .icoType {margin-top:10px !important; font-weight:normal;}
.whiteBox .icoType span {display:inline-block; position:relative;}
.whiteBox .icoType span:before {content:""; display:block; position:absolute; top:0; left:0;}
.whiteBox .icoType [class*=icoIniqSelf0] {height:50px; line-height:50px; padding-left:65px; font-size:19px;}
.whiteBox .icoType [class*=icoIniqSelf0]:before {width:50px; height:50px;}
.whiteBox .icoType .icoIniqSelf01:before {background:url(../img/common/ico_keylock.png) no-repeat right top; background-size:40px;}
.whiteBox .icoType .icoIniqSelf02:before {background:url(../img/common/ico_idpicture.png) no-repeat right top; background-size:48px;}
.whiteBox .btnArea {margin-bottom:10px;}

/* .whiteWrap.grayLine */
.whiteWrap.grayLine {background:none; border:1px solid #d8d8d8;}
.whiteWrap.txtColum.grayLine {border-left:0; border-right:0;}

/* txtColum */
.whiteWrap.txtColum {margin-top:60px; padding:40px;}
.whiteWrap.txtColum .row {margin:40px 0 0 0; position:relative; display:table; width:100%; padding-top:40px;}
.whiteWrap.txtColum .row:first-child {margin:0; padding-top:0;}
.whiteWrap.txtColum .row:first-child:before {display:none;}
.whiteWrap.txtColum .row:before {content:""; position:absolute; top:-1px; left:0px; display:inline-block; width:100%; height:1px; background: #c0c0c0;}
.whiteWrap.txtColum .row [class*=col_] {padding:0 40px; margin-top:0px; display:table-cell; float:none; vertical-align: top;}
.whiteWrap.txtColum .row [class*=col_]:first-child {padding:0 40px 0 0;}
.whiteWrap.txtColum .row [class*=col_]:first-child:before {display:none;}
.whiteWrap.txtColum .row [class*=col_]:last-child {padding:0 0 0 40px;}
.whiteWrap.txtColum .row .col_12 {padding:0 !important;}
.whiteWrap.txtColum .row:first-child [class*=col_] ,
.whiteWrap.txtColum .row:first-child [class*=col_] + [class*=col_] {margin-top:0px;}
.whiteWrap.txtColum strong {display:block;}
.whiteWrap.txtColum strong[class*=ico] {display:table;}
.whiteWrap.txtColum strong[class*=ico] span {display:table-cell; position:relative;}
.whiteWrap.txtColum strong[class*=ico] span:before {content:""; display:block; position:absolute; top:0; left:0;}
/*.whiteWrap.txtColum strong span {display:inline-block; position:relative;} */
.whiteWrap .tblScroll {min-width:auto;}

/* 아이콘 */
.whiteWrap.txtColum .icoAppOs [class*=icoAppOs0] {height:60px; padding-left:85px; vertical-align:top;}
.whiteWrap.txtColum .icoAppOs [class*=icoAppOs0]:before {width:60px; height:60px; background-image:url(../img/common/img_AppOs.png); background-repeat:no-repeat;}
.whiteWrap.txtColum .icoAppOs .icoAppOs01:before {background-position:0 0;}
.whiteWrap.txtColum .icoAppOs .icoAppOs02:before {background-position:0 -60px;}
.whiteWrap.txtColum .icoAppOs + .dashList {margin-left:85px; margin-top:-15px !important;}
.whiteWrap.txtColum .icoAppOs + .dashList li:first-child {margin-top:0px;}
.whiteWrap.txtColum .icoAppOs + .dashList li {margin-top:9px;}
.whiteWrap.txtColum .icoInvestly [class*=icoInvest0] {height:55px; padding-left:75px; vertical-align:middle;}
.whiteWrap.txtColum [class*=icoInvest0]:before {content:""; display:block; width:55px; height:55px;}
.whiteWrap.txtColum .icoInvest01:before {background:url(../img/common/ico_fnd_invest1.png) no-repeat;}
.whiteWrap.txtColum .icoInvest02:before {background:url(../img/common/ico_fnd_invest2.png) no-repeat;}
.whiteWrap.txtColum .icoInvest03:before {background:url(../img/common/ico_fnd_invest3.png) no-repeat;}
.whiteWrap.txtColum .icoInvest04:before {background:url(../img/common/ico_fnd_invest4.png) no-repeat;}
.whiteWrap.txtColum .icoRemotely [class*=icoRemotely0] {height:40px; padding-left:60px; vertical-align:middle;}
.whiteWrap.txtColum .icoRemotely [class*=icoRemotely0]:before {width:40px; height:40px;}
.whiteWrap.txtColum .icoRemotely + p {padding-left:60px;}
.whiteWrap.txtColum .icoRemotely + p + a {display:inline-block; margin-left:60px; margin-top:15px;}
.whiteWrap.txtColum .icoRemotely .icoRemotely01:before {background:url(../img/common/ico_monitor_citi.png) no-repeat 0 0;}
.whiteWrap.txtColum .icoRemotely .icoRemotely02:before {background:url(../img/common/ico_lock.png) no-repeat 0 0;}
.whiteWrap.txtColum .icoRemotely .icoRemotely03:before {background:url(../img/common/ico_email_solid.png) no-repeat 0 0;}
.whiteWrap.txtColum .icoRemotely .icoRemotely04:before {background:url(../img/common/ico_branch_small.png) no-repeat 0 0;}
.whiteWrap.txtColum .icoRemotely .icoRemotely05:before {background:url(../img/common/ico_cash_won.png) no-repeat 0 0;}
.whiteWrap.txtColum .icoRemotely .icoRemotely06:before {background:url(../img/common/ico_line_people.png) no-repeat 0 0;}


/* whiteBox - etcOpt */
.whiteWrap.txtColum .whiteBox.etcOpt > div {width:620px; margin:0 auto}
.whiteWrap.txtColum .whiteBox.etcOpt .formWrap {padding:0 !important;}
.whiteWrap.txtColum .whiteBox.etcOpt .formWrap select{width:380px;}
.whiteWrap.txtColum .whiteBox.etcOpt [class*=col_] + [class*=col_] {padding:0 0 0 20px;}

.whiteWrap.txtColum strong + .img {margin-top:20px;}
.whiteWrap.txtColum .alignTxt {margin:35px 0 0 46px;}
.whiteWrap.txtColum .btnArea{padding-top:20px; text-align:center}
.whiteWrap.txtColum.alignC .sTxt.ac {margin-top:30px}
.whiteWrap.txtColum.noOutLine {background:none; border:0}
.whiteWrap.txtColum.noLine .whiteBox:before {background:transparent}
.whiteWrap.txtColum.noLine .row .imgArrowR {vertical-align:middle !important}

/* .whiteWrap.grayLine */
.whiteWrap.txtColum.grayLine {padding:40px 0; background:none; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.whiteWrap.txtColum.grayLine .whiteBox:before,
.whiteWrap.txtColum.grayLine .row:before {background-color:#d8d8d8 !important;}

/* .whiteWrap.side */
.whiteWrap.side .whiteBox {padding:0;}
.whiteWrap.side .whiteBox:before {top:-1px; left:0; width:1px; height:100%}
/* 공인인증센터 */
.whiteWrap.side.appIcons {text-align:center}
.whiteWrap.side.appIcons + .titH3 {margin-top:50px}
/* inLineType */
.whiteWrap.inLineType {display:inline-block; padding:0; font-size:0;}
.whiteWrap.inLineType .whiteBox {padding:0;}
.whiteWrap.inLineType .whiteBox .img {margin:30px;}
.whiteWrap .olTxtList{margin-top:0;}
.whiteWrap .olTxtList li{margin-top:9px; padding-left:27px; font-size:14px; line-height:17px;}
.whiteWrap .olTxtList li:before{display:inline-block; width:17px; height:17px; text-align:center;  background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}
.whiteWrap .olTxtList li:first-child{margin-top:0;}
.whiteWrap p.olTxtList{font-size:14px; line-height:17px; padding-left:27px; text-indent:-27px;}
.whiteWrap p.olTxtList > .num{display:inline-block; width:17px; height:17px; margin-right:10px; text-align:center; text-indent:0; background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}
/* 3)복합형 */
.whiteBox .img img {max-width:100%;}
.whiteWrap .whiteBox p + .stampList {margin-top:40px; padding-top:20px; border-top:1px solid #d8d8d8;}
.whiteWrap .whiteBox .stampList {font-size:0;}
.whiteWrap .whiteBox .stampList li {position:relative; display:inline-block; width:50%; min-height:40px; line-height:35px; font-size:16px; vertical-align:top;}
.whiteWrap .whiteBox .stampList li .stampNum {position:absolute; top:0; left:0; line-height:1;}
.whiteWrap .whiteBox .stampList .txt {margin-left:0; padding-left:50px; line-height:24px; vertical-align:middle;}

/* graphColum */
.whiteWrap.graphColum{margin-top:20px}
.whiteWrap.graphColum .graphWrap{text-align:center}
.whiteWrap.graphColum .graphWrap > .tit{display:block; font-weight:bold; text-align:center}
.whiteWrap.graphColum .graphWrap > .cont{margin-top:20px; display:inline-block;}
.whiteWrap.graphColum .txtList{margin-top:40px;}

/* btmGuide */
.whiteWrap.txtColum.btmGuide .row {margin-top:0;}
.whiteWrap.txtColum.grayLine.btmGuide .row:before{background-color:transparent !important}
.whiteWrap .whiteBox .olTxtList .refList{margin-top:5px;margin-bottom:15px;}
.whiteWrap.imgDescription.grayLine {background:none; border:1px solid #d8d8d8;}

/* .whiteColWrap */
.whiteColWrap {margin:10px -10px -10px -10px;}
.whiteColWrap .row {display:table; margin:0; width:100%;}
.whiteColWrap .row .whiteColBox {display:table-cell; float:none; vertical-align:top; background-color:#fff; border-left:10px solid #eee; border-right:10px solid #eee; border-top:10px solid #eee; border-bottom:10px solid #eee; padding:0;}
.whiteColWrap > .row > .whiteColBox > .whiteBox {padding-top:40px; padding-bottom:40px;}

/* whiteBox stampList */
.stampList {position:relative;}
.stampList li {margin-top:20px;}
.stampList .stampNum {display:inline-block; vertical-align:middle;}
.stampList .stampNum em {display:table; border-radius:50%; border:1px solid #056DAE; color:#056DAE; text-align:center; box-sizing:border-box;}
.stampList .stampNum em i {display:table-cell; width:100%; height:100%; vertical-align:middle; font-style:normal;}
.stampList .stampNum.small em {width:40px; height:40px;}
.stampList .stampNum.small em i {letter-spacing:1px;}
.stampList .stampNum[class*=icoMark] em {width:30px; height:30px;}
.stampList .stampNum[class*=icoMark] em i {background-image: url('../img/common/btn_blue_plus.png'); background-position:50% 50%; background-repeat:no-repeat;}
.stampList span {display:inline-block; margin-left:10px;}
.stampList span:first-child {margin-left:0;}
.stampList + p > .btnType1 {margin-top:30px;}

/* descript */
.descript + .txtList {margin-bottom:25px;}
.descript{margin:25px 0; padding:20px; border:1px solid #ccc}
.descript .txtList{margin-top:0}
.descript .inputWrap{margin-top:10px}

/* imgDescr */
[class^=imgDescr] .olTxtList{margin-top:0;}
[class^=ziroArea] .olTxtList{margin-top:0;}
[class^=imgDescr] .olTxtList li{margin-top:9px; padding-left:27px; font-size:14px; line-height:17px;}
[class^=ziroArea] .olTxtList li{margin-top:9px; padding-left:27px; font-size:14px; line-height:17px;}
[class^=imgDescr] .olTxtList li:before{display:inline-block; width:17px; height:17px; text-align:center;  background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}
[class^=ziroArea] .olTxtList li:before{display:inline-block; width:17px; height:17px; text-align:center;  background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}
[class^=imgDescr] .olTxtList li:first-child{margin-top:0;}
[class^=ziroArea] .olTxtList li:first-child{margin-top:0;}
/* 문장 및 커스텀 */
[class^=imgDescr] p.olTxtList{font-size:14px; line-height:17px; padding-left:27px; text-indent:-27px;}
[class^=ziroArea] p.olTxtList{font-size:14px; line-height:17px; padding-left:27px; text-indent:-27px;}
[class^=imgDescr] p.olTxtList > .num{display:inline-block; width:17px; height:17px; margin-right:10px; text-align:center; text-indent:0; background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}
[class^=ziroArea] p.olTxtList > .num{display:inline-block; width:17px; height:17px; margin-right:10px; text-align:center; text-indent:0; background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}

/* 이미지컨텐츠 개선 */
/* 1)기본형 */
.imgDescr {position:relative; margin-top:20px; padding:40px 0 0 0; background:#fff; overflow:hidden; box-sizing:border-box; text-align:center;}
.imgDescr.bgnone {border:1px solid #d8d8d8;}
.imgDescr .img {position:relative; width:100%; display:inline-block; margin-bottom:40px; font-size:0; vertical-align:top;}
.imgDescr .img span {position:relative; width:50%; display:inline-block; padding:0 40px; font-size:16px; border-left:1px solid #ccc; box-sizing:border-box; vertical-align:top;}
.imgDescr .img span:first-child {border-left:0;}
.imgDescr .img span em {display:block; padding:0;}
.imgDescr .img span em + img {margin-top:20px;}
.imgDescr .img span img + em {padding:0;}
.imgDescr .img span > img {max-width:100%;}
/* 기타설정 */
.imgDescr .cont {display:inline-block;  margin-left:40px; margin-right:40px; margin-bottom:40px; text-align:left;}
.imgDescr .cont .sTxt {margin-top:15px;} /* 이미지 하단 당구장모양의 설명문구가 있을 경우 */
.imgDescr .single span {width:100%;}
.imgDescr .third span {width:33.3%;}
.imgDescr .mtEtc1 {margin-top:10px !important;} /* 편집이미지일경우 이미지제목과 이미지간의 간격유지 */
.imgDescr .titGroup {min-height:42px;} /* 이미지제목 안에 small텍스트가 있을 경우 */
.imgDescr .titGroup .sTxt {font-size:12px !important;}
.imgDescr .titGroup span.sTxt {display:inline-block; width:auto; vertical-align:middle;}
/* 이미지제목 하나에 이미지가 두컷일경우 */
.imgDescr .smallCnt > span {font-size:0; padding:0 30px; border:0;}
.imgDescr .smallCnt > span:before {content:""; position:absolute; top:0; right:0; display:block; width:1px; height:100%; background-color:#ccc;}
.imgDescr .smallCnt > span + span:before {left:-1px;}
.imgDescr .smallCnt > span > em {font-size:16px;}
.imgDescr .smallCnt > span > em + em {display:inline-block; max-width:50%; margin-top:20px; padding:0 10px; box-sizing:border-box; vertical-align:top;}
.imgDescr .smallCnt .txt {display:block; max-width:100%; margin-top:15px; font-size:14px;}
.imgDescr .smallCnt img {width:auto !important; max-width:100% !important;}
/* 선이 없으면서 다량 */
.imgDescr .amount {margin-top:-40px;}
.imgDescr .amount span {width:auto; margin:40px 20px 0 20px; padding:0; border-left:0;}
.imgDescr .amount span > img {max-width:100%;}
.imgDescr .amount span > img + em {margin-top:20px;}
/* 가운데 화살표 */
.imgDescr .img.arrowR:before {content:""; position:absolute; top:50%; left:50%; display:block; width:32px; height:23px; margin-top:-12px; margin-left:-16px; background-image:url(../img/common/arrow_right.png); background-repeat:no-repeat; background-size:100% 100%;}
/* 팝업 */
.popCont .imgDescr {max-width:908px;}
/* 아이콘 */
.imgDescr .icoDownload {margin-top:30px;}
.imgDescr .icoDownload > * {vertical-align:middle;}
.imgDescr .icoDownload > [class*=icoImg] {margin-right:10px;}
/* 2)문서형 */
.imgDescr .docs {position:relative; width:100%; padding:0 40px; margin-bottom:40px; box-sizing: border-box;}
.imgDescr .docs em {display:block;}
.imgDescr .docs em + img {margin-top:20px;}
.imgDescr .docs img {max-width:100%;}

/* 3)수표 */
.imgDescr .cash {position:relative; width:100%; display:inline-block; margin-bottom:40px;}
.imgDescr .cash span {width:auto; max-width:100%; display:inline-block; text-align:left;}
.imgDescr .cash span > img {display:block; max-width:100%;}
.imgDescr .cash .olTxtList {margin-top:30px;}
.imgDescr .cash .olTxtList li {text-align:left;}
/* 4)선이 없으면서 이미지(좌)+컨텐츠(우) */
.imgDescr .near {position:relative; display:block; width:100%; padding:0 40px; margin-bottom:40px; box-sizing: border-box;}
.imgDescr .near figure {width:auto; display:inline-block; font-size:0; margin-top:-30px;}
.imgDescr .near figure > em {display:inline-block; vertical-align:top; margin:30px 30px 0 30px;}
.imgDescr .near figure > em > img {max-width:100%;}
.imgDescr .near figcaption {display:inline-block; margin:30px 30px 0 30px; font-size:16px; text-align:left;}
.imgDescr .near figcaption > *:first-child {margin-top:0;}
/* 번호가 있는 편집이미지 */
.imgDescr .near.editImg figure {margin-top:0;}
.imgDescr .near.editImg figure > em,
.imgDescr .near.editImg figcaption {margin-top:0;}
.imgDescr .near.editImg ol {margin-top:20px;}
/* 기타설정 */
.imgDescr .near ul > li:first-child {margin-top:0;}


/*== conDiv ==*/
/*=========================================== List ==============================================*/
.etcList li{margin-top:20px; color:#056dae; text-align:center}

/* txtList */
.txtList > li .guideArea {margin:10px 0;}
.txtList .indent {padding-left:20px;}
.txtList .defList {margin:10px 0 0}
.txtList .defList .indent {margin-bottom:10px}
.txtList .icoImgPdf {margin-left:10px}
.txtList + .formArea {margin-top:30px}
.txtList li.blueSkin:before {background-position: 0 0;}
.txtList li.blueSkin {color:#056dae;}
.txtList li.blueSkin a {display:inline-block; position:relative; padding-right:13px; color:#056dae;}
.txtList + h4.sTxt {margin-top:25px}
.txtList.lineList > li .txt,
.txtList.lineList > li .sTxt {margin-left:-17px;}
.txtList.lineList > li .tit > .sTxt {margin-left:0;}
.txtList.lineList > li .row {margin-left:-27px;}
.txtList li > .estar {margin-top:10px;}
.txtList > li .dashList + .refList,
.txtList + .refList {margin-top:15px;}
.txtList li > .dashList li > .refList {margin-top:10px;}
.txtList.lineList{margin-top:0; padding-top:25px}
.txtList.lineList > li{margin-top:25px; padding-bottom:18px; border-bottom:1px solid #ccc}
.txtList.lineList > li .inputGroup{margin:20px 0 0 -17px}
.txtList.lineList > li .inputGroup .formWrap{margin-bottom:10px}
.txtList.lineList > li .refList{margin:0 0 10px -17px;}
.txtList.lineList > li input[type="radio"]+label{font-size:16px}
.txtList {margin-top:15px;/*margin-top:25px; - 0125 디자인 가이드 수정*/}
.txtList > li {display:list-item; position:relative; margin-top:11px;/*margin-top:10px; - 0125 디자인 가이드 수정*/ padding-left:16px;}
.txtList > li:before {display:block; content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background:url(../img/common/ico_circle.png) no-repeat 0 -5px;}
.txtList a {max-width:100%;}
.txtList.blueSkin li:before {background-position:0 0;}
.txtList.blueSkin a {display:inline-block; position:relative; padding-right:13px; color:#056dae;}
/* .txtList.blueSkin a:after {display:block; content:''; position:absolute; right:0; bottom:5px; width:5px; height:9px; background:url(../img/common/ico_arrow_next.png) no-repeat 100% -9px;}*/
.txtList.blueSkin a:hover {color:#002a54;}
.txtList.blueSkin a:hover:after {background-position:0 0;}
.txtList .icoError:before {width:8px; height:8px; background:url(../img/common/ico_error.png) no-repeat !important;}
.txtList .icoCheck:before {width:10px; height:8px; background:url(../img/common/ico_check.png) no-repeat !important;}
.txtList.resultGuide li li{margin-top:0}
/* .txtList.resultGuide{margin-top:23px}
.txtList.resultGuide li li {padding-left:0;}
.txtList.resultGuide li li:before {background:transparent}
.txtList.resultGuide li .tit{float:left; padding-right:5px;}
.txtList.resultGuide li .txt{display:table-cell; padding-left:5px;} */
.txtList > li strong + p {margin-top:10px;}
.txtList > li > .extraList{margin-top:0;}
.txtList > li > .extraList > li{margin:10px 0;}
.txtList > dd {display:list-item; position:relative; margin-top:9px; padding-left:17px;}
.txtList > dd:before {display:block; content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background:url(../img/common/ico_circle.png) no-repeat 0 -5px;}
.txtList + .txtList.greenSkin {margin-top:0;}
.txtList.greenSkin li:before {background-position:0 -10px;}
.txtList.greenSkin > li {color:#006e0a;}
.txtList + p {margin-top:25px;}
.txtList + .row {margin-top:20px;}
.txtList + p.red {margin-top:9px;}
.txtList + .guideArea + .formArea .formWrap.nonLabel,
.txtList + .guideArea + .formArea .formWrap.nonLabel + [class*=col_] .relatedInfo  {margin-top:-30px;}
.txtList > li .whiteWrap {margin-left:-17px; margin-top:20px;}
/*.txtList > li > .refList {margin-top:10px;} 카드 상세 */
.txtList > li > .dashList {margin-top:0;}
.txtList > li > .dashList > li {margin:10px 0; /* font-size:14px; */}
.txtList.mailing{margin:0;}
.txtList + .tit{margin-top:20px}
.txtList.mt0{margin-top:0}

.txtList {margin-top:20px;}

/* dashList */
p.dashList {position:relative; padding-left:17px;}
p.dashList:before {display:block; content:'-'; position:absolute; top:0; left:0;}
.dashList > li > .extraList {margin-top:0;}
.dashList > li > .extraList > li {margin:10px 0;}
.dashList {margin-top:20px;}
.dashList > li {display:list-item; position:relative; margin-top:3px; padding-left:12px;}
.dashList > li:before {display:block; content:'-'; position:absolute; top:0; left:0;}
.dashList > li .dotList > li {font-size:14px; color:#666; margin:3px 0;}

/* refList - 당구장뷸릿 */
.refList.brdT {margin-top:40px !important; padding-top:20px; border-top:1px solid #ccc;}
.refList.mt0{margin-top:0px;}
.refList.borT{border-top:1px solid #999; padding-top:10px}
.refList.borT:before{top:10px}
.refList {margin-top:20px;}
.refList > li {display:list-item; position:relative; margin:3px 0; padding-left:17px; font-size:12px; color:#666;}
.refList.txtS1 > li{font-size:16px}
.refList > li:before {display:block; content:'※'; position:absolute; top:0; left:0;}
.refList > li > .dashList {margin-top:0;}
.refList {position:relative; padding-left:17px; font-size:12px; color:#666;}
.refList:not(ul):before {display:block; content:'※'; position:absolute; top:0; left:0;}
/* [PRE] 160829 refList */
span.refList {display:inline-block; position:relative; padding-left:17px; font-size:12px; color:#666;}
span.refList:before {display:block; content:'※'; position:absolute; top:0; left:0;}
p span.refList {margin-left:10px; margin-top:0;}
li .refList {margin:5px 0 10px;}

/* olTxtList */
.olTxtList.greenSkin > li {color:#006e0a}
.olTxtList.blueSkin > li {color:#056dae}
.olTxtList.greenSkin > li > ul, .olTxtList.greenSkin > li > p,
.olTxtList.blueSkin > li > ul, .olTxtList.blueSkin > li > p {color:#333}
.olTxtList{margin-top:10px}
.olTxtList li{margin-top:20px}
.olTxtList  {counter-reset:li-counter;}
.olTxtList > li {position:relative; padding-left:20px;}
.olTxtList > li:before {position:absolute; top:0; left:0; font-family:'inter Bold', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; letter-spacing:0 !important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:counter(li-counter); counter-increment:li-counter;}

.olTxtList.square{margin-top:0;}
.olTxtList.square li{margin-top:9px; padding-left:27px; font-size:14px; line-height:17px;}
.olTxtList.square li:before{display:inline-block; width:17px; height:17px; text-align:center;  background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}
.olTxtList.square li:first-child{margin-top:0;}
p.olTxtList.square{font-size:14px; line-height:17px; padding-left:27px; text-indent:-27px;}
p.olTxtList.square > .num{display:inline-block; width:17px; height:17px; margin-right:10px; text-align:center; text-indent:0; background-color:#d60000; color:#fff; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', arial, sans-serif;}
.olTxtList li > .refList {margin-top:5px; }

.olTxtList.square {margin-top:20px !important;}

/* postList : 주소검색/우편번호 리스트 */
.postList {max-height:240px; margin-top:20px; overflow:hidden; overflow-y:auto;}
.postList ul {margin-left:-18px; margin-right:-18px;}
.postList li {border-top:1px solid #d8d8d8;  text-align:left;}
.postList li > a {width:100%; display:table;}
.postList li span {display:table-cell; width:auto; padding:16px 18px; box-sizing:border-box;}
.postList li span.ad1 {width:20%;}
.postList li span.ad3 {width:20%;}
.postList li span.ad2 {width:auto !important}

/* blockList : 카드 */
.blockList {margin-top:5px; border:1px solid #ccc; color:#333; font-size:14px;}
.blockList > ul > li {display:table; width:100%; padding:20px 0; border-top:1px solid #ccc; box-sizing:border-box;}
.blockList > ul > li > div {display:table-cell; width:33.3333%; padding:0 20px; border-left:1px solid #ccc; box-sizing:border-box;}
.blockList .blockHeader {padding:17px 20px;}
.blockList .tit {border-left:0 none; font-weight:bold;}
.blockList + .blockList {margin-top:30px;}

/* normalList */
.normalList > li {display:list-item; position:relative; padding-top:10px;}
.normalList > li:before {display:none !important;}
.normalList > li .txt.bold{display:block; margin-top:10px}
.normalList > li .txtList{margin-top:15px}
.normalList > li .imgArea{margin-top:15px}
.normalList > li .txtList + .txt.bold{margin-top:30px}
.normalList > li .refList{margin-top:5px}

/* nonList */
.nonList {margin-top:9px;}
.nonList > li {display:list-item; position:relative; margin:20px 0;}
.nonList > li:before {display:block; content:' '; position:absolute; top:0; left:0;}
.nonListS{margin-top:9px;}
.nonListS> li {display:list-item; position:relative;padding-left:9px;font-size:14px;color:#666;margin:3px 0;}
.nonListS:before {display:block; content:' '; position:absolute; top:0; left:0;}

/* shortList */
.shortList:after {content:''; display:block; clear:both;}
.shortList li {position:relative; float:left; margin-left:15px; padding-left:15px;}
.shortList li:before {display:block; content:''; position:absolute; top:50%; left:0; height:16px; margin-top:-7px; border-left:1px solid #333;}
.shortList li:first-child {margin-left:0; padding-left:0;}
.shortList li:first-child:before {display:none;}

/* sumList */
.sumList {margin-top:10px;}
.sumList:after {content:''; display:block; clear:both;}
.sumList li {float:left; padding-right:9px; color:#333; box-sizing:border-box;}

/* detailsList */
.detailsList > .txtList li:nth-child(even) {padding-left:17px;}
.detailsList > .txtList li:nth-child(odd) {padding-right:17px;}
.detailsList li {display:inline-block; width:50%; margin-right:-6px; color:#333; box-sizing:border-box; vertical-align:top; zoom:1;}
.detailsList li:after {content:''; display:block; clear:both;}
.detailsList li:nth-child(odd) {padding-right:20px;}
.detailsList li:nth-child(even) {padding-left:20px;}
.detailsList li > span {display:inline-block; float:left;}
.detailsList li > strong {display:inline-block; float:right;}

/* detailList : 위에랑 다름 */
.detailList{padding:10px 0 10px;}
.detailList li{padding:5px 0 0;}

/* estar - *뷸릿 */
.estar {margin-top:20px;} /* 임시(common2.css) */
span + span.estar {margin-left:20px;}
p + .estar {margin-top:10px;}

/* estarList */
.estarList li.tit {padding-left:0;}
.estarList li.tit:before {display:none;}
.estarList li > .dashList {margin-top:0;}
.estarList {margin-top:20px;}
.estarList li {position:relative; display:list-item; padding-left:17px; color:#666; margin-top:9px;}
.estarList li:before {display:block; content:'*'; position:absolute; top:0; left:0;}

/* extraList */
.extraList + .estar {margin-top:10px;}
.extraList.txtDot > li {text-indent:-26px; padding-left:26px;}

p + .extraList {margin-top:0px;}
.extraList + .refList {margin-top:10px;}
.extraList > li > .txtList > li,
.extraList > li > .dotList > li {text-indent:0;}

.extraList {margin-top:25px;}
.extraList > li {display:list-item; position:relative; margin-top:9px;}
.extraList > li > .refList {margin-top:10px;}
.extraList > li > .dashList {margin-top:0;}
.extraList > li > .dashList > li {margin:10px 0; /* font-size:14px; */}

.extraList > li > ul {margin-top:0;}
.extraList.numDot > li {text-indent:-19px; padding-left:19px;}
.extraList.numBskt1 > li,
.extraList.numBskt2 > li,
.extraList.numCircle > li {text-indent:-21px; padding-left:21px;}
.extraList > li > .dashList > li {text-indent:0; padding-left:12px;}
.extraList > li .estar {margin-top:10px; text-indent:0; padding-left:17px;}

.extraList > li > strong {display:block; text-indent:0; margin-top:10px;}/* li에 내용이 이미 있고 다시 제목이 올 경우 */
.extraList > li > p {text-indent:0; margin-top:10px;}
.extraList > li > .inputGroup.type2{text-indent:0}
.extraList .termsAgree.single .txt,
.extraList .termsAgree.single .txt + div{border-top:0;padding-top:0}
.extraList .termsAgree.single .txt{width:60%}
.extraList .termsAgree.single .txt + div{width:40%;text-indent:0}

.extraList.noteList > li {padding-left:40px; text-indent: -40px} 

/* exTxt */
.exTxt {display:table}
.exTxt dt, .exTxt dd {display:table-cell}
.exTxt dd {padding-left:7px;}

/* noBlTxts - 컨텐츠 안 기타 텍스트 */
.noBlTxts {margin-top:50px}
.noBlTxts > .txtC5:first-child, .noBlTxts > .titH5:first-child {margin-top:0}
.noBlTxts > .txtC5, .noBlTxts > .titH5 {margin-top:20px}

/* specialNum - 번호로 만들게끔 */
.specialNum {display:inline-block; width:14px; height:14px; vertical-align:middle; box-sizing:border-box; border:1px solid #333; border-radius:50%; font-size:10px; line-height:11px; /*letter-spacing:-1px;*/ color:#000; text-align:center; text-indent:0 !important;}
.ie8 .specialNum {background:url('../img/common/bg_unique_num.png') no-repeat 0 0; border:0; line-height:13px;}

/* tableDl - table안에서 dl */
.tableDl{margin-top:10px;margin-bottom:10px;border-top:1px solid #d8d8d8;}
.tableDl dt{font-weight:bold;padding-top:10px;}
.tableDl dd{border-bottom:1px solid #d8d8d8;padding-bottom:10px;}

/* orderedList */
.orderedList{margin-top:20px;text-indent:-15px;margin-left:15px;}
.orderedList p{margin-top:10px;text-indent:0;}
.orderedList li{margin-top:10px;}
.orderedList .termsTB{margin-top:20px;}
.orderedList .tableX{text-indent:0;}
.orderedList .orderedList{margin-top:0;}
.orderedList .orderedList.type2{margin-left:20px;text-indent:-20px;}
.orderedList .orderedList.type2 dl{margin-left:20px;margin-top:10px;}
.orderedList .orderedList.type2 dl dt{font-weight:bold;}
.orderedList.type2{margin-top:10px;}
.orderedList .orderedList .dashList{margin-top:0;}
.orderedList .orderedList .dashList li{margin-left:0;text-indent:0px;}

.lognTxt{font-weight:bold;margin:20px 0;}

/* dotList */
.dotList {margin-top:9px;}
.dotList > li {display:list-item; position:relative; margin:3px 0; padding-left:9px;}
.dotList > li:before {display:block; content:'·'; position:absolute; top:0; left:0;}
.dotList.mg0 > li {margin:6px 0 0 0;}
.dotList.mg0 > li:first-child {margin-top:0px;}

/* barList */
.dashList > li > .barList li {margin-top:10px; margin-bottom:10px}
.barList li {position:relative; display:inline-block; margin-right:13px; padding-right:20px; margin-top:10px;}
.barList li:last-child {margin-right:0; padding-right:0;}
.barList li:last-child:before {display:none;}
.barList li:before {display:block; content:''; position:absolute; top:50%; right:0; height:15px; margin-top:-6px; border-right:1px solid #333;}
.barList.sTxt li:before {height:12px; margin-top:-5px;}

/* restList */
.restList li {position:relative; display:inline-block; margin-right:5px; margin-top:10px;}
.restList li:last-child {margin-right:0; padding-right:0;}
.restList li:last-child:before {display:none;}
.restList li:after {display:inline-block; content:','; height:24px; color:#333;}

/* numList */
.numList {margin-top:40px; padding-top:20px; border-top:1px solid #ccc;}
.numList > li {display:inline-block; width:50%; margin:20px -2px 0; padding-left:45px; box-sizing:border-box; vertical-align:top;}
.numList > li:nth-child(odd) {padding-right:20px;}
.numList .circleNum2 {position:relative; float:left; left:-45px; margin-right:-45px;}
.numList div {display:table; float:left; min-height:35px;}
.numList div > span {display:table-cell; width:100%; vertical-align:middle;}

[class*=circleNum] {display:inline-block; border-radius:50%; font-weight:normal !important; text-align:center;}
.circleNum1 {width:40px; height:40px; background-color:#002a54; color:#fff !important; line-height:40px !important;}
.circleNum2 {width:33px; height:33px; border:1px solid #056DAE; color:#056DAE !important; font-family:'inter Light'; line-height:33px !important;}


/*===================================== Step/Box/List:ConDiv- ========================================*/
/* 랜딩 콘텐츠 */
.conDivBox.landList {margin-top:30px;}
.landList .titArea {padding-bottom:15px; border-bottom:1px solid #ccc; text-align:center;}
.landList .titH3 {margin-top:0; font-weight:normal; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.landList .titArea .tagsArea {margin-top:5px;}
.landList .tagsArea {margin-top:-5px;}
.landList [class^=descrip] {min-height:75px; padding:15px 0; border-bottom:1px solid #ccc; color:#666; font-size:14px; line-height:1.7; box-sizing:border-box;}
.landList .descripAuto {min-height:auto; border-bottom:0 none;}

/* 랜딩 콘텐츠 - 하단 버튼 고정 */
.landList[class*=btnFix] li > .block {display:table; width:100%;}
.landList[class*=btnFix] li > .block > .inner {display:table-cell; position:relative; height:100%; padding-bottom:117px;}
.landList[class*=btnFix] li > .block > .inner.nonFix {padding-bottom:40px;}
.landList[class*=btnFix] .titH3 {white-space:normal;}
.landList[class*=btnFix] .btnArea.brdT {position:absolute; bottom:40px; width:100%; min-height:30px; margin-top:0; border-top:1px solid #ccc !important;}
.landList[class*=btnFix] [class^=btnType].full {padding:0;}
.landList .descripAuto.brdB,
.landList .txtList.brdB {padding-bottom:15px; border-bottom:1px solid #ccc !important;}

.landList.btnFix2 li > .block > .inner {padding-bottom:160px;}
.landList.btnFix2 .btnArea.brdT {bottom:25px;}
/* small 버튼 */
.landList.btnFixS li > .block > .inner {padding-bottom:105px;}
/**/

.contCusCscm {font-size:14px; text-align:center; padding:135px 0 0;}
.conDivArea .links + .links {margin-left:15px;}
.half {width:50% !important;}
.bgColorW {margin-top:20px; padding:40px; background-color:#fff;}
.outLine {margin-top:20px; padding:40px; border:1px solid #ccc;}
.bgTrans {background-color:transparent !important;}
/* 삭제예정 (s)
.conMt0 {margin-top:0 !important;}
.conMt1 {margin-top:10px !important;}
.conMt2 {margin-top:20px !important;}
.conMt5 {margin-top:50px !important;}
.conMb1 {margin-bottom:10px !important;}
.conMl1 {margin-left:10px !important;}
.conMl2 {margin-left:20px !important;}
/* 삭제예정 (e)*/
.block [class^=titH],
.outLine [class^=titH] {margin-top:0;}
.block * + [class^=titH],
.outLine * + [class^=titH] {margin-top:20px !important;}
.inBlock {display:inline-block;}
.explanCon {margin-top:15px; text-align:center;}

[class^=conBoxW_] {padding:40px; background-color:#fff;}
[class^=conBoxW_] [class^=titH] {margin-top:0;}
[class^=conBoxW_] .titH3 {margin:-5px 0 5px;}
[class^=conBoxW_] .links + .links {margin-left:15px;}
.conBoxW_text {margin-top:50px;}
.conBoxW_text + .viewWrap {margin-top:60px;} /* 상담내역조회 */
.conBoxW_makt {margin-top:60px; text-align:center;}

.block > .exArea {float:none; margin-top:20px;}
.block > .exArea + .conMt2 {margin-top:10px !important;}

.conM1 + .links {display:inline-block; margin-top:15px;}

.bgColorW .conDivArea {margin-top:-30px;}
.bgColorW .conDivArea > .titH3 {margin-top:30px;}
.conDivArea {overflow:hidden;}
.conDivArea.brdT {margin-top:60px; padding-top:30px; border-top:1px solid #ccc !important;}
.conDivArea.brdB {padding-bottom:30px; border-bottom:1px solid #ccc !important;}
.conDivArea.brdB + .quickConArea {margin-top:0; border-top:0;}
.conDivArea.brdT .conDivLine {margin-top:-30px;}
.conDivArea .titH3 {margin-top:0;}

li > .conDivArea {margin-bottom:20px;}
li > .conDivArea .conDivLine {margin-bottom:-11px;}

[class^=conDiv].div2 > *,
.dividingLine.div2 > .inner > * {width:50%;}
[class^=conDiv].div3 > *,
.dividingLine.div3 > .inner > * {width:33.3333%;}
.double {width:66.6667% !important;}
[class^=conDiv].div4 > *,
.dividingLine.div4 > .inner > * {width:25%;}
[class^=conDiv].div5 > *,
.dividingLine.div5 > .inner > * {width:20%;}
[class^=conDiv][class*=div] > *.full {width:100%;}

[class^=conDiv] .imgConArea,
.bgColorW .imgConArea {margin-top:0; padding:0 !important;}
[class^=conDiv] * + .imgConArea,
.bgColorW * + .imgConArea {margin-top:20px;}

.conDivLine {margin:0 0 -31px -1px; overflow:hidden;}
.conDivLine:after {content:''; display:block; clear:both;}
.conDivLine > * {float:left; width:100%; padding:30px 0; border-bottom:1px solid #ccc; box-sizing:border-box;}
.conDivLine > * > .block {padding:0 0 0 0; border-left:1px solid #d8d8d8; box-sizing:border-box; overflow:hidden;}
.conDivLine[class*=div] > * >  .block {padding:0 25px;}
.conDivLine.div5 > * > .block {padding:0 10px;}
.conDivLine.div2 > *:nth-child(odd) > .block {padding:0 25px 0 0;}
.conDivLine.div2 > *:nth-child(even) > .block {padding:0 0 0 25px;}
.conDivLine.div3 > *:nth-child(3n+1) > .block {padding:0 25px 0 0;}
.conDivLine.div3 > *:nth-child(3n) > .block {padding:0 0 0 25px;}
.conDivLine.div4 > *:nth-child(4n+1) > .block {padding:0 25px 0 0;}
.conDivLine.div4 > *:nth-child(4n) > .block {padding:0 0 0 25px;}
/* 버튼고정 */
.conDivLine.btnFix .block {position:relative; padding-bottom:70px !important;}
.conDivLine.btnFix .block .btnArea {position:absolute; left:0; bottom:0; width:100%; max-width:100%; padding:0 25px; box-sizing:border-box;}
.conDivLine.btnFix .block .btnArea [class*=btnType] {max-width:100%;}
.conDivLine.btnFix.div2 > *:nth-child(odd) > .block .btnArea {padding:0 25px 0 0; box-sizing:border-box;}
.conDivLine.btnFix.div2 > *:nth-child(even) > .block .btnArea {padding:0 0 0 25px; box-sizing:border-box;}
.conDivLine.btnFix.div3 > *:nth-child(3n+1) > .block .btnArea {padding:0 25px 0 0; box-sizing:border-box;}
.conDivLine.btnFix.div3 > *:nth-child(3n) > .block .btnArea {padding:0 0 0 25px; box-sizing:border-box;}
.conDivLine.btnFix.div4 > *:nth-child(4n+1) > .block .btnArea {padding:0 25px 0 0; box-sizing:border-box;}
.conDivLine.btnFix.div4 > *:nth-child(4n) > .block .btnArea {padding:0 0 0 25px; box-sizing:border-box;}

.bgColorW .imgCon.conDivArea,
.outLine .imgCon.conDivArea {margin-top:-20px;}
.imgCon.conDivArea {margin-top:0;}
.imgCon > .conDivLine {margin-top:20px; margin-bottom:-1px;}
.imgCon > .conDivLine[class*=div] > * {padding:0; border-bottom:0;}
.imgCon > .conDivLine[class*=div] > * >  .block {padding-left:40px !important; text-align:center;}
.imgCon > .conDivLine[class*=div] > *:first-child >  .block {padding-left:0 !important; padding-right:40px !important;}
.conDivLine.arrow > *:first-child  {position:relative;}
.conDivLine.arrow > *:first-child:before {display:block; content:''; position:absolute; top:50%; right:0; width:32px; height:23px; margin:-12px -16px 0 0; background:url(../img/common/arrow_right.png) no-repeat 0 0;}
.conDivLine.arrow > * > .block {border:0 none !important;}

.conDivBox {margin:0 -10px 0; overflow:hidden;}
.conDivBox:after {content:''; display:block; clear:both;}
.conDivBox > * {float:left; width:100%; margin-top:20px; padding:0 10px; box-sizing:border-box;}
.conDivBox > * > .block {padding:0 40px; background-color:#fff; box-sizing:border-box;}
.conDivBox > * > .block > .inner {padding:40px 0;}
.conDivBox.line > * > .block {border:1px solid #ccc; background-color:transparent;}

.conDivBox .imgConArea {margin-top:0;}
.conDivBox * + .imgConArea {margin-top:30px;}
.conDivBox .block.bgTrans {padding:0 10px;}
.conDivBox > * > [class^=titH] {margin-bottom:20px;}
.conDivBox .block .formWrap select.formControl {background-color:#eee;}

.conDivBox .block.ibAgree {position:relative; text-align:center;}
.conDivBox .block.ibAgree .inner {padding-bottom:70px;}
.conDivBox .block.ibAgree label {padding:0 !important; text-indent:0 !important;}
.conDivBox .block.ibAgree label:before {position:absolute; top:auto; left:50%; bottom:40px; margin-right:0; margin-left:-10px;}
.conDivBox .block.ibAgree input[type="radio"]:checked+label > span:before {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #056DAE; z-index:0;}
.conDivBox .block.ibAgree p {padding-left:0;}

.ie8 .conDivBox .block.ibAgree input[type="radio"] {position:absolute; top:auto; bottom:35px; left:50%; z-index:1;}

.conDivBox.card > li {padding:80px 10px 0;}
.round{border-radius:6px}

/* 아웃라인 */
.outLine.conDivArea  {padding:0;}
.outLine.conDivArea .conDivLine {margin-bottom:-1px;}
.outLine.conDivArea .conDivLine > * {padding:20px 0;}
.outLine.conDivArea .conDivLine .block {padding:0 25px !important;}
.outLine.conDivArea .conDivLine .txtList {margin-top:0;}
/* 아웃라인 라인만 긋는 경우 */
.outLine.dividingLine {padding:20px;}

/* 리스트에 세로 구분선 */
.dividingLine {margin-top:20px; overflow:hidden;}
.dividingLine[class*=div] > .inner {position:relative; padding:0 3px 0 2px;}
.dividingLine[class*=div] > .inner:before,
.dividingLine[class*=div] > .inner:after {display:block; content:''; position:absolute; top:0; bottom:0; border-left:1px solid #ccc;}
.dividingLine.div2 > .inner:before {left:50%;}
.dividingLine.div2 > .inner:after {display:none;}
.dividingLine.div3 > .inner:before {left:33.3333%;}
.dividingLine.div3 > .inner:after {right:33.3333%;}
.dividingLine[class*=div] > .inner > li {display:inline-block; margin:0 -2px; box-sizing:border-box; vertical-align:top;}
.dividingLine[class*=div] > ul.txtList {margin-top:0;}
.dividingLine[class*=div] > ul.txtList > li {margin-top:4px; margin-bottom:5px; padding:0 20px 0 36px;}
.dividingLine.div2 > ul.txtList > li:nth-child(odd),
.dividingLine.div3 > ul.txtList > li:nth-child(3n+1) {padding-left:16px;}
.dividingLine.div2 > ul.txtList > li:nth-child(even),
.dividingLine.div3 > ul.txtList > li:nth-child(3n) {padding-right:0;}
.dividingLine.div2 > ul.txtList > li:nth-child(even):before,
.dividingLine.div3 > ul.txtList > li:nth-child(3n+2):before,
.dividingLine.div3 > ul.txtList > li:nth-child(3n):before {left:20px;}
.dividingLine.div4 {position:relative;}
.dividingLine.div4:after {display:block; content:''; position:absolute; top:20px; bottom:20px; left:50%; border-left:1px solid #ccc;}
.dividingLine.div4 > .inner:before {left:25%;}
.dividingLine.div4 > .inner:after {left:75%;}
.dividingLine.brdT {margin-top:60px; padding-top:30px; border-top:1px solid #ccc !important;}
.dividingLine.brdB {padding-bottom:30px; border-bottom:1px solid #ccc !important;}

/* 씨티모바일이용안내(이용가능서비스) */
.dividingLine.citiMb {padding-bottom:40px;}
.dividingLine.citiMb:after {top:40px; bottom:40px;}
.dividingLine.citiMb > .inner {margin:20px 0 -40px 0; overflow:hidden;}
.dividingLine.citiMb > .inner:before,
.dividingLine.citiMb > .inner:after {bottom:40px;}
.dividingLine.citiMb > .inner > li {padding:0 20px 40px 20px;}
.dividingLine.citiMb > .inner > li .decoConArea {margin-top:0px; padding-left:42px;}
.dividingLine.citiMb > .inner > li .decoConArea > .inner {margin-left:0; margin-top:-3px; padding-top:0; letter-spacing:-1px; word-spacing:-1px;}
.dividingLine.citiMb [class^=decoIconXS] {width:24px; height:24px; left:-42px; margin-right:-42px; background-image:url(../img/common/ico_list_svc.png); background-repeat:no-repeat;}
.dividingLine.citiMb .decoIconXS_snap {background-position:0 0;}
.dividingLine.citiMb .decoIconXS_finger {background-position:0 -24px;}
.dividingLine.citiMb .decoIconXS_acntView {background-position:0 -48px;}
.dividingLine.citiMb .decoIconXS_acntSend {background-position:0 -72px;}
.dividingLine.citiMb .decoIconXS_autoSend {background-position:0 -96px;}
.dividingLine.citiMb .decoIconXS_acntNew {background-position:0 -120px;}
.dividingLine.citiMb .decoIconXS_crdView {background-position:0 -144px;}
.dividingLine.citiMb .decoIconXS_crdLon {background-position:0 -168px;}
.dividingLine.citiMb .decoIconXS_crdPoint {background-position:0 -192px;}
.dividingLine.citiMb .decoIconXS_fundTrade {background-position:0 -216px;}
.dividingLine.citiMb .decoIconXS_excView {background-position:0 -240px;}
.dividingLine.citiMb .decoIconXS_ovrSend {background-position:0 -264px;}
.dividingLine.citiMb .decoIconXS_glbSend {background-position:0 -288px;}
.dividingLine.citiMb .decoIconXS_tax {background-position:0 -312px;}
.dividingLine.citiMb .decoIconXS_mbLon {background-position:0 -336px;}
.dividingLine.citiMb .decoIconXS_onLineAsk {background-position:0 -360px;}
.dividingLine.citiMb .decoIconXS_smartNotice {background-position:0 -384px;}
.dividingLine.citiMb .decoIconXS_mbCoupon {background-position:0 -408px;}
.dividingLine.citiMb .decoIconXS_mbChat {background-position:0 -432px;}

/* 구분선 없음 */
.dividingLine.nonLine > .inner:before,
.dividingLine.nonLine > .inner:after {display:none;}
/**/

.sectionList > li {margin-top:10px;}
.sectionList > li:first-child {margin-top:0;}


/* 리스트에 세로 구분선 */
.decoLinkArea {margin-top:20px;}
.decoLinkArea:after {content:''; display:block; clear:both;}
.decoLinkArea > .block {float:left; padding:0 10px; text-align:center; box-sizing:border-box;}
.decoLinkArea > .block a {display:inline-block;}
.decoLinkArea > .block .txt {display:block; margin-top:5px;}
.decoLinkArea.div2 > .block {width:50%;}
.decoLinkArea.div3 > .block {width:33.3333%;}

.decoSList > li:nth-child(odd) {padding-right:20px;}
.decoSList > li:nth-child(even) {padding-left:40px;}
.decoSList > li:first-child .decoConArea,
.decoSList > li:first-child + li .decoConArea {margin-top:0;}
/**/

.stepConArea .inner [class*=titH],
.decoConArea .inner [class*=titH] {margin-top:0;}
.stepConArea .inner * + .titH4,
.decoConArea .inner * + .titH4 {margin-top:20px;}
.stepConArea .inner * + .titH5,
.decoConArea .inner * + .titH5 {margin-top:15px;}
.stepConArea .txtList,
.decoConArea .txtList {margin-top:-4px !important;}
.stepConArea * + .txtList,
.decoConArea * +.txtList {margin-top:20px !important;}

.stepConArea {padding-left:55px; box-sizing:border-box;}
.stepConArea:after {content:''; display:block; clear:both;}
.stepConArea .stepNum {float:left; position:relative; left:-55px; margin-right:-55px;}
.stepConArea .inner {float:left; width:100%; padding-top:7px; padding-left:20px; box-sizing:border-box;}

.stepConArea .stepNum {display:inline-block; width:55px; height:55px; border:1px solid #056dae; border-radius:50%; box-sizing:border-box; color:#056dae; font-size:24px; text-align:center;}
.stepConArea .stepNum > span {display:block; margin:7px 0 -7px; font-size:11px;}

.conDivArea .decoConArea,
.bgColorW .decoConArea {margin-top:0;}
.mix .decoConArea {margin-top:20px;}

.decoConArea {margin-top:20px; padding-left:85px; box-sizing:border-box;}
.decoConArea:after {content:''; display:block; clear:both;}
.decoConArea .inner {float:left; width:100%; box-sizing:border-box;}
.decoConArea > [class^=decoIcon] {position:relative; float:left; left:-85px; margin-right:-85px;}
.decoConArea > [class^=decoIconXL_] + .inner {padding-left:30px;}
.decoConArea > [class^=decoIconL_revol] + .inner {padding-left:25px;}
.decoConArea > [class^=decoIconM_] + .inner {margin-left:-10px; padding-top:13px;}
.decoConArea > [class^=decoIconS_] + .inner {margin-left:-25px; padding-top:5px;}
.decoConArea > [class^=decoIconXS_] + .inner {margin-left:-35px; padding-top:3px;}
.ac .decoConArea {display:inline-block; padding-left:0;}
.ac .decoConArea [class^=decoIcon]  {left:0; margin-right:0;}
.ac .decoConArea .inner {width:auto; margin-left:20px; text-align:left;}
.ac .decoConArea > [class^=decoIconS_] + .inner {margin-top:-3px; padding-top:0;}
.decoXLbtn {padding-left:115px;}
.decoIconM_trpd + .inner {padding-top:0 !important;}

/* 인증 관련 */
.certify .inBlock {width:100%;}
.certify .btnArea {max-width:360px; margin:0 auto; padding-top:25px; text-align:center;}
.certify .btnType1.full {min-width:auto;}
.certify .conDivLine > li {padding:35px 0 30px;}
.certify .conDivLine[class*=div] > li > .block {padding:0 40px;}
.certify .conDivLine.div2 > li:nth-child(odd) > .block,
.certify .conDivLine.div3 > li:nth-child(3n+1) > .block {padding:0 40px 0 0;}
.certify .conDivLine.div2 > li:nth-child(even) > .block,
.certify .conDivLine.div3 > li:nth-child(3n) > .block {padding:0 0 0 40px;}
.bgColorW .certify {margin-left:-40px; margin-right:-40px;}
.bgColorW .certify .conDivLine[class*=div] > li > .block {padding:0 40px !important;}
.cntArea .bgColorW .certify .conDivLine[class*=div] > li > .block {padding:0 25px !important;} /* ? */
.bgColorW .certify .conDivLine[class*=div].btnFix > li > .block {padding-bottom:70px !important;}
/**/
/* 게시판 리스트 영역 - 말줄임, 더보기 링크 위치 */
.bordConArea {position:relative;}
.bordConArea .txtList > li {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bordConArea .more {position:absolute; top:0; right:0;}
/**/
/* 퀵링크 */
.quickConArea {margin-top:60px; padding:45px 0 50px; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; text-align:center;}
.quickConArea .titH2 {margin-top:0; font-weight:normal;}
.quickConArea .quickGroup {margin-top:35px !important; text-align:center;}
.quickConArea .quickGroup li {display:inline-block; float:none; margin:12px 0 0 !important; padding:0 17px !important;}
.quickConArea .quickGroup li:before {right:-4px;}

/*== 아이콘배너리스트 ==*/
.inlineList {position:relative; margin-bottom:-15px; margin-right:-15px; font-size:0; text-align:left;}
.inlineList:after {content:''; display:block; clear:both;}
.inlineList li {display:inline-block; margin-bottom:15px; margin-right:15px; font-size:16px;}
/* 1) 브라우져 */
.inlineList.browser li img {width:46px; height:46px;}
/* 2) 카드사 */
.inlineList.sBnn {margin-bottom:-10px; margin-right:-10px;}
.inlineList.sBnn li {margin-bottom:10px; margin-right:10px; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box;}
.inlineList.sBnn li img {width:100px; height:50px; margin:-1px;}
/* 3) 카드사(e금융서비스) */
.inlineList.cardCorp {margin:30px -10px -20px -10px;}
.inlineList.cardCorp li {width:auto; margin:0 0 20px 0; padding:0 10px; box-sizing:border-box; text-align:center;}
.inlineList.cardCorp li > * {display:block; width:100%; border:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
.inlineList.cardCorp li img {width:111px; height:73px; border:0;}
/* 4) 브랜드 */
.inlineList.brand {margin:20px -10px -20px -10px;}
.inlineList.brand li {margin:0 0 20px 0; padding:0 10px; box-sizing:border-box; text-align:center;}
.inlineList.brand li > * {display:block; width:100%; border:1px solid #e5e5e5; box-sizing:border-box; background-color:#fff; overflow:hidden;}
.inlineList.brand li img {width:140px; height:70px; margin:-1px;}

/* 배너에 선이 있는 경우 */
.sLogo {width:100px; height:50px; border:1px solid #e5e5e5;}
td .sLogo,
th .sLogo {margin:5px 5px 5px 0;}
.mLogo {width:140px; height:70px; border:1px solid #ddd;}


/* 랜딩 */
.conDivBox .tit{font-size:23px; }
.conDivBox .copyLine {height:80px; margin-top:15px; padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; font-size:14px; box-sizing:border-box;}
.conDivBox .copyLine p {display:block; display:-webkit-box; height:40px; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.conDivBox .pointCopy{display:block; margin:15px 0 20px; color:#666}
.conDivBox .copyBlock{margin-top:10px; padding:12px 20px; background-color:#f5f5f5; font-size:14px; box-sizing:border-box;}
.conDivBox .dotList{margin-top:0}
.conDivBox .dotList li{color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*.conDivBox .formWrap .formControl {background-color:#eee; color:#333}*/
.conDivBox .buttonGroup > button.small {background-color:#eee;}
.conDivBox .buttonGroup > button.small:hover,
.conDivBox .buttonGroup > button.small:focus {background:#056dae; color:#fff; border:none;}

.conDivBox.finance .tit{text-align:center}
.conDivBox.finance .block{padding:30px 40px 10px; background-color:#fff; box-sizing:border-box;}
.conDivBox.finance [class*=tIco] > span {display:inline-block; max-width:100%; padding-left:55px; background-position:0 4px !important; text-align:left; box-sizing:border-box; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/}
.conDivBox.finance .tIco01 > span {background:url(../img/common/crdlanding_ico1.png) no-repeat;}
.conDivBox.finance .tIco02 > span {background:url(../img/common/crdlanding_ico2.png) no-repeat;}
.conDivBox.finance .tIco03 > span {background:url(../img/common/crdlanding_ico3.png) no-repeat;}
.conDivBox.finance .tIco04 > span {background:url(../img/common/crdlanding_ico4.png) no-repeat;}
.conDivBox.finance .tIco05 > span {background:url(../img/common/crdlanding_ico5.png) no-repeat;}
.conDivBox.finance .tIco06 > span {background:url(../img/common/crdlanding_ico6.png) no-repeat;}
.conDivBox.finance .tIco07 > span {background:url(../img/common/crdlanding_ico7.png) no-repeat;}
.conDivBox.finance .block.notice {position:relative;padding-bottom:20px}
.conDivBox.finance .block.notice .tit{text-align:left}
.conDivBox.finance .block.notice .txtList li {padding:0 90px 0 17px;}
.conDivBox.finance .block.notice .txtList li a {display:inline-block; max-width:100%; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.conDivBox.finance .block.notice .date {position:absolute; top:2px; right:0; color:#666; font-size:14px;}
.conDivBox.finance .block.notice .more {position:absolute; top:40px; right:40px;}
.conDivBox.finance .block.notice .bnr {margin-top:20px; text-align:center;}
.conDivBox.finance .block.notice .bnr img {width:200px; height:86px;}
.conDivBox.finance .postArea .limitList li:first-child {margin-top:0}
.conDivBox.finance .postArea .copyBlock {/*height:75px;*/ height:auto;}
.conDivBox.finance .postArea .copyBlock ul > li {text-overflow:normal; white-space:normal;}
.conDivBox.finance .postArea .limitList {padding-top:10px;}
.conDivBox.finance [class*=tIco] {text-align:center;}
.conDivBox.finance .btnArea {width:100%; text-align:center}
.conDivBox.finance .btnArea .btnType1{width:100%; min-width:0; padding:0;}

.conDivBox.finance .extraService  {margin:20px 0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.conDivBox.finance .extraService .item {height:auto;}
.conDivBox.finance .extraService .value.titH4 {font-size:19px; font-weight:bold; /*letter-spacing:-1px;*/ line-height:2;}

.conDivBox.finance li{position:relative}
.conDivBox.finance .blindBoxWrap{position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px; box-sizing:border-box; z-index:2}
.conDivBox.finance .blindBoxWrap .blindBox{position:relative; display:table; width:100%; height:100%; opacity:0.95; background:#fff; z-index:2}
.conDivBox.finance .blindBoxWrap .inner{display:table-cell; text-align:center;  vertical-align:middle}
.conDivBox.finance .blindBoxWrap .msg{display:inline-block; font-size:19px; color:#666;}
.conDivBox.finance .detail {display:table; width:100%;}
.conDivBox.finance .detail:first-child {margin-top:0;}
.conDivBox.finance .detail li {display:table-cell; text-align:right; vertical-align:bottom;}
.conDivBox.finance .detail li > div {display:inline-block; min-width:150px; padding-left:20px; border-left:1px solid #ccc; box-sizing:border-box;}
.conDivBox.finance .detail .vm > span {display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.conDivBox.finance .btnArea > * {margin-top:5px} 
.conDivBox.finance.btnFix .block {padding-bottom:90px;}
.conDivBox.finance.btnFix .block .btnArea {position: absolute; bottom: 20px; left:40px; right: 40px; width:auto;}

.conDivBox.lon .tit {margin-bottom:10px; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.conDivBox.lon .btnArea{height:auto; text-align:center}
.conDivBox.lon .block {padding:50px 40px 20px;}

.conDivBox.dntn .block {padding:40px; text-align:center;}
.conDivBox.dntn .tit {margin-bottom:10px; font-size:23px; color:#056DAE; text-overflow:ellipsis; white-space:nowrap;}
.conDivBox.dntn .txt {height:75px; overflow:hidden; text-align:left; font-size:14px; line-height:24px; color:#666;}
.conDivBox.dntn .copyLine {height:auto; text-align:left;}
.conDivBox.dntn .buttonGroup {margin-top:-5px; margin-bottom:20px;}
.conDivBox.dntn .btnArea {height:auto; text-align:center}
.conDivBox.dntn .formWrap .formControl {background-color:#eee; color:#333}

/* 카드 프리미엄서비스 */
.conDivBox.crdPremList {padding-top:5px;}
.conDivBox.crdPremList li {margin-top:55px;}
.conDivBox.crdPremList .block {padding:0 !important; background-color:transparent;}
.conDivBox.crdPremList .block > img {width:100%;}
.conDivBox.crdPremList .block .tit {margin:20px 0; font-size:16px; font-weight:bold;}
.conDivBox.crdPremList .block .txt {display:block; word-wrap:break-word; /*display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;*/}
.conDivBox.crdPremList .btnArea {width:100%; padding:0; text-align:left;}

/*== 아이콘모음 ==*/
[class^=decoIcon] {display:inline-block; background-repeat:no-repeat; background-position:center 0;}
/* XLarge */
[class^=decoIconXL] {top:5px; width:80px; height:80px;}
.decoIconXL_branch {background-image:url(../img/common/ico_efs_apply01.png);}
.decoIconXL_goods {background-image:url(../img/common/ico_efs_apply02.png);}
/* large */
[class^=decoIconL_] {top:5px; width:65px; height:60px;}
.decoIconL_account {background-image:url(../img/common/img_websrv_1.png);}
.decoIconL_transac {background-image:url(../img/common/img_websrv_2.png);}
.decoIconL_online {background-image:url(../img/common/img_websrv_3.png);}
.decoIconL_mailing {background-image:url(../img/common/img_websrv_4.png);}
.decoIconL_branch {background-image:url(../img/common/decoIconL_branch.png);}
.decoIconL_goods {background-image:url(../img/common/decoIconL_goods.png);}
/* 리볼빙 */
[class^=decoIconL_revol] {width:74px; height:74px; background-image:url(../img/common/ico_revolvingCard.png);}
.decoIconL_revol1 {background-position:0 0;}
.decoIconL_revol2 {background-position:0 -450px;}
.decoIconL_revol3 {background-position:0 -905px;}
.decoIconL_revol4 {background-position:0 -1360px;}
/* 스마트간편결제 */
[class^=decoIconL_appOs] {width:60px !important; height:60px !important; background-image:url(../img/common/img_AppOs.png);}
.decoIconL_appOs1 {background-position:0 0 !important;}
.decoIconL_appOs2 {background-position:0 -60px !important;}
/* 직장인신용대출신청 */
[class^=decoIconL_lon] {width:60px !important; height:50px !important;}
.decoIconL_lonOnline {background-image:url(../img/common/ico_lon_online.png);}
.decoIconL_lonGift {background-image:url(../img/common/ico_lon_present.png);}
.decoIconL_lonMouse {background-image:url(../img/common/ico_lon_mouse.png);}
/* medium */
[class^=decoIconM_] {width:55px; height:55px;}
.decoIconM_fund1 {background-image:url(../img/common/ico_fnd_invest1.png);}
.decoIconM_fund2 {background-image:url(../img/common/ico_fnd_invest2.png);}
.decoIconM_fund3 {background-image:url(../img/common/ico_fnd_invest3.png);}
.decoIconM_fund4 {background-image:url(../img/common/ico_fnd_invest4.png);}
.decoIconM_login {background-image:url(../img/common/ico_login.png);}
.decoIconM_hpLogin {background-image:url(../img/common/ico_phoneLogin.png);}
.decoIconM_certify {background-image:url(../img/common/ico_certify.png);}
.decoIconM_hPhon {background-image:url(../img/common/ico_phone.png);}
.decoIconM_hPhon2 {background-image:url(../img/common/ico_phoneEvent.png);}
.decoIconM_webMem {background-image:url(../img/common/ico_webmem.png);}
.decoIconM_lock {background-image:url(../img/common/ico_keylock.png);}
.decoIconM_person {background-image:url(../img/common/ico_idpicture.png);}
.decoIconM_trpd {background-image:url(../img/common/icon_Trpd.png);}
/* small */
[class^=decoIconS_] {width:40px; height:40px;}
.decoIconS_card {background-image:url(../img/common/landing_ico13.png);}
.decoIconS_card2 {background-image:url(../img/common/landing_ico7.png);}
.decoIconS_chatt {background-image:url(../img/common/landing_ico5.png);}
.decoIconS_chatt2 {background-image:url(../img/common/landing_ico8.png);}
.decoIconS_monitor {background-image:url(../img/common/landing_ico6.png);}
.decoIconS_hPhon {background-image:url(../img/common/landing_ico14.png);}

.decoIconS_citi {background-image:url(../img/common/ico_monitor_citi.png);}
.decoIconS_lock {background-image:url(../img/common/ico_lock.png);}
.decoIconS_email {background-image:url(../img/common/ico_email_solid.png);}
.decoIconS_branch {background-image:url(../img/common/ico_branch_small.png);}
.decoIconS_cash {background-image:url(../img/common/ico_cash_won.png);}
.decoIconS_people {background-image:url(../img/common/ico_line_people.png);}
.decoIconS_airplane {background-image:url(../img/common/landing_ico10.png);}
.decoIconS_head {background-image:url(../img/common/landing_ico9.png);}
.decoIconS_proce {background-image:url(../img/common/landing_ico1.png);}
.decoIconS_notif {background-image:url(../img/common/landing_ico3.png);}
.decoIconS_siren {background-image:url(../img/common/landing_ico15.png);}
.decoIconS_inBank {background-image:url(../img/common/landing_ico16.png);}
.decoIconS_crdChek {background-image:url(../img/common/landing_ico17.png);}
.decoIconS_talk {background-image:url(../img/common/ico_wordball.png);}

/* 은행소개 > 직원만족 */
.decoIconS_house{background-image:url(../img/common/decoIcon_house.png);}
.decoIconS_car{background-image:url(../img/common/decoIcon_car.png);}
.decoIconS_ball{background-image:url(../img/common/decoIcon_ball.png);}
.decoIconS_hospital{background-image:url(../img/common/decoIcon_hospital.png);}
.decoIconS_birthday{background-image:url(../img/common/decoIcon_birthday.png);}
.decoIconS_doctor{background-image:url(../img/common/decoIcon_doctor.png);}
.decoIconS_student{background-image:url(../img/common/decoIcon_student.png);}

/* XSmall */
[class^=decoIconXS_] {width:30px; height:30px;}
.decoIconXS_24 {background-image:url(../img/common/decoIconS_24.png);}

.decoIconXS_tel {background-image:url(../img/common/decoIconXS_tel.png);}
.decoIconXS_siren {background-image:url(../img/common/decoIconXS_siren.png);}
.decoIconXS_email {background-image:url(../img/common/decoIconXS_email.png);}
.decoIconXS_chatt {background-image:url(../img/common/decoIconXS_chatting.png);}
.decoIconXS_remote {background-image:url(../img/common/decoIconXS_remote.png);}
.decoIconXS_guide {background-image:url(../img/common/decoIconXS_guide.png);}
.decoIconXS_info {background-image:url(../img/common/decoIconXS_info.png);}
.decoIconXS_head {background-image:url(../img/common/decoIconXS_head.png);}
.decoIconXS_cash {background-image:url(../img/common/decoIconXS_cash.png);}
.decoIconXS_bell {background-image:url(../img/common/decoIconXS_bell.png);}
.decoIconXS_proce {background-image:url(../img/common/decoIconXS_proce.png);}
.decoIconXS_fluctu {background-image:url(../img/common/decoIconXS_fluctu.png);}
.decoIconXS_inout {background-image:url(../img/common/decoIconXS_inout.png);}
.decoIconXS_inbank {background-image:url(../img/common/decoIconXS_inbank.png);}
.decoIconXS_card {background-image:url(../img/common/decoIconXS_card.png);}
.decoIconXS_cardCh {background-image:url(../img/common/decoIconXS_cardCh.png);}
.decoIconXS_brief {background-image:url(../img/common/decoIconXS_brief.png);}
.decoIconXS_qa {background-image:url(../img/common/decoIconXS_qa.png);}

/* 모바일 이미지 */
.isMobile [class^=decoIconXS_],
.isMobile [class^=decoIconS_] {background-size:cover;}

.isMobile .decoIconS_card {background-image:url(../img/m/landing_ico13.png);}
.isMobile .decoIconS_card2 {background-image:url(../img/m/landing_ico7.png);}
.isMobile .decoIconS_chatt {background-image:url(../img/m/landing_ico5.png);}
.isMobile .decoIconS_chatt2 {background-image:url(../img/m/landing_ico8.png);}
.isMobile .decoIconS_monitor {background-image:url(../img/m/landing_ico6.png);}
.isMobile .decoIconS_hPhon {background-image:url(../img/m/landing_ico14.png);}


.isMobile .decoIconXS_tel {background-image:url(../img/m/decoIconXS_tel.png);}
.isMobile .decoIconXS_siren {background-image:url(../img/m/decoIconXS_siren.png);}
.isMobile .decoIconXS_email {background-image:url(../img/m/decoIconXS_email.png);}
.isMobile .decoIconXS_chatt {background-image:url(../img/m/decoIconXS_chatting.png);}
.isMobile .decoIconXS_remote {background-image:url(../img/m/decoIconXS_remote.png);}
.isMobile .decoIconXS_guide {background-image:url(../img/m/decoIconXS_guide.png);}
.isMobile .decoIconXS_info {background-image:url(../img/m/decoIconXS_info.png);}
.isMobile .decoIconXS_head {background-image:url(../img/m/decoIconXS_head.png);}
.isMobile .decoIconXS_cash {background-image:url(../img/m/decoIconXS_cash.png);}
.isMobile .decoIconXS_bell {background-image:url(../img/m/decoIconXS_bell.png);}
.isMobile .decoIconXS_proce {background-image:url(../img/m/decoIconXS_proce.png);}
.isMobile .decoIconXS_fluctu {background-image:url(../img/m/decoIconXS_fluctu.png);}
.isMobile .decoIconXS_inout {background-image:url(../img/m/decoIconXS_inout.png);}
.isMobile .decoIconXS_inbank {background-image:url(../img/m/decoIconXS_inbank.png);}
.isMobile .decoIconXS_card {background-image:url(../img/m/decoIconXS_card.png);}
.isMobile .decoIconXS_cardCh {background-image:url(../img/m/decoIconXS_cardCh.png);}
.isMobile .decoIconXS_brief {background-image:url(../img/m/decoIconXS_brief.png);}

/* 스텝 이미지 관련 */
.stepConArea .imgConArea {margin-top:10px; text-align:left;}
.stepConArea .imgConArea[class*=bgColor],
.stepConArea .imgConArea.border {margin-top:20px; padding:30px 40px;}
.stepConArea .imgConArea img {padding:10px 0;}

.imgConArea {max-width:100%; margin-top:20px; box-sizing:border-box; text-align:center; overflow:hidden;}
.imgConArea[class*=bgColor] {text-align:center;}
.imgConArea.border {padding:40px; border:1px solid #ccc; text-align:center;}
.imgConArea.inBlock {padding:20px;}
.imgConArea img {max-width:100%;}
/**/

/* 이미지 + 설명 병렬 레이아웃 */
.imgDscArea {box-sizing:border-box;}
.imgDscArea:after {content:''; display:block; clear:both;}
.imgDscArea > .img {position:relative; float:left; /* dk75753 : 모바일에서 큰사이즈 이미지일 때 */ max-width:100%; }
.imgDscArea > .img > img {max-width:100%;}
.imgDscArea > .inner {float:left; width:100%; padding-left:40px; box-sizing:border-box; text-align:left;}
/* 카드S */
.imgDscArea.cardS {padding-left:105px;}
.imgDscArea.cardS > .img {left:-105px; width:105px; margin-right:-105px;}
.imgDscArea.cardS > .img > img {width:100%; height:auto;}
.imgDscArea.cardS > .inner {padding-left:20px;}
/* 수표 */
.imgDscArea.cheque {display:inline-block; padding-left:230px;}
.imgDscArea.cheque > .img {left:-230px; width:230px; margin-right:-230px;}
/* 온라인 혜택 라운지 */
.imgDscArea.onLounge {position:relative; margin-top:20px; padding:0 270px 40px 265px; border-bottom:1px solid #999;}
.imgDscArea.onLounge:before {display:block; content:''; position:absolute; top:0; right:270px; bottom:40px; border-left:1px solid #ccc;}
.imgDscArea.onLounge > .img {left:-265px; width:245px; height:160px; margin-right:-265px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box; text-align:center;}
.imgDscArea.onLounge > .img > img {width:210px; height:auto; margin-top:27px;}
.imgDscArea.onLounge > .inner {padding:0 20px 0 0;}
.imgDscArea.onLounge > .btnArea {position:relative; float:left; right:-270px; width:270px; margin-left:-270px; padding-top:0; text-align:right;}
.imgDscArea.onLounge .txtList {margin-top:-10px;}
/* 제휴지점안내 */
.imgDscArea.bankCenter {margin-top:20px; padding:0 320px 0 0;}
.imgDscArea.bankCenter > .inner {padding:0 20px 0 0;}
.imgDscArea.bankCenter .txtList {margin-top:-10px;}
.imgDscArea.bankCenter > .img {right:-320px; width:285px; margin-left:-285px;}
.imgDscArea.bankCenter > .img > img {width:100%; height:auto;}
/* 관련상품 */
.relatedService {padding:0 8.33333%; margin-top:55px;}
.relatedService.brdT {padding-top:80px;}
.relatedService.brdB {padding-bottom:75px;}
.relatedService .imgDscArea > .img {width:49%;}
.relatedService .imgDscArea > .img img {width:100%;}
.relatedService .imgDscArea > .inner {width:51%; padding-left:7%;}
.relatedService .imgDscArea > .inner > *:first-child {margin-top:0 !important;}
.relatedService .imgDscArea > .inner > span {text-transform:uppercase; letter-spacing: 2px !important}
.relatedService .imgDscArea > .inner > * + [class^=titH] {margin-top:13px;}
.relatedService .imgDscArea > .inner > [class^=titH] + p,
.relatedService .imgDscArea > .inner > .checkList {margin-top:23px;}


/*== 상품리스트 [예금,펀드,외화 상품공통] ==*/
.conDivBox.landList.prodArea {margin-top:0}
.prodArea .titArea {position:relative; padding-bottom:30px;}
.prodArea .titArea .titH2.wsNormal{white-space:normal !important;word-break:normal!important}
.prodArea .titArea .titH2 {margin-top:10px !important; color:#056dae; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prodArea .titArea .titH2 > a {word-break:break-word; color:#056dae; text-decoration:none !important;}
.prodArea .titArea .titH2 > a:hover {color:#002a54;}
.prodArea .titArea .barList {/*position:absolute; top:0; left:0;*/ color:#666; font-size:14px; text-align:left;}
.prodArea .titArea .barList li {margin-top:0; text-align:left}
.prodArea .choiceList,
.prodArea .choiceList li:first-child {margin-top:-4px;}
.prodArea .choiceList li {margin-top:10px}
.prodArea .choiceList li > span:before {left:-28px;}
.prodArea .choiceList li .tit {display:inline-block; font-size:14px;}
.prodArea .choiceList li > span img {margin-left:10px; margin-top:-3px}
.prodArea .contBlock {display:table; width:100%; margin-top:40px;overflow:hidden}
.prodArea .contBlock > * {display:table-cell; padding-left:20px; text-align:left; vertical-align:top; box-sizing:border-box;}
.prodArea .contBlock > *:first-child {padding-left:0;}
.prodArea .contBlock > li > .inner {font-size:14px; text-align:left; color:#333;}
.prodArea .contBlock > li > .inner > .titH4 {margin-top:-6px;}
.prodArea .contBlock > li > .inner > .titH5 {display:block; margin-top:-4px;}
.prodArea .contBlock > li > .inner > .txt:first-child {margin-top:-4px;}
.prodArea .contBlock > li > .inner > .txt ul > li {white-space:normal;}
.prodArea .contBlock > li > .btnAreaW {text-align:right;}
.prodArea .contBlock > li > .btnAreaW .btnArea {height:68px; padding-top:0;}
.prodArea .contBlock > li > .btnAreaW .check {display:inline-block; min-width:220px; margin-top:-4px; text-align:left;}
.prodArea .contBlock > li > .btnAreaW .check label {display:inline-block; width:auto;}
.prodArea .contBlock .priceArea .price {margin-right:15px; font-size:26px; text-align:left; color:#333; font-weight:bold}
.prodArea .contBlock .priceArea > span {font-size:19px}
.prodArea .contBlock .priceArea > span:before {display:block; content:''; position:absolute; top:50%; left:0; width:11px; height:8px; margin-top:0; overflow:hidden;}
.prodArea .contBlock .priceArea .icoIncrease:before {margin-top:0; background:url(../img/common/ico_updown_triangle2.png) no-repeat 0 0;}
.prodArea .contBlock .priceArea .icoDecrease:before {margin-top:-1px; background:url(../img/common/ico_updown_triangle2.png) no-repeat 0 -8px;}
.prodArea .contBlock .barList li {box-sizing:border-box}
.prodArea .contBlock .barList li > span {display:inline-block;}
.prodArea .contBlock .barList li .value {margin-left:5px;}
/*== 상품리스트 [예금,펀드,외화 상품개별] ==*/
/* 펀드 */
.prodArea .titArea.fnc {overflow:hidden; text-align:left; font-size:0;}
.prodArea .titArea.fnc .titH2 {display:inline-block; width:80%; margin-top:15px !important; font-size:26px; box-sizing:border-box}
.prodArea .titArea.fnc .btnArea {display:inline-block; width:20%; padding-top:0; text-align:right; font-size:16px; box-sizing:border-box; vertical-align:bottom;}
/* 예금,외환 */
.prodArea .contBlock.otp3 > *:nth-child(1) {width:20%; padding-left:0;}
.prodArea .contBlock.otp3 > *:nth-child(2) {width:auto;}
.prodArea .contBlock.otp3 > *:nth-child(3) {width:20%;}
/* 펀드 */
.prodArea .contBlock.otp4 > *:nth-child(1) {width:15%}
.prodArea .contBlock.otp4 > *:nth-child(2) {width:25%}
.prodArea .contBlock.otp4 > *:nth-child(3) {width:40%}
.prodArea .contBlock.otp4 > *:nth-child(4) {width:20%;}
/* 기타 */
.conDivArea + .pagingArea {margin-top:30px}

.imgConLine.conDivArea,
.imgConLine .txtList li {margin-top:0}
.imgConLine .conDivLine {margin:0}
.imgConLine .conDivLine > div {padding:0 0 0 20px; border-bottom:0 none}
.imgConLine .conDivLine > div:nth-child(odd) {padding:0 0 0 0}
.imgConLine .conDivLine > div .txtList {height: 50px}
.imgConLine .boxLine {padding:40px 0; border:1px solid #d8d8d8; box-sizing:border-box; overflow:hidden;}

/*=========================================== Tooltip ==============================================*/
.tipOpen table.layout.rp tr {overflow:initial}
.tipOpen .showcase .contain, .tipOpen .showcase .contain {overflow: visible;}
.tooltip .txtList .indent {padding-left:0;}

/*툴팁 에러리스트 */
.tooltip .txtList .icoError:before {width:8px; height:8px; background:url(../img/common/ico_error.png) no-repeat;}
.tooltip .txtList .icoCheck:before {width:10px; height:8px; background:url(../img/common/ico_check.png) no-repeat;}
.tooltip .dashList{margin-top:10px}

.tip.mt0{margin-top:0}
.tooltip .cont.normal{font-weight:normal}
.tip + .inputGroup.horizontal {display:inline-block; margin-top:7px; margin-left:10px; vertical-align:middle;}

.tip {position: relative; display: inline-block;}
.formWrap + .tip, .formWrap + .tipCol {margin-top:36px;padding-left:0}
.groupArea .tip {margin-top:16px;}
.inputGroup.horizontal .formWrap + .tip {margin-top:0; margin-right:15px;}
.inputGroup.horizontal .formWrap + .tip .tipWrap {margin-top:-11px;}
/* .exArea .inputGroup.horizontal .formWrap + .tip .tipWrap {margin-top:0;}
.inputGroup.horizontal .formWrap + .tip .tipWrap {margin-top:-6px;} */
.formWrap + .tip .help {margin-top:0px;}
.tip > .formControl {display: inline-block; border:1px solid red;}
.tip .formControl {display: inline-block;}
.tipWrap {position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle; text-align: left;}
.tipWrap .help {position:absolute; display: inline-block; width:20px; height: 20px; margin-top:-2px; overflow: hidden; background: url('../img/common/ico_question.png') no-repeat 0 0;}
.tipWrap.multiple {width:auto; text-align: right;}
.tipWrap.multiple .help {width:auto; height:auto; white-space: nowrap; background: rgba(0,0,0,0); }
.tipWrap.multiple .help > button {margin-top:-6px;}
.tipWrap.multiple .help:hover > button {background-position: 0 bottom}

.tipWrap.multiple .help {position: static;}
body:not(.isMobile) .tipWrap:hover .help, .tipWrap .help:focus, .tipWrap.on .help {background-position: 0 bottom; }
.tipWrap.on .tooltip {display:block; opacity:1; outline:rgba(0,0,0,0);}
.tipWrap.on .btnImgClose {display:block;}
.tip [class*=col_] {float: none}

.icoFee {display:inline-block; width:20px; height:20px; margin-top:-2px; overflow:hidden; background:url('../img/common/ico_fee.png') no-repeat 0 0; vertical-align:middle;}
.icoDis {display:inline-block; width:20px; height:20px; margin-top:-2px; overflow:hidden; background:url('../img/common/ico_discount.png') no-repeat 0 0; vertical-align:middle;}
.icoPoi {display:inline-block; width:20px; height:20px; margin-top:-2px; overflow:hidden; background:url('../img/common/ico_point.png') no-repeat 0 0; vertical-align:middle;}

.tooltip {display:none; position:absolute; top:50%; left:0; width:auto; min-width:400px; padding:20px; margin-left:40px; background-color:rgba(255,255,255,.9); box-shadow:0 1px 4px rgba(0,0,0,.24); text-align:left; font-size:12px; transition:opacity .15s linear; box-sizing: border-box; z-index:500; opacity: 0 }
.popWrap .tooltip {min-width: 250px}
.tooltip.in {display:block; opacity:1;}
.tooltip > .tit {display:block; margin-bottom:10px; border-radius:5px 5px 0 0; font-size:12px; line-height:1; font-weight:bold}
.tooltip .cont {padding:0 30px 0 0; font-size:12px;}
.tooltip .cont li {font-size:12px;}
.tooltip.large .tit {margin-bottom:16px; font-size:26px; font-weight:normal}
.tooltip.large .cont {font-size:16px; line-height:1.6}
.tooltip .btnImgClose {display:none; position:absolute; top:17px; right:16px;}
.tooltip .arrow {position:absolute; overflow:hidden; border-width:0; width:15px; height:30px; top:50%; left:-15px; margin-top:-15px}
.tooltip .arrow:after {content:""; display:block; position:absolute; width:15px; height:15px; left:7px; bottom:10px; text-align:center; background:#fff; transform:rotate(45deg); box-shadow:0 1px 4px rgba(0,0,0,.24);}

.left .tooltip {margin-right:auto; margin-left: -20px;}
.left .tooltip .arrow {width:15px; height:30px; top:50%; left:auto; right:-15px; margin-top:-15px}
.left .tooltip .arrow:after {content:""; display:block; width:15px; height:15px; left:auto; right:7px; bottom:10px;}

.top .tooltip {top: auto; bottom: 40px; margin-left: auto; margin-right: auto; }
.top .tooltip .arrow {width:30px; height:15px; left:50%; top:auto; bottom:-15px; margin-left:-10px;}
.top .tooltip .arrow:after{content:""; display:block; width:15px; height:22px; bottom:6px; margin-left:7px;}

.bottom .tooltip {left:-50%; top:40px; margin-left:auto; margin-right: auto}
.bottom .tooltip .arrow {width:30px; height:15px; left:50%; right:0; top:0; margin-top:-15px; margin-left:-12px}
.bottom .tooltip .arrow:after {content:""; display:block; width:15px; height:16px; top:7px; margin-left:7px;}

.tooltip .txtList {margin:0;}
.tooltip .tit + .cont > .txtList {margin-top:20px;}
.tooltip .cont > .txtList li:first-child {margin-top:0px;}
.tooltip .cont > .txtList > li {display: block; padding-left: 11px;}
.tooltip .cont > .txtList > li:before {display:block; content:''; position: absolute; left:0; top:8px; width:3px; height:3px; background:#6d6d6d; border-radius:50%;}
.tooltip .cont > .txtList > li.icoCheck,
.tooltip .cont > .txtList > li.icoError{padding-left:17px}
.tooltip .cont > .txtList > li.icoCheck:before{top:5px; width:12px; height:10px; background: url(../img/common/ico_check.png) no-repeat center center;}
.tooltip .cont > .txtList > li.icoError:before{top:5px; width:12px; height:12px; background: url(../img/common/ico_error.png) no-repeat center center;}

.tip .refList {margin-top:0;}


/*=========================================== Tab ==============================================*/
.tabContents .searchArea {margin-top:20px}
.tab + .tit {margin-top:60px;}
.tab.engLs > ul{/*letter-spacing:-0.09em;*/}
.tab {margin:55px 0 30px;/*margin-top:55px; - 0125 디자인 가이드 수정*/ padding-bottom:5px; text-align:center; word-break:break-all;}
.tab > ul:after {content:''; display:block; clear:both;}
.tab li {display:table; position:relative; float:left; width:50%; height:70px; background-color:#e7e7e7;}
.tab li:before {display:block; content:''; position:absolute; top:50%; left:0; height:30px; margin-top:-15px; border-left:1px solid #9a9a9a;}
.tab li:first-child:before, .tab li.first:before {display:none;}
.tab li > * {display:table-cell; width:100%; padding:0 10px; color:#056dae; box-sizing:border-box; text-align:center; vertical-align:middle; line-height:1.4; cursor: pointer}
.tab li > button {height: 100%;}
.tab .on {margin-bottom:-5px;}
.tab .on > * {position:relative; height:80px; top:-5px; left:0; border-bottom:5px solid #056dae; background-color:#fff; color:#333; z-index:1; box-shadow:0 1px 8px rgba(0,0,0,.24); -webkit-box-shadow:0 1px 8px rgba(0,0,0,.24);}
.tab .on + li:before {display:none;}
.tab > ul {display: none;}
.tab.uiAct > ul {display: block;}
.tab > .formWrap.nonLabel > .tabSelect, .tab > .formWrap.nonLabel > .tabLink {width:100%; margin:10px auto 0;}
.tabContain .tabContents {display:none; padding:0;}
.tabContain .tabContents > .tabContain {margin-top:0px;/*margin-top:-10px; - 0125 디자인 가이드 수정*//*margin-top:-40px;에서 이중탭 작업중 문제 발생. 0으로 조절 2017-04-13*/}
.tabContain .tabContents > .tabContain .innerTab {margin-top:-40px;}
.tabContain:first-child .tabContents{display:block}
.tabContain {margin-top:55px;}
/* .tabContain .tab {margin-top:0;} 팝업 문제 */

/* innerTab */
.innerTab {margin-top:50px; opacity:0;}
.innerTab.tab {padding:5px 10px 30px; border-bottom:1px solid #056DAE; background-color:#f6f6f6; text-align:left; opacity:1;}
.innerTab.tab ul li {display:inline-block; position:relative; float:none; width:auto; height:auto; margin:20px 18px 0; background-color:transparent; text-align:left;}
.innerTab.tab ul li:before {display:none;}
.innerTab.tab ul li > * {display:inline-block; width:auto; height:25px; padding:0; font-size:14px; /*border-bottom:2px solid #f6f6f6;*/ color:#056dae; box-sizing:border-box; box-shadow:none; -webkit-box-shadow:none;}
.innerTab.tab ul li > *:after {display:block; content:''; position:absolute; top:5px; right:-22px; height:15px; border-right:1px solid #9a9a9a;}
.innerTab.tab ul li.on > * {top:0; border-bottom:2px solid #056dae; background:none;}
.innerTab.tab ul li > *:hover {border-bottom:2px solid #056dae; color:#333;}
.innerTab.tab ul li:last-child > *:after {display:none;}
.innerTab.tab ul li > button {margin-top:-5px}
.innerTab.tab ul li.on > button {margin-top:0; padding-bottom:5px;}
.innerTab + .viewWrap {margin-top:60px;} /* FAQ 상세 */
.tabContents .innerTab {margin-top:0; padding:5px 10px 22px; border-bottom:none;}
.innerTab.tab ul li.noLink span {color:#666; cursor:default}

.tab + .innerTab {margin-top:-40px;/*margin-top:-10px; - 0125 디자인 가이드 수정*/ padding:5px 10px 25px; border-bottom:none;}
.tab + .tabContents:not(:#mallAll) .btnArea {margin-top:-30px; padding-top:0}
.tab + .tabContents .viewWrap + .btnArea  {margin-top: 0}
.tabContents .progIndicator {margin-top:30px;}
.tabContents .viewWrap {margin-top:50px}
.tabContents > .btnArea + .viewWrap {margin-top:4px}
.viewWrap + .btnArea {padding-top:4px}
.formArea.searchWrap {margin-top:30px; padding:0 0 10px 0; margin-bottom:0 !important;}

.tab + .searchBox,
.innerTab + .searchBox {margin-top:30px;}
.tab + p {margin-top:20px;}

.innerTab.disabledSelect {position: relative;}
.innerTab.disabledSelect > ul {display: block}
.innerTab.disabledSelect.tab ul li > * {border-bottom:2px solid rgba(0,0,0,0);}
.innerTab.disabledSelect.tab ul li.on > * {border-bottom:2px solid #056dae;}
.popup .popCont .scroll > .tab:not(.innerTab) {margin-top:5px;}

/*
.innerTab {opacity:0}
.innerTab.tab {margin-top:-10px; padding:0 40px; background:#e7e7e7; opacity:1}
.innerTab.tab ul {padding:5px 0 40px}
.innerTab.tab ul:after {content:""; display:block; clear:both}
.innerTab.tab ul li {float:left; display:inline-block; width:33%; height:auto; min-height:30px; margin:40px 0 0 0; text-align:left; background:none}
.innerTab.tab ul li:before {position:static; top:0; height:auto; border-left:none}
.innerTab.tab ul li > * {display:inline-block; margin:0 20px; width:auto; height:auto ; min-height:30px; padding:0; font-size:14px; border-bottom:3px solid #e7e7e7; color:#056dae; box-shadow:none; -webkit-box-shadow:none}
.innerTab.tab ul li.on > * {position:static; top:0; border-bottom:3px solid #056dae; color:#333; background:none}
.innerTab.tab ul li > button {margin-top:-5px}
.innerTab.tab ul li.on > button {margin-top: 0; padding-bottom: 7px;}

.innerTab.tab.wdAuto ul li{width:auto}
.innerTab.tab.wdAuto ul li > *:before{display:block; content:""; position:absolute; top:5px; left:0; height:13px; border-left:1px solid #9a9a9a}
.innerTab.tab.wdAuto ul li:first-child > * {margin-left:0}
.innerTab.tab.wdAuto ul li:first-child > *:before{border-left:0}

.innerTab.wdAuto {clear:both; margin-top:50px}
.innerTab.wdAuto li {width:auto}
.innerTab.tab ul li.noLink span {color:#666; cursor:default} */

/* tabFilter */
.tabFilter ul{display:table;}
.tabFilter a {color:#056DAE; font-weight:bold}
.tabFilter a:hover{color:#033e64; text-decoration:underline}
.tabFilter li.on {background-color:#056DAE;}
.tabFilter li.on a, .tabFilter li.on:hover{color:#fff;}
.tabFilter li{display:table-cell; width:33.33%; padding:10px 14px; background-color:#fff; color:#056DAE; border-radius:6px; text-align:center; vertical-align:middle; cursor:pointer;}
.tabFilter li:first-child:not(:last-child){border-bottom-right-radius:0; border-top-right-radius:0;}
.tabFilter li:last-child:not(:first-child){border-bottom-left-radius:0; border-top-left-radius:0;}
.tabFilter li:not(:first-child):not(:last-child){border-radius:0;}
.tabFilter li:not(.on):not(:last-child) {border-right:1px solid #999;}

.tabFilter.fnd {margin-top:20px;}
.tabFilter.fnd > ul {width:50%; margin:0 auto;}

/* 20170226 쓰인곳 없음(삭제예정)
.tabButton ul{display:table;}
.tabButton a {color:#056DAE; font-weight:bold}
.tabButton a:hover{color:#033e64; text-decoration:underline}
.tabButton li.on {background-color:#056DAE;}
.tabButton li.on a, .tabFilter li.on:hover{color:#fff;}
.tabButton li{display:table-cell; width:33.33%; padding:10px 14px; background-color:#fff; color:#056DAE; border-radius:6px; text-align:center; vertical-align:middle; cursor:pointer;}
.tabButton li:first-child:not(:last-child){border-bottom-right-radius:0; border-top-right-radius:0;}
.tabButton li:last-child:not(:first-child){border-bottom-left-radius:0; border-top-left-radius:0;}
.tabButton li:not(:first-child):not(:last-child){border-radius:0;}
.tabButton li:not(.on):not(:last-child) {border-right:1px solid #999;}
*/


/*=============================================== Dropdown ==================================================*/
.dropDownWrap {display:inline-block; position:relative; text-align:left;}
.dropDownWrap.on:before {display:block; content:''; position:absolute; top:30px; left:50%; width:16px; height:14px; margin-left:-7px; background-color:#fff; z-index:1; box-shadow:0 6px 12px rgba(0,0,0, .175); -webkit-box-shadow:0 6px 12px rgba(0,0,0, .175); transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.dropDownWrap.on:after {display:block; content:''; position:absolute; top:30; right:-15px; width:50px; height:15px;}
.dropDown {display:none; position:absolute; top:37px; right:-30px; min-width:220px; background-color:#fff; z-index:2; box-shadow:0 6px 12px rgba(0,0,0, .175); -webkit-box-shadow:0 6px 12px rgba(0,0,0, .175);}
.dropDownCtrl.leftAlign + .dropDown {right: auto;} 
.dropDownWrap.on .dropDown {display:block;}
.dropDown * {font-size:16px; line-height:1.5; white-space:nowrap;}
.dropDown .tit {display:block; padding:15px 20px; color:#333; border-bottom:1px solid #ddd; font-weight:bold;}
.dropDown li {border-top:1px solid #ddd;}
.dropDown a {display:block; padding:15px 20px; color:#056dae; box-sizing:border-box;}
.dropDown a:hover {color:#0f375e; text-decoration:underline;}

.dropDownWrap.on .links.arrowDown {background:url(../img/common/ico_arr_up_bold_v.png) no-repeat 100% 8px;}
.dropDownWrap .dropDown li:first-child {border-top:none}
.dropDownCtrl {color:#056dae}

/*=============================================== Accordion ==================================================*/
.accordion, .combo {position:relative; width:40px; height:40px;}
.accordion:before, .combo:before {display:block; content:''; position:absolute; top:50%; left:50%; width:14px; height:8px; margin:-4px 0 0 -7px; background:url(../img/common/btnImg_accordion.png) no-repeat 0 0; transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.on > .wrap .accordion:before, .on > .wrap .combo:before{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.accoContents {display:none; position:relative; overflow:hidden;}
/* 플러스마이너스 */
.infoListLine.acco li .accordion.cntPlus:before {width:10px; height:10px; margin:-5px 0 0 -5px; background:url(../img/common/btn_cnt_plus.png) no-repeat 0 0 !important; background-size:10px 10px !important;}
.infoListLine.acco li.on .accordion.cntPlus:before {width:10px; height:10px; margin:-5px 0 0 -5px; background:url(../img/common/btn_cnt_minus.png) no-repeat 0 0 !important; background-size:10px 10px !important;}

/*=========================================== FuncGroup (부가기능) ==============================================*/
/* 테이블 위 funcGroup */
.funcGroup {font-size:0;}
.funcGroup > * {font-size:16px;}
.funcGroup .titH2{font-size:38px;}
.funcGroup .titH3{font-size:23px}
.funcGroup .titH4{font-size:19px}
.funcGroup > .vAlign {display:table; float:left; margin-top:0; text-align:left;}
.funcGroup > .vAlign strong {display:table-cell; width:100%; height:49px; vertical-align:bottom; color:#666;}
.funcGroup > .vTxt {display:inline-block; text-align:left;}
.funcGroup > .formWrap.nonLabel {display:inline-block; float:none; padding-left:0; padding-right:0; margin-bottom:0; margin-left:20px;}
.funcGroup > .formWrap.nonLabel label {height:0; padding:0;}
.funcGroup > .formWrap.nonLabel select {margin:0;}
.funcGroup .btnType1 {color:#fff;}
.funcGroup .funcImg [class^=btnType] + [class^=btnType] {margin-left:4px;}
/* prog */
.funcGroup.prog {margin-bottom:-35px;}
.funcGroup > .popBtn{float:left;margin-top:15px;}
/*약관/가입시 유의사항 추가*/
.funcGroup + .noticeArea2{margin-top:10px;}

.funcGroup.confirmation{margin-bottom:20px;}
.funcGroup.confirmation > [class^=titH]{margin-top:20px}

.funcGroup {margin-top:55px; text-align:right;}
.funcGroup > [class^=titH] {float:left; margin-top:0; text-align:left;}
.funcGroup:after {content:''; display:block; clear:both;}
.funcGroup a {color:#056dae;}
.funcGroup [class^=func] {margin-top:10px; line-height:1.1; vertical-align:top;}
.funcTxt,
.funcImg {display:inline-block; text-align:left;}
.funcTxt:after,
.funcImg:after {content:''; display:block; clear:both;}
.funcTxt > li,
.funcImg > li {float:left; }
.funcTxt > li {position:relative; margin-left:19px; padding-left:19px;}
.funcTxt > li:before {display:block; content:''; position:absolute; top:50%; left:0; height:15px; margin-top:-6px; border-left:1px solid #333;}
.funcTxt > li:first-child {margin-left:0; padding-left:0;}
.funcTxt > li:first-child:before {display:none;}
.funcImg {/*vertical-align:bottom;*/}
.funcImg > li {padding-left:20px;}
/*.funcImg > li:first-child {padding-left:15px;}*/



.funcGroup > .inputGroup.horizontal {display:inline-block; margin-top:5px; white-space:normal;}


.funcGroup .small.unit {display:block; text-align:left;} /* 타이틀없이 단독으로 존재할 때 */
.funcGroup + .formArea {margin-top:20px;}

/* 행추가/행삭제/파일찾기 */
.btnAddPlus{width:80px; height:24px; padding-left:5px; color:#056dae; background:url(../img/common/btn_plus.png) no-repeat 0 50%;}
.btnAddMinus{width:80px; height:24px; padding-left:5px; color:#056dae; background:url(../img/common/btn_minus.png) no-repeat 0 55%;}
.fileBtnArea {position:relative; height: 24px;}
.fileBtnArea label, .fileBtnArea span {color:#056dae; cursor:pointer; height:24px; padding-left:15px; background:url(../img/common/btn_search.png) no-repeat 0 65%;}
.fileBtnArea input[type="file"] {position:absolute; width:1px; height:1px; margin-left:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0}

.funcGroup.icoType strong {margin-bottom:0;}
.funcGroup + .restList {margin-top:20px; padding-top:5px; border-top:1px solid #ccc;}

.funcGroup.popFunc {position:relative; margin-top:40px;}
.funcGroup.popFunc .titH3 {position:absolute; top:0; left:0; margin-top:0;}
.funcGroup.popFunc .funcTxt {margin-top:2px;}
.funcGroup + .listQnA {margin-top:15px;}
.funcGroup + .prodBox {margin-top:0}
.funcGroup .checkAll {margin:15px 0 0 20px}

/* 공유하기 기능 */
.shareWrap {margin-top:17px; text-align: right;}
.viewWrap .shareWrap + .viewCont {margin-top: 20px}

.snsWrap {border-bottom: 1px solid #b2b2b2; margin-bottom: 30px; padding-bottom: 35px; }
.snsItems {margin:-5px -15px -25px; font-size:0}
.snsItems li {position:relative; display: inline-block; padding: 0 15px 30px; margin-bottom: 25px; text-align: center; vertical-align: top}
.snsItems li > a {display:block; width:70px;}
.snsItems li > a img {width:70px; height:auto; margin: 0 auto}
.snsItems li .snsName {position:absolute; top:80px; left:0; right:0; display: block; margin:0 auto; font-size:16px; color:#333; white-space: nowrap;}

.linkShare{display:inline-block}
.linkShare:after{display:block;content:'';clear:both}
.linkShare li{float:left;margin-left:10px}
.linkShare li:first-child{margin-left:0}
.linkShare li button{display:block;width:32px;height:32px;background: url(../img/common/sp_sns.png) no-repeat 0 0;background-size:200px 50px;}
.linkShare .btnSharefacebook{background-position:-40px 0}
.linkShare .btnSharetwiter{background-position:-80px 0}
.linkShare .btnShare{background-position:-120px 0}


/*=========================================== QuickGroup ==============================================*/
/* 빠른메뉴 : 아이콘 있는경우 20161118 디자인 수정
.quickGroup.iconMenu{padding:20px 0 55px; border-bottom:1px solid #c0c0c0}
.quickGroup.iconMenu li{width:20%; margin-right:0; padding-right:0; text-align:center;}
.quickGroup.iconMenu li:before{width:0; height:0;}
.quickGroup.iconMenu li a{display:inline-block; }
.quickGroup.iconMenu li a span{display:inline-block; padding-top:70px;}
.quickGroup.iconMenu li a span.ico01{background:url(../img/common/ico_quick01.png) no-repeat center top}
.quickGroup.iconMenu li a span.ico02{background:url(../img/common/ico_quick02.png) no-repeat center top}
.quickGroup.iconMenu li a span.ico03{background:url(../img/common/ico_quick03.png) no-repeat center top}
.quickGroup.iconMenu li a span.ico04{background:url(../img/common/ico_quick04.png) no-repeat center top}
.quickGroup.iconMenu li a span.ico05{background:url(../img/common/ico_quick05.png) no-repeat center top}

.faqList{position:relative; padding-right:40px; box-sizing:border-box}
.faqList .btnMore{position:absolute; top:48px; right:40px; font-weight:normal}
.faqList ul{padding-top:20px;}
.faqList ul li{width:100%; line-height:35px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden}
.aosInfo{position:relative; padding-left:40px;}
*/
/* quickGroup - 로그인 */
.quickGroup.iconMenu{padding:20px 0 0; }
.quickGroup.iconMenu li{width:50%; margin:0 0 30px 0; padding-right:0; }
.quickGroup.iconMenu li:before{width:0; height:0;}
.quickGroup.iconMenu li a{display:inline-block;}
.quickGroup.iconMenu li a span{display:inline-block; padding:3px 0 3px 40px;}
.quickGroup.iconMenu li a span.ico01{background:url(../img/common/ico_quick01.png) no-repeat left top}
.quickGroup.iconMenu li a span.ico02{background:url(../img/common/ico_quick02.png) no-repeat left top}
.quickGroup.iconMenu li a span.ico03{background:url(../img/common/ico_quick03.png) no-repeat left top}
.quickGroup.iconMenu li a span.ico04{background:url(../img/common/ico_quick04.png) no-repeat left top}
.quickGroup.iconMenu li a span.ico05{background:url(../img/common/ico_quick05.png) no-repeat left top}
.quickGroup.iconMenu li a span.ico06{background:url(../img/common/ico_quick06.png) no-repeat left top}

/* quick 메뉴 :20170206 수정
.quickGroup {margin-top:15px;}
.quickGroup:after {content:''; display:block; clear:both;}
.quickGroup li {position:relative; float:left; margin-right:20px; padding-right:20px;}
.quickGroup li:last-child {margin-left:0; padding-left:0;}
.quickGroup li:before {display:block; content:''; position:absolute; top:50%; right:0; height:15px; margin-top:-6px; border-right:1px solid #333;}
.quickGroup li:last-child:before {display:none;}
.quickGroup a {color:#056dae;}
.quickGroup .single {margin-right:0; padding-right:0;}
.quickGroup a:hover {color:#002a54; text-decoration:underline;}
 */

/* quickGroup */
.quickGroup {margin-top:15px;}
.quickGroup:after {content:''; display:block; clear:both;}
.quickGroup li {position:relative; float:left; margin-left:20px; padding-left:20px;}
.quickGroup li:first-child, .quickGroup li.notFirst {margin-left:0; padding-left:0;}
.quickGroup li:before {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:15px; margin-top:-6px; border-left:1px solid #333;}
.quickGroup li:first-child:before, .quickGroup li.notFirst:before {display:none;}
.quickGroup a {color:#056dae;}
.quickGroup .single {/*margin-right:0; padding-right:0; 2번째 li면서 single 클래스를 줘야할 경우(금리조회) */ margin:0; padding:0;}
.quickGroup .single:before {display:none;}
.quickGroup a:hover {color:#002a54; text-decoration:underline;}
.quickGroup+[class^=infoList] {margin-top:60px;}


/*=========================================== SliderRange ==============================================*/
.sliderRangeWrap .ui-widget.ui-widget-content{border:0}

.sliderRangeWrap{position:relative; display:inline-block; width:100%; margin:22px 0 15px; padding:0 10px; box-sizing:border-box}
.sliderRangeWrap:after{content:""; display:block; clear:both}
.sliderRangeWrap .sliderRangeBox{position:relative; margin:5px 0 35px; height:2px; background:#ccc; box-sizing:border-box}
.sliderRangeWrap .sliderRangeBox:after{content:""; display:block; clear:both}
.sliderRangeWrap .sliderRangeBox .end{position:absolute; top:-3px; width:1px; height:8px; background:#d8d8d8}
.sliderRangeWrap .sliderRangeBox .end.right{right:0}
.sliderRangeWrap .sliderRangeBox .value{position:absolute; top:20px; color:#636a7b;}
.sliderRangeWrap .sliderRangeBox .value.min{left:0;}
.sliderRangeWrap .sliderRangeBox .value.max{right:0; text-align:right}

.sliderRangeWrap .sliderRangeBox .ui-slider-range{background: #056dae;}
.sliderRangeWrap .sliderRangeBox .ui-slider-range{display:block; position:absolute; z-index:1;font-size:.7em; border:0;}
.sliderRangeWrap .sliderRangeBox .ui-slider-handle{position:absolute; display: block; top:-19px !important; margin-left:-20px;
width:40px; height:40px; text-indent:-9999px; border:0; z-index:2; cursor:pointer; 
background:url(../img/common/range_slider.png) no-repeat center center; background-size:20px 20px;}    
.sliderRangeWrap .sliderRangeBox .ui-slider-handle:hover,
.sliderRangeWrap .sliderRangeBox .ui-slider-handle:focus{background:url(../img/common/range_slider_focus.png) no-repeat center center; background-size:20px 20px}
.sliderRangeWrap + .buttonGroup{margin-left:-10px}

.sliderRangeWrap .sliderRangeBox .value.standard{right:50%; width:20px; margin-right:-10px; text-align:center}
.sliderRangeWrap .sliderRangeBox .end.standard{right:50%}

/*=========================================== Slider/ShowCase/Banner ==============================================*/
/*== slider ==*/
.slide.swiper-container{position:relative;}
.slide:after{content:""; display:block; clear:both}

.slide .swiper-control{position:absolute; bottom:10px; width:100%; text-align:center}
.slide .btnPrev{display:none; position:absolute; top:0; left:0; width:40px; height:30px; background:#336699; z-index:20}
.slide .btnNext{display:none; position:absolute; top:0; right:0; width:40px; height:30px; background:#336699; z-index:20}

.slide .swiper-nav{position:relative; display:inline-block; z-index:10}
.slide .swiper-nav a{display:inline-block; cursor:pointer; height:20px; text-indent:-9999px; overflow:hidden}
.slide .swiper-nav .btnPlay{display:none; width:15px; margin:0 2px; background: url(../img/common/btnImg_play.png) no-repeat 0 0;}
.slide .swiper-nav .btnStop{width:15px; margin:0 2px; background: url(../img/common/btnImg_stop.png) no-repeat 0 0;}

.slide .swiper-pagination{position:relative;display:inline-block }
.slide .swiper-pagination .swiper-pagination-bullet{width:19px;height:19px; margin:0 5px; border:1px solid #888; background:none; opacity:1}
.slide .swiper-pagination .swiper-pagination-bullet-active{border:1px solid #056dae;background:#056dae}
.slide .swiper-slide{background:#eee}
.slide ul li .landModuleWrap{margin-top:0 !important}

/* 카드-오버뷰 */
#diningSlide ul > li > div{min-height:280px}
#diningSlide ul > li > div:after{content:""; display:block; clear:both}
#diningSlide .swiper-control{left:32px; text-align:left}
#diningSlide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; }
#diningSlide .swiper-nav .btnPlay{width:9px; height:12px; background-size:9px}
#diningSlide .swiper-nav .btnStop{width:10px; height:12px; background-size:10px}

#eventSlide ul > li > div{min-height:290px}
#eventSlide .swiper-control{bottom:0;}
#eventSlide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; }
#eventSlide .swiper-nav .btnPlay{width:9px; height:12px; background-size:9px}
#eventSlide .swiper-nav .btnStop{width:10px; height:12px; background-size:10px}

/* 좌우 - 슬라이드 */
.arrowCase > .slide .swiper-slide {text-align:center; border:0 !important;}
.arrowCase > .slide .swiper-control {position:static; display:block; margin-top:20px; bottom:auto;}
.arrowCase > .slide .btnPrev,
.arrowCase > .slide .btnNext {display:block; width:15px; height:29px; top:50%; margin-top:-38px; background:none; background-image:url(../img/m/arrowcase_prev.png); background-repeat:no-repeat; background-size:15px; overflow:hidden; text-indent:-99999px;}
.arrowCase > .slide .btnPrev.swiper-button-disabled,
.arrowCase > .slide .btnNext.swiper-button-disabled {opacity:0.3;}
.arrowCase > .slide .btnNext {background-image:url(../img/m/arrowcase_next.png);}

/* 랜딩비쥬얼 : landModule - 슬라이드내 */
.landModuleWrap{position:relative; margin-top:40px; height:auto;}
.landModuleWrap:after{content:""; display:block; clear:both}
.landModuleWrap .landModule{position:relative; width:100%; height:500px; box-sizing:border-box;}
.landModuleWrap .landImg{position:absolute;width:100%; height:500px; box-sizing: border-box; background-repeat:no-repeat; background-position:center center;}
.landModuleWrap .landContWrap{position:relative; width:100%; top:50%; padding:20px 30px; text-align:center; box-sizing: border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.landModuleWrap .landContWrap:after{content:""; display:block; clear:both}
.landModuleWrap .landCont{display:inline-block; min-width:730px; max-width:926px; box-sizing:border-box; opacity:0.9; background:#fff}
.landModuleWrap .landCont:after{content:""; display:block; clear:both}
.landModuleWrap .landCont .titH1{line-height:70px; /*letter-spacing:-4.5px*/}
.landModuleWrap .landCont .titH5,
.landModuleWrap .landCont .txt{margin-top:30px}
.landModuleWrap .landCont .btnArea{padding-top:30px; text-align:center}
.landModuleWrap .landCont .landTxtArea{padding:35px;}

.landModuleWrap .landCont .leftCont{display:table-cell; width:63%; padding:40px 20px; box-sizing:border-box}
.landModuleWrap .landCont .rightCont{display:table-cell; width:37%; padding:20px; color:#fff; vertical-align:top; box-sizing:border-box; opacity:0.9; background:#056dae}
.landModuleWrap .landCont .rightCont .imgArea{margin-top:10px}
.landModuleWrap .landCont .rightCont .imgArea img{width:100px; border-radius:4px}
.landModuleWrap .landCont .rightCont .titH3{margin-top:30px; color:#fff}
.landModuleWrap .landCont .rightCont .links{display:inline-block; margin-top:30px; color:#fff;}
.landModuleWrap .landCont .rightCont .links.arrowR{padding-right:12px; background:url(../img/common/ico_arr_next_white.png) no-repeat 100% 55%}

.landModuleWrap .LandBannerArea{width:100%; text-align:center}
.landModuleWrap .LandBannerArea .LandBannerCont{display:inline-block; width:55%; padding:30px; border-top:1px solid #b9b9b9}
.landModuleWrap .LandBannerArea .LandBannerCont .icoTel{display:inline-block; padding:0 0 0 30px; background:url(../img/common/ico_tel.png) no-repeat left 3px;}

/*== showcase ==*/
.showcase {background:#fff; vertical-align:top}
.showcase .contain {position:relative; min-height:390px; box-sizing:border-box; overflow:hidden;}
.showcase .contain > div {width:50%; box-sizing:border-box;}
.showcase .goodsImg {position:absolute; top:0; right:0; bottom:0; left:50%; overflow:hidden;}
.showcase .goodsImg img {position:absolute; top:50%; left:50%; width:auto; min-width:100%; height:auto; min-height:100%; max-height:100%; overflow:hidden; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.showcase .goodsImg .imgCont {position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height: 100%;}
.showcase .goodsImg.prod {box-sizing:border-box; border-left:1px solid #ccc;}
.showcase .goodsImg.prod .imgCont {top:50%; left:50%; bottom:auto; right:auto; width:272px; height:272px; margin-left:-136px; margin-top:-136px;}
.showcase .goodsTxts {padding:40px;}
.showcase .titH3 {font-size:38px !important; font-weight:normal !important; line-height:1.2;}
.showcase .titH4 {font-size:16px !important; font-weight:normal !important;}
.showcase .tagsArea {line-height:normal;}
.showcase .contain .goodsLinks {display:block; margin-top:20px;}
.showcase .contain .goodsLinks:after {content:''; display:block; clear:both;}
.showcase .contain .goodsLinks li {float:left; margin-right:20px; padding-right:0;}
.showcase .contain .goodsLinks li:last-child {margin-right:0;}
.showcase .contain .goodsLinks li:before {display:none;}
.showcase .contain .goodsLinks li > a {padding-right:17px; background:url(../img/common/btnIco_quick.png) no-repeat 100% center; font-size:16px; color:#056dae;}
.showcase .txtList + .links {display:inline-block;}
/* showcase 상품상세공통 간격 라인 */
.showcase .titH3 {margin-top:0;}
.showcase .tagsArea + .titH3,
.popup .showcase .tagsArea + .titH3,
.showcase .titH3 + .titH4,
.showcase .titH3 + .innerTxt {margin-top:23px;}
.showcase .txtList {font-size:16px;}
.showcase .txtList + .links {font-size:16px; margin-top:20px;}

.showcase.hipass .contain {min-height:330px;}
.showcase.hipass .contain .goodsImg {background:url(../img/pre/fund_showcase.png) no-repeat center center; background-size:cover; text-align:center; z-index:0;}
.showcase.hipass .contain .goodsImg:before {display:block; content:''; position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background-color:#056dae; opacity:.8; overflow:hidden; z-index:-1;}
.showcase.hipass .contain .goodsImg img {width:69%; min-width:auto; max-width:400px; height:auto !important; min-height:auto; z-index:1;}

.ie8 .showcase .contain .goodsImg img {position:static;}
.ie8 .showcase.hipass .contain .goodsImg:before {display:none;}
.ie8 .showcase.hipass .contain .goodsImg img {position:relative; left:0; top:0; padding:40px 0;}

/* showcase 상품상세공통 기타 */
.showcase.typeE2 .contain, .showcase.typeE2 .contain .goodsImg {min-height:220px}

.popup .titH5 + .showcase {margin-top:20px;}
.cntArea > .showcase,
.locationArea + .showcase,
form + .showcase {margin-top:60px;}
.showcase .innerTxt li {margin-top:10px;}
.showcase .innerTxt strong {font-weight:bold}

/* showcase D,E type */
.showcase.minimum .contain {min-height:220px;}
.showcase.minimum .titH3 {font-weight:normal; font-size:23px !important; line-height:34px;}
.showcase.minimum .titH3 + p,
.showcase.minimum .titH3 + ul {margin-top:10px;}
/* showcase E2.0,E3.0 type */
.showcase.minimum.typeE .goodsImg {display:block;}
.showcase.minimum.typeE.bgnone .goodsImg {width:41.66667%; left:58.33333%;}
.showcase.minimum.typeE.bgnone .goodsTxts {width:58.33333%; margin-top:-5px; padding:0 40px 0 0; word-break:break-all;}
/* showcase E4.0 type */
.showcase.minimum.typeE.full .contain {padding:40px;}
.showcase.minimum.typeE.full .goodsImg {width:100%; left:auto;}
.showcase.minimum.typeE.full .goodsTxts {position:relative; z-index:1; padding:20px 30px 28px 30px; min-height:166px; background-color:#fff; word-break:break-all;}
/* showcase 슬라이드 */
.slide .showcase .contain {padding-bottom:67px;}
/* showcase 슬라이드 개별 */
.slide {margin-top:60px !important;}


/* showcase 슬라이드 컨트롤러 */
.slide.bannerTypeE .swiper-control,
#efsBnsvBanner .swiper-control,
#efsSmsvBanner .swiper-control,
#cusFncnBanner .swiper-control {text-align:left; padding:0 40px 0 35px; bottom:40px; box-sizing:border-box;}

/* showcase 배너(삭제) */
.showcaseBanner {position:relative; min-height:182px; margin-top:50px; background-color:#056dae; color:#fff;}
.showcaseBanner:after {content:''; display:block; clear:both;}
.showcaseBanner .img {position:absolute; top:0; right:0; bottom:0; left:0; width:50%; box-sizing:border-box; overflow:hidden;}
.showcaseBanner .img img {position:absolute; top:50%; left:50%; width:auto; min-width:100%; height:auto; min-height:100%; max-height:100%; overflow:hidden; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.showcaseBanner .cnt {float:right; width:50%; padding:35px 40px; box-sizing:border-box; overflow:hidden;}
.showcaseBanner .titH3 {margin-top:0; color:#fff; font-weight:normal;}

.ie8 .showcaseBanner .img img  {position:static;}

/*== 프로모션 type F ==*/
.visualBann {display:table; position:relative; width:100%; min-height:156px; margin-top:60px; background-color:#056dae; color:#fff;}
.visualBann .img {position:absolute; top:0; bottom:0; left:0; width:50%; overflow:hidden;}
.visualBann .img img {/* 삭제예정 */ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; overflow:hidden; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.visualBann .img .imgCont {position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height: 100%;}
.visualBann .inner {display:table-cell; width:50%; padding:15px 40px; box-sizing:border-box; vertical-align:middle; overflow:hidden;}
.visualBann .inner [class^=titH] {margin-top:0; color:#fff; font-weight:normal;}
.visualBann .inner [class^=titH] + p {margin-top:10px;}
.visualBann .inner .links {margin-right:15px;}
.visualBann .btnType2 {color:#fff}
.visualBann .btnType2.arrowR:before {background-position: 0px 0px}
.visualBann .btnType2.small.arrowR:before {background-position: -2px 0px}
/* 이미지고정 */
.visualBann.imgFixed .img {width:470px;}
.visualBann.imgFixed .inner {padding-left:510px; width:100%}
/* ie8대응 */
.ie8 .visualBann .img img  {position:static;}

/*== conBanner ==*/
[class^=conBanner_] {display:table; width:100%; height:200px; margin-top:50px; padding:0 40px; box-sizing:border-box;}
[class^=conBanner_] > .inner {display:table-cell; text-align:center; vertical-align:middle;}
[class^=conBanner_] [class^=titH] {margin-top:0; color:#fff;}
[class^=conBanner_] .titH2 {margin-top:10px; font-weight:bold;}
.conBanner_crdLon1 {background:url(../img/card/crdConLon_bg1.jpg) no-repeat center center;}
.conBanner_crdLon2 {background:url(../img/card/crdConLon_bg2.jpg) no-repeat center center;}

/*========================================= Progress Move bar ============================================*/
.progressBarBox{padding:30px 60px 0}
.progressBarWrap{width:100%; height:10px; background:#999; clear:both; box-shadow:inset 2px 2px 0 #8f8f8f;}
.progressBar{float:left; width: 0%; max-width:100%; height:9px; border-bottom:1px solid #045d94; background:#056dae;
	-webkit-animation: progress 60s 1 linear forwards;
	-moz-animation: progress 60s 1 linear forwards;
	-ms-animation: progress 60s 1 linear forwards;
	animation: progress 60s 1 linear forwards;
}
.progressBar.percent{
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation:  none;
	animation:  none;
}
.progressBar.infinite{
	-webkit-animation: progress 3s infinite;
	-moz-animation: progress 3s infinite;
	-ms-animation: progress 3s infinite;
	animation: progress 3s infinite;
}
.pbaranim{width:100%; height:10px; overflow:hidden;}
.progTxt {margin-top:30px; font-size:16px;}

@-webkit-keyframes progress {
	100%{width: 100% }
}
@-moz-keyframes progress {
	100%{width: 100% }
}
@-ms-keyframes progress { 
	100%{width: 100% }
}
@keyframes progress { 
	100%{width: 100% }
}


/*=========================================== Popup ==============================================*/
.popup .txtCntStamp {overflow:hidden; border:1px solid #d60000 !important;}
.popup .txtCntStamp > i {font-size:16px; font-weight:bold;}
.popup .txtCntStamp > i > em, 
.popup .txtCntStamp > i > i {display:inline-block !important; width:100%; padding:2px 0; margin:4px 0; border-top:2px solid #d60000; font-size:14px; font-weight:normal;}
.popup .txtCntStamp > i > em:first-child, 
.popup .txtCntStamp > i > i:first-child {border-top:0; border-bottom:2px solid #d60000;}
.popup .stampArea .txPayment span.single {position:relative !important; display:inline-block !important; bottom:auto !important; left:auto !important;}

.popCont .formWrap.multiple .formControl {border-color:#f0f0f0}
.popCont .formWrap.multiple .formControl:focus {border-color:#056DAE}

.popCont .scroll .crdGoodsArea [class^=crd] {width:100%;}
.popCont .scroll .crdGoodsArea .crdInfo {padding:30px 20px;}
.popCont .scroll .crdGoodsArea .crdInfo ul {margin-top:30px;}
.popCont .scroll .crdGoodsArea .crdInfo .img {position:static; margin-top:30px;}
.popCont .scroll .crdGoodsArea .crdInfo .img img{width:70%;}
.popCont .scroll .crdGoodsArea .pointCopy .crdCopy {padding:0 20px;}
.popCont .scroll .crdGoodsArea .crdInfo li{font-size:19px;}

.popCont .btnArea.popBrdT {position:relative; margin-top:0 !important; padding-top:60px; border-top:0 !important;}
.popCont .btnArea.popBrdT:before {content:""; position: absolute; top:40px; left:0; display:inline-block; width:100%; height:1px; background: #c0c0c0;}

/*팝업 브라우저 전체 스크롤 경우*/
.popFullScroll .popWrap {position:absolute; bottom:auto; height:auto}
.popFullScroll body {height: auto !important}

/*이체확인증 팝업 추가*/
.popup .txtCntStamp i > i{display:inline;}
.popup .stampArea .citi{text-align:right}

.popup .sampleImg {margin-top:20px;}
/* popup */
#content .popWrap {display: block;} 
.popWrap {display:none; position: fixed; top:0; left: 0; right:0; bottom:0; width:100%; height:100%; background: rgba(0,0,0,0.6); z-index: 1000; box-sizing: border-box; outline:rgba(0,0,0,0.5)}
.popWrap.noBG {background: none;}
.popWrap.loading .popCont > * {display:none;}
.popWrap.autoLogout {z-index: 1300}
/*.popWrap .wrap {position:fixed; top:0; left:0; width: 100%; height: 100%; z-index: 1;}*/
.popWrap.mAlert {z-index: 1200;}
.popContain {position:relative; display:table; width:988px; height:100%; padding:30px 0; margin:0 auto; box-sizing: border-box; text-align: center; z-index: 10; table-layout: fixed;}
.popContain.max {width:100%; max-width:1420px; padding:40px 0;}
.popup {display:table-cell; height:100%; margin: 0 auto; z-index:10; box-sizing:border-box; vertical-align: middle;}
.popup.fixed {position:fixed; top:50%; }
.popup .popHead {height:40px; line-height:40px; padding:0 40px 0 13px; border-bottom:1px solid #d2d2d2; background:#f2f2f2; box-sizing:border-box;}
.popup .popBtnClose {position:absolute; top:16px; right:16px; width:18px; height:18px; background-image:url(../img/common/btn_close.png); background-repeat: no-repeat; background-position:0 -18px;}
.popup .popBtnClose:hover{background:url(../img/common/btn_close.png) no-repeat;}
.popup [class^=titH] {display:block; text-align:left; line-height:1.2; /*letter-spacing:-1px*/}
.popup .titH2 {margin-top:0; outline:rgba(0,0,0,0)}
.popup .titH3 {margin-top:40px;}
.popup .titH3 > .sTxt {display:inline-block; margin:0 0 0 20px; /*letter-spacing:-1px;*/ vertical-align:middle}
.popup .popCont {position:relative; float:none !important; overflow: hidden; padding:40px; margin:0 auto; background: #f0f0f0; text-align:center; box-sizing:border-box; text-align: left; z-index: 10}
/*.popup .popCont > * {padding-right: 40px;} */
.popup .popCont > .popBtnClose {padding-right: 0px;}

.popContain .popCont.max {width:100%; max-width:1420px;}

.popup .popCont .scroll {margin-top:20px; margin-right:-40px; padding-right:40px; overflow: visible;}
.popup .popCont .scroll:not(.on) {outline:rgba(0,0,0,0)}
.keyPadInit .popup .popCont .scroll:after {content:''; display:block; padding-top:240px;}

/*.popup .popCont .scroll {margin-top:20px; padding-right:40px; overflow: auto;}*/
.popup .titH2 + .scroll {margin-top:40px;}
.popup .popCont .scroll.on {padding-right: 23px; overflow: auto;}
.popup .popCont .scroll.off {overflow: auto}
.popup .popCont .scroll > *:first-child,
.popup .popCont .scroll .tabContain > *:first-child {margin-top:0;}
.popup .popCont .scroll .titH5 {margin-bottom:20px;}
.popup .errorMsg {font-size:14px; line-height:21px; color:#767676;}
.popup table th, .popup table td{padding-top:15px; padding-bottom:17px; font-size:14px;}
/*.popup table {margin-top:0}*/
.popup .btnArea{clear:both; text-align:center}

/* pop - etc */
.popup .printBox {margin-top:30px}
.popup .printBox .formWrap {margin-top:0}
.popup .printBox .inputComp {text-align:left;}
.popup .printBox .inputComp label {color:#666}
.popup .printBox .sTxt {display:block; margin-bottom: 3px; line-height: 1.5}
.popup .printBox .inputComp {height:165px; margin-top:7px; padding:17px; overflow:hidden; overflow-y:auto; background:#fff; border-radius: 6px; box-sizing:border-box;}
.popup .buttonGroup {margin-top:0px;}
.popup .sticky > .sTxt{margin-top:20px;}/* 팝업에서 하단 버튼 고정시 감싸는 sticky 안에 sTxt가 있을때  간격 */

.popup .stampArea {font-size:14px;}
.popup .stampArea .citi {margin-top:-10px; font-size:23px;}
.popup .imgCntStamp{width:44px; height:44px; margin-left:10px; background:url(../img/common/img_stamp.png) no-repeat; vertical-align:middle;}

.popup .imgArea + .stampArea .bankingUser {margin-top:40px; font-size:23px;}
.popup .imgArea img {width:100%;}

.popup .stampArea .txPayment {margin-top:0; position:relative;}
.popup .stampArea .txPayment:after {content:''; display:block; clear:both;}
.popup .stampArea .txPayment span {display:block; position:absolute; left:0; bottom:10px; width:49px; height:32px; overflow:hidden; text-align:left; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; background-size:49px; background-image: url('../img/common/tx_logo.gif'); }
.popup .stampArea .txPayment .txtCntStamp {float:right;}
.popup .txtCntStamp {display:table; width:100px; height:100px; border-radius:50%; border:1px solid #000; text-align:center;}
.popup .txtCntStamp > i {display:table-cell; width:100%; height:100%; vertical-align:middle; font-style:normal;}
.popup .stampArea p {position:relative;}
.popup .stampArea p:after {content:''; display:block; clear:both;}
.popup table + .stampArea {margin-top:20px;}
.popup .txtCntName {float:right; margin-bottom:10px;}
.popup .imgCntStamp {display:inline-block;}
.popup .stampArea .citi span {display:block; margin:40px 0 10px 0;}
.popup .msgArea.msgNomal {padding: 60px 40px}

.popup .crdGoodsArea .crdInfo > div {min-height:auto; padding:0;}
.popWrap .crdList .btnImgClose {position:absolute; top:0; right:0;}
/* 팝업안의 약관동의 */
.popWrap .popCont .scroll .termsAgree .txt,
.popWrap .popCont .scroll .infoListLine.terms li.on .termsAgree .txt,
.popWrap .popCont .scroll .termsInner .txt,
.popWrap .popCont .scroll .infoListLine.terms li.on .termsInner .txt {width:100%;}
.popWrap .popCont .scroll .termsAgree .txt + div,
.popWrap .popCont .scroll .infoListLine.terms li.on .termsAgree .txt + div,
.popWrap .popCont .scroll .termsInner .txt + div,
.popWrap .popCont .scroll .infoListLine.terms li.on .termsInner .txt + div {width:100%; border-top:0; padding-top:0;}

/* 161011 popup*/
.popup .btnArea + p {margin-top:40px;}
.popup .formArea + .btnArea {text-align:right;}
.popup .popDayBox {margin-top:20px; text-align:right;}
.popup .titH3 + .titFormArea + .titH5 {margin-top:40px;}
.popup .titH4 + .links {display:inline-block; margin-top:15px;}

.popup .noticeArea {margin-top:20px;}
.popup .formArea .noticeArea {margin-top:10px;}

/* popCheck */
.popCheckClose{padding-top:40px}
.popCheckClose .exArea .inputGroup{border-top:1px solid #999}
.popCheckClose .exArea .inputGroup.horizontal .formWrap{margin:15px 15px 0 0}

.popup .funcGroup > [class^=titH]{margin-top:0}
.imgTxtPop {padding:30px 40px}
.imgTxtPop .btnType1 {margin-top:40px;}

/*============================================= Alert ================================================*/
/* alert */
.alert{position:relative; padding:15px 0; border:1px solid transparent; border-radius:6px; font-family:Interstate_Bold,'Malgun Gothic','맑은 고딕', sans-serif;} 
.alert:before{content:''; position:absolute; top:22px; width:20px; height:20px; background:url(../img/common/ico_alert.png) no-repeat 0 -25px; text-indent:-9999em}
.alert .message{margin-left:22px}
.alert.icoCritical:before{top:18px;}
.alert.icoCritical .message{margin-left:30px; color:#d60000}
.alert.icoCritical:before{width:20px; height:20px; background:url(../img/common/ico_alert.png) no-repeat;}

/* alertStyle */
.alertStyle{width:220px; margin-left:-10px; padding:20px 20px 30px; border-radius:6px 6px; background:#fff; box-sizing:border-box;}
.alertStyle .tit{font-size:19px; font-weight:bold; color:#056dae}
.alertStyle .text{display:block; margin-top:10px; font-size:16px; color:#333}
.alertStyle button[class^=btn]{display:block; position:relative; width:100%; height:50px; margin-top:20px; padding:0 20px; border:2px solid #056DAE; border-radius:6px; background:#056DAE; color:#fff; font-weight:bold; line-height:46px; text-align:center; box-sizing:border-box;}

.mAlert .popup .msg {margin-top:35px; text-align:center;}
.mAlert .popup .btnArea {margin-top:15px !important;}

/*=========================================== Landing List ==============================================*/
/* 고객센터(메인)랜딩 - 고객의소리 */
.landingList.fxd.sv .block {height:450px; padding:30px 40px 10px}
.landingList.fxd.sv .linkList {height:300px; margin-top:15px; border-top:1px solid #ccc;}
.landingList.fxd.sv .copyLine + .linkList {height:300px; margin-top:0; border-top:1px solid #ccc}

/* 고객센터(메인)랜딩에서 링크로 열리는 서브랜딩 */
.landingList.fxd.ssv .block {height:370px; padding:30px 40px 10px}
.landingList.fxd.ssv.etcBlockH .block{height:520px;}/* 상품공시실 */
.landingList.fxd.ssv .linkList {height:370px; margin-top:15px; border-top:1px solid #ccc;}
.landingList.fxd.ssv .copyLine + .linkList {height:236px; margin-top:20px; border-top:0}
.landingList.fxd.ssv .copyLine.etcH2 {height:160px; border-bottom:0}  /* 예외: etcH2 주소변경 알리미코너만 사용 */
.landingList.fxd.ssv .copyLine.etcH2 + .linkList {border-top:1px solid #ccc}
.landingList.fxd .copyLine.etcH2 > p{height:140px}
.landingList.fxd .copyLine.etcH2 > p {word-wrap:inherit; -webkit-box-orient:inherit;}
.landingList.fxd .txtList.blueSkin.wAuto li a {width:auto}
/* .landingList.fxd .block.etcH {height:450px} */
/* 카드_프리미엄서비스 */
.landingList.CdptPrem {margin-top:0;}
.landingList.CdptPrem .block {padding:30px 40px 40px;}
.landingList.CdptPrem .quick .txt {min-height:50px;}
.landingList.CdptPrem .btnArea {height:auto;}
/* common */
.landingList .formWrap .formControl {background-color:#eee; color:#333}
.landingList .buttonGroup > button.small {background-color:#eee;}
.landingList .buttonGroup > button.small:hover,
.landingList .buttonGroup > button.small:focus {background:#056dae; color:#fff; border:none;}
.landingList + .paging {margin-top:60px;}
/* donation Landing */
.landingList.dntn .block {padding:40px; text-align:center;}
.landingList.dntn .tit {margin-bottom:10px; font-size:23px; color:#056DAE; text-overflow:ellipsis; white-space:nowrap;}
.landingList.dntn .txt {height:75px; overflow:hidden; text-align:left; font-size:14px; line-height:24px; color:#666;}
.landingList.dntn .copyLine {height:auto; text-align:left;}
.landingList.dntn .buttonGroup {margin-top:-5px; margin-bottom:20px;}
.landingList.dntn .btnArea {height:auto;}
.landingList li .titH3{margin-top:0}

.landingList.fxdService .block{min-height:520px}
.landingList.fxdService .tit{height:60px; margin-bottom:10px; text-align: center;}
.landingList.fxdService .linkList{border-top: 1px solid #ccc;}

.landingList.efsService .block{min-height:550px}
.landingList.efsService .tit{height:60px; margin-bottom:10px; text-align: center;}
.landingList.efsService .linkList{border-top: 1px solid #ccc;}

.landingList {margin:40px -10px 0;}
.landingList:after {content:''; display:block; clear:both;}
.landingList > li {position:relative; float:left; width:33.3333%; margin-top:20px; padding:0 10px; box-sizing:border-box;}
.landingList .block {padding:30px 40px 10px; background-color:#fff; box-sizing:border-box;}
.landingList .tit {font-size:23px; overflow:hidden;}
.landingList .pointCopy {display:block; margin-top:10px; color:#666;}
.landingList .copyBlock {height:140px; margin-top:10px; padding:12px 20px 0; background-color:#f5f5f5; font-size:14px; box-sizing:border-box;}
.landingList .dotList {margin-top:0;}
.landingList .dotList li {color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.landingList .copyLine {height:80px; margin-top:15px; padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; font-size:14px; box-sizing:border-box;}
.landingList .copyLine p {display:block; display:-webkit-box; height:40px; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.landingList .btnArea {width:250px; height:130px; margin:0 auto; padding-top:10px; text-align:center; box-sizing:border-box;}
.landingList .btnArea [class^=btnType] {margin:10px 0 0;}
.landingList .tagsArea {min-height:32px; text-align:center;}
.landingList [class^=btnType].lign {min-width:auto;padding:0 10px}

.landingList.card {margin:0 -10px;}
.landingList.card > li {margin-top:30px; padding:80px 10px 0;}
.landingList.card .class {position:absolute; top:0; left:0; width:100%; text-align:center;}
.landingList.card .block {min-height:540px; padding:30px 20px; text-align:center;}
.landingList.chkCard .block {min-height:500px;}
.landingList.card .tit {margin:30px 0 5px; text-overflow:ellipsis; white-space:nowrap;}
.landingList.card .pointCopy {height:auto; margin-top:0; color:#333; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.landingList.card .btnType1 {margin-top:25px;}
.landingList.card .check {margin-top:20px;}

[class*=finance] .detail {display:table; width:100%; margin-top:10px; margin-bottom:5px;}
[class*=finance] .detail li {display:table-cell; margin-top:5px; text-align:right; vertical-align:bottom;}
[class*=finance] .detail .item {display:block; margin-bottom:2px; font-size:12px; text-align:left;}
[class*=finance] .detail .value {display:block; color:#333; font-size:26px; font-family:'inter Light', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; letter-spacing:0 !important; text-align:left;}
[class*=finance] .detail .value .small {color:#666; font-size:16px; text-decoration:line-through;}
[class*=finance] .detail .unit {font-size:12px;}

.landingList.finance .block {height:415px;}
.landingList.finance [class*=tIco] > span {display:inline-block; max-width:100%; padding-left:55px; background-position:0 4px !important; text-align:left; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.landingList.finance .tIco01 > span {background:url(../img/common/crdlanding_ico1.png) no-repeat;}
.landingList.finance .tIco02 > span {background:url(../img/common/crdlanding_ico2.png) no-repeat;}
.landingList.finance .tIco03 > span {background:url(../img/common/crdlanding_ico3.png) no-repeat;}
.landingList.finance .tIco04 > span {background:url(../img/common/crdlanding_ico4.png) no-repeat;}
.landingList.finance .tIco05 > span {background:url(../img/common/crdlanding_ico5.png) no-repeat;}
.landingList.finance .tIco06 > span {background:url(../img/common/crdlanding_ico6.png) no-repeat;}
.landingList.finance .pointCopy {height:50px; overflow:hidden;}
.landingList.finance .block.notice {position:relative;}
.landingList.finance .block.notice .txtList li {padding:0 90px 0 17px;}
.landingList.finance .block.notice .txtList li a {display:inline-block; max-width:100%; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.landingList.finance .block.notice .date {position:absolute; top:2px; right:0; color:#666; font-size:14px;}
.landingList.finance .block.notice .more {position:absolute; top:40px; right:40px;}
.landingList.finance .block.notice .bnr {margin-top:20px; text-align:center;}
.landingList.finance .block.notice .bnr img {width:200px; height:86px;}
.landingList.finance .postArea {height:150px;}
.landingList.finance .postArea .limitList li:first-child {margin-top:0}
.landingList.finance .postArea .copyBlock {height:75px;}
.landingList.finance .postArea .limitList {padding-top:10px;}
.landingList.finance.pre .block {height:370px;}
.landingList.finance.pre [class*=tIco] {text-align:center;}
.landingList.finance.pre .btnArea {width:100%;}
.landingList.finance.pre .btnArea .btnType1 {width:100%; min-width:0; padding:0;}

.landingList.finance.pre .extraService  {margin:20px 0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.landingList.finance.pre .extraService .item {height:55px;}
.landingList.finance.pre .extraService .value.titH4 {font-size:19px; font-weight:bold; /*letter-spacing:-1px;*/ line-height:2;}

.landingList.finance .blindBoxWrap{position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px; box-sizing:border-box; z-index:2}
.landingList.finance .blindBoxWrap .blindBox{position:relative; display:table; width:100%; height:100%; opacity:0.95; background:#fff; z-index:2}
.landingList.finance .blindBoxWrap .inner{display:table-cell; text-align:center;  vertical-align:middle}
.landingList.finance .blindBoxWrap .msg{display:inline-block; font-size:19px; color:#666;}
.landingList.finance .detail {display:table; width:100%;}
.landingList.finance .detail:first-child {margin-top:0;}
.landingList.finance .detail li {display:table-cell; text-align:right; vertical-align:bottom;}
.landingList.finance .detail li > div {display:inline-block; min-width:150px; padding-left:20px; border-left:1px solid #ccc; box-sizing:border-box;}
.landingList.finance .detail .vm > span {display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.landingList.fnd  {margin-top:20px;}
.landingList.fnd .block {padding:40px 40px 20px;}
.landingList.fnd .tit {height:70px; margin-bottom:10px; text-align:center;}
.landingList.fnd .graph {margin-top:50px; line-height:0;}
.landingList.fnd .graph .graphArea {height:7px;}
.landingList.fnd .btnArea {margin-top:20px;}

.landingList.ins .block {padding:50px 40px;}
.landingList.ins .tit,
.landingList.mnd .tit{margin-bottom:10px; text-align:center; text-overflow:ellipsis; white-space:nowrap;}

.landingList.ins .tit > span,
.landingList.mnd .tit > span {display:block; margin-bottom:5px; font-size:14px;}
.landingList.mnd .btnArea,
.landingList.ins .btnArea,
.landingList.fxd .btnArea,
.landingList.fnd .btnArea {height:auto;}

.landingList.mnd .block{padding:50px 40px 20px;}


.landingList.exception  > li {width:50%;}

.landingList.fxd .block {padding:50px 40px;}
.landingList.fxd .tit {text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.landingList.fxd .linkList {height:260px;}
.landingList.fxd .txtList {margin-top:15px;}
.landingList.fxd .txtList a {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.landingList.efc .linkList {height:280px;}

.landingList.cus .block {height:390px; padding:40px 40px 0;}
.landingList.cus .tit {height:70px; margin-bottom:10px; text-align:center;}
.landingList.cus .copyLine {height:auto;}
.landingList.cus .copyLine p {display:block; height:auto;}
.landingList.cus .linkList {border-top:1px solid #ccc;}
.landingList.cus .last {width:100%;}
.landingList.cus .last .block {height:300px;}

/* 카드 프리미엄서비스 */
/* 구마크업 확인후 삭제. */
.landingList.crdPremList .block {padding:0 !important; background-color:transparent;}
.landingList.crdPremList .block > img {width:100%;}
.landingList.crdPremList .block .tit {margin:20px 0; font-size:16px; font-weight:bold;}
.landingList.crdPremList .block .txt {display:block; display:-webkit-box; height:48px; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.landingList.crdPremList .btnArea {width:100%; height:70px; padding:0; text-align:left;}

/*외환서비스 안내*/
.landingList.fxdService .linkList {height:200px;}

.landingList .serviceList {min-height:46px; margin-top:25px; color:#666;}
.landingList .serviceList li {padding-top:4px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.landingList .serviceList li:first-child {padding-top:0;}

/* 삭제예정 */
.landingList.lon .tit {margin-bottom:10px; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.landingList.lon .btnArea{height:auto;}
.landingList.lon .block {padding:50px 40px 20px;}


/*== JSP반영 후 삭제
.landingList.landCom .block {padding:40px;}
.landingList.landCom .block .btnType1 {margin-bottom:10px;}
.landingList.landCom .block .btnType2 {margin-top:0 !important;}
.landingList.landCom .block .check {text-align:center;}
.landingList.landCom .prodTit {position:relative; color:#056dae; font-size:23px; text-align:center}
.landingList.landCom .prodTit .tit {height:70px;}
.landingList.landCom .prodTit .tit > span {display:table; width:100%; height:70px;}
.landingList.landCom .prodTit .tit > span > em {overflow:hidden; display:table-cell; vertical-align:middle}
.landingList.landCom .prodTit .tit {padding-top:33px; color:#056dae; font-size:23px}
.landingList.landCom .prodTit .subs {overflow:hidden; height:40px; margin-top:5px; color:#333; font-size:14px}
.landingList.landCom .prodTit .tagsArea {position:absolute; top:0; left:0; width:100%;}
.landingList.landA .block {min-height:487px;}
.landingList.landA .prodService {margin:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.landingList.landA .prodService > div {padding:20px 0; min-height:64px; text-align:center; box-sizing:border-box;}
.landingList.landA .prodService > div > p {overflow:hidden; height:36px; font-size:12px; color:#666}
.landingList.landA .prodService strong {font-size:12px;}
.landingList.landA .prodService strong > span {display:inline-block; padding-top:13px; vertical-align:top}
.landingList.landA .prodService .value {margin-left:5px; padding-top:0; font-weight:bold; font-size:26px;}
.landingList.landA .prodService ol, .landingList.landA .prodService ul {overflow:hidden; height:160px}
.landingList.landA .prodService ol, .landingList.landA .prodService ul,
.landingList.landA .prodService li {display:list-item; position:relative; margin:10px 0 0; padding-left:12px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.landingList.landA .prodService li:first-child {margin-top:0}
.landingList.landA .prodService li:before {display:block; content:'-'; position:absolute; top:0; left:0;}
.landingList.landB  {margin-top:20px;}
.landingList.landB .block {padding:40px 40px 20px;}
.landingList.landB .tit {height:70px; margin-bottom:10px; text-align:center;}
.landingList.landB .graph {margin-top:30px; line-height:0;}
.landingList.landB .graph .graphArea {height:7px;}
.landingList.landB .btnArea {margin-top:20px;}
JSP반영 후 삭제  ==*/

/*== 랜딩 상세리스트 [공통] - 대출,보험, 예금/신탁, 펀드, 외화예금  ==*/
.prodBox {margin-top:0; text-align:center;}
.prodBox .prodTit {position:relative; color:#056dae; font-size:23px; text-align:center}
.prodBox .prodTit .tagsArea {position:absolute; top:0; left:0; width:100%; margin-top:0;}
.prodBox .prodTit .tit,
.prodBox .prodTit .tagsArea + .tit {padding-top:32px;}
.prodBox .prodTit .tit {display:table; width:100%; height:70px; color:#056dae; font-size:23px}
.prodBox .prodTit .tit > a {overflow:hidden; display:table-cell; vertical-align:middle; word-break:normal;}
.prodBox .prodTit .subs {overflow:hidden; height:40px; margin-top:5px; color:#333; font-size:14px}
.prodBox .prodService {margin:30px 0 0 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.prodBox .prodService > div {padding:20px 0; min-height:64px; text-align:center; box-sizing:border-box;}
.prodBox .prodService > div > p {overflow:hidden; height:36px; font-size:12px; color:#666}
.prodBox .prodService .price {min-height:105px;}
.prodBox .prodService .price strong {display:inline-block; margin-top:-10px; padding-bottom:7px; font-size:12px;}
.prodBox .prodService .price strong > span {display:inline-block; vertical-align:bottom}
.prodBox .prodService .price .value {margin-left:5px; margin-bottom:-7px; font-weight:bold; font-size:26px;}
.prodBox .prodService ol,
.prodBox .prodService ul {overflow:hidden; margin:0; height:115px;}
.prodBox .prodService li {position:relative; display:list-item; margin:10px 0 0 0; padding-left:12px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px;}
.prodBox .prodService li:before {content:'-'; display:block; position:absolute; top:0; left:0;}
.prodBox .prodService li:first-child {margin-top:0}
.prodBox .prodService li br {display:none;}
.prodBox .prodService + .btnType1 {display:block; margin:30px 0 0 0;}
.prodBox .check {margin-top:18px; text-align:center;}
.prodBox .graph {margin:20px 0 10px 0;}
.prodBox .graph + .links.arrowR,
.prodBox .btnArea + .links.arrowR {display:inline-block; margin-top:10px;}
.prodBox .btnArea {padding-top:0 !important;}
.prodBox .btnArea .btnType1 {margin-top:20px;}

/*공인인증 모바일 추가*/
.landing > ul > li.etc {float:left; width:100%;}
.landing > ul > li.etc > div{padding-top:40px;}
.landing.etc {overflow:visible;position:relative;}
/* 공인인증서 */
.landing {overflow:hidden; margin-top:50px;}
.landing > ul {clear: both;margin-left:-10px; margin-right:-10px;}
.landing > ul > li {float:left; width: 33.33333%;}
/* .landing > ul > li.last {width:100%;}
.landing > ul > li.last > div {height:267px;}
.landing > ul > li.last > div .btnArea {position:static} */
.landing > ul > li > div {position:relative; height:420px; margin:10px; padding:0 40px 0; background:#fff; text-align:center; box-sizing:border-box }
.landing > ul > li > div:after {content:''; display:block; clear:both;}
.landing > ul > li > div .titH3 {margin-top:0; padding-top:50px}
.landing > ul > li > div .grayBox {margin-top:-1px}
.landing > ul > li > div .imgWrap img {width:211px; height:73px;}
.landing > ul > li:nth-child(10) > div, .landing > ul > li:nth-child(11) > div,
.landing > ul > li:nth-child(12) > div {height:531px;}
.landing > ul > li:nth-child(12) div .listBlock {height:150px;}
.landing > ul > li:nth-child(11) div .listBlock {height:100px;}
.landing > ul > li:nth-child(13) div .listBlock {height:auto;}
.landing  select.formControl {background-color:#eee !important; color:#333}
.landing .txt {color:#666; font-size:14px;}
.landing .listBlock {height:220px; margin-top:23px; padding:20px 0; color:#666; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box}
.landing .listBlock .txtList,
.landing .listBlock .txtList li:first-child{margin-top:0}
.landing .txtList li {color:#666; text-align:left}
.landing .txtList.blueSkin li,  .noticeCer .txtList.blueSkin{color:#056dae}
.landing .btnArea {position:absolute; left:40px; right:40px; bottom:20px; padding:20px 0; text-align:center;  box-sizing:border-box;}
.landing .btnArea > ul > li button {display:inline-block; position:relative; width:100%; height:30px; padding:0 10px; border:2px solid #056DAE; border-radius:6px; background:#056DAE; color:#fff; font-size:12px; font-weight:bold; line-height:26px; text-align:center; box-sizing:border-box;}
.landing .btnArea button.disabled, .landing .btnArea button[disabled^=disabled],
.landing .btnArea button:disabled {border:2px solid #9c9c9c; background-color:#fff !important; color:#9c9c9c !important;}
.landing .btnArea button:hover, .landing .btnArea button:focus {border:2px solid #002a54; background:#002a54;}
.landing .btnArea > ul > li {float:left; width:50%;box-sizing:border-box}
.landing .btnArea > ul > li:nth-child(1) {padding-right:10px;}
.landing .btnArea > ul > li:nth-child(2) {padding-left:10px;}
.landing .btnArea > ul > .full {width:100%; margin-top:20px;}

/* landArea */
[class^=landArea] {position:relative;}
[class^=landArea]:after {content:''; display:block; clear:both;}
[class^=landArea]  li {box-sizing:border-box;}
[class^=landArea] > li:first-child {border-left:0 none;}
[class^=landArea] .tit {font-size:19px; font-weight:bold;}
.landAreaBnner:before {display:block; content:''; position:absolute; top:50px; bottom:0; left:50%; border-left:1px solid #ccc;}
.landAreaBnner > li {float:left; width:50%; padding:50px 20px 0;}
.landAreaBnner p {font-size:19px; text-align:center;}
.landAreaBnner p span {display:block; margin-bottom:10px;}

.landAreaQuick {margin-top:10px;}
.landAreaQuick li {display:inline-block; width:50%; margin-right:-5px; vertical-align:top; zoom:1;}
.landAreaQuick > li {padding-top:40px; padding-right:20px;}
.landAreaQuick .txtList {margin-top:10px;}
.landAreaQuick.total3 > li {width:33.3333%;}
.landAreaQuick.total3 ul li {width:100%;}
.landAreaQuick.total3 .txt {margin-top:20px; padding:0 20px 20px 0;}
.landAreaQuick.total3 .list {margin-top:10px;}
.landAreaQuick.total3 .list li {margin-top:9px;}
.landAreaQuick.total4 > li {width: 25%}
.landAreaQuick.total4 > li .txtList + .tit {margin-top:50px}
.landAreaQuick.total4 li > ul > li {width: 100%}

.landAreaBnner + .landAreaQuick {margin-top:50px; border-top:1px solid #ccc;}

/*=========================================== Notice Area ==============================================*/
/* 유의사항 */
.noticeArea2 {position:relative; clear:both; margin-top:60px; padding:0; border-top:1px solid #999;}
.noticeArea2 .tit {display:block;color:#333; font-weight:bold;}
.noticeArea2 li .titH5 {margin-top:0; font-weight:bold}
.noticeArea2 li .txtC5 {margin-top:0; font-weight:bold}
.noticeArea2 .txtList {margin-top:5px;}
.noticeArea2 > li {position:relative; border-bottom:1px solid #999;}
.noticeArea2.acco > li {padding:0 20px 0 54px;}
.noticeArea2.acco > li.on {background-color:#fff;}
.noticeArea2.acco > li.on .accoContents {display:block}
.noticeArea2.acco > li.on .wrap {padding:26px 0 26px 0;}
.noticeArea2 .wrap {display:table; width:100%; padding:26px 0 26px 0; box-sizing:border-box;}
.noticeArea2 .leftInfo {display:table-cell; vertical-align:middle;}
.noticeArea2 .leftInfo .shortList li:before {height:12px; margin-top:-4px;}
.noticeArea2 .rightInfo {display:table-cell; text-align:right; vertical-align:middle;}
.noticeArea2 .wrap .rightInfo strong.bold {color:#333; font-size:16px;}
.noticeArea2 [class*=Info] {color:#666; font-size:12px;}
.noticeArea2 .wrap [class*=Info] > strong {display:block; margin-bottom:3px; color:#333; font-size:16px;}
.noticeArea2 .accordion {position:absolute; top:18px; left:5px;}
.noticeArea2 .accoContents {margin-bottom:30px;}
/* 알려드립니다_아코디언 */
.noticeArea2.acco > li.on .accoContents {margin-top:-26px;}

.noticeArea .txtList .essential{display: inline-block; width:12px; height:12px; overflow:hidden; background: url('../img/common/ico_star.png') no-repeat center 4px;text-indent: -9999px;}

.noticeArea2.acco > li.on .accoContents .titH5{margin:15px 0; }
.noticeArea2.acco > li.on .accoContents .extraList{margin-top:0;}
.noticeArea2.acco > li.on .accoContents .extraList .extraList{margin-top:0;margin-bottom:0;}

.noticeArea .links.addLink{position:absolute; top:20px; right:20px}
/* 알려드립니다 */
.noticeArea {position:relative; margin-top:60px; padding:25px 20px; background-color:#fff; font-size:14px;}
.noticeArea .tit {display:block; color:#333; font-weight:bold;}
.noticeArea .txtList {margin-top:5px;}
.noticeArea li.bg:before {display:none;}
.noticeArea a.links {text-decoration:underline;}
.noticeArea .tableX td,
.noticeArea .tableX th {font-size:14px !important;}
.titH2 + .noticeArea {margin-top: 50px} 

/*========================================= Contents Visual ============================================*/
/* heroModule : 컨텐츠 비쥬얼 이전 디자인 버전 - heroModuleWrap 클래스만 사용중 */  
.heroModuleWrap{position:relative; margin-top:40px}
.heroModuleWrap:after{content:""; display:block; clear:both}
.heroModuleWrap .heroImgWrap{position:relative; width:100%; height:500px; box-sizing: border-box; overflow:hidden}
.heroModuleWrap .heroImgWrap img{position: absolute; top:0; left:0; width:100%; height:auto;}
.heroModuleWrap .heroContWrap{position:absolute; width:100%; top:50%; text-align:center; box-sizing: border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.heroModuleWrap .heroCont{display:inline-block; min-width:730px; max-width:830px; padding:35px; background:#fff}
.heroModuleWrap .heroCont .titH3{margin-top:0}
.heroModuleWrap .btnArea{text-align:center}
 
.heroModuleWrap.blueBg .heroCont{color:#fff; background:#056dae}
.heroModuleWrap.blueBg .heroCont .titH4{margin-top:0; font-weight:normal; color:#fff}
.heroModuleWrap.blueBg .heroCont button{min-width:220px}

/* bannerModule */  
.bannerModuleWrap {margin-top:40px;}
.bannerModuleWrap .bannerModule {position:relative; width:100%; min-height:360px;}
.bannerModuleWrap .bannerImg {position:absolute; top:40px; left:0; right:0; height:320px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}

.bannerModuleWrap .bannerContWrap {position:relative; padding-left:40px; box-sizing:border-box;}
.bannerModuleWrap .bannerCont {width:50%; padding:40px; background:#056dae; color:#fff; box-sizing:border-box;}
.bannerModuleWrap .bannerCont .titH3,
.bannerModuleWrap .bannerCont .titH4 {margin-top:0; color:#fff; font-weight:normal;}
.bannerModuleWrap .bannerCont .txt {margin-top:0}
.bannerModuleWrap .bannerCont * + .txt {margin-top:20px}
.bannerModuleWrap .bannerCont .links {display:inline-block; margin-top:20px; color:#fff;}
.bannerModuleWrap .bannerCont .links.arrowR {padding-right:12px; background:url(../img/common/ico_arr_next_white.png) no-repeat 100% 55%;}


/*======================================= ProgIndicator : 진행 단계 ==========================================*/
.progIndicator {display:none;}
.progIndicator .total3 li {width:50%;}
.progIndicator .total3 li:first-child,
.progIndicator .total3 li:last-child,
.progIndicator .total3 .last {width:25%;}
.progIndicator .total4 li {width:33.3333%;}
.progIndicator .total4 li:first-child,
.progIndicator .total4 li:last-child,
.progIndicator .total4 .last {width:16.6666%;}
.progIndicator .total5 li {width:25%;}
.progIndicator .total5 li:first-child,
.progIndicator .total5 li:last-child,
.progIndicator .total5 .last {width:12.5%;}

.progIndicator {position:relative; margin-top:55px; padding-bottom:10px;}
.progIndicator:before {display:block; content:''; position:absolute; bottom:10px; left:0; width:100%; border-bottom:1px solid #767676;}
.progIndicator ol {display:table; width:100%; table-layout:fixed;}
.progIndicator li {display:table-cell; position:relative; padding-bottom:20px; box-sizing:border-box; text-align:center; vertical-align:bottom;}
.progIndicator li:first-child,
.progIndicator li:last-child,
.progIndicator .last {width:50%;}
.progIndicator li:first-child {text-align:left;}
.progIndicator li:last-child,
.progIndicator .last {text-align:right;}
.progIndicator li:before {display:block; content:''; position:absolute; top:15px; left:0; height:30px;}
.progIndicator li:after {display:block; content:''; position:absolute; width:11px; height:11px; bottom:-4px; left:50%; border-radius:11px; background-color:#767676;}
.progIndicator li:first-child:after {left:0;}
.progIndicator li:last-child:after,
.progIndicator .last:after {left:auto; right:0;}
.progIndicator .finished:before {top:auto; right:0; bottom:0; height:3px; background-color:#056DAE;}
.progIndicator .finished:after {background-color:#056DAE;}
.progIndicator .active:before {top:auto; right:50%; bottom:0; height:3px; background-color:#056DAE;}
.progIndicator .active:after {bottom:-8px; width:18px; height:18px; border:1px solid #056DAE; background-color:#056DAE; box-shadow:0 0 0 3px #eee inset; transform:translateX(-4px); -webkit-transform:translateX(-4px);}
.progIndicator li:first-child.active:before {right:auto;}
.progIndicator li:first-child.active:after {left:4px;}
.progIndicator li:last-child:before,
.progIndicator .last.active:before {right:0;}
.progIndicator li.active:last-child:after,
.progIndicator .last.active:after {right:-4px;}
.progIndicator .finished,
.progIndicator .active {color:#056dae;}
.progIndicator li > span {display:inline-block; padding-left:11px;}
.progIndicator li:first-child > span {padding-left:0;}
.progIndicator + .tit,
.progIndicator + .tableX{margin-top:60px;}
.progIndicator + .tit {display:block;}
.progIndicator + .formArea > .titH5:first-child {margin-top:10px;}
.progIndicator + .infoListLine {margin-top:55px;}
.progIndicator + .ziroArea {margin-top:50px}
.progIndicator + .formArea {margin-top:20px;}
.tab + form .progIndicator {margin-top:35px;}

/*========================================= Goods Area/Summary ============================================*/
.goodsArea {position:relative; margin-top:50px; padding:20px 30px 17px 30px; border-bottom:4px solid #056dae; background-color:#fff; box-sizing:border-box;}
.goodsArea:after {content:''; display:block; clear:both;}
.goodsArea .row {margin:0 -40px;}
.goodsArea .row .formWrap:first-child {padding-left:40px;}
.goodsArea .formWrap .formControl {background-color:#eee !important;}
.goodsArea .quickGroup {margin-bottom:10px; padding-top:8px;}
.goodsArea .quickGroup li {padding-right:0;}
.goodsArea .quickGroup li:before {display:none;}
.goodsArea .quickGroup li > a {padding-right:17px; background:url(../img/common/btnIco_quick.png) no-repeat 100% center;}
.goodsArea .sumGroup {position:absolute; top:40px; right:20px; min-width:100px; color:#666; text-align:right;}
.goodsArea .sumGroup.max {top:25px}
.goodsArea .col_4 .sumGroup,
.goodsArea .col_6 .sumGroup {position:static; margin-right:30px;}
.goodsArea > .titH3{margin-top:0;}

.sumGroup > div {position:relative; padding-bottom:16px;}
.sumGroup .topSubTxt {padding-bottom: 0; padding-top: 16px;}
.sumGroup .topSubTxt .item {bottom: auto; top:0;}
.sumGroup div {margin-top:20px;}
.sumGroup div:first-child {margin-top:0;}
.sumGroup .sum {font-family:'inter Light', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; letter-spacing:0 !important;}
.sumGroup strong.sum {display:block; color:#333; font-size:26px; /*letter-spacing:-1px;*/}
.sumGroup .sum > .unit {font-size:16px; white-space: nowrap;}
.sumGroup .item {position:absolute; right:0; bottom:0; color:#666; font-size:12px;}
.sumGroup .date {font-size:12px;}
.sumGroup.crdConLon {margin-top:50px}
.sumGroup.crdConLon .name {color:#333;}
.goodsArea [class^=mainTit] {margin:6px 0 0 30px; font-size:26px;}
.goodsArea .itemList {margin-top:30px; border-top:1px solid #dfdfdf;}
.goodsArea .itemList:after {content:''; display:block; clear:both;}
.goodsArea .itemList li {float:left; width:50%; padding:20px 0 20px 30px; border-left:1px solid #dfdfdf; color:#666; box-sizing:border-box;}
.goodsArea .itemList li:first-child {padding:20px 0 20px 0; border-left:0 none;}
.goodsArea .itemList .item {display:block; margin-bottom:2px; font-size:12px;}
.goodsArea .itemList .value {color:#333; font-family: 'inter Light', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important; letter-spacing:0 !important;}

.goodsArea .crdSummary {position:relative; margin-top:10px;}
.goodsArea .crdSummary > div {display:table; padding:0 200px 0 172px;}
.goodsArea .crdSummary > div:after {content:''; display:block; clear:both;}
.goodsArea .crdSummary .crdImg {position:relative; float:left; left:-172px; margin-right:-172px;}
.goodsArea .crdSummary .crdImg img {width:142px; height:90px;}
.goodsArea .crdSummary .info {display:table-cell; width:100%; height:90px; vertical-align:middle;}
.goodsArea .crdSummary .info p {margin-bottom:2px; word-break:keep-all;}
.goodsArea .crdSummary .name {display:inline-block; position:relative; margin-right:20px; padding-right:20px;}
.goodsArea .crdSummary .name:before {display:block; content:''; position:absolute; top:50%; right:0; height:16px; margin-top:-7px; border-right:1px solid #333;}
.goodsArea .crdSummary .itemList li {width:33.3333%;}
.goodsArea .crdSummary .sumGroup {top:15px; right:0;}
.goodsArea + .formArea {margin-top:25px;}

/* 메세지박스_상품추가 */
.goodsAddArea {margin-top:20px; padding:105px 0 55px; border-top:1px solid #999; border-bottom:1px solid #999; background:url(../img/common/ico_checkImg.png) no-repeat center 55px; color:#666; text-align:center;}
/* 대출신청결과 조회 */
.goodsArea .lonSummary .mainTit {padding-left:0; font-size:23px}
.goodsArea .lonSummary .itemList li {width:25%;}

.goodsArea.crdConLon {padding:20px 15px 15px;}
.crdConLon .inner:after {content:''; display:block; clear:both;}
.crdConLon .inner [class^=titH] {float:left; margin-top:13px; margin-bottom:5px; color:#666;}
.crdConLon .sumGroup {position:static !important; float:right; margin-top:5px !important;}
.crdConLon .sumGroup .name {color:#333;}
.crdConLon .sumGroup .date {display:block; margin-top:5px;}
.crdConLon .itemList {margin-bottom:10px;}
.crdConLon .itemList li {width:100% !important; padding:20px 0 10px 30px !important;}
.crdConLon .itemList li:first-child {padding-left:0 !important;}
.crdConLon .itemList li:after {content:''; display:block; clear:both;}
.crdConLon .itemList.div2 li {width:50% !important;}
.crdConLon .itemList li > div {float:left; width:50%; box-sizing:border-box;}
.crdConLon .itemList li > div + div {padding-left:25px; border-left:1px solid #dfdfdf;}
.crdConLon .itemList .item {display:block !important; margin-bottom:5px !important;}
.crdConLon .num {color:#000; font-size:26px;}
.crdConLon .itemList .small {display:inline-block; margin-right:5px; text-decoration:line-through;}
.crdConLon .msg {margin:20px 0 15px; padding:23px; background-color:#fafafa; text-align:center; box-sizing:border-box;}

.crdConLon.master {position:relative; border-bottom:0 none;}
.crdConLon.master + .master {margin-top:20px;}
.crdConLon.master .itemList li {width:66.6667% !important; padding-left:0 !important; border-left:0 none !important}
.crdConLon.master .msg {width:66.6667%;}
.crdConLon.master .btnArea {position:absolute; top:105px; right:30px;}


/*=========================================== Stamp Area ==============================================*/
.stampArea {margin-top:30px;}
.stampArea:after {content:''; display:block; clear:both;}
.stampArea .logo {display:block; position:absolute; left:0; bottom:10px; width:49px; height:32px; overflow:hidden; text-align:left; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; background-size:49px; background-image: url('../img/common/tx_logo.gif');}
.stampArea .stampDate {float:right; display:table; width:100px; height:100px; border-radius:50%; border:1px solid #000; text-align:center;}
.stampArea .stampDate .wrap {display:table-cell; width:100%; height:100%; vertical-align:middle; font-style:normal;}
.stampArea .stampTxt {font-size:16px;}
.stampArea .stampTxt em {display:block; margin-top:10px; font-size:19px; font-weight:bold;}

.stampArea.efsStamp{margin-top:20px}

.stampArea .txtCntSign {display:block; width:110px; height:100px; border:1px solid #999; text-align:center; box-sizing:border-box;}
.stampArea .txtCntSign i {display:block; width:100%; border-bottom:1px solid #999; font-style:normal;}

/*============================================ Tags Area ==============================================*/
.tagsArea {overflow:hidden; font-size:0; line-height:32px}
.tagsArea li {display:inline-block; margin-left:5px;}
.tagsArea li:first-child {margin-left:0px;}
.tagsArea li .tit {display:inline-block !important; height:auto !important; padding-top:0 !important; font-size:12px !important;}
.tagsArea .tags,
.noMeetTit .tags {display:inline-block; margin-left:5px; padding:1px 5px 2px; font-size:12px; box-sizing:border-box; line-height:17px}
.tagsArea .tags:first-child,
.noMeetTit .tags:first-child {margin-left:0;}
.tagsArea .tags.fund {border:1px solid #006e0a; color:#006e0a;}
.tagsArea .tags.keep {border:1px solid #056dae; color:#056dae;}
.tagsArea .tags.goods {border:1px solid #056dae; color:#056dae;}
.tagsArea .tags.point {border:1px solid #d60000; color:#d60000;} /* 강조 */
.tagsArea .tags.noSell {border:1px solid #666; color:#666} /* 판매중지 */
.noMeetTit .tags.apply {border:1px solid #006e0a; color:#006e0a;} /* 신청가능 */
.noMeetTit .tags.change {border:1px solid #d60000; color:#d60000;} /* 변경신청가능 */
/* 기타설정 */
.tagsArea + .noMeetTit {margin-top:10px;}
.overviewCard .sumGroup .sum.tagsArea {line-height:normal; overflow:visible;}

/*=========================================== Full Visual ==============================================*/
.fullVisual {margin-top:-25px; /* 브라우저확대축소 */ width:100%;}
.fullVisual.blueBg {height:184px; padding:35px 0; background-color:#056dae; color:#fff; text-align:center; box-sizing:border-box}
.fullVisual.goldBg {height:184px; padding:35px 0; color:#fff; text-align:center; box-sizing:border-box}
.fullVisual[class*=Bg] .titH4 {margin-top:0; font-weight: normal;}
.fullVisual[class*=Bg] .titH1 {margin:10px 0; font-size:50px}
.fullVisual[class*=Bg].medium .titH1 {margin-top:25px; font-size:38px}
.fullVisual[class*=Bg].small {padding-bottom:0}
.fullVisual[class*=Bg].small .textWrap {max-width: 926px; display: table; height: 86px; margin: 0 auto; margin-top:12px;}
.fullVisual[class*=Bg].small .titH1 {max-width:926px; display:table-cell; margin:10px auto; font-size:28px; text-align: center; vertical-align: middle;}

.fullVisual .slide {margin-top:0 !important;}

/* 랜딩 비쥬얼 영역 */
.fullVisual[class*=landType] .txt {margin-top:25px; padding:0 20px; line-height:1.8;}
.ie8 .fullVisual[class*=landType] .bgImg > img {top:0; left:0;}
/* type1 */
.landType1 {height:300px; background-color:#fff; text-align:center; box-sizing:border-box; overflow:hidden;}
.landType1 .copyArea {display:table; width:100%; height:300px; padding:40px; box-sizing:border-box;}
.landType1 .copyArea > div {display:table-cell; vertical-align:middle;}
.landType1 .copyArea .txtS2 {font-size:16px; font-weight:bold;}
.landType1 .copyArea .titH1 {margin-top:15px; font-size:54px; /*word-break:break-word*/}
/* type2 */
.landType2 {position:relative; height:500px; box-sizing:border-box; overflow:hidden;}
.landType2 .copyArea {position:absolute; top:50%; left:50%; width:925px; text-align:center; box-sizing:border-box; z-index:1; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.landType2 .copyArea > div {padding:35px 40px; color:#333; background-color:rgba(255,255,255,.9); box-sizing:border-box;}
.landType2 .copyArea .titH1 {width:640px; margin:0 auto;}
.landType2 .bgImg > img {position:absolute; top:50%; left:50%; min-width:1400px; width:100%; min-height:500px; height:auto; z-index:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.landType2 .bgImg > .imgCont {position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height: 100%;}
.landType2 .bgImg > .imgCont img {width:100%; height:auto;}
.ie8 .landType2 .copyArea {position:relative; left:0; margin:-105px auto 0; background-color:#fff;}
/* type3 */
.landType3 {position:relative; min-height:230px; box-sizing:border-box; overflow:hidden;}
.landType3:before {display:block; content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(5,109,174,.8); z-index:1;}
.landType3 .copyArea {display:table; position:relative; width:100%; height:230px; color:#fff; text-align:center; z-index:2;}
.landType3 .copyArea > div {display:table-cell; vertical-align:middle;}
.landType3 .copyArea > div > * {max-width:760px; margin:0 auto;}
.landType3 .copyArea > div > .txt {margin:25px auto 0;}

.landType3 .bgImg > img {position:absolute; top:50%; left:50%; width:100%; z-index:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
/**/

/*=============================================== Print ==================================================*/
.printArea {padding-right:13px;}
.printArea .titH2 {margin-top:-60px; padding-top:60px}

.printBox .proc3 .refList {margin-top:10px}

/*=============================================== Loading ==================================================*/
.popWrap.loading .popCont .loadingWrap {display: block; background: rgba(0,0,0,0);}
.loadingWrap {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1200; box-sizing: border-box;}
.loadingArea {position:absolute; top:50%; left:0; right:0; margin-top:-15px; text-align: center}
.loadingArea .loading {background: url(../img/common/ico_loading.png) no-repeat center; background-size:30px; -webkit-animation: spin 1160ms infinite linear; animation: spin 1160ms infinite linear; width: 30px; height: 30px;}
.loadingArea .message {position: relative; top: -9px; left:10px}
.loadingArea .img {display: inline-block; width: 30px; height: 30px; padding-top: 5px; margin-right: 3px;}
.loadingWrap.white .loading {background: url(../img/common/ico_loading_white.png) no-repeat center; background-size:30px; }
.loadingWrap.white .message {color:#eee}
@-webkit-keyframes spin{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

/*=============================================== Error ==================================================*/
.errorInfo {margin-top:6px}
.errorInfo .titH3 {margin-top:40px;}
.errorInfo .sTxt {margin-top:20px;}

.btmGuide > p {text-align:center;}
.btmGuide .titC {margin-bottom:20px; text-align:center; font-size:38px}
.btmGuide .tel {display:inline-block; height:30px; padding-left:50px; background:url('../img/common/ico_tel2.png') no-repeat 0 0; line-height:30px; text-align:left}
.btmGuide .tel a {display:block;}

/*=============================================== Sitemap ==================================================*/
.sitemapWrap {margin-top:60px; padding:40px 0px 60px 40px; border:1px solid #ccc; background: #fff}
.sitemapWrap .titH3 {margin-top: 0}
.sitemapWrap .blueSkin {margin-top:20px; padding-top: 10px; border-top:1px solid #ccc}
.sitemapWrap .landAreaQuick {margin-top:-10px;}
.sitemapWrap .landAreaQuick > li {padding-right: 40px}
.sitemapWrap .landAreaQuick > li a:hover {color:#056DAE; text-decoration: underline;}

/*=============================================== Etc ==================================================*/
.star, .essential {display:inline-block; width:12px; height:12px; overflow:hidden; background: url('../img/common/ico_star.png') no-repeat 50% 4px;}
.txtLine {padding:20px 0; border-bottom:1px solid #ccc}
.estar {position:relative; margin-top:20px; padding-left:12px; color:#666;}
.estar:before {display:block; content:'*'; position:absolute; top:0; left:0;}
.comLogo {display:inline-block; width:70px; height:40px; margin-right:10px; background:url(../img/common/comLogo.png) no-repeat;}
.etcFunc {float:right; margin-top:-25px}
.etcFunc2 {float:right; margin-top:57px}
.embed body {background-color:#fff}
.bedges {position:absolute; display:inline-block; min-width:20px; max-width:45px; height:20px; padding:0 5px; background:#d60000; color:#fff; font-size:12px; text-align:center; border-radius: 50px; box-sizing:border-box; /*letter-spacing: -1px;*/ text-indent:-1px}

/*== Scroll ==*/
.scrollAuto {overflow:hidden; overflow:scroll; margin-top:20px}
.scrollAuto table {margin-top:0;}

.InnerScollY {overflow:hidden; overflow-y:scroll;}
.InnerScollY.mtb{margin-top:20px;margin-bottom:20px;}
.InnerScollY.mtb table{margin-top:0px;}

.scrollY {outline:rgba(0,0,0,0)} 
.scrollX {overflow:hidden; overflow-x:auto}

/*== Image ==*/
.imgWrap {text-align:center; background: 100% auto}
.imgWrap img {text-align:center;}
.imgReact{width:auto;height:auto;}
.imgReactAuto{width:auto;height:auto;}
.smartImgBox{margin:15px 0;}
/*지로 샘풀이미지*/
.imgArea.giro img{width:auto;height:auto;}
.imgArea {margin-top:60px; text-align:center;}
.imgArea img {width:100%; height:auto;}
/* 프로필 이미지 */
.imgProfile {display:inline-block; border-radius:50%; box-sizing:border-box; overflow:hidden;}
.imgProfile img {width:100%; height:100%;}

/* 이미지컨텐츠 */
[class^=conDiv] .imgConArea > .inBlock .txt,
.smallCnt .imgConArea {display:inline-block; width:100%; font-size:0;}
.smallCnt .imgConArea div {margin-left:-10px; margin-right:-10px; overflow:hidden;}
.smallCnt .imgConArea div > .inBlock {max-width:50%; padding:0 10px; box-sizing:border-box; vertical-align:top;}
.bgColorW .imgConArea div > .inBlock .txt {display:block; font-size:14px;}
.imgArrowR .imgWrap img {width:auto;}
/* 기타 */
.img + .olTxtList {margin-top:40px;}
/*== Icon ==*/
.icoRock {display:inline-block; width:10px; height:13px; background:url(../img/common/ico_rock.png) no-repeat; vertical-align:middle}
.icoImgFile {width:17px; height:20px; background:url(../img/common/btnImg_file2.png) no-repeat;}
.icoType strong {margin-top:0; font-weight:bold; color:#056dae;}
.icoType strong:before {content:""; display:inline-block; width:24px; height:29px; vertical-align:middle; margin-right:8px; background-image:url(../img/common/icoTit_branch.png); background-repeat:no-repeat; background-size:100%; background-position:0 0;}
.icoType strong.icoAtm:before {background-position:0 -29px;}
.icoType strong.titH4 {margin-top:0;}
/* [PRE] 160823 */
.icoIncrease,
.icoDecrease {position:relative; padding-left:15px; font-size:14px;}
.icoIncrease {color: #d60000 !important;}
.icoDecrease {color: #002a54 !important;}
.icoIncrease:before {display:block; content:''; position:absolute; top:50%; left:0; width:10px; height:8px; margin-top:-4px; background:url(../img/common/ico_updown_triangle.png) no-repeat 0 0; overflow:hidden;}
.icoDecrease:before {display:block; content:''; position:absolute; top:50%; left:0; width:10px; height:8px; margin-top:-4px; background:url(../img/common/ico_updown_triangle.png) no-repeat 0 -8px; overflow:hidden;}
.icoIncrease > span {position:absolute; overflow:hidden; margin:-1px; border:0; padding:0; width:1px; height:1px;}
.icoDecrease > span {position:absolute; overflow:hidden; margin:-1px; border:0; padding:0; width:1px; height:1px;}

[class*=finTitIco] {min-height:32px !important; padding-left:55px; background-repeat:no-repeat; background-position:0 3px; font-weight:normal !important;}
.finTitIco01 {background-image:url(../img/common/crdlanding_ico1.png);}
.finTitIco02 {background-image:url(../img/common/crdlanding_ico2.png);}
.finTitIco03 {background-image:url(../img/common/crdlanding_ico3.png);}

/*== Graph ==*/
.graphOpt.graphH2  {height:210px}
.graphOpt {overflow:hidden; margin-top:20px; padding:20px 20px 55px; background:#fff; box-sizing:border-box}
.graphOpt .formWrap{float:right}
.graphOpt .formWrap select.formControl {background-color:#eee}
.graphOpt.normal{padding:20px}
.graphOpt.pd0 {padding:0 !important}
.graphArea {display:inline-block; width:100%; height:5px; background-color:#d8d8d8; line-height:0; text-align:left; vertical-align:middle; overflow:hidden;}
.graphArea > span {display:inline-block; height:100%; background:url(../img/common/graph_bg.png) repeat-x 0 0;}
.graphArea.risk > span {display:inline-block; height:100%; background:url(../img/common/graph_bg2.png) repeat-x 0 0;}

.btnImgGraph {width:19px; height:18px; background:url(../img/common/btnImg_graph.png) no-repeat 0 0;}

.graphWrap {overflow:hidden; background:#fff; text-align:center}
.graphWrap:after {content:''; display:block; clear:both;}
.graphWrap p {margin-top:20px; text-align:left;}
.graphWrap [class^=graphCon] {float:left; width:50%; padding-right:10px; box-sizing:border-box;}
.graphWrap .graphConLeft {padding-right:10px;}
.graphWrap .graphConRight {padding-left:10px;}
.graphWrap .noResultArea {margin-top:0; padding:70px 50px 0; border:0 none; background-position:center center; box-sizing:border-box;}

/*== Banner ==*/
.bnrArea {margin-top:60px; background-color:#ccc; text-align:center;}
.bnrArea img {width:100%; height:auto;}

/*== Fileupload ==*/
.fileBox {position:relative}
.fileBox label {position:absolute; top:16px; right:-57px; color:#056dae; cursor:pointer }
.fileBox input[type="file"] {position:absolute; width:1px; height:1px; margin-left:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0}

/*== Interval/Line ==*/
.txtLine + .titH5, 
.txtLine + .txtC5{margin-top:30px}
.searchArea + .btnArea {margin-top:25px; border-top:1px solid #999}
p + .whiteWrap.txtColum.noOutLine {margin-top:0}
.inlineBar {display:inline-block;}
.inlineBar > span, .inlineBar > a {margin-right:20px;}
p + .inlineBar {margin-top:40px}
.quickSearchWrap + .funcGroup {margin-top:60px;}
.tit + .qnaList {margin-top:20px;}
.wl .txtList{margin-top:0;}
.row .titH4{margin-top:40px; line-height:24px !important}
.byteInfo{margin-top:5px; font-size:12px; color:#666}
.txt + .txtList{margin-top:20px}
.etcAlign {padding-top:3px; vertical-align:top}
.relationArea .btnGroup{display:inline}
.searchArea .btnType1 {min-width:220px}
.searchArea .relatedInfo .btnType1{min-width:50px}
.row + .accountList {margin-top:5px;}
.row + label.sTxt{margin-top:10px}
.row + .funcGroup,
.row + .funcGroup .funcTxt, 
.sInpTxt + .inputGroup.horizontal > .formWrap,
.sInpTxt + .inputGroup.horizontal > .formWrap:first-child{margin-top:0}
.priceArea em {display:block;}
.priceArea span {color:#666; font-size:12px;}
.txtIptLabel.brdT {margin-top:5px !important; padding-top:15px;}
.tit + .allSrchArea {margin-top:20px;}


/*== ie8 ==*/
.ie8 input[type="radio"],.ie8 input[type="checkbox"] {position: static; opacity: 1; margin-right:8px;}
.ie8 input[type="radio"]+label:before, .ie8 input[type="checkbox"]+label:before {display: none;}
.ie8 input[type="radio"].checked~.formWrap, .ie8 input[type="checkbox"].checked~.formWrap {display: block;}
.ie8 .termsAgree div > input[type='radio'] + label {margin-left:0;}
.ie8 .popWrap, .ie8 .loadingWrap {background: url('../img/common/bg_popup.png') repeat 0 0;}
.ie8 .tooltip {background: #ddd}
.ie8 .loadingWrap .loading, .ie9 .loadingWrap .loading {display: none;}
.ie8 .formWrap .essenText {display: none}

/*== ie9 ==*/
.ie9 .formWrap .txtIptLabel {opacity: 1} 
.ie9 .formWrap .essenText {background: #fff}

.videoArea {padding:0 0 40px 426px; border-bottom:1px solid #999;}
.videoArea:after {content:''; display:block; clear:both;}
.videoArea > .video {position:relative; float:left; left:-426px; width:406px; height:302px; margin-right:-426px; border:1px solid #7d7d7d; box-sizing:border-box;}
.videoArea > .text {float:left; width:100%; height:306px; padding:20px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box; overflow-y:auto;}

/*== isMobile : only 모바일 ==*/
.mHidden {opacity:0;}
.mHidden.on {opacity:1;}
.isMobile .mHidden{display:none !important;}
.isMobile .mView{display:block !important;}
.mView{display:none !important;}

.isMobile .crdList .titArea {float:none; width:100%;}
.isMobile .crdList .titH2 {display:none;}
.isMobile .crdList .titArea p {margin-top:0; margin-bottom:25px;}
.isMobile .crdList ul {float:none; width:100%;}
.isMobile .crdResultArea .crdList li {width:50%; padding:0 15px;}
.isMobile .crdList .btnType1 {position:static; width:100%;}

.isMobile .crdResultArea .crdList .titH2 {display:block;}
.tm {display:none;}
.isMobile .pc {display:none;}
.isMobile .tm {display:block;}

/* 모바일 이미지 고도화 */
.isMobile .formWrap select.formControl {background-image: url(../img/m/ico_select_arrow.png) no-repeat right 14px center; background-size:14px 8px; padding-right:30px}
.isMobile .footer .formWrap select.formControl {background-image:url(../img/m/ico_selectF_arrow.png); background-size:10px 6px;}
.isMobile [class^=btnType][class*=arrow]:before {background-image:url(../img/m/btnIco_arrow.png) !important; background-size:8px 56px;}
.isMobile .txtList > li:before {background-image:url(../img/m/ico_circle.png); background-size:cover;}
.isMobile .msgArea {background-image:url(../img/m/msg_success.png); background-size:63px 62px;}
.isMobile .msgArea.msgFail {background-image:url(../img/m/msg_fail.png) !important; background-size:63px 62px;}



/*-------------------------------------------------------------------------------------------------------
===============================				 [미디어쿼리]					=================================
--------------------------------------------------------------------------------------------------------*/
@media (min-width:987px) and (max-width:1300px){
	/*=========================================== Landing List ==============================================*/
	.lnbWrap > .cntArea .conDivArea  .btnType1, .lnbWrap > .cntArea .conDivArea .btnType4 {width:100%; min-width: 0;  margin:0}
}

@media screen and (max-width:1200px){
	/*=========================================== Landing List ==============================================*/
	.landingList > li {width:50%;}
	
	.landAreaBlock.customerCnt > li {min-height:195px;}
	
	.conDivBox.crdPremList > li,
	.conDivBox.finance > li,
	.conDivBox.prodBox > li,
	.conDivBox.dntn > li,
	.conDivBox.landingList.card > li{width:50%;}
	
}

/* 카드 상세 상단 비쥬얼 영역 */
@media screen and (max-width:1024px){
	/*============================================== Form ================================================*/
	/*가상키보드위치 추가*/
	.keyboardRight{left:0px;}
	/* groupArea */
	.groupArea .relatedInfo.mlTm{margin-left:10px;}
	
	/*===================================== Step/Box/List:ConDiv- ========================================*/

	/*== 상품리스트 [예금,펀드,외화 상품공통] ==*/
	.prodArea .contBlock > li > .btnAreaW .btnArea {height:60px; padding:20px 0 0 20px}
	.prodArea .contBlock > li > .btnAreaW .check,
	.prodArea .contBlock > li > .btnAreaW, .prodArea .contBlock > li > .btnAreaW .btnArea {text-align:left}
	.prodArea .contBlock > li > .btnAreaW .btnType1 {min-width:100%}
	/*== 상품리스트 [예금,펀드,외화 상품개별] ==*/
	/* 예금,외환 */
	.prodArea .contBlock.otp3 > *:nth-child(1) {width:20%; padding-left:0;}
	.prodArea .contBlock.otp3 > *:nth-child(2) {width:80%}
	.prodArea .contBlock.otp3 > *:nth-child(3),
	.prodArea .contBlock.otp4 > *:nth-child(4) {float:right; width:100%; padding-left:20%}
	/* 펀드 */
	.prodArea .contBlock.otp4 > *:nth-child(1) {width:20%}
	.prodArea .contBlock.otp4 > *:nth-child(2) {width:25%}
	.prodArea .contBlock.otp4 > *:nth-child(3) {width:55%}
	
	.prodBox .check,
	.crdCompare .search .hiddenMb,
	.prodArea .contBlock > li > .btnAreaW .check {display:none !important;}
	
	[class^=conDiv].div4 > li {width:50%;}
	.conDivLine.div4 > li:nth-child(odd) .block {padding:0 25px 0 0;}
	.conDivLine.div4 > li:nth-child(even) .block {padding:0 0 0 25px;}
	
	
	/*=========================================== Landing List ==============================================*/
	/*== JSP반영 후 삭제
	.landingList.landCom .prodTit .tit {height:72px !important}
	.landingList.landCom .block .check {display:none}
	JSP반영 후 삭제  ==*/
	
	/*=========================================== Slider/ShowCase/Banner ==============================================*/
	/* showcase 상품상세공통 써머리 */
	.showcase .contain {min-height:320px;}
	/* showcase 슬라이드 */
	.showcase.minimum .contain {min-height:220px;}
	
	/*=========================================== Full Visual ==============================================*/
	/* type3 */
	.landType3 .bgImg > img {min-width:1400px;}
	.landType3 .copyArea > div > * {max-width:642px;}
	/*=============================================== Etc ==================================================*/
	/*== Image ==*/
	.imgReactAuto{width:auto !important;height:auto !important;}
	.smartImgBox{display:block;}
	/*== isMobile : only 모바일 ==*/
	.isMobile .formWrap .formControl.datepicker {padding-right:0;}
	.isMobile .post .navInbank {display:none;}
	
	/*== 프로모션 type F ==*/
	.visualBann.imgFixed .img {width:50%;}
	.visualBann.imgFixed .inner {padding-left:40px; width:50%;}

}

/* tablets & mobile */
@media screen and (max-width:987px){
	/*=========================================== Button ==============================================*/
	/* 이미지 버튼 */
	.btnImgLink {background:url(../img/m/btnImg_link.png) no-repeat center center; background-size:8px 14px;}
	/*== links ==*/
	.linksGroup .dropDown {right:auto; /*left:0; 드랍다운메뉴 정렬 안맞는것 때문에 우선 주석처리 해봄*/}
	/* 랜딩 속 버튼영역 사이즈 모자랄 때 */
	.btnArea .col_tm_12 [class^=btnType] {margin:10px 0 0;}
	.btnArea .row > .col_tm_12:first-child [class^=btnType] {margin:0;}
	
	/* [PRE] 160902 고객센터 상품공시실 */
	.btnImgFile{width:auto; height:auto; background:none !important;}
	.btnImgFile .blind { position:relative; overflow:visible; margin:0; width:auto; height:auto; font-size:14px;}
	/* .btnImgFile.tmTransTxt {width:auto; height:20px !important; background-image:url(../img/common/btnImg_file.png) !important; background-position:-16px -15px; background-repeat:no-repeat;}
	.btnImgFile.tmTransTxt .blind {position:relative; width:auto; height:auto; margin:0; padding-left:24px; overflow:visible;}*/
	
	/*============================================== Form ================================================*/
	/* 공지사항 - 검색영역 */
	.formArea.searchWrap {margin-top:10px; padding:0 0 10px 0}
	.formArea.searchWrap.mb50 {margin-bottom:50px !important;}
	.searchWrap.formArea.acco .detailAccordion  {bottom:-33px}
	
	/*=========================================== Table ==============================================*/
	table.extend tr.none,
	table.extend.rp tr.none {display: none}
	table.extend.true tr.none,
	table.extend.rp.true tr.none {display:block; width:100%}
	.tableX + .tableX {margin-top:30px}
	/* 통합검색 테이블 */
	.tblList td .block{display:block}
	.tblList td .block > *{display:block}
	.tblList td .block > .title{width:100%; max-height:43px; overflow:hidden}
	.tblList td .block > .date{width:90px; padding-left:0; text-align:left}
	
	.tblList td .block > .company{min-width:10px; }
	.tblList td .block > .tel{min-width:10px; padding-left:0;}
	.tblList td .block > .addr{width:100%; padding-left:0;}
	
	/* layout table */
	table.layout {opacity: 0;}
	table.layout.tblAct {opacity: 1;}
	table.layout.rp tbody > tr:first-child td {border:none;}
	table.layout.rp, table.layout.rp thead, table.layout.rp tbody, table.layout.rp tr, table.layout.rp td, table.layout.rp th {display: block}
	table.layout.rp {width:100%;}
	table.layout.rp tbody {width:100%;}
	table.layout.rp tr {width:100%; overflow: hidden; display: table}
	table.layout.rp tr:before,table.layout.rp tr:after {content:""; display:table}
	table.layout.rp tr:after {clear: both}
	table.layout.rp td, table.layout.rp th {float:left; box-sizing: border-box;}
	table.layout.rp tr > th, .tableY tr > td {padding-left:0;}
	table.layout.rp tbody > tr td {border-top:none; border-bottom: none; min-height: 50px}
	table.layout.rp td:nth-child(odd) {font-weight: normal;}
	table.layout.rp td:nth-child(1), table.layout.rp td:nth-child(4) {font-weight: bold;}
	table.layout.rp td:nth-child(1), table.layout.rp td:nth-child(2) {border-top: 1px solid #d8d8d8}
	table.layout.rp td.border {display:block; width:100%; height: 1px; min-height: 0; background: #d8d8d8; padding: 0; margin:0; }
	table.layout.rp td {padding-right:0;}
	table.layout td {width:50%}
	
	/* tableX */
	table.tableX {opacity: 0;}
	table.tableX.tblAct {opacity: 1;}
	.tableX .noResultArea {margin-top: -16px; margin-bottom: -16px; padding: 83px 0 30px; background:url(../img/common/ico_result.png) no-repeat center 32px; border-top: 1px solid #999;}
	
	/*========================================= Mobile Table ============================================*/
	.mTableX .itemList.checkbox {position:relative; padding-left:30px;}
	.mTableX .itemList.checkbox > input[type="checkbox"] {position: absolute; top:17px; left:0; z-index: 100}
	
	.mTableX.acco .itemList {position: relative;}
	.mTableX.acco .itemList .accordion {position: absolute; top:7px; left:0;}
	.mTableX.acco .itemList.on {background: #fff;}
	.mTableX.acco .itemList.checkbox {padding-left:75px}
	.mTableX.acco .itemList.checkbox > input[type="checkbox"] {left:40px}
	
	.mSideAlign .sideWrap.acco {position: relative; display: block; width:auto; padding-left: 45px; padding-right: 15px}
	.mSideAlign .sideWrap.acco.on {background: #fff;}
	.mSideAlign .sideWrap.acco .wrap {display: table; position: relative}
	.mSideAlign .sideWrap.acco .leftInfo {width:auto;} 
	.mSideAlign .sideWrap.acco .rightInfo {display: block; width:auto;}
	.mSideAlign .sideWrap.acco .accordion {position: absolute; top: -10px; left: -45px;}
	.mSideAlign .sideWrap.acco .accordion {position: absolute; top: -10px; left: -45px;}
	.mSideAlign.checkbox .sideWrap.acco .accoContents {padding-left:30px;}
    
	.mSideAlign .sideWrap.acco .accordion.plus:before,
	.mTableX.acco .itemList .accordion.plus:before {height:20px; width:20px; background: url(../img/m/btn_plus.png) no-repeat center 0; background-size: 100% auto; margin: -10px 0 0 -10px; transition: none}
	.mSideAlign .sideWrap.acco.on .accordion.plus:before,
	.mTableX.acco .itemList.on .accordion.plus::before {background-position: center bottom; transition: rotate(0deg); -webkit-transform: rotate(0deg);}
	
	.mTableX .formWrap.col_mb_12, .mTableX .formWrap.col_tm_12 {padding-left:0; padding-right: 0;}  
	.mTableX .formWrap.nonLabel label {display: none;}
	.mTableX .itemList:last-child {border-bottom: 1px solid #999;}
	.accoContents .mTableX {margin-top:0;}
	/* .accoContents .mTableX .itemList:last-child {border-bottom: none}  */
	/* mSideAlign */
	.mSideAlign .sideWrap {display: table; width: 100%; padding-top:20px; padding-bottom:20px; border-top:1px solid #ccc; color:#333; font-size:14px;}
	.mSideAlign .sideWrap:first-child {margin-top:20px; border-top:1px solid #8f8f8f;}
	.accoContents .mSideAlign .sideWrap:first-child {margin-top:0;}
	.mSideAlign .sideWrap:last-child {padding-bottom:20px; border-bottom:1px solid #8f8f8f;}
	.mSideAlign .sideWrap .leftInfo {display: table-cell; width:55%; vertical-align: middle}
	.mSideAlign .sideWrap .leftInfo li {text-align: left;}
	.mSideAlign .sideWrap .rightInfo {display: table-cell; width:45%; vertical-align: middle}
	.mSideAlign .sideWrap .rightInfo li {text-align: right;}
	.mSideAlign.w100 .sideWrap .leftInfo {width:100%;}
	.mSideAlign.w100 .sideWrap .leftInfo .prdTxtInfo .sTxt {display: block;}
	.mSideAlign.w100 .sideWrap .linksGroup {margin-top:10px;}
	
	.mTableX .mIptMove .formWrap {margin-bottom:0;}
	.mTableX .mIptMove .onTM .txtIptLabel {margin-top:7px}
	.mIptMove .ui-datepicker-trigger {right:0}
	.mTableX .links, .mSideAlign .links {display: inline-block;}
	/*============================================= Paging ================================================*/
	.pagingArea .relatedWrap {min-width:200px;}
	/*.pagingArea .relatedTxt {min-width:55px;}*/
	/*.pagingArea .formWrap {width: 115px;} 테블릿에서 셀렉트 숫자 안보여서 우선 삭제*/
	
	/*=========================================== Box ==============================================*/
	/* guideArea */
	.msgInput.groupArea span.mtm1{margin-top:-10px;width:100%;}
	/* whiteBox */
	.whiteBox .imgWrap img {width:100%; height:auto}
	.whiteBox .icoType .icoIniqSelf01:before {background:url(../img/m/ico_keylock.png) no-repeat right top; background-size:40px;}
	.whiteBox .icoType .icoIniqSelf02:before {background:url(../img/m/ico_idpicture.png) no-repeat right top; background-size:48px;}
	.whiteBox .icoType .icoIniqSelf03:before {background:url(../img/m/ico_login.png) no-repeat 100% 0; background-size:50px;}
	.whiteBox .icoType .icoIniqSelf04:before {background:url(../img/m/ico_phoneLogin.png) no-repeat 100% 0; background-size:50px;}

	/*=========================================== Popup ==============================================*/
	.popContain {width: 100%; padding-left:30px; padding-right: 30px}
	
	/*=========================================== List ==============================================*/
	/* detailsList */
	.detailsList li > span {width:45%;}
	.detailsList li > strong {width:55%; padding-left:5px; box-sizing:border-box; text-align:right;}
	
	/*=========================================== Tooltip ==============================================*/
	.tipOpen .popup .popCont .scroll .formArea, .popup .popCont .scroll .formArea.visible {overflow-x: visible}
	.tipOpen .infoListLine .accoContents {overflow: visible}

	/*=============================================== Accordion ==================================================*/
	.accordion:before {background: url(../img/m/btnImg_accordion.png) no-repeat 0 0; background-size:14px 8px;}
	/* 플러스마이너스 */
	.infoListLine.acco li .accordion.cntPlus:before {background:url(../img/m/btn_cnt_plus.png) no-repeat 0 0 !important; background-size:10px 10px !important;}
	.infoListLine.acco li.on .accordion.cntPlus:before {background:url(../img/m/btn_cnt_minus.png) no-repeat 0 0 !important; background-size:10px 10px !important;}
	
	/*=========================================== Slider/ShowCase/Banner ==============================================*/
	/* 랜딩비쥬얼 : landModule - 슬라이드내 */
	.landModuleWrap .landCont{min-width:320px;}
	
	/* showcase 슬라이드 */
	.slide {margin-top:25px !important;}
	.slide .showcase .contain,
	.slide .showcase.minimum .contain {padding:0 0 60px 0}

	.showcase .contain .goodsImg img {height:100%;}
	/* showcase 슬라이드 컨트롤러 */
	#crdCdptMallBanner .swiper-control,
	#efsBnsvBanner .swiper-control,
	#efsSmsvBanner .swiper-control,
	#cusFncnBanner .swiper-control {text-align:left; padding:0 20px 0 35px; bottom:40px;}
	
	/* 팝업안의 약관동의 */
	.popWrap .scroll .termsAgree .txt,
	.popWrap .scroll .infoListLine.terms li.on .termsAgree .txt {width:100%;}
	.popWrap .scroll .termsAgree .txt + div, 
	.popWrap .scroll .infoListLine.terms li.on .termsAgree .txt + div {width:100%;}
	
	/* popCheck */
	.popCheckClose {padding-top:20px;}
	
	/*== 프로모션 type F ==*/
	.visualBann .inner {padding:20px;}
	.visualBann .titH3 {font-size:19px}
	/* 이미지고정 */
	.visualBann.imgFixed .img {width:50%;}
	.visualBann.imgFixed .inner {padding:20px;}
	
	
	/*============================================= Alert ================================================*/
	.mAlert .popContain {display: table; height:100%;}
	.mAlert .popup {display: table-cell;}
	/*===================================== Step/Box/List:ConDiv- ========================================*/
	.landList.div3 > li {width:50%;}
	/* type2 */
	.landType2 .copyArea {width:100%; padding:0 25px;}
	.landType3,
	.landType3 .copyArea {/*height:auto; min-height:210px;*/}
	.landType3 .titH1 {font-size:30px;}
	
	.conDivBox > * > .block.imgFixed {padding-left:25px !important; padding-right:25px !important;} /* 이미지 짤리거나 밖으로 나갈때 사용 */
	.conDivBox > * > .block.imgFixed > .inner > img {width:100%}
	
	.imgDscArea.onLounge {padding:0 0 0 245px;}
	.imgDscArea.onLounge:before {display:none;}
	.imgDscArea.onLounge > .btnArea {position:static; clear:both; width:100%; margin-top:20px; margin-left:0; padding:20px 0; border-top:1px solid #ccc;}
	/* 관련상품 */
	.relatedService {padding:0 4.15%; margin-top:25px;}
	.relatedService.brdT {padding-top:40px;}
	.relatedService.brdB {padding-bottom:40px;}
	.relatedService .imgDscArea .btnArea [class*=btnType] {min-width:0;}
	/* 인증 관련 */
	.certify .btnArea {padding-top:10px; max-width:100%;}
	.certify .conDivLine[class*=div] > li > .block {padding:0 25px;}
	.certify .conDivLine.div2 > li:nth-child(odd) > .block,
	.certify .conDivLine.div3 > li:nth-child(3n+1) > .block {padding:0 25px 0 0;}
	.certify .conDivLine.div2 > li:nth-child(even) > .block,
	.certify .conDivLine.div3 > li:nth-child(3n) > .block {padding:0 0 0 25px;}
	.bgColorW .certify {margin-left:-25px; margin-right:-25px;}
	.bgColorW .certify .conDivLine[class*=div] > li > .block {padding:0 25px !important;}
	/*카드*/
	.conDivBox.finance .block{padding:30px 20px 10px}
	.conDivBox.finance .detail li > div {min-width:140px; padding-left:10px; }
	.conDivBox.finance .extraService.total3 li{width:100%; margin-top:10px; height:auto}
	.conDivBox.finance .extraService.total3 li:first-child{margin-top:0}
	.conDivBox.finance .extraService.total3.none100 li {width:33.3333%; margin-top:0;}
	.conDivBox.finance.btnFix .block {padding-bottom:140px;}
	.conDivBox.finance.btnFix .block .btnArea {position: absolute; bottom: 10px; left:30px; right: 30px;}
	
	/*=========================================== Landing List ==============================================*/
	.landAreaQuick .txtList li {width:100%;}
	.landingList.finance .detail li > div {min-width:140px; padding-left:10px; }
	.landAreaBlock.customerCnt > li {padding:40px 10px;}
	/*========================================= Goods Area/Summary ============================================*/
	.crdConLon .itemList.div2 li {width:100% !important; padding:20px 0 0 0 !important; border-left:0 none;}
	.crdConLon.master .itemList li {width:66.6667% !important; padding:20px 0 0 0 !important;}
	/*========================================= Contents Visual ============================================*/
	/* heroModule : 컨텐츠 비쥬얼 이전 디자인 버전 - heroModuleWrap 클래스만 사용중 */  
	.heroModuleWrap{}
	.heroModuleWrap .heroImgWrap{height:auto; max-height:180px; margin-bottom:-30px; }
	.heroModuleWrap .heroImgWrap img{position:relative; height:auto; top:auto; bottom:0}
	.heroModuleWrap .heroContWrap{position:relative; width:100%; padding:0 30px 20px; transform:translateY(0%); -webkit-transform:translateY(0%); box-sizing:border-box}
	.heroModuleWrap .heroCont{display:block; min-width:320px; max-width:987px; padding:20px; }

	/* heroModule :blue*/  
	.heroModuleWrap.blueBg .heroCont{color:#fff; background:#056dae}
	
	/* bannerModule */
	.bannerModuleWrap .bannerModule {min-height:470px;}
	.bannerModuleWrap .bannerImg {bottom:0; height:auto;}

	.bannerModuleWrap .bannerContWrap {padding:0 20px;}
	.bannerModuleWrap .bannerCont {width:100%;}
	
	
	/*=============================================== Etc ==================================================*/
	/* img */
	.img + .olTxtList {margin-top:20px;}
	/*== isMobile : only 모바일 ==*/
	.isMobile .post .navInbank {display:block;}
	
	/* 버튼넓이 초기화 */
	.btnArea.lign.tb [class^=btnType] {min-width:initial;}
	
	.btnArea.side.clfix .btnType1 {float:none; margin-left:0}
	.btnArea.side.clfix .btnType1 {width:100% !important;}
	
	/*== Video ==*/
	.videoArea {padding:0 0 40px 0;}
	.videoArea > .video {float:none; left:0; width:100%; height:auto; margin-right:0;}
	.videoArea video {height:auto !important;}
	.videoArea > .text {float:none; margin-top:20px;}
	
	/* 상품관련 */
	.prodArea .choiceList li > span img {display:block; margin:5px auto 0;}
}


/* only tablets */
@media screen and (min-width:768px) and (max-width:987px){
	/*=========================================== Landing List ==============================================*/
	.landing {margin-top:0}
	.landing > ul > li {width:50%;}
	.landing > ul > li:nth-child(9) > div {height:531px;}

	/*========================================= Progress Move bar ============================================*/
	.progressBarBox{padding:30px 40px 0}
	
	/*========================================= popup ============================================*/
	.popWrap .popCont {min-width:330px;}
}


/* only mobile */
@media screen and (max-width:767px){
	/*======================================= Margin/Padding ==========================================*/
	.etcSpMb {margin-top:20px}
	/* 텍스트배너 */
	.txtBnn {margin-top:30px !important;}
	.conBoxMt{margin-top:0 !important;}
	.mAl{text-align: left !important;}
	
	/*=========================================== Button ==============================================*/
	/* 이미지 버튼 */
	.btnImgPrint2 {background:url(../img/m/btnImg_print2.png) no-repeat 0 0 !important; background-size:22px 18px !important;}
	.btnImgDown {background:url(../img/m/btnImg_download.png) no-repeat 0 0 !important; background-size:21px 17px !important;}
	.btnImgView {background:url(../img/m/btnImg_view1.png) no-repeat 0 0 !important; background-size:16px 19px !important;}
	.btnImgExs {background:url(../img/m/btnImg_exs.png) no-repeat 0 0 !important; background-size:18px 19px !important;}
	.btnImgGraph {background:url(../img/m/btnImg_graph.png) no-repeat 0 0 !important; background-size:19px 18px !important;}
	
	.btnArea .btnType2.hiddenMb {display: none !important}
	.btnArea .btnType2.visibleMb {display:inline-block;}/* 현재 css가 적용안되고 있는 것 같음 */
	.landingList .btnArea .btnType2.visibleMb {display:inline-block !important; width:auto !important; margin-top:0;}
	
	/* 버튼 */
	.btnArea {padding-top:10px;}
	.btnArea [class^=btnType] {width:100%; margin:10px 0 0;}
	.btnArea.side .btnType1 {width:100% !important;}
	.btnArea.ac [class^=btnType] {margin:10px 0 0;}
	/*[class^=btnType][class*=arrow] {padding:0 48px;} 모바일에서 버튼 화살표 간격이 안맞는다고 해서 수정, 아래것까지 2017-02-13*/ 
	.btnType2.arrowR:before {/*right:20px;*/right:0px;}
	.btnType2.arrowL:before {/*left:20px;*/left:0px;}
	[class^=btnType2][class*=arrow] {padding-left:0;}
	[class^=btnType2][class*=arrowL]:before {position:static; display:inline-block; margin:-3px 10px 0 -20px; padding-top:0; vertical-align: middle;}
	[class^=btnType2][class*=arrowR]:before {display:none}
	[class^=btnType2][class*=arrowR]:after{content:''; display:inline-block; position:absolute; top:50%; width:8px; height:14px; margin:-6px 0 0 10px; 
	background-image: url(../img/m/btnIco_arrow.png); background-repeat:no-repeat;  background-position: 0 -14px; background-size: 8px 56px; overflow: hidden;}
	/* 버튼구분선(btnType2) */
	.btnDivider {display:block; overflow:hidden;}
	.btnDivider .btnType2 {position:relative; overflow:visible; margin-left:0;}
	.btnDivider .btnType2:after {right:auto; display:inline-block; width:8px; height:14px; margin-top:-6px; border-right:0;}
	.btnArea + table,
	.btnArea + .infoListLine {margin-top:30px;}
	/* 161012 popup .buttonGroup.numberous */	
	.btnArea + .buttonGroup.numberous {margin-top:40px;}	
		
	/* btnArea */
	.btnArea.brdT {margin-top:20px;}
	.isMobile .btnArea.mb button{width:100%;}
	/* buttonGroup */
	.buttonGroup {margin-top:0; margin-bottom:10px;}
	
	/*=========================================== Title/Text =============================================*/
	/* 타이틀 */
	.titH1 {font-size:30px;}
	.titH2 {margin-top:0; font-size:23px; font-weight:bold;}
	.titH3 {margin-top:25px; font-size:19px;}
	.titH3 .small {display:block; margin-top:15px; font-size:16px;}
	.titH4 {font-size:16px;}
	.titH3 + .formArea {margin-top:15px;}
	
	.titH2 + .titH3 {margin-top:25px;}
	.titH2 + .noticeArea, .titH2 + .bannerModuleWrap, .titH2 + .progIndicator {margin-top: 25px}
	.titH2 + .formArea {margin-top:20px;}
	.fullVisual + #content .prgIndicator {margin-top:0px;}
	[class*=titH] + .txtList + .guideArea {margin-top:30px; margin-bottom:0;}
	
	/* 타이틀 옆 소타이틀 */
	.titH3 > .sTxt {display:block; margin-top:15px;}
	.titH3 > .small,
	.titH4 > .small {display:block; margin-left:0;}
	.titH2 + .txtList {margin-top:30px;} /* 타이틀 다음에 마진을 갖는 요소 */
	.titH2 + .viewWrap {margin-top:30px !important;} /* 타이틀 다음에 마진을 갖는 요소 */
	/*============================================== Form ================================================*/
	/* multiple */
	.formWrap.multiple {margin-top:15px;}
	.formWrap.multiple .formControl {height:auto; border-radius:6px;}
	/*label*/
	.formWrap.eMail .txtIptLabel{display:inline-block;white-space:normal;}
	.formWrap .formControl {padding:10px 15px;}
	.formWrap.unit .unit {padding:10px 20px;}
	.formWrap + .inputGroup.horizontal {margin-top:0;}
	.formWrap.nonLabel.useLabelMb.isFocused .txtIptLabel, .formWrap.nonLabel.useLabelMb.hasValue .txtIptLabel {opacity:1 !important}
	
	/*키보드보안 버튼 삭제*/
	/*.formWrap.virInpWrap button{width:1px;}*/
	.formWrap.virInpWrap .virImgIco{background:none;width:1px;heignt:1px;}
	.virInpWrap .virImgIco{right:15px;}
	
	/* 20160929 CusIvinCnts0402&MndTrimGnrl0100 */
	.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] {margin-top:0; padding-top:0;}
	.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] .formWrap {margin-bottom:14px;}
	.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] .formWrap + .tip {vertical-align:middle;}
	.formWrap[class*=col_] + .inputGroup.horizontal[class*=col_] .formWrap + .tip .tipWrap {margin-top:-11px;}
	
	.formWrap .formControl {padding:10px 10px;}
	.formWrap select.formControl {padding-right:40px; background-position:right 10px center;}
	.formWrap .formControl.datepicker {padding-right: 0; white-space: nowrap;}
	
	/*매월 select 선택*/
	.iptNumWrap.mon .fl .relatedInfo{height:50px;margin-bottom:15px;padding-top:5px;}
	
	/* 검색 아코디언 */
	.formArea.acco {margin-bottom:5px; padding-bottom:32px;}
	.formArea.acco .detailAccordion {position:absolute; width:100%; bottom:10px; text-align:right }
	
	.formArea + .btnArea {margin-top:5px;}
	.formArea + .titH3 {margin-top:5px; padding-top:25px;}
	.formArea .guideArea.check {margin-bottom:20px;}
	.formArea .funcGroup [class^=func] {margin-top:8px;}
	
	.relatedInfo .formWrap{padding-top:20px;}
	.col_mb_12 .relatedInfo {height:auto; margin-bottom:12px; padding-top:0;}
	
	.phoneWrap.nation .formWrap {width:33.333333%}
	.phoneWrap.nation .formWrap:first-child {width:100%;}
	.phoneWrap.nation .formWrap:first-child .formControl {border-radius:6px; margin-bottom:-20px}
	.phoneWrap.nation .formWrap select {box-sizing:border-box; border-left-color:#fff; border-top-left-radius:6px;  border-bottom-left-radius:6px}
	.phoneWrap.nation .formWrap select:focus, .phoneWrap.nation .formWrap.isFocused select {border-color:#056DAE}
	.labelWrap + .row .phoneWrap .formWrap label, .labelWrap + .phoneWrap .formWrap label {display: inline-block;}
	.labelWrap + .row .phoneWrap .formWrap:first-child label, .labelWrap + .phoneWrap .formWrap:first-child label {display: block;}
	.cntArea .phoneWrap.col_mb_12 {width: 100%}  
	
	/*input 소숫점 박스 */
	.pointBox div:first-child{width:62%;}
	.pointBox div:last-child{width:28%;}
	
	/*대출상담신청 > 직장인신용대출증액신청*/
	.groupArea.workcom .row .formWrap{margin-bottom:10px;}
	.groupArea.workcom .relatedInfo{margin-bottom:10px;}
	/*송금환율 input*/
	.groupArea.fxd .fxdList{margin-top:0px;}
	.groupArea.fxd .fxdList.wd{margin-top:0px;}
	.groupArea .formWrap + .inputGroup.horizontal{margin-top:0;}
	
	.formWrap.isFocused .placeText {padding-left:10px}
	[class*=col_].formWrap > .placeText, [class*=col_].formWrap > .essenText {padding-left:20px}
	
	/*가상키보드위치 추가*/
	.keyboardRight{left:0px;}
	
	/* 공지사항 */
	.searchWrap.formArea.acco{padding-bottom:10px}
	.searchWrap.formArea.acco .searchArea {margin-top:10px;}
	
	/*캘린더 모바일추가*/
	.isMobile .formWrap .formControl.datepicker {padding-right:0;}		
	
	/*=========================================== Table / Paging ==============================================*/
	/*== table ==*/
	/* .tableX + .tableX,
	.tableY + .tableX {margin-top:30px;} */
	/* table */
	table.tableX.tblList td {width:auto;}
	table .txtInfo {width:100%;}
	table .txtInfo span:first-child {padding-top:0;} 
	table .txtInfo span > em.icoNew {display:inline-block}
	table .evtImg, table .evtImg img {width:91px; height:auto;}
	
	.tableX th.first, .tableX td.first, .table th.first, .table td.first {padding-left:10px;} 
	table .cms {width:auto;}
	.scrollX table {min-width:730px;}
	
	/*== paging ==*/
	.pagingArea .paging {margin-top:0}
	.pagingArea + .visualBann {margin-top:34px;}
	.pagingArea + div .tabFilter.fnd {margin-top:34px; margin-bottom:0px; padding-top:50px; border-top:1px solid #c0c0c0;}	
	
	/*=========================================== Box ==============================================*/
	/* guideArea */
	.guideArea.inlineInput .msgInput .formWrap{width:95px;}
	.msgInput.groupArea span.mtm2{margin-top:-10px;}	
	.guideArea {margin-top:30px; padding-left:50px;}
	
	.guideArea.agree p,
	.guideArea.agree .btnArea{display:block;}
	.guideArea.agree .btnArea{margin:0 0 0 0; text-align:center}
	
	/* msgArea */
	.msgArea.icoInput .iptNumWrap {position:absolute; left:50%; width:243px; margin-left:-120px;}
	.msgArea.icoInput .iptNumWrap .col_mb_3 {width:33% !important}
	
	.msgArea {margin-top:25px; background-position:center 40px;}
	.msgArea + table{margin-top:30px;}
	
	.msgArea.msgSmall {padding:20px;}
	/* formArea(고민중) */
	.msgArea + .txtList + .txtList + .formArea.brdB {margin-top:0px; padding-top:5px;}
	
	/* multiBoxWrap */
	.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox .multiBoxCont{padding-left:80px;}
	.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving02 .multiBoxCont{padding-left:80px;}
	.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving04 .multiBoxCont{padding-left:80px;}
	.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving02{background-position:0px -420px;;}
	.multiBoxWrap.whiteBg.col2.revolvingCardBox .multiBoxInner .multiBox.revolving04{background-position:0px -1332px;}
	/*리볼빙  컨텐츠*/
	.revolvingCardBox .txtRv{padding:20px 0 0 20px;}
	
	.multiBoxWrap{margin-top:20px;}
	.multiBoxWrap .multiBoxInner{margin-left:0;padding:0;}
	.multiBoxWrap .multiBox .multiBoxCont{padding:0; border-left:0;}
	.multiBoxWrap.col3  .multiBox{border-top:1px solid #ccc; width:100%; margin-left:0;}
	.multiBoxWrap.col3  .multiBox:nth-child(2){border-top:1px solid #ccc}
	.multiBoxWrap.col3  .multiBox:nth-child(3){border-top:1px solid #ccc}
	.multiBoxWrap.col2  .multiBox{border-top:1px solid #ccc; width:100%; margin-left:0;}
	.multiBoxWrap.col2  .multiBox:nth-child(2){border-top:1px solid #ccc}
	.multiBoxWrap.whiteBg .multiBoxInner{padding:0 20px}
	.multiBoxWrap.col3.nonMask .multiBox:nth-child(3n+1) .multiBoxCont{padding-left:0}
	.multiBoxWrap.whiteBg.nonMask .btnArea{padding:0 15px}
	
	/* whiteBox */
	/* .whiteColWrap */
	.whiteColWrap .row {display:block;}
	.whiteColWrap .row .whiteColBox {display:block; float:none; padding:0;}
	/* [PRE] 160818 whiteWrap */	
	.whiteWrap {padding:0 20px;}
	.whiteBox {padding:20px 0; min-height:0;}
	.whiteBox:before {top:-1px; left:0; width:100%; height:1px}
	.whiteWrap .col_6:first-child:before,
	.whiteWrap .col_12:first-child:before,
	.whiteWrap .col_12 + .col_6:before,
	.whiteWrap .col_6 + .col_6 + .col_12:before {display:none;}
	.whiteWrap .col_12 + .col_6,
	.whiteWrap .col_12 + .col_6 + .col_6,
	.whiteWrap .col_6 + .col_6 + .col_12 {margin-top:0;}
	.whiteWrap .col_6 + .col_6 + .col_12 {padding-top:0; margin-bottom:10px;}
	.whiteBox .icoType + .btnArea {margin-top:0px;}

	/* [PRE] 20160920 txtColum */
	.whiteWrap.txtColum {padding:0 20px; margin-top:30px;}
	.whiteWrap.txtColum .row {margin:0px; display:block; padding-top:0;}
	.whiteWrap.txtColum .row [class*=col_],
	.whiteWrap.txtColum .row [class*=col_]:first-child {padding:20px 0; margin:0; display:block;}
	.whiteWrap.txtColum .row [class*=col_] + [class*=col_] {padding:20px 0;}
	.whiteWrap.txtColum .row .col_12 {padding:20px 0 !important;}
	.whiteWrap.txtColum .whiteBox.etcOpt > div,
	.whiteWrap.txtColum .whiteBox.etcOpt .formWrap select {width:100%}
	.whiteWrap.txtColum .whiteBox.etcOpt [class*=col_] + [class*=col_] {padding:20px 0 0}
	.whiteWrap.txtColum.noOutLine {padding:0}
	.whiteWrap.txtColum.alignC .sTxt.ac {padding-bottom:20px}
	.viewWrap + .veiwSurveyArea .inputComp + p {width:100%; /*float:right;*/ margin-top:10px;}
	.whiteWrap .tblScroll {min-width:730px;}
	
	/* .whiteWrap.grayLine */
	.whiteWrap.txtColum.grayLine {padding:0;}
	.msgArea + .whiteWrap.txtColum.grayLine {margin-top:25px;}
	
	/* .whiteColWrap */
	.whiteColWrap .row {display:block;}
	.whiteColWrap .row .whiteColBox {display:block; float:none; padding:0;}
	.whiteColWrap > .row > .whiteColBox > .whiteBox {padding-left:20px; padding-right:20px;}
	
	
	.whiteWrap.etcCase .whiteBox {padding:0 15px;}
	.whiteWrap.etcCase {padding:20px 0}
	.whiteWrap.graphColum .txtList {margin-top:20px;}
	
	/* stampList */
	.whiteWrap .whiteBox p + .stampList {margin-top:20px; padding-top:10px;}
	.whiteWrap .whiteBox .stampList li {margin-top:10px;}
	.whiteWrap.side.appIcons {padding:20px}
	
	/* 이미지컨텐츠 개선 */
	/* 1)기본형 */
	.imgDescr {padding:0 20px;}
	.imgDescr .img {margin-bottom:20px;}
	.imgDescr .img span {width:100% !important; border:0; margin-top:20px; padding:0;}
	.imgDescr .img span:before {content:""; display:block; width:100%; height:1px; margin-bottom:20px; background-color:#ccc;}
	.imgDescr .img span:first-child:before {display:none;}
	.imgDescr .img span > img {width:auto;}
	.imgDescr .img span em + img {margin-top:10px;}
	/* 기타설정 */
	.imgDescr .cont {margin-bottom:20px; margin-left:0px; margin-right:0px;}
	.imgDescr .mtEtc1 {margin-top:0px !important;} /* 편집이미지일경우 이미지제목과 이미지간의 간격유지 */
	.imgDescr .titGroup {min-height:auto;} /* 이미지제목 안에 small텍스트가 있을 경우 */
	.imgDescr .orginal span > img {width:auto; max-width:100%;} /* 모바일에 원사이즈 그대로 가져갈 때 */
	/* 이미지제목 하나에 이미지가 두컷일경우 */
	.imgDescr .smallCnt > span {padding:0;}
	.imgDescr .smallCnt > span:before,
	.imgDescr .smallCnt > span + span:before {position:relative; top:auto; left:auto; right:auto;}
	.imgDescr .smallCnt > span em + em {margin-top:10px; padding:0 10px 0 0;}
	.imgDescr .smallCnt > span em + em + em {padding:0 0 0 10px;}
	.imgDescr .smallCnt > span em + em > i {margin-top:5px;}
	.imgDescr .smallCnt > .one em + em {padding:0 5px;}
	.imgDescr .smallCnt .txt {margin-top:5px;}
	/* 선이 없으면서 다량 */
	.imgDescr .amount {margin-top:0;}
	.imgDescr .amount span {width:auto !important; margin:20px 10px 0 10px;}
	.imgDescr .amount span:before {display:none;}
	.imgDescr .amount span > em + img,
	.imgDescr .amount span > img + em {margin-top:10px;}
	/* 가운데 화살표 */
	.imgDescr .img.arrowR:before {display:none;}
	.imgDescr .img.arrowR span:before {content:""; display:inline-block; width:100%; height:32px; margin-bottom:10px; background:none; background-image:url(../img/common/arrow_down.png); background-repeat:no-repeat; background-size:23px 32px; background-position:top center;}
	.imgDescr .img.arrowR span:first-child:before {display:none;}
	/* 아이콘 */
	.imgDescr .icoDownload {margin-top:15px;}
	/* 2)문서형 */
	.imgDescr .docs {margin-top:20px; margin-bottom:20px; padding:0;}
	.imgDescr .docs img.visibleMb {display:inline-block !important;}
	/* 4)수표 */
	.imgDescr .cash {margin-bottom:20px;}
	.imgDescr .cash span {width:auto !important; margin-top:20px;}
	.imgDescr .cash span > img {display:block; width:auto; max-width:100%;}
	.imgDescr .cash .olTxtList {margin-top:15px;}
	/* 5)선이 없으면서 이미지(좌)+컨텐츠(우) */
	.imgDescr .near {margin-bottom:20px; padding:0;}
	.imgDescr .near figure {width:auto !important; margin-top:20px;}
	.imgDescr .near figure > em {margin:0;}
	.imgDescr .near figure > em > img {width:auto; max-width:100%;}
	.imgDescr .near figcaption {margin-top:15px; margin-left:0; margin-right:0;}
	/* 번호가 있는 편집이미지 */
	.imgDescr .near.editImg figure {margin-top:20px;}
	.imgDescr .near.editImg figure > em,
	.imgDescr .near.editImg figcaption {margin-top:0;}
	.imgDescr .near.editImg ol {margin-top:10px;}
	
	/*=========================================== List ==============================================*/
	/* txtList */
	.txtList + .guideArea + .formArea .formWrap.nonLabel + [class*=col_] .relatedInfo  {margin-top:0px;}
	
	/* blockList */
	.blockList > ul > li {display:block; padding:0 15px;}
	.blockList > ul > li > div {display:block; width:100%; padding:15px 0; border-left:0 none; border-top:1px solid #ccc;}
	.blockList .blockHeader {padding:17px 15px;}
	.blockList .tit {border-top:0 none;}
	
	/* normalList */
	.normalList > li .imgArea .pc{display:none}
	.normalList > li .imgArea .mobile{display:block}
	
	/* shortList */
	.shortList li {float:none; margin:4px 0 0 0; padding-left:0;}
	.shortList li:before {display:none;}
	
	/* sumList */
	.sumList li {float:none;}
	
	/* detailsList */
	.detailsList > .txtList li {padding-left:17px !important;}
	.detailsList li {float:none; width:100%;}
	.detailsList li {padding:0 !important;}
	.detailsList li > span {font-size:12px;}
	
	/* barList */
	.barList li {display:block; padding-right:0; margin-right:0;}
	.barList li:before {display:none;}
	
	/*===================================== Step/Box/List:ConDiv- ========================================*/
	
	/*== 상품리스트 [예금,펀드,외화 상품공통] ==*/
	.prodArea .titArea {padding-bottom:20px}
	.prodArea .titArea .titH2 {white-space:inherit}
	.prodArea .titArea .barList {overflow:hidden;}
	.prodArea .titArea > .barList li:first-child {padding-left:0; padding-right:20px}
	.prodArea .choiceList {margin-top:-15px;}
	.prodArea .choiceList li {display:inline-block; width:50%; margin:15px -2px 0 -2px !important; box-sizing:border-box; vertical-align:top; word-break:break-all;}
	.prodArea .choiceList li > span {/*display:inline;*/}
	.prodArea .barList li {position:relative; display:inline-block; margin-top:10px; padding-left:15px; text-align:left}
	.prodArea .barList li:before {display:block; content:''; position:absolute; top:50%; right:0; height:15px; margin-top:-6px; border-right:1px solid #333;}
	.prodArea .barList li:last-child:before {display:none;}
	.prodArea .contBlock {margin-top:20px;}
	.prodArea .contBlock > * {width:100% !important; padding-left:0}
	.prodArea .contBlock .choiceList {padding-bottom:20px; border-bottom:1px solid #ccc}
	.prodArea .contBlock .inner > strong {overflow:hidden; margin-top:20px !important;}
	.prodArea .contBlock > li > .inner > .txt:first-child {margin-top:20px !important;}
	.prodArea .contBlock .barList li {float:left; width:50%}
	.prodArea .contBlock .barList li span {float:left; width:50%}
	.prodArea .contBlock .barList li .value {float:right; margin:0; text-align:right}
	.prodArea .contBlock .barList li:nth-child(odd) {padding-left:0; padding-right:15px}
	.prodArea .contBlock .barList li:nth-child(even):before {display:none}
	/*== 상품리스트 [예금,펀드,외화 상품개별] ==*/
	/* 펀드 */
	.prodArea .titArea.fnc {padding-bottom:17px;}
	.prodArea .titArea.fnc .titH2 {float:none; width:100%; font-size:19px;}
	.prodArea .titArea.fnc .btnArea {width:100%; padding-top:14px; text-align:center}
	/* 펀드,외환 */
	.prodArea .contBlock > li > .btnAreaW {margin:10px 0 0 0; padding:0}
	.prodArea .contBlock > li > .btnAreaW .btnArea {padding:0;}
	.prodArea .contBlock.otp3 > *:nth-child(3), .prodArea .contBlock.otp4 > *:nth-child(4) {padding-left:0}
	/* 예금,외환 */
	.prodArea .contBlock.otp3 > *:nth-child(3) {padding-left:0}
	.prodArea .contBlock.otp3 > li > .btnAreaW {padding:0}

	.choiceList .tit:before {background:url(../img/m/bl_check.png) no-repeat; background-size:15px 11px;}
	
	.imgConLine .conDivLine > div {padding:0}
	.imgConLine .conDivLine > div .txtList {height:auto}
	.imgConLine .conDivLine > div .txtList + .boxLine {margin-top:20px}
	
	/*== 아이콘배너리스트 ==*/
	/* 3) 카드사(e금융서비스) */
	.inlineList.cardCorp {margin:15px -7px -14px -7px;}
	.inlineList.cardCorp li {width:50%; padding:0 7px; margin-bottom:14px;}
	.inlineList.cardCorp li span img {width:138px; height:92px;}
	/* 4) 브랜드 */
	.inlineList.brand li {width:50%;}
	.inlineList.brand li img {max-width:100%; height:auto;}
	
	.contCusCscm {font-size:14px; text-align:center; padding:50px 0;}

	.conMt5 {margin-top:25px !important;}
	.bgColorW {padding:20px;}
	.outLine {padding:20px;}
	.bgColorW .conDivArea {margin-top:-20px;}
	.bgColorW .conDivArea > .titH3 {margin-top:20px;}
	[class^=conBoxW_] {padding:20px;}
	.conBoxW_text {margin-top:30px;}
	.conBoxW_text + .viewWrap {margin-top:30px;} /* 상담내역조회 */
	.conBoxW_makt {margin-top:30px;}
	.conDivArea.brdT {padding-top:20px;}
	.conDivArea.brdB {padding-bottom:20px;}
	.conDivArea.brdT .conDivLine {margin-top:-20px;}

	.explanCon {text-align:left;}

	.conDivLine {margin:0 0 -21px -1px;}
	[class^=conDiv][class*=div] > * {width:100% !important;}
	[class^=conDiv][class*=div] > * > .block {min-height:0 !important;}
	.conDivLine[class*=div] > * > .block {padding:0 0 0 0 !important;}
	.conDivLine > li {padding:20px 0;}
	.conDivLine > li > .block {padding:0 0 0 0 !important;}
	
	/* 버튼고정 */
	.conDivLine.btnFix .block {padding-bottom:70px !important;}
	.conDivLine.btnFix .block .btnArea {padding:0 !important;}
	.conDivLine.btnFix .block .btnArea [class*=btnType] {min-width:100% !important;}
	
	.outLine .conDivLine .block {padding:0 25px !important;}

	.imgCon > .conDivLine[class*=div] > *:first-child >  .block {margin-top:0; padding:0 !important; border-top:none;}
	.imgCon > .conDivLine[class*=div] > * >  .block {margin-top:20px; padding:20px 0 0 !important; border-top:1px solid #ccc;}
	.conDivLine.arrow > *:first-child {padding-bottom:20px;}
	.conDivLine.arrow > *:first-child:before {top:auto; right:auto; bottom:0; left:50%; width:23px; height:32px; margin:0 0 -25px -12px; background:url(../img/common/arrow_down.png) no-repeat 0 0;}

	.conDivBox.landList {margin-top:10px;}
	.conDivBox > * > .block {padding:0 25px;}
	.conDivBox > * > .block > .inner {padding:25px 0 !important;}

	.conDivBox.contRate > * {width:50% !important;}

	.conDivBox .block.ibAgree .inner {padding-bottom:55px !important;}
	.conDivBox .block.ibAgree label:before {bottom:25px;}
	
	.conDivBox.finance .btnArea.side .btnType1 {padding:0}
	.conDivBox.finance .btnArea.side .btnType2 {margin-left:0 !important; margin-right: 0 !important}
	.conDivBox.finance.btnFix .block {padding-bottom:10px;}
	.conDivBox.finance.btnFix .block .btnArea {position: static}
	
	.landList .descrip {min-height:0;}

	/* 공인인증센터 */
	.landList[class*=btnFix] .btnArea.brdT {position:static; min-height:0;}

	.dividingLine[class*=div] > .inner:before,
	.dividingLine[class*=div] > .inner:after {display:none;}
	.dividingLine[class*=div] > .inner > li {width:100%;}
	.dividingLine[class*=div] > ul.txtList > li {padding:0 0 0 16px !important;}
	.dividingLine[class*=div] > ul.txtList > li:before {left:0 !important;}

	.dividingLine.brdT {margin-top:30px;}
	
	/* 씨티모바일이용안내(이용가능서비스)*/
	.dividingLine.citiMb {padding:0 0 20px 0;}
	.dividingLine.citiMb:after {top:20px; bottom:20px;}
	.dividingLine.citiMb > .inner {margin:20px 0 -20px 0;}
	.dividingLine.citiMb > .inner > li {width:50%; padding:0 11px 20px 15px;}
	.dividingLine.citiMb > .inner > li .decoConArea {padding-left:37px;}
	.dividingLine.citiMb [class^=decoIconXS] {left:-37px; margin-right:-37px;}

	.stepConArea {padding-left:0;}
	.stepConArea .stepNum {position:static; float:none;}
	.stepConArea .inner {float:none; margin-top:15px; padding-top:0; padding-left:0;}

	.stepConArea .stepNum {width:70px; height:35px; border-radius:16px; font-size:14px; line-height:33px;}
	.stepConArea .stepNum > span {display:inline-block; margin:0; padding-right:5px; font-size:14px;}

	.numList {margin-top:20px; padding-top:0;}
	.numList > li {width:100%; padding-right:0 !important;}

	.circleNum1 {width:34px; height:34px; line-height:34px !important;}

	.mix .decoConArea {margin-top:0;}

	.decoSList > li:nth-child(odd) {padding-right:0;}
	.decoSList > li:nth-child(even) {padding-left:0;}
	.decoSList > li:first-child + li .decoConArea {margin-top:20px;}

	.decoConArea > [class^=decoIconL_revol] + .inner {padding-left:0;}
	.decoConArea > [class^=decoIconXL_] + .inner {padding-left:15px;}
	.ac .decoConArea {display:block; padding-left:85px;}
	.ac .decoConArea [class^=decoIcon] {left:-85px; margin-right:-85px;}
	.ac .decoConArea [class^=decoIconM_] + .inner {margin-left:-10px;}
	.ac .decoConArea [class^=decoIconS_] + .inner {margin-left:-25px;}
	.ac .decoConArea [class^=decoIconXS_] + .inner {margin-left:-35px;}
	.decoConArea.unique {margin:10px 0; padding:0;}
	.decoConArea.unique .decoIconM_trpd {display:block; float:none; left:50%; margin:0 0 0 -27px;}
	.decoConArea.unique .inner {float:none; margin:20px 0 0 0;}

	.bgColorW .ac .decoConArea {display:inline-block; padding-left:0;}
	.bgColorW .ac .decoConArea [class^=decoIcon]  {left:0; margin-right:0;}
	.bgColorW .ac .decoConArea .inner {width:auto; margin-left:20px; text-align:left;}

	.decoXLbtn {padding-left:0;}

	.imgConArea.bgColor {padding:20px !important;}
	.imgConArea.border {padding:20px !important;}
	.imgConArea.half {width:100% !important;}

	/* 이미지 + 설명 병렬 레이아웃 */
	.imgDscArea {padding:0 !important;}
	.imgDscArea > .img {position:static; float:none; margin:0 auto !important;}
	.imgDscArea > .inner {float:none; padding-top:15px; padding-left:0 !important;}

	.imgDscArea.cardS > .img {width:150px; margin:0 !important;}

	.imgDscArea.onLounge > .img {width:100%;}
	.imgDscArea.onLounge > .inner {margin-top:20px;}
	.imgDscArea.onLounge .txtList {margin-top:0;}

	.imgDscArea.bankCenter .txtList {margin-top:0;}
	.imgDscArea.bankCenter > .img {margin:20px 0 0 0 !important;}
	
	/* 관련상품 */
	.relatedService {padding:40px 0; }
	.relatedService .imgDscArea > .img {width:100%;}
	.relatedService .imgDscArea > .inner {width:100%; padding-left:0%;}
	.relatedService .imgDscArea > .inner .btnArea {padding-top:20px;}

	/* 퀵링크 */
	.quickConArea {margin-top:30px; padding:20px 0 15px;}
	.quickConArea .quickGroup {display:table; width:100%; margin-top:20px !important; margin-bottom:5px; padding:0 10px; box-sizing:border-box;}
	.quickConArea .quickGroup li {display:table-cell; width:50%; vertical-align:middle; box-sizing:border-box; word-break:break-all;}
	.quickConArea .quickGroup li:first-child {padding:0 15px 0 0 !important;}
	.quickConArea .quickGroup li:last-child {padding:0 0 0 15px !important;}
	.quickConArea .quickGroup li:before {right:0;}
	.quickConArea .quickGroup li.single {width:100%; padding:0 !important;}
	
	/* 인증 관련 */
	.bgColorW .certify {margin-left:0; margin-right:0;}
	.bgColorW .certify .conDivLine[class*=div] > li > .block {padding:0 !important;}

	.crdConLon .inner [class^=titH] {margin:8px 0 0;}
	.crdConLon .itemList li {padding:20px 0 0 0 !important}
	.crdConLon .itemList.div2 li:first-child{margin-top:0}
	.crdConLon .itemList.div2 li:last-child{margin-top:17px ; padding-top:20px; border-top:1px solid #ccc;}
	.crdConLon .itemList li > div {width:50%;}
	.crdConLon .itemList li > div + div{padding-left:15px}
	.crdConLon.master .msg {width:100%;}
	.crdConLon.master .itemList li {width:100% !important;}
	.crdConLon.master .msg + .btnArea {margin-top:-15px;}
	.crdConLon.master .btnArea {position:static;}
	/*카드*/
	.conDivBox.finance .block.notice .more {top:30px; right:15px;}
	.conDivBox.finance .postArea {height:auto;}
	/*=========================================== Tooltip ==============================================*/
	/* 카드 리스트 : 수수료/할인/포인트 툴팁 관련 */
	.tipWrap.multiple {height:auto; font-size:0;}
	.tipWrap.multiple .help > button {margin-top:0;}
	.tooltip {min-width: 0}
	.tooltip .cont {white-space: normal;}
	
	/*=========================================== Tab ==============================================*/
	.tabContents .searchArea {margin-top:25px;}
	.tab + .tabContents > .btnArea {margin-top:30px;}
	.tabContents + .noticeArea{margin-top:40px;}
	
	.innerTab.tab ul li{width:auto}
	.innerTab.tab.grayBg {margin:0 -15px 0; padding:10px 15px 10px; background-color:#e7e7e7;}
	.innerTab.tab.grayBg .tabLink, .innerTab.tab.grayBg .tabSelect {margin-top:20px; width:100%;}
	.isMobile .innerTab.tab.grayBg .formControl{background-color:#fff;}
	.innerTab.tab.grayBg .formWrap select.formControl {color:#056dae; font-size:14px}
	.mLnb .formWrap select.formControl {font-size:16px !important;}
	.innerTab.tab.grayBg .tabLink, .innerTab.tab.grayBg .tabSelect {display:none}
	.innerTab.tab.grayBg .formWrap {margin:0}
	.innerTab.tab.grayBg .formWrap.nonLabel label{height:0}
	.innerTab.disabledSelect {margin:0px -15px 0; background: #fff}
	.innerTab.disabledSelect ul li {margin-top:10px;}
	.innerTab.disabledSelect:before {content:''; position: absolute; top:0; left:15px; right:15px; display: block; border-top:1px solid #ccc;}
	
	/* 탭 */
	.tab {margin-top:30px; padding-bottom:10px;}
	.tabContain {margin-top:30px;}
	.tabContain .tab {margin-top:0;}
	.tab.uiAct > ul.hiddenMb {display: none;}
	/* .tab > ul {margin-left:-10px; margin-right: -10px} */
	.tab.selectUI {margin:25px -15px 0; padding:0 15px 10px; background-color:#fff;}
	.tab.selectUI:not(.innerTab) {padding-bottom:15px;}
	.tab.selectUI .formControl, .isMobile .tab.selectUI .formControl {background-color: #eee;}
	.innerTab.selectUI .formControl, .isMobile .innerTab.selectUI .formControl,
	.grayBg.selectUI .formControl, .isMobile .grayBg.selectUI .formControl {background-color: #fff;}
	.innerTab.selectUI, .isMobile .innerTab.selectUI, .grayBg.selectUI, .isMobile .grayBg.selectUI {border-bottom:none}
	.titH2 + .innerTab.tab.grayBg {margin-top:20px}
	.tabContain .tabContents > .tabContain .innerTab {margin-top:0px;}
	.tab.selectUI:not(.innerTab) > .formWrap {position:relative; padding-right:80px;}
	.tab.selectUI:not(.innerTab) > .formWrap .formControl{border:1px solid #eee}
	.tab.selectUI:not(.innerTab) > .formWrap.isFocused .formControl, .tab.selectUI:not(.innerTab) > .formWrap .formControl:focus {border-color: #056dae}
	.tab.selectUI:not(.innerTab) > .formWrap .formControl {border-top-right-radius:0; border-bottom-right-radius:0}
	.tab.selectUI:not(.innerTab) > .formWrap .tabLink, .tab.selectUI:not(.innerTab) > .formWrap .tabSelect {position:absolute; top:auto; bottom:0px; right:0; width:80px; min-width: 0; padding-left:0; padding-right:0; border-top-left-radius:0; border-bottom-left-radius:0}
	.tabFilter.fnd > ul {width:100%;}
	.innerTab + .viewWrap {margin-top:30px;} /* FAQ 상세 */
	.tab.notUseMobile {margin-top:-40px; background: #eee}
	.tab.notUseMobile.selectUI > .formWrap {display: none !important; }
	.innerTab.tab:not(.selectUI) ul li {margin:10px 18px}
	
	/*=============================================== Accordion ==================================================*/
	.accoContents > .inputGroup.horizontal {margin-top:5px; padding-top:16px; border-top: 1px solid #ccc;}
	.accoContents > .inputGroup.horizontal:first-child {margin-top:3px; padding-top:0; border-top:none}
	
	/*=========================================== FuncGroup (부가기능) ==============================================*/
	.funcGroup + .formArea {margin-top:10px;}
	/* 테이블 위 funcGroup */
	.funcGroup > .vAlign strong {display:block !important; height:auto !important;}
	.funcGroup > .vTxt {width:100%; margin-top:20px;}
	.funcGroup > .formWrap.nonLabel {margin-left:0; margin-top:20px;}
	
	/* prog */
	.funcGroup.prog {margin-bottom:-5px;}
	.funcGroup.prog .funcImg {width:100%; margin-top:-10px;}
	.funcGroup.prog .funcImg > li {width:100%; margin-top:10px; padding-left:0px;}
	/* function 관련 */
	.funcGroup {margin-top:25px;}
	.funcGroup > [class^=titH] {width:100%;}
	.funcGroup [class^=func] {margin-top:10px;}
	.funcTxt > li {padding-top:5px; padding-bottom: 5px}

	/*=========================================== QuickGroup ==============================================*/
	.quickGroup+[class^=infoList] {margin-top:50px;}
	.quickGroup.brdT {margin-top:10px; padding-top:15px;}
	
	/*=========================================== SliderRange ==============================================*/
	.sliderRangeWrap{margin:15px 0 15px; }
	.sliderRangeWrap + .buttonGroup{margin-bottom:20px}
		
	/*=========================================== Slider/ShowCase/Banner ==============================================*/
	/* 랜딩비쥬얼 : landModule - 슬라이드내 */
	.landModuleWrap{}
	.landModuleWrap .landModule{height:auto}
	.landModuleWrap .landImg{height:180px;}
	.landModuleWrap .landContWrap{position:relative; width:100%; height:auto; padding:140px 15px 60px; transform:translateY(0%); -webkit-transform:translateY(0%); box-sizing:border-box}
	.landModuleWrap .landCont{display:block; min-width:200px; height:auto; opacity:1}
	.landModuleWrap .landCont .titH1{font-size:38px; line-height:45px; /*letter-spacing:0*/}
	.landModuleWrap .landCont .btnArea .btnType1{width:auto}
	.landModuleWrap .landCont .landTxtArea{padding:30px 20px}
	.landModuleWrap .LandBannerArea .LandBannerCont{width:100%;box-sizing:border-box}
	
	.landModuleWrap .landCont .leftCont{display:block; width:100%} 
	.landModuleWrap .landCont .rightCont{display:table; width:100%; padding:30px 40px; box-sizing:border-box} 
	.landModuleWrap .landCont .rightCont .imgArea{display:table-cell; width:50%; padding-right:40px; vertical-align:middle; box-sizing:border-box}
	.landModuleWrap .landCont .rightCont .imgArea img{width:180px; border-radius:6px}
	.landModuleWrap .landCont .rightCont .txtArea{display:table-cell; padding:0 0 10px 40px; vertical-align:top; text-align:left; border-left:1px solid #fff}
	.landModuleWrap .landCont .rightCont .txtArea .titH3{margin-top:0; font-size:19px}
	
	/*== showcase ==*/
	/* showcase 상품상세공통 써머리 */
	.showcase .contain {min-height:auto !important;}
	.showcase .contain > div {width:100% !important;}
	.showcase .goodsImg {position:relative; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important;}
	.showcase .goodsImg:before {content:""; display:block; padding-top:58%;}
	.showcase .goodsImg img {position:static; width:100%; height:auto; transform:none; -webkit-transform:none; -ms-transform:none;}
	.showcase .goodsImg.prod {min-height:275px; padding:20px 0; border-left:0; border-bottom:1px solid #ccc; text-align:center;}
	.showcase .goodsImg.prod:before {padding-top:70%;}
	.showcase .goodsImg.prod img {margin:0;}
	.showcase .goodsTxts {padding:40px 20px;}
	.showcase .titH3 {font-size:23px !important;}
	.showcase.minimum .titH3 {font-size:19px !important; font-weight:bold !important; line-height:27px;}
	/* showcase 상품상세공통 간격 라인 */
	.titH2 + .showcase {margin-top:30px}
	.showcase .tagsArea + .titH3, 
	.popup .showcase .tagsArea + .titH3, 
	.showcase .titH3 + .titH4 {margin-top:20px;}
	.cntArea > .showcase,
	.locationArea + .showcase,
	form + .showcase {margin-top:0px;}
	.showcase.hipass .contain .goodsImg {position:relative; left:0;}
	.showcase.hipass .contain .goodsImg img {padding:30px 0;}
	/* showcase 슬라이드 */
	.slide .showcase.minimum .contain {padding:0 0 50px 0}
	/* showcase 슬라이드 컨트롤러 */
	#crdCdptMallBanner .swiper-control,
	#efsBnsvBanner .swiper-control,
	#efsSmsvBanner .swiper-control,
	#cusFncnBanner .swiper-control {text-align:left; padding:0 15px 0 15px; bottom:30px;}	
	/* showcase E2.0,E3.0 type */
	.showcase.minimum.typeE .goodsTxts {margin-top:0 !important; padding:20px !important;}
	.showcase.minimum.typeE p + .btnType1 {margin-top:20px !important;}
	.showcase.minimum.typeE.bgnone .goodsTxts {border-bottom:1px solid #999;}
	.showcase.minimum.typeE.bgnone [class^=btnType] {width:100%;}
	/* showcase E4.0 type */
	.showcase.minimum.typeE.full {background:none;}
	.showcase.minimum.typeE.full .contain {padding:35% 15px 0 15px;}
	.showcase.minimum.typeE.full .goodsImg {position:absolute; top:0 !important; left:0 !important; right:0 !important;}
	.showcase.minimum.typeE.full .goodsImg:before {padding-top:35%;}
	.showcase.minimum.typeE.full .goodsTxts {margin-top:-20px !important;}
	/* showcase 배너 */
	.showcaseBanner .img {position:static; width:100%;}
	.showcaseBanner .img img {position:static; width:100%; transform:none; -webkit-transform:none; -ms-transform:none;}
	.showcaseBanner .cnt {float:none; width:100%;}
	/* 배너 영역 */
	/*== 프로모션 type F ==*/
	.visualBann {display:block; margin-top:30px; table-layout:fixed;}
	.visualBann .img {position:relative; top:auto; bottom:auto; left:auto; right:auto; width:100%; height:125px; overflow:hidden;}
	.visualBann .img img {/* 삭제예정 */position:relative; top:0; min-width:100%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}
	.visualBann .inner {display:block; width:100%; min-height:0; padding:20px;}
	.visualBann .inner .titH3 {font-size:16px}
	.visualBann .inner .links {font-size:14px;}
	/* 이미지고정 */	
	.visualBann.imgFixed .img {width:100%; height:140px;/*position:absolute; top:0; bottom:0; left:0; width:100%; height:140px; overflow:hidden;*/}
	.visualBann.imgFixed .img img {/* 삭제예정 */position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; overflow:hidden; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-70%, -50%);}
	.visualBann.imgFixed .inner{width:100%; padding-left:20px;}
	
	/* 중앙 정렬 */
	.visualBann.type2 {display: table;}
	.visualBann.type2 .inner{display: table-cell;}
	
	/* 높이값 auto*/
	.visualBann.type3 {min-height:auto}
	.hiddenMbI + .visualBann.type3 {margin-top:0}
	/*========================================= Progress Move bar ============================================*/
	.progressBarBox{padding:30px 0 0}
	
	/*=========================================== Popup ==============================================*/
	/* popup */
	.popContain {display:block; width: 100%; height:auto; padding:0 !important;}
	.popup {display: block;}
	.popup .popCont {display: block; padding:25px 15px; box-sizing: border-box;}
	.popup .popCont .scroll {margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; box-sizing: border-box;}
	.popup .popCont .scroll.on {padding-right:0;}
	/*.popup .popCont .scroll {margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; box-sizing: border-box;}*/
	/*.popup .popCont .scroll .row {margin-left:0; margin-right: 0}*/
	.popWrap:not(.mAlert) .popup .popCont[class*=col_] {width:100%;}
	.popup .popCont .titH2 {font-size: 26px; font-weight: bold; padding-right:20px;}
	.popup .popCont p.titH3 {margin-top: 25px; line-height: 1.5; font-size: 16px;} 
	.popup .popCont > .sticky {padding-right: 0}
	.popup .popCont > * {padding-right: 0}
	/*.popup .popCont .scroll .formArea {overflow-x: hidden;} 보안키패드 작업하면서 삭제해봄 */

	/*=========================================== Popup / Alert ==============================================*/
	.popup .titH2 + .scroll {margin-top:20px;}
	.keyPadInit .scroll {overflow: visible !important;}
	.keyPadInit .scroll:after {content:''; display: block; padding-top: 240px;}
	
	/* 팝업 모바일에서 스크롤 영역 바꾸기 */
	.popWrap {overflow: auto !important;}
	.popup .popCont {min-height: 0 !important}
	/*슬라이드 팝업 외*/
	.popWrap:not(.slidePopup) .popup .popCont .scroll {height: auto !important; overflow: hidden !important;}
	
	.popup .tabContents + .noticeArea {margin-top:40px;}
	.popup .stampArea .citi{margin-top:20px !important; text-align:center;}
	/* popup */
	.mAlert .popup .popCont {width: 90% !important;}
	.popup .printBox .formWrap{margin-bottom:15px;}	
	/* .popup .popCont .scroll {padding-right: 0} */
	.popup .printBox .formWrap{margin-bottom:15px;}
	
	/*=========================================== Landing List ==============================================*/
	/* 고객센터 - 랜딩에 랜딩서브페이지 */
	.landingList.fxd.sv .linkList,
	.landingList.fxd.sv .copyLine + .linkList,
	.landingList.fxd.ssv .copyLine + .linkList,
	.landingList.fxd.ssv .linkList {height:auto}
	.landingList.fxd.ssv .copyLine.etcH2 {overflow:hidden; height:60px;} /* 예외: etcH2 주소변경 알리미코너만 사용 */
	.landingList.fxd .copyLine.etcH2 > p {height:40px; word-wrap:break-word; -webkit-box-orient:vertical;}
	/* landingList */
	/* donation Landing */
	.landingList.dntn .logo {margin-bottom:10px;}
	.landingList.dntn .txt {height:auto;}
	/* 카드_프리미엄서비스 */
	.landingList.CdptPrem .quick .txt {min-height:0;}
	/* landingList */
	.landingList.fxdService .block{min-height:150px}
	.landingList.efsService .block{min-height:170px}
	
	.landingList .block {height:auto !important; padding:15px !important;}
	.landingList > li {width:100% !important;}
	.landingList .tit {height:auto !important; white-space:normal !important;}
	.landingList .copyLine {height:auto;}
	.landingList .copyLine p {white-space:normal !important;}
	.landingList .btnArea {width:100%; height:auto !important;}
	.landingList .btnArea [class^=btnType] {min-width:0; width:100%}
	.landingList .copyBlock {height:auto !important; padding:12px 20px;}
	.landingList .dotList li {white-space:normal;}
	.serviceList {min-height:auto;}
	.landingList.card .block {padding:30px 15px 15px !important;}
	.landingList.fxd .linkList {height:auto;}
	.landingList.fxd .txtList a {white-space:normal;}
	.landingList.finance .block.notice .more {top:30px; right:15px;}
	.landingList.finance .postArea {height:auto;}

	/* 카드 프리미엄서비스 */
	.conDivBox.crdPremList {padding-top:0;}
	.conDivBox.crdPremList li {margin-top:25px;}
	.conDivBox.crdPremList li:first-child {margin-top:0;}
	.conDivBox.crdPremList .block .tit {margin:10px 0;}
	.conDivBox.crdPremList .block .links.mt20 {margin-top:10px !important;}
	.landingList.crdPremList .block .txt {height:auto;}/* 구마크업 확인후 삭제. */
	
	/*== 아이콘모음 ==*/
	/* 직장인신용대출신청 */
	[class^=decoIconL_lon] {background-size:60px 50px;}
	.decoIconL_lonOnline {background-image:url(../img/m/ico_lon_online.png);}
	.decoIconL_lonGift {background-image:url(../img/m/ico_lon_present.png);}
	.decoIconL_lonMouse {background-image:url(../img/m/ico_lon_mouse.png);}
	[class^=decoIconL_lon] + [class^=titH] {margin-top:10px !important;}
	
	/*== 랜딩 상세리스트==*/
	/*== JSP반영 후 삭제
	.landingList.landCom .prodTit .subs {height:47px}
	.landingList.landA .block {padding-top:30px !important;}
	.landingList.landA .prodService {margin:20px 0 30px}
	JSP반영 후 삭제 ==*/
	
	.prodBox .prodTit .tagsArea {position:relative; top:auto; left:auto;}
	.prodBox .prodTit .tit,
	.prodBox .prodTit .subs {height:auto; padding-top:0 !important;}
	.prodBox .prodService ol,
	.prodBox .prodService ul {overflow:hidden; margin:0; height:auto;}
	
	/*== landArea ==*/
	[class^=landArea] > li {width:100% !important;}
	.landAreaBnner:before,
	.landAreaBlock > li:before {display:none;}
	.landAreaBlock.notice > li:first-child,
	.landAreaBlock.notice > li:last-child {padding:30px 20px !important;}
	.landAreaBlock.notice > li.card .img {position:static; float:none; margin-bottom:20px;}
	.landAreaBlock [class^=fxdLink] {margin-top:0;}

	.landAreaBlock.customerCnt > li {min-height:auto;}	
	
	/* 공인인증서 */
	.landing > ul {margin:0}
	.landing , .landing > ul > li:first-child {margin-top:0;}
	.landing > ul > li {margin-top:15px; width:100%; padding-left:0; padding-right:0}
	.landing > ul > li > div {height:auto; margin:0; padding:40px 20px 30px}
	.landing > ul > li > div .titH3 {padding-top:10px}
	.landing > ul > li > div .imgWrap + .titH3  {padding-top:40px}
	.landing .listBlock {height:auto;}
	
	/* .landing > ul > li:nth-child(10), .landing > ul > li:nth-child(11) {width: 100%} */
	/* .landing > ul > li:nth-child(9) div .listBlock, 
	.landing > ul > li:nth-child(10) div .listBlock,
	.landing > ul > li:nth-child(11) div .listBlock, 
	.landing > ul > li:nth-child(10) > div, 
	.landing > ul > li:nth-child(11) > div,
	.landing > ul > li:nth-child(12) > div {height:auto;} */
	
	.landing .btnArea {position:static; margin-top:20px; padding:0}
	.landing .btnArea [class^=btnType] {width:100%; margin-left:0; margin-right:0}

	.landing .txtList {margin-top:15px}
	.landing .txtList li {font-size:14px}
	
	/*=========================================== Notice Area ==============================================*/
	.noticeArea .links.addLink{position:relative; top:10px; right:auto; left:16px}
	.noticeArea {margin-top:30px;}
	
	/*========================================= Contents Visual ============================================*/
	/* bannerModule */ 
	.bannerModuleWrap .bannerModule {min-height:220px;}
	.bannerModuleWrap .bannerContWrap {padding:0 15px 20px;}
	.bannerModuleWrap .bannerCont {padding:20px;}
	
	/*======================================= ProgIndicator : 진행 단계 ==========================================*/
	.tab + form .progIndicator {margin-top:15px;}
	.progIndicator li > span {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0);}
	/* .progIndicator .active > span {position:relative; width:auto; height:auto; margin:0;} */
	
	.progIndicator + .titH3 {margin-top:30px;}
	
	/*========================================= Goods Area/Summary ============================================*/
	/* goodsArea */
	.goodsArea {margin-top:30px; padding:30px 15px 20px 15px; border-bottom:4px solid #056dae; background-color:#fff; box-sizing:border-box;}
	.goodsArea .row {margin:0 -10px;}
	.goodsArea .formWrap {margin-bottom:0;}
	.goodsArea .formWrap > * {margin-bottom:0;}
	.goodsArea .row .formWrap:first-child {padding-left:10px;}
	.goodsArea .quickGroup {margin-top:0;}
	.goodsArea .sumGroup {position:static; margin-top:0;}
	.goodsArea .col_4 .sumGroup,
	.goodsArea .col_6 .sumGroup {margin-right:0 !important;}
	.sumGroup div {margin-top:10px;}
	.sumGroup.crdConLon {margin-top:20px}
	
	.goodsArea [class^=mainTit] {margin:0; /*padding-left:0; background:none !important;*/ padding-left:50px; font-size:16px; line-height:39px;}
	
	.goodsArea .itemList li {float:none; width:100% !important; margin-top:7px; padding:0 !important; border-left:0 none; font-size:12px;}
	.goodsArea .itemList li:first-child {margin-top:17px;}
	.goodsArea .itemList .item {display:inline;}
	.goodsArea .crdSummary {margin-top:-5px;}
	.goodsArea .crdSummary > div {display:block; padding:0;}
	.goodsArea .crdSummary .crdImg {display:none;}
	.goodsArea .crdSummary .info {display:block;}
	.goodsArea .crdSummary .info .tit {display:block;}
	
	
	/*============================================ Tags Area ==============================================*/
	.tags {margin-right:2px; padding:0 5px; line-height:22px}
	
	/*=========================================== Full Visual ==============================================*/
	/* 상단 fullVisual */
	/*.fullVisual + #content{margin-top:40px}*/
	.fullVisual[class*=Bg] {height: auto; padding:30px 0 !important;}
	.fullVisual[class*=Bg] .titH1 {font-size: 23px !important}
	.fullVisual + #content {padding-top:25px}/* FULL 비주얼있을때 여백 때문에 한번 넣어봄 */
	
	/* 랜딩 비쥬얼 영역 */
	.fullVisual[class*=landType] .txt {padding:0 5px;} 
	/* 랜딩 비쥬얼 영역 */
	/* type1 */
	.landType1 {height:auto;}
	.landType1 .copyArea {height:150px; padding:20px;}
	.landType1 .copyArea .titH1 {font-size:23px}
	.landType1 .copyArea .txtS2 {font-size:12px}
	
	/* type2 */
	.landType2 {height:auto;}
	.landType2 .copyArea {position:relative; top:0; left:0; width:100%; margin-top:140px; padding:0 15px;  transform:none; -webkit-transform:none; -ms-transform:none;}
	.landType2 .copyArea > div {padding:30px 20px; background-color: rgba(255,255,255,1) !important;}
	.landType2 .copyArea .titH1 {width:auto;}
	.landType2 .bgImg {position:absolute; top:0; left:0; width:100%; height:180px; overflow:hidden;}
	.landType2 .bgImg > img {min-width:800px; min-height:auto;}
	.landType2 .bgImg > .imgCont {/*background-position: top center !important;*/}
	/* type3 */
	.landType3 {min-height:0;}
	.landType3 .copyArea > div > * {max-width:100%;}
	.landType3 .copyArea > div > .txt {margin:10px 0 0 0; padding:0 35px !important;}
	.landType3 .bgImg > img {min-width:1000px;}
	/**/
	/*=============================================== Print ==================================================*/
	.printArea {padding-right:0}
	.printArea {padding-right:0;}
	
	/*=============================================== Error ==================================================*/
	/* 서비스일시정지안내 */
	.btmGuide .titC {margin-top:40px; font-size:23px}
	
	/*=============================================== Sitemap ==================================================*/
	.sitemapWrap {margin-top:40px; padding:20px 20px 30px 20px}
	.sitemapWrap .landAreaQuick > li {padding-right: 0}
	.sitemapWrap .landAreaQuick > li {padding-top:30px}
	.sitemapWrap .tit {font-size: 16px}
	
	/*=============================================== Etc ==================================================*/
	.isMobile .hiddenMobile {display: none !important;}
	.hiddenMb a.evtImg {display:none}
	.hiddenMbI {display:none !important}
	
	/*== Image ==*/
	.imgWrap img, .imgWrap.fullImg img {width:100%; height:auto;}
	.imgWrap.autoImg img {width:auto; height:auto;}
	.imgReact{width:100%;height:auto;}
	.imgReactAuto{width:auto !important;height:auto !important;}
	/*지로 샘풀이미지*/
	.imgArea.giro {padding:20px;}
	.imgArea.giro img{width:100%;height:100%;}
	.imgArea,
	.bnrArea {margin-top:30px;}
	
	/*== Fileupload ==*/
	.fileBox label {right:-57px;}
	
	/*== Interval/Line ==*/
	.searchArea .btnType1 {max-width:100%}
	.searchArea {margin-top:30px;}
	/*== Graph ==*/
	.graphWrap [class^=graphCon] {float:none; width:100%; padding:10px 0;}
	
	/* 공유하기 기능 */
	.snsItems {margin:15px auto -25px}
	.snsItems li {width:33%; padding:0;}
	.snsItems li > a {display: block; width:100%}
	.snsItems li .snsName {position: static; margin-top:10px}
}



/* only mobile_세로일때만 */
@media screen and (max-width:567px){
	/*=========================================== Slider/ShowCase/Banner ==============================================*/
	/* 랜딩비쥬얼 : landModule - 슬라이드내 */
	.landModuleWrap .landCont .rightCont{display:block; padding:30px 20px;} 
	.landModuleWrap .landCont .rightCont .imgArea{display:block; width:100%; padding-right:0; vertical-align:top; box-sizing:border-box}
	.landModuleWrap .landCont .rightCont .imgArea img{width:100px; border-radius:4px}
	.landModuleWrap .landCont .rightCont .txtArea{display:block; padding:30px 0 0 0; text-align:center; border-left:0}]

}




@media screen and (max-width:500px){
	/*=========================================== Box ==============================================*/
	/* stampList */
	.whiteWrap .whiteBox .stampList li {width:100%;}
	
	/*=========================================== List ==============================================*/
	.barList.ipCheck li {position:relative;}
	.barList.ipCheck li label{margin-right:30px !important}
	.barList.ipCheck li button {position:absolute; top:6px; right:0;}
	
	/*===================================== Step/Box/List:ConDiv- ========================================*/
	.conDivBox.contRate > * {width:100%;}
	.decoSList a {display:block;}
	
}





@media screen and (max-width:425px){
	/*=========================================== Slider/ShowCase/Banner ==============================================*/
	/* 컨텐츠배너 타입 E */
	.showcase .goodsImg {display:none;}
	.showcase .goodsTxts {padding:30px 15px;}
	/* showcase 슬라이드 컨트롤러 */
	#crdCdptMallBanner .swiper-control,
	#efsBnsvBanner .swiper-control,
	#efsSmsvBanner .swiper-control,
	#cusFncnBanner .swiper-control {padding:0 15px 0 10px;}	

	/* showcase 배너 */
	.showcaseBanner .cnt {padding:15px 20px;}
	
}



/* 예외 */
@media screen and (max-width:375px) {
	/*=============================================== Etc ==================================================*/
	.etcFunc {margin:10px 0 20px}
}
/* 예외 */
@media screen and (max-width:320px){
	/* 씨티모바일이용안내(이용가능서비스)*/
	.dividingLine.citiMb:after {display:none;}
	.dividingLine.citiMb > .inner > li {width:100%;}
}
/* UAT용 삭제할 빠른 메뉴 */
#tempLogin .quickGroup.iconMenu{padding:20px 0 0; }
#tempLogin .quickGroup.iconMenu li{width:50%; margin:0 0 30px 0; padding-left:0; }
#tempLogin .quickGroup.iconMenu li:before{width:0; height:0;}
#tempLogin .quickGroup.iconMenu li a{display:inline-block;}
#tempLogin .quickGroup.iconMenu li a span{display:inline-block; padding:3px 0 3px 40px;}
#tempLogin .quickGroup.iconMenu li a span.ico01{background:url(../img/common/ico_quick01.png) no-repeat left top; background-size:30px;}
#tempLogin .quickGroup.iconMenu li a span.ico02{background:url(../img/common/ico_quick02.png) no-repeat left top; background-size:30px;}
#tempLogin .quickGroup.iconMenu li a span.ico03{background:url(../img/common/ico_quick03.png) no-repeat left top; background-size:30px;}
#tempLogin .quickGroup.iconMenu li a span.ico04{background:url(../img/common/ico_quick04.png) no-repeat left top; background-size:30px;}
#tempLogin .quickGroup.iconMenu li a span.ico05{background:url(../img/common/ico_quick05.png) no-repeat left top; background-size:30px;}
#tempLogin .quickGroup.iconMenu li a span.ico06{background:url(../img/common/ico_quick06.png) no-repeat left top; background-size:30px;}

/* 인풋라벨이 길어져 생기는 문제_ 임시대처 */
/*.formWrap:not(.keyPadOpen) {overflow:hidden;}*/
/*.formWrap.unit .unit,/*
/*.formWrap .placeText, .formWrap .essenText {bottom:5px; white-space:nowrap;}*/

/*0406 컨펌 후 올리기*/ .formWrap .placeText, .formWrap .essenText {max-width:100%; white-space:nowrap; box-sizing:border-box; overflow:hidden;}

/* WM PASS(페이퍼리스 서비스) - 팝업 확대 축소 버튼 */
.textLink.zoomIn {display: inline-block; min-height:20px; padding-left:30px; color:#0076C0; background:url(../img/common/btn_linestyle_plus.png) no-repeat 0 center; background-size:20px auto;}
.textLink.zoomOut {display: inline-block; min-height:20px; padding-left:30px; color:#0076C0; background:url(../img/common/btn_linestyle_minus.png) no-repeat 0 center; background-size:20px auto;}