@charset "utf-8";

/*
 * ===============================================
 * Date : 2016-02-22 ~
 * Description : css 초기화 및 공통 클래스 정의
 * ===============================================
 */
/*css import*/
@import url("/resource/css/system.css");
@import url("/resource/css/ibr/ibr.css");
@import url("/resource/css/peb/ecrm.css");

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url("/resource/css/font/NanumBarunGothicWeb.eot");
	src: url("/resource/css/font/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"),
	url("/resource/css/font/NanumBarunGothicWeb.woff") format("woff"),
	url("/resource/css/font/NanumBarunGothicWeb.ttf") format("truetype");
}

/*
 * @ reset css
 * -------------------------------------
 */
html, body, div, p, span, strong, b, em, iframe, pre,
h1, h2, h3, h4, h5, h6,
img, dl, dt, dd,
fieldset, form, legend, label,
table, caption, thead, tbody, tfoot, tr, th, td,
ul, ol, li, a, input, select, textarea {margin:0;padding:0;border:0 none;}
body{ font-family:MalgunGothic, '맑은 고딕', '돋움', Dotum, "Apple SD Gothic Neo" , AppleGothic, Sans-serif, Arial; font-size:14px; line-height:1; color:#333; }

html.dev-01{ background:url("/resource/img/dev_01.png") repeat 0 0;}
html.dev-01:after { content:'개발'; display:block; width:190px; line-height:39px; text-align: center; position: absolute; top:0; left:0; background:#e32a2a; color:#fff; font-size:22px; font-weight:bold; }
html.dev-02{ background:url("/resource/img/dev_02.png") repeat 0 0;}
html.dev-02:after { content:'검증'; display:block; width:190px; line-height:39px; text-align: center; position: absolute; top:0; left:0; background:#159404; color:#fff; font-size:22px; font-weight:bold; }
html.dev-03{ background:url("/resource/img/dev_03.png") repeat 0 0;}
html.dev-03:after { content:'로컬'; display:block; width:190px; line-height:39px; text-align: center; position: absolute; top:0; left:0; background:#0b5bef; color:#fff; font-size:22px; font-weight:bold; }
html.dev-04{ background:url("/resource/img/dev_04.png") repeat 0 0;}
html.dev-01 body { background:url("/resource/img/dev_01ver2.png") no-repeat 50% 50%; background-attachment:fixed; -webkit-background-attachment:fixed;}
html.dev-02 body { background:url("/resource/img/dev_02ver2.png") no-repeat 50% 50%; background-attachment:fixed; -webkit-background-attachment:fixed;}
html.dev-03 body { background:url("/resource/img/dev_03ver2.png") no-repeat 50% 50%; background-attachment:fixed; -webkit-background-attachment:fixed;}

ul, ol, li {list-style:none;}
em, address {font-style:normal;}
img {border:0 none;font-size:0;line-height:0;}
sup{position:relative;top:2px;font-size:10px;line-height:100%; }
sub{position:relative;top:-1px;font-size:10px;line-height:100%; }

table {border-spacing:0;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
th, td {vertical-align:middle;/* white-space: nowrap; */}

a {color:#333; text-decoration:none; line-height: 1;}
a:hover,a:focus,a:active {text-decoration:underline;}
a:visited {color:#333;}
a.link{text-decoration:underline !important;color:#03867b;}
a.link2{padding-right:7px;background:url('/resource/img/bul/bul_arrow_07.gif') no-repeat right 6px;color:#916744;font-weight:bold;}
.txtlink { text-decoration:underline; color:#333; }

.blind { opacity: 0; width:0; height:0; position: absolute; left: -30000px;}
img.zoom{width:100%;}
.imeKr { -webkit-ime-mode:active; -moz-ime-mode:active; ime-mode:active; -ms-ime-mode:active; }

/* 포커스 받을때 시 */
a:focus,
button:focus,
textarea:focus,
select:focus,
input:focus + label,
input:focus,
div[tabindex="0"]:focus, span[tabindex="0"]:focus { outline:0; }

/* 키보드 접근시만 포커스링 처리 */
a:focus:focus-visible,
button:focus:focus-visible,
textarea:focus:focus-visible,
select:focus:focus-visible,
input:focus:focus-visible + label,
input:focus:focus-visible,
div[tabindex="0"]:focus:focus-visible, span[tabindex="0"]:focus:focus-visible { outline-offset:-2px; outline:2px dashed #666 !important; }

/* 팝업창 포커스링 */
div.pop-wrap:focus:focus-visible { outline-offset:-2px; outline:2px dashed #fddf15 !important; }

/* 상담창구 전용 포커스링 */
.int_bnk a:focus:focus-visible,
.int_bnk button:focus:focus-visible,
.int_bnk textarea:focus:focus-visible,
.int_bnk select:focus:focus-visible,
.int_bnk input:focus:focus-visible + label,
.int_bnk input:focus:focus-visible,
.int_bnk div[tabindex="0"]:focus:focus-visible, .int_bnk span[tabindex="0"]:focus:focus-visible,
#int-section[tabindex="0"]:focus:focus-visible { outline-offset:-2px; outline:2px dashed #f0ff00 !important; }


/* 포코스링 표시를 위한 하단버튼 페딩값 추가 */
[class^="btn-wrap"]{ padding-top:2px; padding-bottom:2px; }
[class^="btn-wrap"] a:focus:focus-visible,
[class^="btn-wrap"] button:focus:focus-visible { outline-offset:1px; }


/* 색상별도지정 포커스링 */
.time-length a:focus:focus-visible, .btn-red:focus:focus-visible { outline-color:#000 !important; }
[class^='link-box'] ul li a:focus:focus-visible, .btn-brown:focus:focus-visible, .btn_check.on:focus:focus-visible,
.btn_check_total.on:focus:focus-visible, .gnb.theme-04 .inner > li > a:focus:focus-visible,
.ecs-shortcut ul li a:focus:focus-visible { outline-color:#f0ff00 !important; }
.main-security .view-btn.active:focus:focus-visible, .main-security .security-details.open a:focus:focus-visible { outline-color:#fff !important; }


/*
 * @ Define skip-navigation
 * --------------------------------
 */
#skip-menu a{ display:block;font-size:0; color:#fff; text-align:center; font-variant:small-caps; background:#e30816; width:1px; height:1px; line-height:1; margin:-1px 0 0 -1px; overflow:hidden; }
#skip-menu a:focus{  width:100%; height:auto; padding:10px 5px; font-size:12px; margin:0; }

/*
 * ==========================================================
 * @ Common Collection
 * ==========================================================
 */

/*
 * @ Float / Align Style
 * -------------------------------------
 */
.fl {float:left !important;}
.fr {float:right !important;}
.clearfix:after {content:'';display:block; overflow: hidden; clear:both;}

.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.vam{ vertical-align:middle;}
*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
*, *:before, *:after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}


/*
 * @ Point / Background Color Style
 * -------------------------------------
 */
.color-r {color:#d71921 !important;}
.color-b {color:#000 !important;}
.color-w {color:#fff !important;}
.color-g {color:#666 !important;}
.color-bl {color:#06C !important;}
.color-br {color:#9a7b6a !important;}
.color-org {color:#fb5900 !important;}
.color-brow {color:#916744 !important;}
.color-blu {color:#1c91e8 !important;}
.color-m {background:#f9f9e4;}
.important-01{ font-weight:bold !important; color:#d71921 !important; font-size:20px;}
.color-01{color:#045da8}/*안정형*/
.color-02{color:#1d7c73}/*안정추구형*/
.color-03{color:#1a8904}/*위험중립형*/
.color-04{color:#c1542a}/*적극투자형*/
.color-05{color:#c62e2e}/*공격투자형*/

.c-info {display:block;color:#0033ff !important;}
.c-price {color:#cc0000 !important;}
.c-udline { text-decoration: underline !important; }

/*
 * @ Etc Style
 * -------------------------------------
 */
.ir-wrap {position: relative; overflow:hidden;}
.ir-wrap .ir-img {position: relative; z-index:1; }
.ir-wrap .ir-txt { position:absolute; z-index:-1;top:-100%;left:-100%;}
.ir-wrap + [class^="btn-wrap"] {margin-top:10px;}
.ir-wrap.mg {margin-top:70px}
.ir-wrap+.ir-wrap {margin-top: -30px}
.ir-tbl {position:fixed;left:-99999px;}
.hidden, .sr-only {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border:0; clip: rect(0,0,0,0);}
.none { display:none;}
.jpdt0 { padding-top:0px !important; }
.jpdt10 { padding-top:10px !important; }
.jpdt15 { padding-top:15px !important; }
.jpdt20 { padding-top:20px !important; }
.jpdl20 { padding-left:20px !important; }
.mg-reset {margin:0 !important;}
.mgt {margin-top:5px !important;}
.mgts {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgtm {margin-top:20px !important;}
.mgtl {margin-top:30px !important;}
.mgtb {margin-top:40px !important;}
.mgl {margin-left:5px !important;}
.mgls {margin-left:10px !important;}
.mglm {margin-left:20px !important;}
.mgbl40 {margin-bottom:40px !important;}
.mgbl {margin-bottom:30px !important;}
.mgbm {margin-bottom:20px !important;}
.mgbs {margin-bottom:10px !important;}
.mgt-20 {margin-top:-20px !important;}
.img-b{display:block;margin:10px 0;}
.img-KOSPI{ position:relative; height:125px; margin:30px 0; overflow:hidden;}
.img-KOSPI img{ position:absolute; left:50%; margin-left:-490px;}
.lh-none {line-height:0 !important}
.t-line {border-top:1px solid #e8e8e8; margin-top:20px}
.tac.mgtm + [class^="btn-wrap"] {border-top:1px solid #e8e8e8; padding-top:10px; margin-top:20px}
.dp_block { display:block !important; }
.ft10 { font-size:10px !important; }
.ft11 { font-size:11px !important; }
.ft12 { font-size:12px !important; }
.ft13 { font-size:13px !important; }
.ft14 { font-size:14px !important; }
.ft15 { font-size:15px !important; }
.ft16 { font-size:16px !important; }
.ft17 { font-size:17px !important; }
.ft18 { font-size:18px !important; }
.ft10btn { font-size:10px; line-height:25px !important; padding:0 7px !important; min-height:auto !important; min-width:auto !important; display:inline-block; }
/* 진행중 */
.st1 { background: #8d6a4e; border: 1px solid #8d6a4e; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; padding: 1px 8px; color: #fff; display: inline-block; vertical-align: middle; font-size: 11px; }
/* 진행완료 */
.st2 { background: #fff; border: 1px solid #7c7474; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; padding: 1px 8px; color: #333; display: inline-block; vertical-align: middle; font-size: 11px; }
.img_vt { vertical-align: middle !important; }
.js_dpb { display:block !important; }
.js_dpib { display:inline-block !important; }
.js_bridge { background: #d71921; color: #fff; font-size: 14px; border-radius: 5px; padding: 2px 12px; display: inline-block; margin: 0; line-height: 22px; }

/*
 * @ Form Style
 * -------------------------------------
 */
legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
select {height:27px; line-height:27px;}
textarea {padding:5px; border-radius:3px;resize:none;}
select, textarea,
input[type="text"],
input[type="file"] {border:1px solid #bbb;font-family:MalgunGothic,'맑은 고딕','돋움',Dotum,AppleGothic,Sans-serif,Arial;font-size: 13px;vertical-align:middle;}
input[type="password"] {border:1px solid #bbb;vertical-align:middle; }
input[type="text"],
input[type="file"] {line-height: 26px}
input[type="text"],
input[type="password"],
input[type="file"] {height:27px; text-indent:5px;}
input[type="text"] {padding:0 1px;}
input[type="text"]::-ms-clear{display:none;}

/* mac 날짜 입력란 글자 크기 조정 */
.mac.safari input[type="text"][class*=":date"]{font-size:10px;}
.mac.firefox input[type="text"][class*=":date"]{font-size:10px;}
.mac.chrome input[type="text"][class*=":date"]{font-size:10px;}


/*.ie td input[type="password"]{ font-size:5px;}*/
td input[type="password"]:-ms-input-placeholder{ font-size:13px;}
input.price{ padding-right:5px; text-align:right; }

.input-wrap{ position:relative;}

[type="checkbox"],
[type="radio"]{opacity:0; outline:0; margin: -16px -16px 0 0; width:16px; height:16px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }

input[readonly], textarea[readonly]  {background:#f5f5f5}
input[disabled]  {background:#ebebe4}
[type="checkbox"] + label,
[type="radio"] + label {display:inline-block;padding:0 0 2px 22px;margin:0 10px 0 0;line-height:14px;background:url('/resource/img/bg/bg_inp.png') no-repeat}
.bx-login.new_type [type="radio"] + label { margin-right:0; }
[type="radio"] + label img {margin-top:-3px; vertical-align:middle}
select + [type="radio"]{margin-left:15px;}

[type="checkbox"] + label {background-position:0 -111px}
[type="checkbox"]:checked + label {background-position:0 -167px;}
[type="checkbox"]:disabled + label {background-position:0 -284px;}
[type="checkbox"]:checked:disabled + label{ background-position:0 -394px; }
.ie8 [type="checkbox"][checked="checked"] + label {background-position:0 -167px;}
.ie8 [type="checkbox"][disabled="disabled"] + label {background-position:0 -284px;}
.ie8 [type="checkbox"][disabled="disabled"][checked="checked"] + label{ background-position:0 -394px; }
.checkbox_mg + .checkbox_mg { padding-top:10px; }
.checkbox_mg > span { display:inline-block; width:120px; }
/* 라디오박스 디자인형 체크박스 */
[type="checkbox"].ckbox_radio + label { background: url(/resource/img/bg/bg_inp_won.png) no-repeat 0 -24px; }
[type="checkbox"].ckbox_radio:checked + label {background-position:0 0;}
.btn-wrap-bt { overflow:hidden; }
.btn-wrap-bt .slt { float:left; line-height:27px; }
.btn-wrap-bt .srt { float:right; }

[type="radio"] + label {background-position:0 0;}
[type="radio"]:checked + label{background-position:0 -56px;}
[type="radio"]:disabled + label{background-position:0 -234px;}
[type="radio"]:checked:disabled + label {background-position:0 -339px;}

.ie8 [type="radio"][checked="checked"] + label{background-position:0 -56px;}
.ie8 [type="radio"][disabled="disabled"] + label{background-position:0 -234px;}
.ie8 [type="radio"][disabled="disabled"][checked="checked"] + label {background-position:0 -339px;}

[type="checkbox"] + .right {padding:0 22px 2px 0;margin:0;background-position:right -111px}
[type="checkbox"]:checked + .right {background-position:right -167px;}
.ie8 [type="checkbox"][checked="checked"] + .right {background-position:right -167px;}

select + [type="checkbox"] {margin-right:10px}

.inp-alone {margin-left:-15px; margin-right:0 !important;  padding:0 !important; width:16px; height:16px}
.inp-alone span {position:absolute; top:-9999px; left:-9999px}
.inp-blind {position:absolute; top:-9999px; left:-9999px}

/* input file type */
.input-file {display:inline-block}
.input-file [type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
.input-file .file-label {display:inline-block; min-width:53px; height:27px; line-height:24px; padding:0 10px; border-radius:2px; font-size:13px; background-color:#8d6a4e; color:#ffffff; text-align:center;}
.ie8 .input-file .file-label {min-width:33px;}
.input-file .file-name {width: 300px;}
.file-focus {outline: 1px dotted #d2310e;}
.file-del {margin:10px 0 5px;}
.file-del span {display:inline-block;margin-right:3px;}
.inp-trans {border:transparent !important; background-color:transparent !important}

/*
 * @ Grid Style reset
 * -------------------------------------
 */
.grid-container{ margin-top:30px; margin-bottom:20px; height:275px; }

.h3-wrap + .grid-container{ margin-top:0; }
.h3 + .grid-container{ margin-top:0; }

.rMateH5__Root [type="checkbox"],
.rMateH5__Root [type="radio"]{margin:3px 0 0 0; opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); position:static !important;}
.rMateH5__Root [type="checkbox"] + label,
.rMateH5__Root [type="radio"] + label{ width:auto; height:auto; padding:0; background:none;}
h3 + .grid-container,
.h3-wrap + .grid-container,
.grid-info{ height:0; overflow:hidden;}
.grid-info:focus{ height:auto;}
.grid-info + .grid-container{ margin-top:0; }


/*
* @ icon
* -------------------------------------
*/
.ico-notice {display:inline-block; height:18px; line-height:13px; padding:0 4px; border:1px solid #d71a21; color:#d81921; font-size:12px; background-color:#ffffff}
.ico-rud {display:inline-block; width:18px; height:18px; padding-top: 3px; text-align: center; font-size: 11px; font-weight: bold; color:#fff; line-height: 1em; background: url('/resource/img/bg/bg_circle_04_s.png');}
[class^="table-"] th .ico-rud {float: right;}


/*
 * @  Layout
 * -------------------------------------
 */
#wrap{width:100%;}
#container{width:980px;margin:0 auto; position:relative}
#content{width:100%;padding:0 0 50px 0;}
#content .conts {position:relative;}
#content .conts:after { content:''; display:block; clear:both;}
#content .conts p {line-height:20px;}

#header {position:relative; min-width:980px}
#header a{ text-decoration:none;}
#header a.active{ font-weight:bold;}
#header #int-section{top:-580px;}

.header-util-01{ border-bottom:1px solid #dcdcdc; min-width:980px; }
.header-util-01:after{ display:block; content:''; clear:both; }
.header-util-01 .left-side{ float:left; font-size:0; border-left:1px solid #dcdcdc; }
.header-util-01 .left-side .menu:after{ content:''; display:block; clear:both; }
.header-util-01 .left-side .menu > li{ float:left; display:inline-block; vertical-align:middle; font-size:14px; }
.header-util-01 .left-side .menu > li > a{ display:block; font-family:"NanumBarunGothic"; padding:12px 18px; border-right:1px solid #dcdcdc; overflow:hidden; -webkit-box-sizing:content-box; box-sizing:content-box; }
.header-util-01 .left-side .menu > li > a.active{ color:#e32a2a; }
.header-util-01 .right-side{ float:right; font-size:0; }
.header-util-01 .right-side .menu > li{ display:inline-block; vertical-align:middle; font-size:12px; position:relative; }
.header-util-01 .right-side .menu .time-length {position:relative;overflow:hidden;border:1px solid #e32a2a; display:inline-block;  margin-right:5px;font-size:11px;border-radius: 3px;}
.header-util-01 .right-side .menu .time-length p {float:left; padding:0 5px; font-size:11px;height:18px; line-height:17px;margin-left:-1px;}
.header-util-01 .right-side .menu .time-length a {float:left; background:#e32a2a; color:#fff; padding:0 5px;text-align:center; height:18px; line-height:15px; }
.header-util-01 .right-side .menu .time-length:before {display:none;}
.header-util-01 .right-side .menu > li:before{ content:''; display:block; width:1px; height:15px; background:#d4d4d4; position:absolute; top:50%; left:0; margin-top:-8px; }
.header-util-01 .right-side .menu > li > a{ display:block; padding:13px 10px; overflow:hidden; -webkit-box-sizing:content-box; box-sizing:content-box; }
.header-util-01 .right-side .menu > li > a.btn-white-s{ padding:0; }
.header-util-01 .right-side .menu > li > a.button-open-search{ padding:0 10px; background:url("/resource/img/nav/btn_search_01.gif") 10px 0 no-repeat; width:18px; height:18px; text-indent:-999px; }
.header-util-01 .right-side .menu > li.login a{ padding:0 10px; height:18px; min-height:18px; line-height:16px; font-size:12px; display:inline-block; }
.header-util-01 .right-side .menu > li.login:before{ display:none; }
.header-util-01 .right-side .menu > li.login + li:before{ display:none; }
.header-util-01 .right-side .menu > li.login .user img{ display:inline-block; vertical-align:middle; height:22px; }
.header-util-01 .left-side .menu.en > li > a{ font-family:"MalgunGothic,'맑은 고딕','돋움',Dotum,AppleGothic,Sans-serif,Arial" !important; }
.header-util-01 .right-side .menu.en > li + li + li + li + li a{ padding-right:0; }
.header-util-01 .wrap{ margin:0 auto; width:980px; }

.header-util-02{ margin:0 auto; width:980px; height:60px; position:relative;font-weight:bold;}
.header-util-02 a:hover{ color:#e32a2a !important;}
.header-util-02:after{ display:block; content:''; clear:both; }
.header-util-02 .logo{ float:left; margin-top:24px; overflow:hidden; }
.header-util-02 .logo a{display:inline-block}
/*.header-util-02 .logo{ float:left; margin-top:24px; width:400px; height:20px; overflow:hidden; text-indent:-999px; }
.header-util-02 .logo a{display:block}
.header-util-02 .logo-00{ background:url("/resource/img/nav/tit_gnb_00.png") 0 0 no-repeat; }
.header-util-02 .logo-01{ background:url("/resource/img/nav/tit_gnb_01.png") 0 0 no-repeat; }
.header-util-02 .logo-02{ background:url("/resource/img/nav/tit_gnb_02.png") 0 0 no-repeat; }
.header-util-02 .logo-03{ background:url("/resource/img/nav/tit_gnb_03.png") 0 0 no-repeat; }
.header-util-02 .logo-04{ background:url("/resource/img/nav/tit_gnb_04.png") 0 0 no-repeat; }
.header-util-02 .logo-05{ background:url("/resource/img/nav/tit_gnb_05.png") 0 0 no-repeat; }
.header-util-02 .logo-06{ background:url("/resource/img/nav/tit_gnb_06.png") 0 0 no-repeat; }
.header-util-02 .logo-07{ background:url("/resource/img/nav/tit_gnb_07.png") 0 0 no-repeat; }
.header-util-02 .logo-08{ background:url("/resource/img/nav/tit_gnb_08.png") 0 0 no-repeat; }
.header-util-02 .logo-09{ background:url("/resource/img/nav/tit_gnb_09.png") 0 0 no-repeat; }
.header-util-02 .logo-10{ background:url("/resource/img/nav/tit_gnb_10.png") 0 0 no-repeat; }
.header-util-02 .logo-11{ background:url("/resource/img/nav/tit_gnb_11.png") 0 0 no-repeat; }
.header-util-02 .logo-12{ background:url("/resource/img/nav/tit_gnb_12.png") 0 0 no-repeat; }
.header-util-02 .logo-13{ background:url("/resource/img/nav/tit_gnb_13.png") 0 0 no-repeat; }
.header-util-02 .logo-14{ background:url("/resource/img/nav/tit_gnb_14.png") 0 0 no-repeat; }
.header-util-02 .logo-15{ background:url("/resource/img/nav/tit_gnb_15.png") 0 0 no-repeat; }
.header-util-02 .logo-16{ background:url("/resource/img/nav/tit_gnb_16.png") 0 0 no-repeat; }
.header-util-02 .logo-17{ background:url("/resource/img/nav/tit_gnb_17.png") 0 0 no-repeat; }
.header-util-02 .logo-18{ background:url("/resource/img/nav/tit_gnb_18.png") 0 0 no-repeat; }*/
.header-util-02 .logo-15{ position:absolute; top:0; left:0; margin-top:27px; width:147px; height:23px; overflow:visible; text-indent:0;}
.header-util-02 .logo-15 strong {display:block; font-family:"NanumBarunGothic"; font-size:38px; margin-top:13px;}
.header-util-02 .logo-16 { position:absolute; top:0; left:0; margin-top:24px; width:147px; height:23px; overflow:visible; text-indent:0;}
.header-util-02 .logo-16 strong {display:block; font-size:26px; line-height:28px; margin-top:20px;}
.header-util-02 .menu{ float:right; font-size:0; margin-top:27px; width:550px; text-align:right; }
.header-util-02 .menu > li{ display:inline-block; font-size:14px; vertical-align:middle; position:relative; height:30px; text-align:center;}
.header-util-02 .menu > li:before{ content:''; display:block; width:1px; height:15px; background:#d4d4d4; position:absolute; top:50%; left:0; margin-top:-15px; }
.header-util-02 .menu > li:first-child:before{ display:none; }
.header-util-02 .menu > li > a{ padding:0 15px; display:block; color:#666; font-size:15px; height:15px; line-height:12px; }
.header-util-02 .menu > li a.active{ font-weight:bold; }
.header-util-02 .menu > li a.button-site-map{ text-indent:-999px; overflow:hidden; background:url("/resource/img/nav/btn_open_sitemap.gif") 50% 50% no-repeat; width:18px; height:15px; -webkit-box-sizing:content-box; box-sizing:content-box;}
.header-util-02 .menu > li.site-map{ width:48px;}

.header-util-02 .logo-en-00{ background:url("/resource/img/en/nav/logo_01.png") 0 0 no-repeat; }
.header-util-02 .logo-en-01{ background:url("/resource/img/en/nav/logo_02.png") 0 0 no-repeat; }
.header-util-02 .logo-en-02{ background:url("/resource/img/en/nav/logo_03.png") 0 0 no-repeat; }
.header-util-02 .logo-en-03{ background:url("/resource/img/en/nav/logo_04.png") 0 0 no-repeat; }
.header-util-02 .logo-en-04{ background:url("/resource/img/en/nav/logo_05.png") 0 0 no-repeat; }
.header-util-02 .logo-en-05{ background:url("/resource/img/en/nav/logo_06.png") 0 0 no-repeat; }
.header-util-02 .logo-en-06{ background:url("/resource/img/en/nav/logo_07.png") 0 0 no-repeat; }
.header-util-02 .logo-en-07{ background:url("/resource/img/en/nav/logo_08.png") 0 0 no-repeat; }

.header-util-02 .logo-zh-00{ background:url("/resource/img/zh/nav/logo_01.png") 0 0 no-repeat; }
.header-util-02 .logo-zh-01{ background:url("/resource/img/zh/nav/logo_02.png") 0 0 no-repeat; }
.header-util-02 .logo-zh-02{ background:url("/resource/img/zh/nav/logo_03.png") 0 0 no-repeat; }
.header-util-02 .logo-zh-03{ background:url("/resource/img/zh/nav/logo_04.png") 0 0 no-repeat; }
.header-util-02 .logo-zh-04{ background:url("/resource/img/zh/nav/logo_05.png") 0 0 no-repeat; }
.header-util-02 .logo-zh-05{ background:url("/resource/img/zh/nav/logo_06.png") 0 0 no-repeat; }
.header-util-02 .logo-zh-06{ background:url("/resource/img/zh/nav/logo_07.png") 0 0 no-repeat; }
.header-util-02 .logo-zh-07{ background:url("/resource/img/zh/nav/logo_08.png") 0 0 no-repeat; }

.header-util-02 .logo-km-00{ background:url("/resource/img/km/nav/logo_01.png") 0 0 no-repeat; }
.header-util-02 .logo-km-01{ background:url("/resource/img/km/nav/logo_02.png") 0 0 no-repeat; }
.header-util-02 .logo-km-02{ background:url("/resource/img/km/nav/logo_03.png") 0 0 no-repeat; }
.header-util-02 .logo-km-03{ background:url("/resource/img/km/nav/logo_04.png") 0 0 no-repeat; }
.header-util-02 .logo-km-04{ background:url("/resource/img/km/nav/logo_05.png") 0 0 no-repeat; }
.header-util-02 .logo-km-05{ background:url("/resource/img/km/nav/logo_06.png") 0 0 no-repeat; }
.header-util-02 .logo-km-06{ background:url("/resource/img/km/nav/logo_07.png") 0 0 no-repeat; }
.header-util-02 .logo-km-07{ background:url("/resource/img/km/nav/logo_08.png") 0 0 no-repeat; }

.header-util-02 .logo-vi-00{ background:url("/resource/img/vi/nav/logo_01.png") 0 0 no-repeat; }
.header-util-02 .logo-vi-01{ background:url("/resource/img/vi/nav/logo_02.png") 0 0 no-repeat; }
.header-util-02 .logo-vi-02{ background:url("/resource/img/vi/nav/logo_03.png") 0 0 no-repeat; }
.header-util-02 .logo-vi-03{ background:url("/resource/img/vi/nav/logo_04.png") 0 0 no-repeat; }
.header-util-02 .logo-vi-04{ background:url("/resource/img/vi/nav/logo_05.png") 0 0 no-repeat; }
.header-util-02 .logo-vi-05{ background:url("/resource/img/vi/nav/logo_06.png") 0 0 no-repeat; }
.header-util-02 .logo-vi-06{ background:url("/resource/img/vi/nav/logo_07.png") 0 0 no-repeat; }
.header-util-02 .logo-vi-07{ background:url("/resource/img/vi/nav/logo_08.png") 0 0 no-repeat; }

.header-util-02 .logo-default{ background:url("/resource/img/nav/logo_default.png") 0 0 no-repeat; }

.select-language{width:101px;}
.select-language > a{text-align:center;}

[class*="personal-img-"]{border:2px solid #c31312; color:#c31312; display:inline-block; font-size:12px; padding:2px 10px; font-family:'궁서'; font-weight:bold; position:relative;}
.personal-img-01{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.personal-img-02{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.personal-img-01:before{ width:4px; height:20px; content:''; display:inline-block; position:absolute; top:-2px; left:-2px; background:url("/resource/img/bg/bg_personal_img_01.gif") 0 0 no-repeat; }
.personal-img-01:after{ width:4px; height:20px; content:''; display:inline-block; position:absolute; top:-2px; right:-2px; background:url("/resource/img/bg/bg_personal_img_01.gif") -4px 0 no-repeat; }
.personal-img-02:before{ width:10px; height:20px; content:''; display:inline-block; position:absolute; top:-2px; left:-2px; background:url("/resource/img/bg/bg_personal_img_02.gif") 0 0 no-repeat; }
.personal-img-02:after{ width:10px; height:20px; content:''; display:inline-block; position:absolute; top:-2px; right:-2px; background:url("/resource/img/bg/bg_personal_img_02.gif") -10px 0 no-repeat; }

.open-online-bank {color:#805e4c !important;}
.open-online-bank:after{ display:inline-block; vertical-align:middle; content:''; width:11px; height:7px; margin-left:10px; background:url("/resource/img/nav/ico_ibr_off.gif") 0 0 no-repeat;}

#language-list{ display:none;padding:15px 0; position:absolute; border:1px solid #bbb; z-index:100; background:#fff; right:-28px; top:38px;  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1); }
#language-list.active{ display:block;}
#language-list:before{ content:''; display:block; width:13px; height:7px; position:absolute; top:-7px; left:50%; margin-left:-6px; background:url("/resource/img/nav/ico_arrow_01.gif") 0 0 no-repeat; }
#language-list a{ padding:5px 20px; font-size:13px; display:block; }
#language-list a:hover{ color:#e32a2a; }

#service-list{ width:448px; display:none; position:absolute; right:-38px; top:29px; border:1px solid #bbb; z-index:200;  background:#fff; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1); }
#service-list.active{ display:block;}
#service-list:before{ content:''; display:block; width:13px; height:7px; position:absolute; top:-7px; left:100%; margin-left:-88px; background:url("/resource/img/nav/ico_arrow_01.gif") 0 0 no-repeat; }
#service-list .service-item{ float:left; margin-top:20px; margin-bottom:20px; position:relative; height:175px;}
#service-list .service-item strong{ text-align: left;  color:#916744;padding:6px 30px; display:block; font-size:13px;}
#service-list .service-item:after{ content:''; display:block; width:1px; position:absolute; top:0; bottom:0; left:0;background:#ddd;}
#service-list .service-item:first-child:after{ display:none;}

#service-list .service-item a{ text-align: left; padding:6px 30px; display:block; font-size:13px; color:#555; }
#service-list .service-item a:hover{ color:#e32a2a; }
#service-list .service-quick-item{ clear:both; background:#fbf9f5; padding:10px 0; font-size:13px; }
#service-list .service-quick-item:after{ content:''; display:block; clear:both; }
#service-list .service-quick-item li{ }
#service-list .service-quick-item > ul {text-align: center;}
#service-list .service-quick-item > ul > li{display: inline-block; width:30%;}
#service-list .find-store:before{ content:''; display:inline-block; vertical-align:middle; width:14px; height:20px; background:url("/resource/img/nav/ico_quick_01.gif") 0 0 no-repeat; margin-right:6px;}
#service-list .calc-list:before{ content:''; display:inline-block; vertical-align:middle; width:16px; height:20px; background:url("/resource/img/nav/ico_quick_02.gif") 0 0 no-repeat; margin-right:6px;}
#service-list .fun-library:before{ content:''; display:inline-block; vertical-align:middle; width:16px; height:20px; background:url("/resource/img/nav/ico_quick_04.gif") 0 0 no-repeat; margin-right:6px;}


/* 임시메뉴  */
.site-menu { display:none; position:absolute; top:95px; z-index:10; left:50%; width:980px; margin-left:-490px; padding:20px; border:1px solid #dfdfdf; background-color:#ffffff; font-size:0}
.site-menu .in {display:none; position:absolute; top:42px; left:0; width:100%; background-color:#ffffff; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); z-index:10}
.site-menu .in dl {width:980px; padding:23px 0 40px; margin:0 auto}
.site-menu .in dl:after {content:''; clear:both; display:block; overflow:hidden}
.site-menu .in dl dt {float:left; width:120px; padding-left:20px; font-size:22px; font-weight:bold; color:#333333;}
.site-menu .in dl dd {display:table; width:860px; border-left:1px solid #e1e1e1; font-size:0}
.site-menu .in dl dd {display:table; width:860px; border-left:1px solid #e1e1e1; font-size:0}
.site-menu .g-section { width:50%;}
.site-menu .g-section > li ul ul { display:none;}

/*
 * @  Global Search
 * -------------------------------------
 */
#global-search-section {position:absolute; display:none; top:39px; left:0; width:100%; height:260px; border-bottom:1px solid #d6d6d6; background-color:#f5f5f5; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); z-index:8000}
#global-search-section.open{ display:block;}
#global-search-section .inner {width:600px; margin:0 auto}
#global-search-section .inner > a {position:absolute; top:40px; left:50%; display:inline-block; height:16px; margin-left:440px; padding-right:24px; font-size:16px; color:#555; line-height:14px; background:url('/resource/img/btn/btn_global_srch_close.png') right 0 no-repeat}

#global-search-section .srch-tab {padding-top:55px; text-align:center; font-size:0}
#global-search-section .srch-tab input:first-child + label {border-right:1px solid #c4c4c4; text-align:right !important}
#global-search-section .srch-tab input + label {display:inline-block; width:155px; height:22px; padding:0 20px; text-align:left; margin:0; font-size:20px; line-height:20px; background:none}
#global-search-section .srch-tab input:checked + label {padding-right:50px; font-weight:bold; background:url('/resource/img/bg/bg_global_srch.png') 120px 7px no-repeat;}
.ie8 #global-search-section .srch-tab input[checked="checked"] + label {padding-right:50px; font-weight:bold; background:url('/resource/img/bg/bg_global_srch.png') 120px 7px no-repeat;}
#global-search-section .srch-tab input:focus + label {outline: 1px dotted #666; padding-right:50px; background:url('/resource/img/bg/bg_global_srch.png') 120px 7px no-repeat;}

#global-search-section .srch {margin-top:20px; font-size:0}
#global-search-section .srch input {width:512px; height:60px; padding:0 10px; border:2px solid #d72228; border-radius:0; font-size:18px; vertical-align:middle}
.ie8 #global-search-section .srch input {padding-top:15px}
#global-search-section .srch input::-webkit-input-placeholder {font-size:18px; color:#777;}
#global-search-section .srch input::-moz-placeholder {font-size:18px; color:#777;}
#global-search-section .srch a {display:inline-block; width:88px; height:60px; padding-top:17px; text-align:center; color:#fff; font-size:18px;background-color:#d72228; vertical-align:middle}

#global-search-section .best-srch { position:absolute; top:178px; left:50%; width:600px; margin-left:-300px;}
#global-search-section .best-srch strong {float:left; padding-left:21px; background:url('/resource/img/bg/bg_global_srch_best.png') 0 0 no-repeat;font-weight:bold}
#global-search-section .best-srch div {float:left; width:500px; margin-top:-10px}
#global-search-section .best-srch div a {display:inline-block; margin:10px 0 0 20px; color:#555; font-size:13px}
#global-search-section .best-srch div a:hover {text-decoration:underline}


/*
 * @  GNB
 * -------------------------------------
 */
.gnb {position:relative; font-family:'NanumBarunGothic';}
.gnb .inner{ margin:0 auto; width:980px; height:42px; background-color:#e32a2a; font-size:0; padding-left:20px; }
.gnb .inner > li{ display:inline-block; padding:0 5px; vertical-align:top; }
.gnb .inner > li > a{ display:table-cell; vertical-align:middle; height:42px; padding:3px 7px 0; text-align:center; font-size:15px; color:#fff; line-height:1; }

.gnb .inner > li > a.open,
.gnb .inner > li > a:hover {background-color:#b21919; text-decoration:none}

/* sub */
.gnb .inner .in {display:none; position:absolute; top:42px; left:0; width:100%; background-color:#fff; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); z-index:9001;}
.ie8 .gnb .inner .in {border-bottom:1px solid #ddd;}
.gnb .inner .in dl {width:980px; padding:23px 0 40px; margin:0 auto}
.gnb .inner .in dl:after {content:''; clear:both; display:block; overflow:hidden}
.gnb .inner .in dl dt {float:left; width:180px; padding-left:10px; font-size:22px; font-weight:bold; color:#333; word-break:keep-all;}
.gnb .inner .in dl dd {display:table; width:800px; border-left:1px solid #e1e1e1; font-size:0}
/*.gnb .inner .in dl dd:before{ content:''; display:block; margin-top:-20px;  }*/

/* 2depth */
.g-section {display:inline-table; width:190px; vertical-align:top;}

.g-section > li {margin-right:15px}
.g-section > li > a {display:block; padding:4px 10px 6px 30px; line-height:16px; font-size:14px; font-weight:bold; color:#333; letter-spacing: 1px; word-break:keep-all;}
.g-section > li:hover > a {background-color:#fff6de}
.g-section > li > a.open {background-color:#fff6de}

/* 3depth */
.g-section > li > ul > li > a {position:relative; display:inline-block; padding:4px 10px 6px 40px; font-size:13px; line-height:16px; color:#666; word-break:keep-all;}
.g-section > li > ul > li > a:hover {color:#d71921;}
.g-section > li > ul > li > a.open {color:#d71921;}
.g-section > li > ul > li > a:before {content:'-'; position:absolute; top:4px; left:30px;}
.g-section > li > ul > li.open > a { color:#d71921; font-weight:bold; text-decoration:underline;}
.g-section > li > ul > li > a img{ vertical-align:middle; margin-left:5px; }
.g-section > li > ul > li.open ul{ display:block; }
.g-section > li > ul > li.has-depth > a { padding-right:18px; background:url("/resource/img/btn/btn_open_depth.gif") no-repeat 100% 4px;}
.g-section > li > ul > li.has-depth.open > a { background-image:url("/resource/img/btn/btn_close_depth.gif");}

/* 4depth */
.g-section > li ul ul {display:none; margin-top:-3px}
.g-section > li li li > a {display:block; line-height:16px; padding:4px 10px 0 39px; font-size:12px; color:#704c32; word-break:keep-all;}
.g-section > li li li > a:hover,
.g-section > li li li > a:focus{ background:url('/resource/img/bul/bul_arrow_08.gif') 32px 8px no-repeat; text-decoration:none; }

.gnb.theme-01 .inner{ background-color:#f0e5c7; }
.gnb.theme-01 .inner > li > a{ color:#5a482b; }
.gnb.theme-01 .inner > li > a.open,
.gnb.theme-01 .inner > li > a:hover{ background-color:#927660; color:#fff; }

.gnb.theme-03 .inner{ background-color:#32435a; }
.gnb.theme-03 .inner > li > a{ color:#fff; }
.gnb.theme-03 .inner > li > a.open,
.gnb.theme-03 .inner > li > a:hover{ background-color:#8c704b; color:#fff; }


/* line map*/
.line-map {margin:15px 0; font-size:13px;}

/*
 * @  Footer
 * -------------------------------------
 */
#footer{ clear:both; font-size:12px;}
.corp-info{ padding-top:27px; padding-bottom:54px; border-top:1px solid #dcdcdc; }
.corp-info>div {position: relative; width:980px; margin: 0 auto;}

.corp-info .info {margin-bottom: 10px;}
.corp-info .info:after {content:''; display: block; clear:both;}
.corp-info .info li {position: relative; float: left;margin-left: 10px; padding-left: 10px;}
.corp-info .info li:before {content:''; display: block; position: absolute; top:1px; left:0; width:0; height:12px;border-left: 1px solid #d5d5d5;}
.corp-info .info li:first-child {margin-left: 0; padding-left: 0;}
.corp-info .info li:first-child:before {content:none;}
.corp-info .info li a {color:#666;letter-spacing: -1px;}
.corp-info .info li a strong {font-weight: bold; color:#333;}
.corp-info .copyright {color:#666;}
.corp-info .copyright * {vertical-align:middle;}
.corp-info .copyright p {display: inline-block;margin-right:10px;}
.corp-info .copyright .sns-ico,
.corp-info .copyright .sns-ico a {display:inline-block; margin:0 5px;}
.corp-info .copyright .cert-ico{ margin:0 0 0 10px; display:inline-block;}
.corp-info .customer,
.corp-info .customer *  {display: inline-block; color:#666;}
.corp-info .customer dl * {color:inherit;}
.corp-info .customer.en {margin-bottom:11px;}
.corp-info .address-kor {color:#666; margin-bottom:8px;}
.corp-info .info.type2 { width:700px; }
.corp-info .info.type2 li.s1 { margin-left:0; padding-left:0; }
.corp-info .info.type2 li.s1:before { content:none; }
.corp-info .info.type2 li.s1, .corp-info .info.type2 li.s2, .corp-info .info.type2 li.s3 { padding-top:10px; }
.corp-info .info.type2 li.s1:before, .corp-info .info.type2 li.s2:before, .corp-info .info.type2 li.s3:before { top:11px; }

.family-site {position: absolute; top:1px;right:0; width:210px; height:34px; }
.family-site a {display: block; font-size: 13px; color:#666;background-color: #fff}
.family-site a:hover,
.family-site a:focus{text-decoration: none}
.family-site .tit {padding: 8px 13px 10px;border: 1px solid #cfcfcf; background: url("/resource/img/bg/bg_footer_family.png") right 50% no-repeat;}
.family-site .list {display: none; position: absolute; bottom:33px; left: 0; z-index: 10; width : 210px; padding: 5px 0; margin-top: -1px;border: 1px solid #cfcfcf; overflow: hidden;background-color: #fff}
.family-site li a {padding: 2px 13px 6px;}
.family-site li a:hover,
.family-site li a:focus {background-color: #927660; color:#fff;}
.family-site.on .list {display: block;}
.family-site.type2 { top: 36px; }

/* sub-menu style */
.sub-nav > li.home a {padding:10px 0;width:16px;height:34px;background:url('/resource/img/nav/ico_home.png') 0 10px no-repeat;text-indent:-9999px;font-size:0;}
.sub-nav > li {position:relative; display:block; float:left; padding:0 0 0 14px; background:url('/resource/img/bul/bul_arrow_09.png') 0 12px no-repeat; max-width:131px;}
.sub-nav > li:first-child{background:none; padding-right:0;}
.sub-nav > li > a{ position:relative; display:block; padding:10px 25px 10px 3px; border-radius:4px; color:#666; max-width:130px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sub-nav .active > a { padding-right:0;max-width:105px; }
.sub-nav .active > a:hover ,.sub-nav > li.active > a:focus {text-decoration:underline}
.sub-nav .dropdown > a {background:url('/resource/img/btn/btn_linemap.png') right 10px no-repeat}
.dropdown.open > a:hover,
.dropdown.open > a:focus {background-position:right -20px; text-decoration:none;}

.sub-nav > li a:hover, .sub-nav > li a:focus {text-decoration:underline}
.sub-nav > li + li { margin-left: 14px;}
.sub-nav:before {display: table; content: " "; }
.sub-nav:after { clear: both; display: table; content: " ";}
[role="button"] { cursor: pointer;}

.open .dropdown-menu {display:block;}
.dropdown-menu { position:absolute; top:100%; left:0; display:none; min-width:80px; border:1px solid #bbb; padding:5px 0; margin:2px 0 0; font-size:13px;background-color:#fff; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1); z-index:100}
.dropdown-menu li a { display:block; padding:3px 15px 3px 10px; clear:both; line-height:1.4; color:#333; white-space:nowrap; }
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {color:#e32a2a; font-weight:bold; text-decoration:none; letter-spacing:-0.01em}
.util-menu {float:right; margin-top:-44px;}


/*
 * @ heading
 * -------------------------------------
 */
#content h2 {margin-bottom:20px;color:#333;font-size:28px;line-height:100%;font-weight:bold;letter-spacing:-1px;}
#content h3 { padding-bottom:12px;margin:30px 0 0 0;color:#916744;font-size:22px;line-height:1;font-weight:bold;}
#content h4 {margin:30px 0 10px 0;color:#444;font-size:18px;line-height:100%;font-weight:bold;}
#content h5 {margin:30px 0 10px 0;color:#555;font-size:15px;line-height:100%;font-weight:bold;}

#peb-main h2 {margin-bottom:20px;color:#333;font-size:28px;line-height:100%;font-weight:bold;letter-spacing:-1px;}
#peb-main h3 {height:35px;margin:45px 0 0 0;color:#916744;font-size:22px;line-height:100%;font-weight:bold;}
#peb-main h4 {margin:30px 0 10px 0;color:#444;font-size:18px;line-height:100%;font-weight:bold;}
#peb-main h5 {margin:30px 0 10px 0;color:#555;font-size:15px;line-height:100%;font-weight:bold;}


#content h3 span.txt {font-size:13px;color:#333;font-weight:normal;}
#content .h3-wrap {overflow:hidden;margin:45px 0 0 0;}
#content .h3-wrap.unline { border-bottom:2px solid #d71921; }
#content h2 + .h3-wrap { margin-top:0;}
#content .h3-wrap > h3,
#content .h3-wrap > h4 {float:left; margin-top:0;}
#content .h3-wrap > div {float:right; margin-bottom:10px;}
#content .h3-wrap > div span,
#content .h3-wrap > div p{display:inline-block;margin-top:3px;font-size:13px;}
#content .h3-wrap .textdata { float:left}
#content .h3-wrap .subtit { display: block; float:left; margin:7px 0 0 10px; font-weight:normal}

#content h3 + h4,
#content h3+.h3-wrap {margin-top:5px;}
.step + h3{margin-top:0 !important;}
#content h3 + p,
#content h4 + p,
#content .h3-wrap + p{margin:0 0 10px 0;}

#content .h2-wrap {overflow:hidden; height:50px}/* 게시판 타이틀 */
#content .h2-wrap > h2 {float:left; margin-top:0;}
#content .h2-wrap > div {float:right; margin-top:15px;}

#content .h3-wrap-subt {overflow:hidden;}
#content .h3-wrap-subt h3{float:left; margin:0;}
#content .h3-wrap-subt span{float:left; font-size:12px; color:#666; margin:10px 0 0 5px;}

#content .h3-wrap-subt2 {height:55px;}
#content .h3-wrap-subt2 h3 {height:auto;}
#content .h3-wrap-subt2 > div {display:block !important;}
#content .h3-wrap-subt2 > div > p:first-child{float:left;color:#926744;font-size:14px;}
#content .h3-wrap-subt2 > div > p + p{float:right;color:#333;font-size:12px;}
#content .subt2 {margin-bottom:1px}
#content .subt2 .fl {color:#926744;font-size:14px;}
#content .subt2 .fr {color:#333;font-size:12px;}

#content h4 .subtit { font-size:14px;}
.hbox{display:block;margin:0 0 15px 0 !important;padding:15px 0;border:1px solid #d6d6d6;background:#f5f5f5;color:#333;font-size:18px !important;line-height:100%;font-weight:normal !important;text-align:center;}


/*
 * @ Tab
 * -------------------------------------
 */
/* tab 초기화 css */
[class^="tab-"] {width: 100%;}
[class^="tab-"] > li {position: relative; float: left;}
[class^="tab-"] > li > a {display: block;}
[class^="tab-"] li:first-child a {border-left-width: 1px;}
[class^="tab-"]:after {content: ""; display: block; clear:both;}
[class^="tab-"] li > span{border:0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

h3 + [class^="tab-"],
.h3-wrap + [class^="tab-"] {margin-top:10px;}
[class^="tab-"] + .h3-wrap {margin-top:0 !important;}

/* tab-type01 style */
.tab-type01 {position: relative; margin-bottom:30px; background:url("/resource/img/tab/tab_line_03.gif") repeat-x 0 0; padding-left:1px;}
.tab-type01 li {/*border-bottom: 1px solid #fff;*/ margin-left:-1px;}
.tab-type01 li a {height: 40px;border:1px solid #bbb;border-bottom-width:0;/*background-color: #fff;*/padding: 11px 25px 13px;font-size: 16px;text-align: center;}
.tab-type01 li a span {display: inline-block; margin-top: -8px;}
.tab-type01 li a:hover {color: #d71921;}
.tab-type01 li.on{ z-index:1; }
.tab-type01 li.on a {border:solid #d72228; border-width:1px 1px 0 1px; /*margin-left: -1px; */font-weight: bold; color: #d71921;}
.tab-type01 li.on:after {content: ''; display: block; width: 100%; position: absolute; left: 0; top: 0; border-top: 3px solid #d72228;}
.tab-type01 li.on a span {margin-top: -7px;}
.tab-type01 li:first-child.on a {margin-left: 0;}
.tab-type01 li.on a:after{ content:''; display:block; height:1px; background:#fff; bottom:0; left:1px; right:1px; position:absolute;}
.tab-type01:before{display:block; height:1px;content:''; position:absolute; left:0; right:0; bottom:0; background:url("/resource/img/tab/tab_line_03.gif") repeat-x 0 100%;}
.tab-type01.newType:before, .tab-type01.newType li.on a:after, .tab-type01.newType li.on:after {content:none; }

.tab-type01.newType li { padding:0 28px; }
.tab-type01.newType li:first-child { padding-left:0; }
.tab-type01.newType li a { border-width:0 0 2px 0; border-color:#fff; font-size:20px; padding:0; line-height:35px; font-weight:bold; }
.tab-type01.newType li.on a { border-color:#d71921; }
.tab-type01.newType li:before { position:absolute; left:0; top:50%; content:''; display:inline-block; width:1px; height:20px; margin-top:-10px; background:#bbb; }
.tab-type01.newType li:first-child:before { content:none; }


.tab-type01 + h3{margin-top:30px !important;}
.bn-wrap +.tab-type01,
.bn-wrap +.h3-wrap-subt { margin-top:30px;}
.bn-wrap + ul { margin-top:30px;}
.bn-wrap + h3 { margin-top:30px !important;}
.bn-search+.h4-wrap-pro {margin-top: 30px;}

.tab-type01.layoutFix{ display:table; height:auto; width:100%; padding-left:0; background:none;}
.tab-type01.layoutFix:before{ display:none;}
.tab-type01.layoutFix:after{ display:none;}
.tab-type01.layoutFix li a span{ margin-top:0;}
.tab-type01.layoutFix li{ display:table-cell; height:40px; float:none; vertical-align:middle; border:1px solid #bbb; border-left-width:0; text-align:center; margin:0; }
.tab-type01.layoutFix li:first-child{ border-left-width:1px; }
.tab-type01.layoutFix li a{ display:inline-block; height:auto; padding:2px 15px 3px; letter-spacing:-1px; word-break:keep-all; border:none; }
.tab-type01.layoutFix li.on{ border:1px solid #d72228; border-left-width:0; border-bottom:1px solid #fff; }
.tab-type01.layoutFix li.on:before{ content:''; position:absolute; top:-1px; left:-1px; bottom:-1px; display:block; width:1px; border-left:1px solid #d72228 }
.tab-type01.layoutFix li.on:after{ width:auto; left:-1px; right:-1px; }

/* 탭 갯수가 많을 경우의 패딩값 조정 */
.tab-type01.tabs li a {padding: 11px 18px 13px; letter-spacing:-1px;}
.tab-type01.tabs2 li a {padding: 11px 13px 13px; letter-spacing:-1px; font-size: 15px;}

/* tab-type02 style */
.tab-type02{ border:solid #bbb; border-width:0 0 0 1px;}
.tab-type02 li a{ display:block; width:100%; }
.tab-type02 li a span{ display:block; height:40px; text-align:center; vertical-align:middle; font-size:14px; color:#666; border:1px solid #bbb; margin:-1px 0 0 -1px; }
.tab-type02 li a span:before{ content:''; height:100%; display:inline-block; vertical-align:middle;}
.tab-type02 li:first-child a { border-left-width:0; }
.tab-type02 li a:hover,
.tab-type02 li a span:hover{ color:#d71921; }
.tab-type02 li:first-child:before{ left:0; }
.tab-type02 li.on:after{ content:''; display:block; position:absolute; left:-1px; top:0; height:39px; width:2px; background:#d71921 }
.tab-type02 li.on a:hover{ text-decoration:none; }
.tab-type02 li.on a span{ background-color:#d71921; border:solid #d71921; color:#fff; font-weight:bold; }
.tab-type02 li:first-child{ margin-left:0; }
.tab-type02.year li a span{ font-size:16px; color:#333 }
.tab-type02.year li.on a span{ font-size:16px; color:#fff }
.tab-type02 + .tab-type02 a span{ border-top:0 }

/* tab-type03 style */
.tab-type03 {position: relative; height: 38px; margin-bottom:30px; background:url("/resource/img/tab/tab_line_02.gif") repeat-x 0 100%; }
.tab-type03 li {border-bottom: 1px solid #fff;}
.tab-type03 li a {height: 38px;  background-color: #f5f5f5; border: solid #d5d5d5; border-width:1px 1px 1px 0;border-bottom-color: #333; padding:9px 30px 12px; font-size: 16px; text-align: center;}
.tab-type03 li a span {display: inline-block; margin-top: -8px;}
.tab-type03 li.on a {background-color: #fff; border:solid #333; border-width:1px 1px 0 1px; margin-left: -1px; font-weight: bold; color: #323232;}
.tab-type03 li.on a span {line-height: 1;}
.tab-type03 li:first-child.on a {margin-left: 0;}
.tab-type03.layoutFix { display:table; height:auto; width:100%;}
.tab-type03.layoutFix li { display:table-cell; float:none;}
.tab-type03.layoutFix li a{ height:auto; padding-left:10px; padding-right:10px;}

.tab-type03 + h3{margin-top:30px !important;}

/* tab-type04 style */
.tab-type04 { height:42px; background:url("/resource/img/tab/tab_line_01.gif") repeat-x 0 100%; margin-bottom:65px; position:relative; }
/*.tab-type04:after { content:''; display:block; width:100%; position:absolute; left:0; top:80px; border-top:1px solid #ccc; }*/
.tab-type04 > li { border-bottom:1px solid #fff; position:static; }
.tab-type04 > li > a { height:42px; border:solid #bbb; border-width:1px 1px 1px 0; background-color:#fff; padding:11px 25px 13px; font-size:16px; text-align:center; }
.tab-type04 > li > a span { display:inline-block; margin-top:-8px; }
.tab-type04 > li > a:hover { color:#d71921; }
.tab-type04 > li.on > a { border:solid #d72228; border-width:1px 1px 0 1px; margin-left:-1px; font-weight:bold; color:#d71921; position:relative; }
.tab-type04 > li.on > a:after { content:''; display:block; width:100%; position:absolute; left:0; top:0; border-top:3px solid #d72228; }
.tab-type04 > li.on > a span { margin-top:-7px; }
.tab-type04 > li:first-child.on > a { margin-left:0; }
.tab-type04 > li ul { position:absolute; left:0; top:42px; width:100%; display:none; border-bottom:1px solid #ccc;}
.tab-type04 > li ul li { position:relative; float:left; padding:11px 20px 13px; }
.tab-type04 > li ul li:before { content:''; position:absolute; top:13px; left:0; display:block; width:1px; height:15px; border-left:1px solid #ccc; }
.tab-type04 > li ul li:first-child:before {display:none;}
.tab-type04 > li ul.mgtlfex li:first-child {border-left:0; margin-left:350px}
.tab-type04 > li + li + li + li + li + li + li ul.mgtlfex li:first-child { margin-left:570px}
.tab-type04 > li ul li.on a,
.tab-type04 > li ul li a:hover { color:#d72228; text-decoration:underline; }

.tab-type04.layoutFix{ display:table; height:auto; width:100%; padding-left:0; background:none; }
.tab-type04.layoutFix > li a span{ margin-top:0; }
.tab-type04.layoutFix > li{ display:table-cell; height:40px; float:none; vertical-align:middle; border:1px solid #bbb; border-left-width:0; text-align:center; margin:0; }
.tab-type04.layoutFix > li:first-child{ border-left-width:1px; }
.tab-type04.layoutFix > li a{ display:inline-block; height:auto; padding:2px 15px 3px; letter-spacing:-1px; word-break:keep-all; border:none; }
.tab-type04.layoutFix > li.on{ border-top:3px solid #d72228; border-left-width:0; border-bottom:1px solid #fff; }
.tab-type04.layoutFix > li.on:after{ width:auto; left:-1px; right:-1px; }
.tab-type04.layoutFix > li.on > a:after { display:none;}

/*이전 다음버튼이있는 탭스타일*/
.tab-wrap {position:relative}
.tab-wrap [class^="tab-"] {padding:0 33px 0 34px}
.tab-wrap [class^="tab-"] span {font-size:16px; color:#333333}
.tab-wrap [class^="btn-"] {position:absolute;top:-1px;width:34px;height:40px;background:url("/resource/img/bul/bul_arrow_05.png") no-repeat 50% 14px;border:1px solid #bbb;text-indent:-9999px;font-size:0;line-height:0;}
.tab-wrap .btn-prev {left:0;border-right:none;}
.tab-wrap .btn-next {right:0;border-left:none;background-position:50% -124px;}
.tab-wrap + h3 {margin-top:30px !important}


 /*
 * @  box style
 * -------------------------------------
 */
[class^="msgbox"] {position:relative; border:1px solid #d6d6d6; padding:18px 20px; line-height:20px;}
.msgbox+.tab-type01 {margin-top: 45px}
#pop-wrap [class^="msgbox"]{margin:30px;}
.msgbox.age { padding: 10px !important; margin: 0 0 15px 0 !important; }
.msgbox.age p { font-size:14px !important;  }
[class^="btn-wrap"] + [class^="msgbox"]{margin-top:30px;}
[class^="msgbox"]  + [class^="msgbox"],
[class^="table-"] + [class^="msgbox"],
[class^="table-"] + .pop-msg{margin-top:20px;}

[class^="msgbox-notice"] {background:#f5f5f5;}
[class^="msgbox-notice"] > strong{display:block; font-size:17px; margin-bottom:10px;}
[class^="msgbox-notice"] dl.noti {min-height:30px;}
[class^="msgbox-notice"] dl.noti dt{position:absolute; left:20px; padding-left:36px; width:160px; height:32px; line-height:28px;  background:url('/resource/img/ico/ico_noti.png') no-repeat 0 3px; font-size:18px;}
[class^="msgbox-notice"] dl.noti dd {margin-left:160px; padding-top:5px;}
[class^="msgbox-notice"] p.sign{margin-top:20px;text-align:center;font-weight:bold;}
[class^="msgbox-notice"] p.sign strong.name{display:block;margin-top:20px;}
[class^="msgbox-notice"] p.sign strong.name span{padding-left:100px;}
[class^="msgbox-notice"] p.ctxt{font-size:16px;line-height:28px !important;color:#333;text-align:center;}
[class^="msgbox-notice"] .guide{padding-left:135px;min-height:30px;background:url('/resource/img/ico/ico_guide.png') no-repeat 20px 5px; letter-spacing:-0.05em;color:#333;}
[class^="msgbox-notice"] .guide .tit {display: block; margin-bottom: 8px; font-size:18px; font-weight: bold; }
[class^="msgbox-notice"].type2 { background:#fff; border:none; }
[class^="msgbox-notice"].type3 { background:#fff; border:none; }
[class^="msgbox-notice"].type3 .guide { background:url('/resource/img/ico/ico_guide2.png') no-repeat 20px 5px; }
[class^="msgbox-notice"].type4 { border:none; }

.msgbox-notice.lon_long { background:#fff; border-radius:8px; -webkit-border-radius:8px; }
.noti + .msgbox-notice.lon_long { margin-top:25px; }
.msgbox-notice.lon_long .btn-wrap-ct { margin-top:0; }
.msgbox-notice.lon_long .ctxt { text-align:left; font-weight:bold; }
.msgbox-notice.lon_long strong { color:#000; }

.msgbox-type2 { padding-left:135px;min-height:30px; background:#f5f5f5 url('/resource/img/ico/ico_guide.png') no-repeat 20px 20px; letter-spacing:-0.05em;color:#333; }


.msgbox-conf {margin-top:0 !important; padding:40px 20px 0 20px; border:0;}
.msgbox-conf p.ctxt{ font-size:14px; line-height:150%; text-align:center; color:#333;}
.box-guide +.msgbox-conf {margin-top:-20px !important;}
.box-guide +.tab-type01 {margin-top:40px !important;}

.msg-notice{margin:20px 0 10px 0;}
.msg-notice dt{padding:0 0 10px 20px;background:url('/resource/img/bul/bul_noticet.gif') no-repeat 0 2px;}
.msg-notice dd{color:#666;line-height:20px;}
.msg-notice dd li{padding:0 0 2px 10px;background:url('/resource/img/bul/bul_noticels.gif') no-repeat 0 9px !important;text-align:left;}

.pop-cont .msg-notice dd{font-size:12px;line-height:18px;}
.pop-cont .msg-notice dd li{padding:0 0 3px 8px;background:url('/resource/img/bul/bul_noticels.gif') no-repeat 0 9px;color:#666;text-align:left;}

[class^="msgbox-iconbox"] {display:table; margin-bottom:20px; width:100%; min-height:130px; padding-left:170px; background:no-repeat 30px 50%; }
[class^="msgbox-iconbox"] > div {display:table-cell; height:80px; vertical-align:middle}
.ie8 [class^="msgbox-iconbox"], .ie9 [class^="msgbox-iconbox"], .ie10 [class^="msgbox-iconbox"] {min-height:84px; box-sizing:initial;}
[class^="msgbox-iconbox"] p.tit {margin-top:-10px; font-size:18px !important; font-weight:bold; color:#444; line-height:32px; letter-spacing:-0.05em;}
[class^="msgbox-iconbox"] p.tit + p{margin-top:10px; font-size:12px; color:#666;}
[class^="msgbox-iconbox"] p em,
[class^="msgbox-iconbox"] .em{color:#d71921;}
[class^="msgbox-iconbox"].error {background-image:url('/resource/img/bg/bg_icon_error.png')}
[class^="msgbox-iconbox"].end {background-image:url('/resource/img/bg/bg_icon_end.png')}
[class^="msgbox-iconbox"].join {background-image:url('/resource/img/bg/bg_icon_join.png')}
[class^="msgbox-iconbox"].refuse {background-image:url('/resource/img/bg/bg_icon_refuse.png')}
[class^="msgbox-iconbox"].etc {background-image:url('/resource/img/bg/bg_icon_etc.png')}
[class^="msgbox-iconbox"].warn {background-image:url('/resource/img/bg/bg_icon_warn.png')}
[class^="msgbox-iconbox"].check {background-image:url('/resource/img/bg/bg_icon_check.png')}
[class^="msgbox-iconbox"].check02 {background-image:url('/resource/img/bg/bg_icon_check02.png')}

[class^="msgbox-imgbox"] { padding:10px 30px; }
[class^="msgbox-imgbox"]:before { content:''; width:130px; height:100px; display:inline-block; vertical-align:middle; margin-right:10px; }
[class^="msgbox-imgbox"].img-01:before { background:url('/resource/img/bg/bg_imgbox_01.gif') no-repeat 0 0; }
[class^="msgbox-imgbox"] .text { width:770px; display:inline-block; vertical-align:middle; }
[class^="msgbox-imgbox"] ul li { font-size:14px !important; }


/* toggle box guide */
.box-guide {position:relative; margin-bottom:20px; padding:20px; border:1px solid #d6d6d6; word-break:keep-all;}
.box-guide + ul{margin-top:-10px;}
.box-guide.new_type { border:none; padding:0; word-break: normal; }
.box-guide.new_type strong { border:1px solid #d6d6d6; font-size:15px; padding:10px 20px; }
.box-guide.new_type a.guide-toggle { top: 14px; }
[class^="table-"] + .box-guide{margin-top:20px;}
.pop-cont .box-guide{min-height:30px; margin-bottom:20px; padding:15px 20px;}/* pop일 경우 */
.pop-cont .box-guide strong{font-size:14px;}
.pop-cont .box-guide strong + ul.dotlist{margin-top:5px;}
.box-guide > strong {display:block; font-size:18px; color:#444;}
.box-guide a.guide-toggle{position:absolute; top:20px; right:20px; display:block; width:16px; height:16px; background:url('/resource/img/btn/btn_guide_toggle.png') 2px -18px  no-repeat; text-indent:-9999px}
.box-guide strong + ul.dotlist,
.box-guide a.guide-toggle + ul.dotlist{margin-top:10px;}
.box-guide.close ul,
.box-guide.close .guide-txt {display:none}
.box-guide.close a.guide-toggle{background-position:2px 4px}
.box-guide p {padding:5px;font-size:12px; color:#666; line-height:18px;}
.msgbox dt {margin-bottom:8px; font-size:17px;}
.msgbox dd {margin-bottom:12px}
.msgbox dd p {margin-bottom:0; color:#666666; word-break:keep-all}

.box-guide.theme-gray {background-color: #fbf9f5;}
.box-guide.theme-gray strong {font-size:16px;letter-spacing: -1px}
.box-guide.theme-gray p.dot {margin: 10px 0 0; font-size:13px !important;}
.box-guide.theme-gray p.noti {margin-top: 0;font-size:13px !important;}
.box-guide.theme-gray .impor {margin-top: 26px; text-align: center;}
.box-guide.theme-gray .impor strong{font-size: 20px; color:#333}
.box-guide.theme-gray .impor strong{font-size: 20px;}

 /*
 * @  bul-list style
 * -------------------------------------
 */
.dotlist{margin-bottom:10px;}
.dotlist > li {padding:0 0 2px 10px;background:url('/resource/img/bul/bul_boxlist.gif') no-repeat 0 8px;line-height:20px;text-align:left;}
.dotlist li ul{padding-top:3px;}
.dotlist li li {padding-left:9px;background:url('/resource/img/bul/bul_noticels.gif') no-repeat 0 10px;}
.dotlist li li li {padding-left:8px;background:url('/resource/img/bul/bul_dot_05.gif') no-repeat 2px 10px;}
.dotlist li li li li{padding-left:0;background:none;}
.dotlist li > ul.notilist {margin-top:0; margin-bottom:3px;}
.dotlist li strong.tit{display:block;}
.dotlist li a.btn-white-ss{margin-top:-2px;}
.dotlist li ul.numlist li{padding:0 0 2px 15px;background:none;text-indent:-15px;}
.dotlist.titls > li{margin-top:20px;}
.dotlist.titls > li:first-child{margin-top:0;}
.dotlist li .notilist li{padding:0 0 2px 14px;background:url('/resource/img/bul/bul_notice.gif') no-repeat 0 7px;}
.dotlist li strong.tit {margin-top:15px;}
.dotlist li:first-child strong.tit {margin-top:0;}
p.dot{margin-bottom:10px;padding:0 0 2px 10px;background:url('/resource/img/bul/bul_boxlist.gif') no-repeat 0 8px;text-align:left;}

li .dashlist {margin-bottom:0;padding-top:3px;}
.dashlist{margin-bottom:10px;}
.dashlist:last-child{margin-bottom:0;}
.dashlist > li:last-child{ padding-bottom:0 !important; }

.dashlist > li ,
p.dash,
.dash {padding:0 0 2px 10px !important;background:url('/resource/img/bul/bul_noticels.gif') no-repeat 0 9px !important;line-height:20px;text-align:left; text-indent:0 !important;}
p.dash, .dash { margin-top: 3px;font-size: 13px; color:#333;}


.dotlist li [class^="table-"],
.dashlist li [class^="table-"]{margin:5px 0 5px -10px;}

.notilist, p.noti,.noti{margin-top:5px;}
.notilist li, p.noti,.noti{padding:0 0 2px 14px !important;background:url('/resource/img/bul/bul_notice.gif') no-repeat 0 6px;line-height:20px; text-align:left;}
.numlist li p.noti {padding-left:30px !important; margin-top:0}
dl.noti {background:none;padding:0;margin:0}
.notilist li.color-r, .noti.color-r, p.noti.color-r{background:url('/resource/img/bul/bul_noticep.gif') no-repeat 0 6px;}
.dotlist+.noti.color-r, .dot+.noti.color-r {margin-top: -10px;}
.notilist li.em, p.noti.em, .noti.em{background:url('/resource/img/bul/bul_noticep.gif') no-repeat 0 7px !important;color:#d71921;}


.hglist li {padding:0 0 0 20px;text-indent:-20px;font-size:13px;color:#333;line-height:20px;}/* 가. */
.hglist li ul{padding-left:20px;}
.hglist li li{padding:0;}
.hglist li *{text-indent:0;}

.numlist li {padding:0 0 2px 18px;background:none;text-indent:-18px;line-height:20px;}/* 1. 1) ① */
.numlist li li{padding:0;text-indent:0 !important;}
.numlist li .numlist> li {padding:0 0 2px 18px;text-indent:-18px !important;}
.numlist li a{text-indent:0;}
.numlist .hglist {margin-top:5px;}
.numlist li .notilist li {padding:0 0 2px 14px; background:url('/resource/img/bul/bul_notice.gif') no-repeat 0 7px !important; }
li .explist{padding-top:3px;}
.explist li {padding:0 0 3px 8px !important;background:url('/resource/img/bul/bul_noticels.gif') no-repeat 0 9px;font-size:12px;color:#666;line-height:18px;text-align:left; text-indent:0 !important;}
.explist li strong.tit{display:block;color:#666;}
.explist li [class^="table-"] {margin:10px 0 10px -8px;}

.termtit{display:block;margin-bottom:10px;}
.termlist dt{padding-top:10px;}
.termlist dd{padding-top:5px;line-height:18px;color:#666;}
.termlist dd ul li ul{padding:3px 0 3px 13px;}
.termlist dt:first-child{padding-top:0;}

.box-guide li,
[class^="msgbox"] li,
.box-guide th, .box-guide td,
[class^="msgbox"] th, [class^="msgbox"] td{font-size:13px !important;color:#666;}
.box-guide p,
[class^="msgbox"] p{font-size:13px;color:#666;}

.pop-cont .box-guide li,
.pop-cont [class^="msgbox"] li,
.pop-cont .box-guide th, .pop-cont .box-guide td,
.pop-cont [class^="msgbox"] th, .pop-cont [class^="msgbox"] td{font-size:12px !important;color:#333;}
.pop-cont .box-guide p,
.pop-cont [class^="msgbox"] p{font-size:12px;color:#333;}


.box-guide .dotlist,
[class^="msgbox"] .dotlist,
.box-guide .dashlist,
[class^="msgbox"] .dashlist{margin-bottom:0;}

td .dotlist li:last-child{padding-bottom:0;}

.box-guide .notilist,
[class^="msgbox"] .notilist{margin-top:0;}
.box-guide .notilist li,
.box-guide p.noti{background:url('/resource/img/bul/bul_notice.gif') no-repeat 0 6px;}
.box-guide p.noti strong.color-r { font-weight:bold; }

[class^="msgbox"] .dashlist li {background:url('/resource/img/bul/bul_noticels.gif') no-repeat 0 10px !important;}

/* 카드 */
.prolist li{padding:0 0 0 10px;background:  url('/resource/img/bul/bul_dot_04.gif') no-repeat 0 11px; font-size:14px; line-height:170%; color:#333;}
[data-multi-line] .prolist li{ line-height:20px;}

/* 로그아웃 */

[class*="msgbox-logout"] { position:relative; padding:30px 30px 30px 170px; border:1px solid #d6d6d6; }
[class*="msgbox-logout"]:before { position:absolute; top:50%; margin-top:-40px; left:30px; content:""; vertical-align:middle; width:130px; height:80px; background:url('/resource/img/bg/bg_logout.gif') 0 0 no-repeat; }
[class*="msgbox-logout"] p { margin-top:12px; color:#666; font-size:14px;}
[class*="msgbox-logout"] p .mark { float:left; margin-right:5px;}
[class*="msgbox-logout"] p .txt { display:block; overflow:hidden;}
[class*="msgbox-logout"] .tit { font-size:22px !important; line-height:150% !important; margin-top:-5px;padding:2px 0; letter-spacing:-0.05em;font-weight:bold;color:#333 }
[class*="msgbox-logout"] .tit strong { color:#9a7b6a; }

[class*="msgbox-logout"].icon-01:before { background:url('/resource/img/bg/bg_logout_01.gif') 0 0 no-repeat; }
[class*="msgbox-logout"].icon-02:before { background:url('/resource/img/bg/bg_logout_02.gif') 0 0 no-repeat; }
[class*="msgbox-logout"].icon-03:before { background:url('/resource/img/bg/bg_logout_02.gif') 0 0 no-repeat; }
[class*="msgbox-logout"].icon-04:before { background:url('/resource/img/bg/bg_logout_02.gif') 0 0 no-repeat; }
[class*="msgbox-logout"].icon-05:before { background:url('/resource/img/bg/bg_error02.png') 50% 50% no-repeat; }
[class*="msgbox-logout"].icon-06:before { background:url('/resource/img/bg/bg_error01.png') 50% 50% no-repeat; }
[class*="msgbox-logout"].icon-07:before { background:url('/resource/img/bg/bg_logout_05.gif') 50% 50% no-repeat; }

[class*="msgbox-logout"].no-title { padding-top:25px;}
[class*="msgbox-logout"].ico-box1:before { background-color:#ebf4f8;}
[class*="msgbox-logout"] .error-code { padding: 0 0 2px 10px; background: url('/resource/img/bul/bul_boxlist.gif') no-repeat 0 8px; line-height: 20px; text-align: left;}

.msgbox-logout-message { padding:80px 40px 30px 170px; }
.msgbox-logout-message:before{margin-top:-15px;}
.msgbox-logout-message .message { display:block; position:absolute; left:0; top:0; width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; border-bottom:1px solid #d6d6d6; }

.msgbox-set {padding:50px 0 50px 260px !important;background:#fff url('/resource/img/bg/bg_set.png') no-repeat 60px 40px;}
.msgbox-set p:first-child {margin-bottom:15px;color:#333;font-size:22px;line-height:150%;letter-spacing:-0.05em;}
.msgbox-set p {margin-bottom:20px;font-size:14px;color:#666}
.msgbox-set .btn-red {margin-top:0}

/*에러메세지*/
.msgbox-logout-error:before {  background:url('/resource/img/bg/bg_error.gif') 0 0 no-repeat; }
.msgbox-logout-error .tit {color:#333;}
.msgbox-logout-error .s-tit {margin-top:20px; font-size:16px; color:#333; font-weight:bold;}
.msgbox-logout-error .s-tit:before {content:' '; float:left; width:14px;height:14px;margin:3px 5px 0 0; font-size:20px;background:url('/resource/img/ico/ico_msg5.png') no-repeat 0 0;}
.msgbox-logout-error .s-tit + p {margin-top:3px;}
.msgbox-logout-error p {color:#555;}
.msgbox-logout-error p>em {color:#d71921;}

/* 약관 */
.addAuth {margin-top:15px}
.addAuth dt {padding:12px 10px;border:1px solid #d6d6d6;color:#333;}
.addAuth dd + dt {margin-top:15px}
.addAuth dd {position:relative;padding:15px 10px 0 10px;color:#666;}
.addAuth dd .sel {position:absolute;right:10px;top:-30px;text-align:right;color:#333;}
.addAuth dd .agree-list > li {padding:14px 0;position:relative;border-bottom:1px solid #d6d6d6;}
.addAuth dd .agree-list > li > a {position:absolute;right:0;top:9px;}

.addAuth-02 {margin-top:15px}
.addAuth-02 .ain-01 {padding:12px 10px 5px 10px;border:1px solid #d6d6d6;color:#333;}
.addAuth-02 .ain-01 > label {display:inline-block; margin-bottom:15px}
.addAuth-02 .ain-01 .sel {position:relative; color:#333;}
.addAuth-02 .ain-01 .sel input {position:absolute; margin:0;}
.addAuth-02 .ain-01 .sel label {margin-bottom:10px}
.addAuth-02 .ain-02 {position:relative;padding:15px 10px 0 10px;color:#666;}
.addAuth-02 .ain-02 .agree-list > li {padding:14px 0;position:relative;border-bottom:1px solid #d6d6d6;}
.addAuth-02 .ain-02 .agree-list > li > a {position:absolute;right:0;top:9px;}
.addAuth-02 .ain-02 + .ain-01 {margin-top:15px}

.agree-cont {display:none;margin-top:15px;padding:15px 10px 0;border-top:1px solid #d6d6d6;color:#666;}
.open .agree-cont {display:block;}
.agree-cont .link2 {display:inline-block; margin:20px 0 5px;}
.agree-cont strong + p, .agree-cont strong + strong, .agree-cont p + strong, .agree-cont strong + ul, .agree-cont ul + strong {display:block;margin-top:10px;}
.agree-cont p + .sub-tit {display:block;margin-top:25px;}
.hglist .dashlist {padding-left:0}
.agr_new { border:1px solid #ccc; overflow:hidden; padding:15px; }
.agr_new p { float:left; }
.agr_new .btn-white-s, .agr_new .btn-brown-s { float:right; }
.agr_new.type2 { padding:0; background:#f8f8f8; }
.agr_new.type2 dl:first-child { border-top:none; }
.agr_new.type2 dl { display:block; overflow:hidden; border-top:1px solid #ccc; padding:12px 15px; }
.agr_new.type2 dl dt { float:left; }
.agr_new.type2 dl dd { float:right; }
.agree-box {overflow:hidden;overflow-y:auto;height:110px;padding:10px;border:1px solid #d6d6d6; background:#fff}
.agree-box pre {line-height:1.5em; margin:0;}
.agree-box p { font-size:13px;}
.agree-chk {overflow:hidden;width:100%;margin-bottom:20px;padding:10px 0 0 0;text-align:right;}
.agree-chk p{display:inline;padding-right:10px;text-align:left;font-weight:bold;}
.agree-chk + .agree-chk{margin-top:-20px;}
.agree-box + h3 {margin-top:45px !important}
[class^="msgbox-notice"] .agree-chk{margin-bottom:0;font-size:13px;}

/* Step */
.step {position: relative; z-index:0; overflow:hidden; margin-bottom:10px; margin-top:10px;}
.step-comm {float:right;overflow:hidden;}
.step-comm li {position: relative;padding: 0 9px; float:left; text-align:center; color:#666; font-size: 13px;}
.step-comm li:before {content:""; display: block; position: absolute; top:10px; right:50%; width:150px; border-bottom:2px solid #d2d2d2; }

.step-comm li span {border:0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.step-comm li > b {position: relative; z-index: 30;display: inline-block; width:22px; height:22px; padding-top: 3px; background:  url('/resource/img/bg/bg_step.png') no-repeat 0 0; font-size:14px; color:#777; letter-spacing: 0;}
.step-comm li > p {position: relative; z-index: 20;letter-spacing: -0.075em;}
.step-comm li:first-child p:before{content:""; display: block; position: absolute; top:-13px; right:50%; width:150px; border-bottom:4px solid #fff; }

.step-comm li.on > b{background-position: 0 bottom; color:#fff; background:#e32a2a; border-radius:22px; -webkit-border-radius:22px; }
.step-comm li.on:before {content:""; display: block; position: absolute; top:10px; right:50%; width:150px; border-bottom:2px solid #e32a2a;z-index: 3;}

/*ie8 대비*/
.step-comm li.on{ z-index:10; }
.step-comm li + li.on{ z-index:9; }
.step-comm li + li + li.on{ z-index:8; }
.step-comm li + li + li + li.on{ z-index:7; }
.step-comm li + li + li + li + li.on{ z-index:6; }
.step-comm li + li + li + li + li + li.on{ z-index:5; }
.step-comm li + li + li + li + li + li + li.on{ z-index:4; }
.step-comm li + li + li + li + li + li + li + li.on{ z-index:3; }

[class^="step-typ"]{margin:0 0 20px -10px}
[class^="step-typ"]:after {content:''; display:block; clear:both;}
[class^="step-typ"] li {position:relative; float:left; width:320px; padding:17px 20px 20px 85px; margin:0 0 20px 10px; border:1px solid #d6d6d6; letter-spacing:-0.05em; word-break:keep-all}
.step-typ2.line4 li { width:237px; }
.step-typ2.line4 li strong { line-height:17px; }

/*.step-typ1  {width:100%;}*/
.step-typ1 li img {position:absolute; top:15px; left:15px;}
.step-typ1 li strong {display:block; font-size:16px; color:#d71921}
.step-typ1 li strong em {color:#333}
.step-typ1 li p {margin-top:10px}
.step-typ1.ht2 li {height:105px}
.step-typ1.ht3 li {height:125px}
.step-typ1.ht4 li {height:145px}
.step-typ2 li {height:95px}
.step-typ2 li img {position:absolute; top:15px; left:15px;}
.step-typ2 li strong {position:relative; display:block; font-size:16px; font-weight:normal}
.step-typ2 li strong em {display:block; margin-bottom:5px; color:#d71921; font-size:13px; letter-spacing:0}
.step-typ2 li strong span {display:block; margin-top:5px; font-size:13px; color:#666666}
.step-typ3 {margin-bottom:0;}
.step-typ3 li {height:95px; margin:0 10px 0 0; }
.step-typ3 li img {position:absolute; top:15px; left:15px;}
.step-typ3 li strong {position:relative; display:block; font-size:16px; font-weight:normal}
.step-typ3 li strong em {display:block; margin-bottom:5px; color:#d71921; font-size:13px; letter-spacing:0}
.step-typ3 li strong span {display:block; margin-top:5px; font-size:13px; color:#666666}
.step-typ1.noimg li { padding: 20px; width: 237px; height: 132px; line-height: 20px; }

/* banner */
.banner-log {overflow:hidden;margin-top:50px;}
.banner-log li {float:left; margin-left:13px}
.banner-log.typ2 li {margin-left:24px;}
.banner-log.typ3 li {margin-left:13px;}
.banner-log li:first-child {margin-left:0;}


/*
 * @ table 공통
 * -------------------------------------
 */
h3+.srch-bankbook,
.h3-wrap+.srch-bankbook{margin-top: 15px;}
.srch-bankbook {margin-top:50px;padding-bottom:20px; text-align:center;}
.srch-bankbook > * {display:inline-block; vertical-align:middle;}
.srch-bankbook .btn-prev,
.srch-bankbook .btn-next,
.srch-bankbook .btn-thisMonth {width:22px; height:23px; background:url('/resource/img/btn/btn_calendar.png') no-repeat; text-indent:-9999px}
.srch-bankbook .btn-prev {margin-right:27px; background-position:0 0}
.srch-bankbook .btn-next {margin-left:27px;  background-position:-22px 0}
.srch-bankbook .btn-thisMonth {width:43px; margin-left: 2px; background-position:-44px 0}
.srch-bankbook .btn-thisMonth-g {height:23px; padding: 2px 6px 0 5px ; margin-left: 2px;line-height: 1em; color:#333; letter-spacing: -1px;
	-webkit-border-radius: 2px ;
	-moz-border-radius: 2px ;
	-ms-border-radius: 2px ;
	-o-border-radius: 2px ;
	border-radius: 2px ;
	background-color: #fff;
	border: 1px solid #b4b4b4;
	font-weight: bold;
}
.srch-bankbook .btn-calendar {width:20px; height:20px; background:url('/resource/img/btn/btn_calendar_2.png') 4px 8px no-repeat; text-indent:-9999px}
.srch-bankbook .btn-calendar.active { background-position:4px -18px}
.srch-bankbook > span {font-size:16px}
.srch-bankbook > strong {margin-top:-2px; font-size:27px; line-height:1em; color:#916744; }
.srch-bankbook > strong span {text-indent:-9999px}
.srch-bankbook .slt-day-w {position: relative; z-index: 30; display: inline-block; ;}
.srch-bankbook .slt-day-w .slt-day { display:none; position: absolute; top:30px; left:-147px;width:206px; padding:10px 10px 15px; background-color: #fff; border:1px solid #896e4a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
.srch-bankbook .slt-day-w .slt-day>div {width:92px; height:205px; overflow: auto; display: inline-block; padding: 9px; margin-bottom: 9px; border: 1px solid #d6d6d6;}
.srch-bankbook .slt-day-w .slt-day>div+div {margin-left: -6px;}
.srch-bankbook .slt-day-w .slt-day li {position: relative;}
.srch-bankbook .slt-day-w .slt-day input {}
.srch-bankbook .slt-day-w .slt-day label {display: block; height:30px; padding: 8px 0 0 10px; margin: 0; background:#fff none; font-size: 15px; letter-spacing: -0.05em; color:#666; text-align:left; white-space: nowrap }
.srch-bankbook .slt-day-w .slt-day input:checked+label {background-color:#d71921; color:#fff;}
.ie8 .srch-bankbook .slt-day-w .slt-day input[checked="checked"]+label {background-color:#d71921; color:#fff;}
.srch-bankbook+.h3-wrap,
.srch-bankbook+h3 {margin-top: 0 !important;}

/*입금,출금,잔액*/
.box-account {height:72px; margin-bottom:30px; background-color:#f6f6f6; text-align:center; border: 1px solid #e6e6e6;}
.box-account:after {content: ""; display: block; clear:both;}
.box-account * {display: inline-block; font-size:14px; line-height: 1em; vertical-align: top; letter-spacing: -0.035em;}
.box-account [class^="m-"] {float: left;width:33%; height:100%; padding: 26px 10px 0; text-align: right; border-left: 1px solid #e6e6e6;}
.box-account [class^="m-"]:first-child {width:34%; border-left: 0 none;}
.box-account [class^="m-"] .tit {position: relative; margin-top: 2px; padding-left: 37px; float:left }
.box-account [class^="m-"] .tit:before {content: ""; display: block; position: absolute; top:-5px; left:0; width:30px; height:30px; background: url('/resource/img/ico/ico_money.png') 0 0 no-repeat; }
.box-account .m-in .tit:before {background-position: 0 0;}
.box-account .m-out .tit:before {background-position:0 -30px;}
.box-account .m-chg .tit:before {background-position:0 -60px;}
.box-account [class^="m-"] .tit * {font-size: 14px; padding-left:4px; line-height:1em; font-weight: normal;}
.box-account [class^="m-"] .tit strong {font-size: 16px;}
.box-account [class^="m-"] .m {padding-left: 10px; font-size: 18px; font-weight: normal;}
.box-account [class^="m-"] .w {padding-top: 2px;}
.box-account .m-in  strong {color:#042f77;}
.box-account .m-out  strong {color:#d71921;}

/*입금,출금*/
.box-account.inout [class^="m-"] {width:50%; height:100%; padding-right:50px; padding-left:50px;}
.box-account+.h3-wrap {margin-top:-5px !important;}
.box-line {border: 1px solid #e8e8e8;}
.cho-wrap {margin-bottom:10px}
.cho-wrap label {font-size:16px}

/* 월별 조회 내역 */
.list-bankbook {padding:20px; border-top:1px solid #666666; border-bottom:1px solid #bbb}
.list-bankbook > ul > li {position:relative; padding-left:162px; margin-bottom:10px}
.list-bankbook > ul > li div {position:absolute; top:15px; left:0; font-size:18px; }
.list-bankbook > ul > li div:after {content:''; position:absolute; top:9px; left:123px; display:block; width:15px; height:15px; background:url('/resource/img/bul/bul_circle.png') 0 0 no-repeat}
.list-bankbook > ul > li div span {font-size:24px;font-weight:bold;}
.list-bankbook > ul > li:after {content:''; position:absolute; top:36px; left:129px; display:block; width:1px; height:100%; background-color: #d6d6d6}
.list-bankbook > ul > li.last:after {display:none}

.list-bankbook .inner {position:relative; padding:0 30px; border:1px solid #d6d6d6; border-radius:5px}
.list-bankbook .inner > li { display:table; width:100%; padding:15px 0; background:url('/resource/img/bg/bg_dot_line.png') 0 top  repeat-x; overflow:hidden}
.list-bankbook .inner > li:first-child {background:none}
.list-bankbook .inner .dotlist { margin-bottom:0;}

.list-bankbook .inner:after {content:''; position:absolute; top:20px; left:-11px; display:block; width:11px; height:12px; background:url('/resource/img/bul/bul_arrow_02.png') 0 0 no-repeat}
.list-bankbook .inner > li p {display:table-cell; vertical-align:middle}
.list-bankbook .inner > li p:first-child span {display:block; font-weight:bold; line-height:22px}
.list-bankbook .inner > li p:first-child {width:116px}
.list-bankbook .inner > li p:first-child + p {width:400px; padding-right:10px; line-height:16px; font-size:14px}
.list-bankbook .inner > li p:first-child + p + p {width:200px; font-size:14px; text-align:right}
.list-bankbook .inner > li p:first-child + p + p > span {display:block; margin-bottom:5px}
.list-bankbook .inner > li p:first-child + p + p .deposit span {display:inline-block; padding-left:25px; background:url('/resource/img/bul/bul_arrow_01_1.png') 0 center no-repeat}
.list-bankbook .inner > li p:first-child + p + p .deposit a {display:inline-block; width:110px; color:#3f4e72}
.list-bankbook .inner > li p:first-child + p + p .withdraw span {display:inline-block; padding-left:25px; background:url('/resource/img/bul/bul_arrow_01_2.png') 0 center no-repeat}
.list-bankbook .inner > li p:first-child + p + p .withdraw a {display:inline-block; width:110px; color:#d71921}
.list-bankbook .inner .total {}
.list-bankbook .inner .total p {display:block; width:100% !important; margin-top:0 !important; padding-right:0 !important; overflow:hidden}
.list-bankbook .inner .total p span {display:inline-block !important; float:left; font-weight:normal !important; width:50%; line-height:27px}
.list-bankbook .inner .total p span + span {text-align:right}
.list-bankbook .inner .total p em {display:inline-block; vertical-align:bottom; margin-bottom:-1px; font-size:16px; font-weight:bold}
.list-bankbook .inner .total p:first-child em {color:#3f4e72}
.list-bankbook .inner .total p + p em {color:#d71921}
.list-bankbook + .srch-bankbook {margin:20px 0 0 0; border:none}

/* 월별 조회 내역 - event */
.list-bankbook.point-sv .inner li p:first-child {font-weight:bold}
.list-bankbook.point-sv .inner li p:first-child + p {width:525px; margin-top:0}
.list-bankbook.point-sv .inner li p:first-child + p + p {width:75px; font-weight:bold; color:#3f4e72; padding-left:14px; background:url('/resource/img/bul/bul_arrow_01_1.png') 0 center no-repeat}
.list-bankbook.point-sv .inner li p.arrow02 {background:url('/resource/img/bul/bul_arrow_01_2.png') 0 center no-repeat !important;color:#d71921 !important;}
.list-bankbook.point-sv .inner.disapear li p { }
.list-bankbook.point-sv .inner.disapear li p:first-child { width:400px; font-weight:400;}
.list-bankbook.point-sv .inner.disapear li p:first-child + p { width:80px; font-weight:700;}
.list-bankbook.point-sv .inner.disapear li p:first-child + p + p { width:155px; background:none; padding-left:0; font-weight:400;}
.list-bankbook.point-sv .inner.disapear li p:first-child + p + p + p { width:auto; text-align:right; font-weight:700;}
.list-bankbook.point-us .inner li p:first-child {font-weight:bold}
.list-bankbook.point-us .inner li p:first-child + p {width:260px; margin-top:0}
.list-bankbook.point-us .inner li p:first-child + p + p {width:265px; margin-top:0; line-height:16px; text-align:left}
.list-bankbook.point-us .inner li p:last-child {width:75px; text-align:right; font-weight:bold; color:#d71921; padding-left:14px; background:url('/resource/img/bul/bul_arrow_01_2.png') 0 center no-repeat}
.list-bankbook.point-us .inner li p.cols2 {width:525px}
.angel-sum {padding:18px 50px 20px 20px; font-size:16px; border-bottom:1px solid #666666}
.angel-sum strong {float:right; color:#3f4e72}
.point-us + .angel-sum strong {color:#d71921}

/* 영수증 */
.prt-tit {position:relative; display:block; margin-bottom:30px; padding-top:20px; font-size:22px; text-align:center; }
.prt-tit span{display:block; font-size:14px; margin-top:10px; font-weight:normal; }
.prt-tit .prt-date{position:absolute; top:-15px; right:0; font-size:13px; font-weight:normal; }
.prt-tit .prt-date02{position:absolute;  right:0; font-size:13px; font-weight:normal; }
.rec-date {margin:20px 0;padding-bottom:20px; border-bottom:1px solid #d6d6d6; text-align:center;}
.rec-date span{display:block; margin-top:5px;}
.rec-dateb {margin:20px 0;padding:20px 0; border:1px solid #d6d6d6; line-height:20px; color:#000; text-align:center;}
.rec-dateb span{display:block; margin-top:20px;}
.rec-dates{margin:20px 0;padding-bottom:20px; border-bottom:1px solid #d6d6d6;}
.rec-dates span{display:block;text-align:right;}
.rec-dates span.date{margin-top:25px;word-spacing:1em;}
.rec-dates span.sign{margin-top:20px;}
.rec-dates span.sign strong{display:inline-block;padding-right:150px;font-weight:normal;}
.rec-dates span.sign strong + strong{margin-left:-115px;padding-right:30px;font-weight:bold;}
.rec-btm{margin-top:20px;padding-bottom:20px; border-bottom:1px solid #d6d6d6;}
.rec-stamp {margin-bottom:-10px;text-align:right;}
[class^="btn-wrap"] + .rec-btm {padding-top:10px; border-top:1px solid #d6d6d6}

/* paginate */
.paginate {margin-top:20px;text-align:center;}
.paginate * {vertical-align:middle}
.paginate a {display:inline-block; width:36px; height:36px; line-height:33px; border:1px solid #bbb; font-weight:bold; color:#222222; background-color:#fff}
.paginate a:hover {border-color:#d71921}
.paginate strong {display:inline-block; width:36px; height:36px; line-height:33px; color:#fff; background-color:#d71921}
.paginate [class^="btn-"] {text-indent:-9999px; background:url('/resource/img/btn/btn_page.png') no-repeat}
.paginate .btn-first {background-position:12px 12px}
.paginate .btn-prev {background-position:-18px 12px}
.paginate .btn-next {background-position:-16px -18px}
.paginate .btn-last {background-position:12px -18px}


/*
 * @Layer + Window Popup
 * -------------------------------------
 */
.layer-scroll {overflow: hidden;}/* Control Layer Popup Scroll */
body.layer-open{ overflow-y:hidden;}
#layer-section { position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; display:none; }
#layer-section [class^="pop-wrap"],
#layer-section .dialog-wrap {position:fixed;top:50%;left:50%; display:block;}
#layer-section.active { display:block; }
#layer-section.dim { background:#000; background:url('/resource/img/bg/bg_layer.png') repeat 0 0; }
#layer-section.scroll [class^="pop-wrap"],
#layer-section.scroll .dialog-wrap { top:50px; bottom:50px; }
#layer-section.scroll .pop-cont{ position:absolute; top:60px;bottom:0; left:0; right:0; overflow:auto;}

[class^="pop-wrap"],
.dialog-wrap {overflow:hidden;width:700px;background:#fff; margin-right:auto; margin-left:auto}

[class^="pop-wrap"].size-s { width:600px;}

#pop-wrap {width:100%;}
#pop-wrap h1 {height:58px;background:#896e4a url('/resource/img/bg/bg_poptop.gif') no-repeat top right;padding:0 0 0 25px;color:#fff;font-size:22px;line-height:240%;}

[class^="pop-wrap"] {border:1px solid #896e4a;}
.pop-wrap-l{width:950px !important;}
.pop-wrap-m{width:600px !important;}
.pop-wrap-s{width:450px !important;}

.pop-header {position:relative;height:58px;background:#896e4a url('/resource/img/bg/bg_poptop.gif') no-repeat top right;padding:0 0 0 25px;color:#fff;font-size:22px;line-height:240%; }
.pop-header .btnp-close {position:absolute;right:15px;top:15px;width:29px;height:29px;background:url('/resource/img/btn/btn_pop.gif') no-repeat top left;font-size:0;line-height:0;}
.pop-header .btnp-close:hover,
.pop-header .btnp-close:focus {background:url('/resource/img/btn/btn_pop_over.gif') no-repeat top left;}

.pop-h{display:block;height:31px;margin:20px 0 0 0;color:#333;font-size:18px;line-height:100%;font-weight:bold;}/* 팝업 h2, 레이어팝업 h3 모두 사용가능 */
.pop-h2{display:block;height:29px;margin:20px 0 0 0;color:#333;font-size:16px;line-height:100%;font-weight:normal;}
.pop-h3{display:block;margin:20px 0 10px 0;padding:0 0 2px 10px;background:url('/resource/img/bul/bul_boxlist.gif') no-repeat 0 8px;font-size:13px;color:#333;line-height:20px;text-align:left;font-weight:normal;}
strong[class^="pop-"] span.txt{font-size:12px;font-weight:normal;}

.pop-h + .pop-h2,
.pop-h2 + .pop-h3{margin-top:0;}
.pop-h + p,
.pop-h2 + p,
.pop-h3 + p,
.pop-hbox + p{margin:0 0 10px 0;}

.pop-cont .pop-h:first-child{margin-top:0;}
.pop-hbox{overflow:hidden;height:31px;margin:20px 0 0 0;}
.pop-hbox [class^="pop-"]{float:left;margin:0;}
.pop-hbox > div{float:right;}
.pop-hbox > div span,
.pop-hbox > div p{display:inline-block;margin-top:0;font-size:13px;}

.pop-cont {padding:25px}
.pop-cont em {color:#d71921;}
.pop-cont p {line-height:20px;}
.pop-cont h3 {height:31px;margin:20px 0 0 0;color:#333;font-size:18px;line-height:100%;font-weight:bold;}
.pop-cont h4 {margin-bottom:10px}

.pop-cont .txt1 {margin-bottom:10px}
.pop-cont .txt1 + img {margin-bottom:30px}
.pop-cont > .scrl-y {max-height:400px}

.pop-noti {margin-top:-1px;padding:10px 0;background:#f5f5f5;text-align:right;}
.pop-noti > div {padding:0 25px;}

.pop-msg { margin-bottom:20px;padding:30px 0;background:#f4f4f4;text-align:center;}
.pop-msg.whbg { background:#fff; border-bottom:1px solid #ddd; padding-top:15px; }
.pop-msg p {font-size:20px;color:#000;line-height:28px;}
.pop-msg p.etc {margin-top:10px;font-size:14px;color:#666;line-height:20px}
.pop-msg input[ type="text"],.pop-msg input[ type="password"]{position: relative;}
.pop-msg p.title { text-align: left; padding:0 15px 10px 15px; font-size:18px; }
.pop-msg p.txt1 { font-size:16px; text-align:left; padding:0 15px; }
.pop-msg p.txt2 { font-size:18px; padding:25px 15px 0 15px; }

[class^="pop-msg-"] {min-height:200px;margin-bottom:20px;padding-left:154px;text-align:left;letter-spacing:-0.05em;}
[class^="pop-msg-"] p:first-child {padding:45px 0 0 0;font-size:20px;color:#000;line-height:28px;}
[class^="pop-msg-"] p:first-child.code{padding:55px 0 0 0;}
[class^="pop-msg-"] p.evt {padding-top:30px; margin-bottom:15px}
[class^="pop-msg-"] p.top {padding:45px 0 15px 0;font-size:14px;line-height:20px;}
[class^="pop-msg-"] p.code {padding:15px 0 45px 0;font-size:14px;line-height:20px;}
[class^="pop-msg-"] p.code2 {padding-top:10px;font-size:14px;line-height:20px; letter-spacing:-0.12em}
[class^="pop-msg-"] p.code2.last {padding-bottom:30px}
[class^="pop-msg-"] p.top + p{padding-top:0;}

.pop-msg-confirm {background:#f4f4f4 url('/resource/img/bg/bg_popmsg_confirm.gif') no-repeat 42px 36px;}
.pop-msg-fail {background:#f4f4f4 url('/resource/img/bg/bg_popmsg_fail.gif') no-repeat 42px 36px;}
.pop-msg-call {background:#f4f4f4 url('/resource/img/bg/bg_popmsg_call.gif') no-repeat 42px 36px;}
.pop-msg-pw {background:#f4f4f4 url('/resource/img/bg/bg_popmsg_pw.gif') no-repeat 42px 36px;}
.pop-msg-pw p {padding-top:45px;}

.dialog-wrap{width:400px;}
.dialog-header {position:relative;height:58px;background:#896e4a;padding:0 0 0 25px;color:#fff;font-size:22px;line-height:240%;}
.dialog-box {padding:25px;}

.pop-footer {margin-top:20px; padding-top:30px; text-align:center; border-top:1px solid #d6d6d6}


/*
* @ 뱅킹공통
* -------------------------------------
*/
/* scroll table */
.scrl-y{overflow:hidden;overflow-y:auto;}
.scrl-x{overflow:hidden;overflow-x:auto;}
.scrl-x.scrl-y {overflow:auto;}
[class^="table-"].scrl-x > table{width:auto;min-width:980px}
[class^="table-"].scrl-x th,
[class^="table-"].scrl-x td,
[class^="table-"].scrl-y th{white-space:nowrap;}
[class^="table-"].scrl-y{max-height:400px;border-bottom:0;}
[class^="table-"].scrl-y >table{border-bottom:1px solid #bbb;}

/* cell-control */
[class^="table-"].scrl-x.cell-control > table {width:100%; table-layout: fixed}


/*우편번호팝업*/
.zcode-wrap { height:650px; overflow-y:auto;}
[class^="zcode-"] strong {display:block; margin-bottom:12px; font-size:15px; color:#333333;}
.zcode-box {padding:20px; border:1px solid #bbbbbb;}
.zcode-box + .zcode-box {margin-top:10px;}
.zcode-box table {width:100%;}
.zcode-box table th {padding:10px 0; color:#333333; font-weight:normal; text-align:left; vertical-align:top;}
.zcode-box table td {padding:5px 20px 5px 5px; color:#666666;}
.zcode-box table select,.zcode-box table input[type="text"] {width:170px; border-radius:0;}
[class^="zcode-list-"] {overflow-x:auto; height:286px; border:1px solid #bbbbbb;}
[class^="zcode-list-"] + [class^="zcode-list-"] {margin-top:10px;}
[class^="zcode-list-"] ul>li {border-top:1px solid #cfcfcf;}
[class^="zcode-list-"] ul>li:first-child {border-top:none;}
[class^="zcode-list-"] ul>li label {float:left; width:100%; display:block; padding:21px 20px; color:#666666; margin:0; background:none;}
[class^="zcode-list-"] ul>li label strong {font-size:15px;}
[class^="zcode-list-"] ul>li label em {margin-right:20px; color:#333333;}
[class^="zcode-list-"] [type="radio"] + label .rdo {float:left; height:16px; margin-right:5px; padding:0 0 2px 22px; background:url('/resource/img/bg/bg_inp.png') no-repeat;}
[class^="zcode-list-"] [type="radio"]:checked + label {background:#fcefeb;}
[class^="zcode-list-"] [type="radio"]:checked + label .rdo {background-position:0 -56px;}
.ie8 [class^="zcode-list-"] [type="radio"][checked="checked"] + label {background:#fcefeb;}
.ie8 [class^="zcode-list-"] [type="radio"][checked="checked"] + label .rdo {background-position:0 -56px;}
.zcode-list-h li.even {background:#fdfcfa;}
.zcode-list-h2 {height:322px; }
.zcode-list-h2 .addr {display:block; padding-left:22px; padding-top:10px;}
.zcode-list-h2 .rdo {display:block; float:none !important;}
.zcode-list-none{ height:auto;}
.zcode-list-none p {padding:30px 0; text-align:center; color:#666666; font-size:16px;}
.form-wrap {overflow:hidden; position:relative;}
.form-wrap input{ position:absolute; left:0; margin:0; top:0;}

/* 전자어음 */
.bill-wrap {border:1px solid #d6d6d6; padding:35px; text-align: center;}
.bill-wrap>div {display: inline-block; text-align: center;}
.bill {position: relative; padding:20px; }
.bill.elec {width:735px; height:342px; background: url('/resource/img/bg/bg_electronicbill.jpg') 0 0 no-repeat;}
.bill .info {position: relative; padding-top: 14px;}
.bill .info:after {content: ""; display: block; clear: both;}
.bill .title {font-size:24px; }
.bill .name {float: left; display: block; font-size:15px; }
.bill .num {float: right; padding-top:2px; font-weight: bold;}
.bill .money {display: block; padding-top: 40px; font-size:22px;font-weight: normal;}
.bill .money>span:first-child {padding-left: 10px;}
.bill .notice {padding-top:29px; font-size: 13px; text-align: center;}
.bill [class^="state"] {position: absolute; top:-17px; font-size:15px; text-align: center; }
.bill .state-01 {left:0; width:200px}
.bill .state-02 {width:220px; right:0; letter-spacing:-0.03em}
.bill .info2 {margin-top: 20px;}
.bill .info2 dl:after {content: ""; display: block; clear: both;}
.bill .info2 dt,.bill .info2 dd {line-height: 1.8em;text-align:left }
.bill .info2 dt {width:80px;float:left; clear: both}
.bill .info2 dd {max-width:355px; min-width:110px; float:left; }
.bill .give-info {float: left;}
.bill .issue-info {float: right; width:435px;}

/*뱅킹관리*/
.imgchk [type="radio"] + label {margin-top:5px !important; padding-right:8px;}
.name-area {margin-top:60px;}
.name-area p {font-size:16px; color:#333333; line-height:25px !important;}
.name-area .name {width:290px; margin-top:30px; padding-bottom:10px; border-bottom:2px solid #333; text-align:right;}
.name-area .name>span {margin-right:30px;}
.sm-alram-p {margin-top:20px; height: auto;float: none; clear: both;}
.sm-alram-p ul {display: table; width:100%; height: 180px; overflow:hidden; padding:39px 0; border:2px solid #ddd; float: none;clear: both;}
.sm-alram-p ul li {display: table-cell;min-width:265px;/* height:100%; float:left;*/padding:0 35px 0 105px; position:relative;border-left:1px dotted #acacac;}
.sm-alram-p ul li:first-child {margin-left:0;border-left:0; }
.sm-alram-p ul li:before {content:''; display:block; width:48px; height:48px; position:absolute; left:30px; top:0;}
.sm-alram-p ul li.ico01:before {background:url('/resource/img/main/m_ico11.png') no-repeat;}
.sm-alram-p ul li.ico02:before {background:url('/resource/img/main/m_ico12.png') no-repeat;}
.sm-alram-p ul li.ico03:before {background:url('/resource/img/main/m_ico13.png') no-repeat; width:51px; height:51px;}
.sm-alram-p ul li > strong  {display: block; font-size:18px; margin-bottom:13px; color:#333;}
.sm-alram-p ul li > p {margin-bottom:15px;}
.sm-alram-p ul li > p span {font-weight:bold; color:#916744;}
.sm-alram-p ul li > p .bar {color:#cccccc; font-weight:normal;}
.sm-alram-p ul li > .btn-white-s {margin-bottom: 11px}
.sm-alram-p ul li > .alarm-set {margin-top: -8px}
.sm-alram-p ul li > .alarm-set span {line-height: 35px;}

.app-noti {overflow:hidden; margin-top:40px; padding:30px 0; background:#f5f5f5;}
.app-noti ul>li {float:left; width:50%; text-align:center;}
.app-noti ul dl dt {margin-bottom:12px; font-size:14px; font-weight:bold; color:#444;}
.app-noti ul dl dd {font-size:13px; color:#666666; line-height:22px;}
.app-noti ul dl dd.img {margin-bottom:15px;}

.alarm-set {overflow:hidden; }
.alarm-set ul>li {float:left; width:316px; margin-left:15px; padding:10px 20px; background:#f5f5f5;}
.alarm-set ul>li:first-child {margin-left:0;}
.alarm-set ul>li>span.tit {font-size:14px; color:#333;  line-height:35px;}
.alarm-set [type="checkbox"] + label {float:right; width:63px; height:38px; margin:0; padding:0; background:url(/resource/img/btn/btn_toggle.png) left bottom;}
.alarm-set [type="checkbox"]:checked + label {background-position:left top;}
.ie8 .alarm-set [type="checkbox"][checked="checked"] + label {background-position:left top;}

.msgbox .rec-dates{padding:20px 0; border-bottom:none;}
.msgbox .rec-dates + .rec-dates {border-top:1px solid #d6d6d6;}

.bankbook {height:672px; margin-top:10px; background:url('/resource/img/bg/bankbook.jpg') no-repeat center top; }
.bankbook>div {margin-left:310px; padding-top:81px; text-align:left;}
.bankbook>div p {font-size:15px;}
.bankbook>div p.txt {padding-top:17px; font-size:13px;}
.bankbook>div p.num {margin-left:14px; padding-top:18px; font-size:13px;}
.bankbook>div p.num>span {margin-left:20px;}
.bankbook>div p.num>span:first-child {margin-left:33px;}
.bankbook>div p.part {padding-left:8px; padding-top:57px; font-size:13px; }
.bankbook>div p.part>span {padding-left:52px; }
.bankbook>div p.part + .part {padding-top:0;}

/*조회*/
[class^='link-box']{ display:table;}
[class^='link-box'] {overflow:hidden; margin-bottom:25px;}
[class^='link-box'] ul { display:table-cell; table-layout:fixed; width:277px; background:#AD8E76; vertical-align:middle; padding:10px 0; position:relative; }
[class^='link-box'] ul:first-child { width:703px; background:#92735c }
[class^='link-box'] ul li { display:table-cell;vertical-align:middle; width:159px; background:url('/resource/img/btn/btn_arrow.png') no-repeat right center; word-break:keep-all;}
[class^='link-box'] ul li:last-child {width:118px;}
[class^='link-box'] ul li a {display:block; padding: 7px 0 7px 20px; text-decoration:none; font-size:14px; color:#ffffff; line-height:120%;letter-spacing:-0.25px;}
[class^='link-box'] ul:first-child li{width:163px; }
[class^='link-box'] ul:first-child li a {padding:7px 35px 7px 20px;}
[class^='link-box'] ul li:before { content:''; display:block;width:1px; top:10px; bottom:10px; background:#9e836e; position:absolute;}
[class^='link-box'] ul li:first-child:before { display:none;}
[class^='link-box'] ul:first-child li:before { background:#7f634e;}

[class^='link-box'] ul:first-child .date {width:199px;}
[class^='link-box'] ul:first-child .date a {padding-left:40px;background:url('/resource/img/bg/bg_link_date.png') no-repeat 20px center;}
[class^='link-box'] ul:first-child .trans {width:242px;}
[class^='link-box'] ul:first-child .trans a {padding-left:43px;background:url('/resource/img/bg/bg_link_trans.png') no-repeat 21px center;}
[class^='link-box'] ul:first-child .kpoint {width:262px;}
[class^='link-box'] ul:first-child .kpoint a {padding-left:45px;background:url('/resource/img/bg/bg_link_kpoint.png') no-repeat 23px center;}

.link-box01 ul:first-child li {background:none;}
.link-box01 ul:first-child li a {padding-right:0}
.link-box01 ul:first-child li a span {display:inline-block;padding:0 23px 0 7px;background:url('/resource/img/btn/btn_arrow_02.png') no-repeat right center;}
.link-box01 ul:first-child li a span strong {font-size:16px;vertical-align:-1px;}

.link-box02 ul, .link-box03 ul { width:328px;}
.link-box02 ul li, .link-box03 ul li, .link-box02 ul li:last-child, .link-box03 ul li:last-child{width:164px; }
.link-box02 ul:first-child, .link-box03 ul:first-child { width:652px; }
.link-box02 ul:first-child li {width:407px; height:auto;}
.link-box02 ul:first-child li:first-child {width:245px;}
.link-box02 ul li a, .link-box03 ul li a {padding:7px 35px 7px 20px;}
.link-box03 ul li {width:196px !important;}
.link-box03 ul:first-child li:first-child + li {width:260px !important;}

.link-box04 ul { width:409px; }
.link-box04 ul:first-child { width:571px;}
.link-box04 ul:first-child li a span strong {font-size:16px;vertical-align:-1px;}
.link-box04 ul:first-child li.trans {width:308px;}
.link-box04 ul:first-child li:first-child {width:263px;}
.link-box04 ul:first-child li a span {display:inline-block;padding:0 0 0 7px;}
.link-box04 ul li:first-child {width:225px;}
.link-box04 ul li:last-child { width: 184px;}

.msg-half {overflow:hidden; margin:20px 0; position:relative;}
.msg-half>.msgbox-notice {float:left; width:480px; margin-top:0; background:#fbf9f5;}
.msg-half>.msgbox-notice:first-child {margin-right:20px;}
.msg-half>.msgbox-notice strong {margin:0; font-size:14px; }
.msg-half>.msgbox-notice a[class^="btn-"] {position:absolute; right:20px; top:15px;}

/*스마트 OTP 안내*/
.otp-wrap {max-height:468px; overflow-x:auto;}
.otp-noti p {float:right; width:73%}
.otp-wrap .inner {padding:20px 0; background:#f5f5f5; text-align:center;}
.otp-wrap .inner>ul>li {display:inline-block; vertical-align:top;}
.otp-wrap .inner>ul>li p {padding-top:15px; padding-bottom:15px; font-size:13px;}
.otp-wrap .inner>ul>li .arrow {display:block; width:113px; height:255px; background:url('/resource/img/etc/otp_arrow.gif') no-repeat center;}
.otp-wrap .pop-h3 {margin-top:0;}

/* 수표 및 어음 : 설명유형 */
.sample-img.check {height:266px;}
.sample-img.check .ex-txt {vertical-align: top; display: inline-block; text-align:left; margin-left: 35px;  }
.sample-img.check .ex-txt li {margin: 14px 0;}
.sample-img.check .ex-txt li .ico-rud {margin-right: 10px;}

/* dummy style */
.dummy-box {padding:50px;background:#bebebe;color:#fff; margin-bottom:20px;font-size:18px;text-align:center;font-weight:bold;}

/* FAQ */
.faq { border-top: 1px solid #666; }
.faq dt { position:relative; border-bottom:1px solid #d6d6d6; padding:16px 10px 16px 55px;}
.faq dt a {display: block; font-size:14px; line-height:140% }
.faq dt > span,
.faq dd > span{ display:block; position:absolute; width:30px; height:30px; text-indent:-5000px; }
.faq dd { display: none; position: relative;  padding:15px 14px 15px 100px; background-color:#f5f5f5; border-bottom: 1px solid #d6d6d6;}
/*.faq dt.on + dd { display: block;}*/
.faq dt .faq-q { left:10px; top:11px; background:url('/resource/img/bg/bg_q.png') no-repeat;  }
.faq dd .faq-a { left:54px; top:10px; background:url('/resource/img/bg/bg_a.png') no-repeat; }


/*
 * @ Print Style
 * -------------------------------------
 */
@media print {
	#header, #footer, .line-map, .util-menu, .btn-wrap-ct, #pop-wrap h1{ display:none; }
	.pop-header { display:none; }
	.table-type1 thead th{ height:auto !important }
	.tbl-h .th{ vertical-align:middle !important; height:auto !important; padding-top:0 !important }
	[type="checkbox"],
	[type="radio"]{ opacity:100 !important; position:static !important; vertical-align:-4px; }
	[type="checkbox"] + label, [type="radio"] + label{ background:none !important;}
	.inp-alone{ display:none !important; }
/*	body:after{ content:'본 출력양식은 별도의 법적 효력이 없습니다.'; display:block; text-align:center; } */
	.print-none{ display:none !important; }
	.print-block, #pop-wrap h1.print-block { display:block !important; }

	.btn-ico2-error {display:none !important;}
	.btn-ico2-error * {display:none !important;}
	.pop-hbox p {font-size:10px !important;}
	[class*="table-type"] * {font-size:10px !important;}
	[class*="table-type"] th {padding-top:2px !important;padding-bottom:2px !important; height:25px !important;}
	[class*="table-type"] td {padding-top:2px !important;padding-bottom:2px !important;line-height:1.2 !important;}
	.table-type1 td, .table-type1 th {padding-left:2px !important;padding-right:2px !important;}
	.prt-tit {margin-bottom: 20px !important; padding-top: 10px !important; font-size: 20px !important;}
	ul li, table tr{page-break-inside:avoid;}
	[class*="table-type"].print-font12 * { font-size:12px !important; } /* 프린트시 글자폰트사이즈 12px */
	[class*="table-type"].print-font14 * { font-size:14px !important; } /* 프린트시 글자폰트사이즈 14px */

	.btn-white-s, .btn-gray-s, .btn-brown-s, .btn-white-label {min-height:20px !important; line-height: 18px !important;    margin-top: -5px !important;}


	.conts.fund_print .hide_print, html.dev-01:after { display:none; }

}


/*
 * @ check-proval-wrap
 * -------------------------------------
 */
.check-proval-wrap table caption { display:table-caption; width:100%; height:auto; padding:20px 0; text-align:center; font-size:16px; font-weight:700;}
.check-proval-wrap > p { margin:5px 0 0; font-size:12px;}
.check-proval-wrap .money-unit-wrap th,
.check-proval-wrap .money-unit-wrap td { padding:0;}
.check-proval-wrap .money-unit { overflow:hidden;}
.check-proval-wrap .money-unit span { float:left; width:11.11111111111111%; height:30px; line-height:30px; text-align:center; border-left:1px solid #dcdcdc; background:#fbf9f5;}
.check-proval-wrap .money-unit span:first-child { border-left-width:0;}
.check-proval-wrap .money-unit.type1 span { border-top:1px solid #dcdcdc; background:#fff;}


/*
 * @ error-layer-box
 * -------------------------------------
 */
.error-layer-box { padding:30px; background:#f4f4f4;}
.error-layer-box .inner-cont { display:table; width:100%; height:130px;}
.error-layer-box .inner-cont .text { display:table-cell; vertical-align:middle; padding-left:155px; padding-bottom:10px; background:no-repeat 0 50%; }
.error-layer-box .inner-cont .text.bg1 { background-image:url("/resource/img/bg/bg_error_layer_ico01.png");}
.error-layer-box .inner-cont .text p { margin-top:12px; color:#666; font-size:14px; overflow:hidden; }
.error-layer-box .inner-cont .text p .mark { float:left; margin-right:5px;}
.error-layer-box .inner-cont .text p .txt { display:block; overflow:hidden;}
.error-layer-box .inner-cont .text .tit { font-size:20px; line-height:150%; padding:2px 0; letter-spacing:-0.05em; margin-top:0; font-weight:bold; }
.error-layer-box .inner-cont .text .tit strong { color:#9a7b6a; }
.error-layer-box .inner-cont .text .error-code { padding: 0 0 2px 10px; background: url('/resource/img/bul/bul_boxlist.gif') no-repeat 0 8px; line-height: 20px; text-align: left; font-size:14px;}

.error-layer-notice { margin:20px 0 0;}
.error-layer-notice > strong { display:block; padding:0 0 10px 21px; background:url("/resource/img/bg/bg_error_layer_i.png") no-repeat 0 2px; color:#333; font-size:14px;}
.error-layer-notice p { font-size:12px; color:#666; line-height:1.6;}

/* search-container */
.search-container { text-align:center;}
.warning-center { margin:20px 0 0; text-align:center; background:#efefef; border:1px solid #ddd; padding:20px;}
.event-no-data { margin:15px 0 0; text-align:center; border-top:1px solid #bbb;border-bottom:1px solid #bbb; padding:35px 0;}

/*인증번호*/
.line-box {padding: 15px 0;border-top: 1px solid #b79a80; border-bottom: 1px solid #dfdfdf; text-align: center;}
.input-box >span input{height: 27px;width:27px; text-align: center; font-size:15px; text-indent:0; }
.bar-red {height:42px; background-color:#e32a2a; margin-bottom:30px}

/* multi line */
[data-multi-line]{ line-height:20px; overflow:hidden; position:relative; }
[data-multi-line] > p{ float:right; line-height:20px; margin-left:-5px; width:100%; text-align:justify; }
[data-multi-line]:before{ content:''; float:left; width:5px; height:20px; }
[data-multi-line]:after{ content:'\02026'; float:right; position:relative; top:-20px; left:100%; width:20px; margin-left:-18px; background:#fff; }
[data-multi-line="3"],
[data-multi-line="3"]:before{ height:60px; }
[data-multi-line="2"],
[data-multi-line="2"]:before{ height:40px; }

[class^="greetbox"]{ position:relative; border:1px solid #d6d6d6; margin-bottom:40px; padding:18px 20px; line-height:140% }
[class^="greetbox"] > span,
[class^="greetbox"] > span{ display:block; font-size:17px; margin-bottom:10px; }
[class^="greetbox"] > a{ position:absolute; top:20px; right:20px; display:block; width:16px; height:16px; background:url('/resource/img/btn/btn_guide_toggle.png') 2px -18px no-repeat; text-indent:-9999px }
[class^="greetbox"] .toggle{ padding:18px 22px; margin-bottom:15px; background:#f5f5f5; line-height:160% }

.select-receive{ margin-bottom:20px; }
.select-receive ul{ border:1px solid #d6d6d6; }
.select-receive ul:after{ content:''; display:block; clear:both; }
.select-receive li{ float:left; width:33.333333%; text-align:center; border-left:1px solid #d6d6d6; padding:10px; }
.select-receive li:first-child{ border-left:0; }

.total-price {font-size:16px;color:#d71921;}

.pop-upgrade {position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999;background:url('/resource/img/pop/bg_dim.png') repeat 0 0;}
.pop-upgrade #pop-wrap{ position:absolute; top:50%; left:50%; margin:-400px 0 0 -400px;width:800px; background:#fff}
.upgrade-msg {padding:30px 0 20px;text-align:center;}

.quick_area { position:fixed; top:0; right:0; width:100%; }
.quick_area > div { position:relative; width:980px; margin:0 auto; }
.quick_area > div .menu_area { position:absolute; right:-120px; top:99px; width:100px;/*overflow:hidden;*/}/* wms 수정 */
.quick_area > div .menu_area > img { display:none; }
.quick_area > div .menu_area ul { border:1px solid #dcdcdc; padding-bottom:5px; background:#fff; overflow:hidden; }
.quick_area > div .menu_area ul li { background:url('/resource/img/nav/quick_barbg.png') no-repeat 50% 0; padding-top:3px; padding-bottom:10px; }
.quick_area > div .menu_area ul li > a { display:inline-block; width:100%; height:100%; text-align:center; }
.quick_area > div .menu_area ul li > a > span { display:block; }
.quick_area > div .menu_area ul li > a .simg { width:80px; height:44px; margin:0 auto; }
.quick_area > div .menu_area ul li > a .txt { padding-top:2px; line-height:16px; padding:0 5px; }
.quick_area > div .menu_area ul li:first-child { background:none; }
.quick_area > div .menu_area ul li.off { background:none; }
.quick_area #btn_quickmore { background:url('/resource/img/nav/quick_btn.png') 0 0 no-repeat; width:100px; height:29px; display:inline-block; }
.quick_area #btn_quickmore.on { background-position:0 100%; }
.quick_area #btn_quickmore > span { display:inline-block; width:0; height:0; overflow:hidden; }
.quick_area .bnt_hpt { background:url('/resource/img/nav/btn_hpt.png') no-repeat 0 0; width:100px; height:107px; display:inline-block; margin:10px auto 0 auto; }
.quick_area .bnt_hpt span { position:absolute; height:0; width:0; display:inline-block; overflow:hidden; }
.quick_area.ver2 > div .menu_area ul { border:2px solid #ede7de; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
.quick_area.ver2 #btn_quickmore { background:url('/resource/img/nav/quick_btn_new.png') 0 100% no-repeat; height:29px; }
.quick_area.ver2 #btn_quickmore.on { background-position:0 0; }



/* 다국어에 상담톡버튼 안보이게처리 */
html.en .quick_area .bnt_hpt, html.zh .quick_area .bnt_hpt, html.vi .quick_area .bnt_hpt, html.km .quick_area .bnt_hpt { display:none; }

/* wms 추가:s */
.quick_area .btn_robo {position:relative;left:-2px;background:url('../img/nav/btn_robo.png') no-repeat 0 0; width:104px; height:107px; display:inline-block; margin:13px auto 0; }
.quick_area .btn_robo span { position:absolute; height:0; width:0; display:inline-block; overflow:hidden; }
.quick_area .btn_robo + .bnt_hpt{margin-top:6px;}
html.en .quick_area .btn_robo, html.zh .quick_area .btn_robo, html.vi .quick_area .btn_robo, html.km .quick_area .btn_robo { display:none; }
/* wms 추가:e */

.card_list { background:#f3f3f3; border:1px solid #ccc; margin-top:30px; }
.card_list ul { overflow:hidden; margin-top:-10px; padding:20px 0; }
.card_list ul li { float:left; display:inline-block; width:25%; text-align:center; padding:10px 0; }
.tbl_col2 { overflow:hidden; }
.tbl_col2 .table-type1:first-child { float:left; }
.tbl_col2 .table-type1 { float:right; width:49%; }
.tbl_col2 [class^="table-"] + [class^="table-"] { margin-top:0 !important; }

.qna_box { overflow:hidden; margin-bottom:50px; border:1px solid #dcdcdc; padding:20px; }
.qna_box .qna_q { background:url('/resource/img/ico/icon_qna.png') no-repeat 0 0; min-height:44px; font-size:14px; display:block; padding-left:50px;  padding-top:8px; font-weight: bold; }
.qna_box .qna_radio { overflow:hidden; padding:12px 0 0 50px; }
.qna_box .qna_radio li { float:left; line-height: 28px; }
.qna_box .qna_radio li:first-child { margin-right:20px; }
.qna_box .qna_a { background:#f1f1f1; padding:20px; margin-top:20px; line-height:20px; }
.qna_box .qna_a strong { color:#e32a2a; }

/* 투유뱅크 예금선택 */
ul.select_toyoudpt { border-top:1px solid #dcdcdc; margin-top:10px; overflow:hidden; }
ul.select_toyoudpt > li { padding:15px 25px; float:left; }
ul.select_toyoudpt > li .line.memo { width:300px; background:url('/resource/img/bg/bg_select_dpt.gif') 0 0 no-repeat; height:140px; padding-top:14px; }
ul.select_toyoudpt > li .pt { color:#e71b1b; font-size:16px; font-weight:bold; }
ul.select_toyoudpt > li:first-child .line.memo label  { margin: 46px 0 0 90px; }
ul.select_toyoudpt > li:first-child .line.memo { background:url('/resource/img/bg/bg_select_dpt_no.gif') 0 0 no-repeat; }
ul.select_toyoudpt .sm_bu { padding-left:24px; padding-top:5px; }
ul.select_toyoudpt .sm_bu li { background: url(/resource/img/bul/bul_noticels.gif) no-repeat 0 11px; font-size:11px; padding-left:9px; }
ul.select_toyoudpt .t1 { font-size: 16px; display: block; margin:8px 20px 0 20px; padding-top: 10px; border-top: 1px dashed #dcdcdc; }
ul.select_toyoudpt .t1 em { padding-left: 15px; font-weight: bold; color:#e71b1b; }

/* 어린이 사생대회 게시글 홈페이지 및 모바일 화면처리 */
#event_desk, #event_mobile { background:#fffcdf; padding-bottom:30px; }
#event_desk { display:block; }
#event_mobile { display:none; }

.evge1 { background:#ede8e4; }
#event_desk.evge1_hhg, #event_mobile.evge1_mhg { background:#ede8e4; }
.txtbox.mow { padding:50px; }


/* 부가세 */
#content .h3-wrap .p_left { float:left; }
.bu { position: relative; padding-right: 20px; line-height: 15px; vertical-align: bottom; }
.bu strong { vertical-align: middle; }
.bu:after { content: ''; position: absolute; top: 3px; right: 0; height: 13px; border-left: 1px solid #d6d6d6; }

/* 예금가입 금리우대쿠폰선택 */
#btndptSelect { width:240px; border:none; height:29px; text-align:left; padding-left:33px; line-height:26px; }
#btndptSelect.btn-white-s { background:url('/resource/img/btn/btn_cucu.png') no-repeat;  }
#btndptSelect.btn-brown-s {  background:url('/resource/img/btn/btn_cucu_on.png') no-repeat; color:#333 !important; }

/* 예금보호 로고 */
.ye_logo { display:inline-block; width:68px; height:44px; background:url('/resource/img/bg/dpt_logo.png') 0 0 no-repeat; background-size:100%; vertical-align: middle; }
.yeno_logo { display:inline-block; width:68px; height:44px; background:url('/resource/img/bg/dpt_logo2.png') 0 0 no-repeat; background-size:100%; vertical-align: middle; }
.ye_logo span, .yeno_logo span { position:absolute; display:inline-block; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden; }

.pro-label .ye_logo { position: absolute !important; top: 23px; left: 0; width:68px; height:44px; }
.pro-label .yeno_logo { position: absolute !important; top: 23px; left: 0; width:68px; height:44px; }
.pro-label .ye_logo:before, .pro-label .yeno_logo:before { display:none; }
.pro-label .ye_logo span:before, .pro-label .yeno_logo span:before { display:none; }
.pro-label.ye_pdb { padding-bottom:20px; }

/* 개별속성 */
.tac { text-align:center !important; }

/* 약관동의 라인박스 */
.agree_linebox { border-top:1px solid #d6d6d6; padding:10px 0; }
ul.col2 { overflow:hidden; }
ul.col2 li { float:left; width:50%; }

/* 편한뱅킹 온오프 */
.safety_icon { display:inline-block; background: #d71921; color: #fff; padding: 1px 6px; font-size: 10px; margin-left: 5px; line-height: 19px; }
h3 > .table-help { display:inline-block; border:0 !important; }
h3 > .table-help .tooltip a { right:inherit; left:0; top: -18px; }

.fastbank_boxitem { overflow:hidden; padding-top:10px; padding-bottom:30px; }
.fastbank_boxitem .boxitem { background:#f5f5f5; width:460px; padding:5px; }
.fastbank_boxitem .boxitem dl { position: relative; overflow:hidden; display:block; border:1px solid #d6d6d6; background:#fff; height:130px; padding:20px 20px 20px 170px; }
.fastbank_boxitem .boxitem dl:after { content:''; display:inline-block; position: absolute; top:18px; left:140px; width:1px; height:80px; background:#d6d6d6; }
.fastbank_boxitem .boxitem dl dt { position: absolute; top:0; left:0; display:inline-block; text-align: center; font-size: 14px; font-weight: bold; }
.fastbank_boxitem .boxitem dl dd { display:inline-block; width:100%; font-size:14px; line-height:26px; }
.fastbank_boxitem .boxitem dl dd strong { text-decoration: underline; }
.fastbank_boxitem .boxitem dl.pc dt { background:url(/resource/img/ico/fastbank_01.png) no-repeat 0 0; width:62px; top: 18px; left: 28px; padding-top:64px; }
.fastbank_boxitem .boxitem dl.smart.toyoubank dt { background:url(/resource/img/ico/fastbank_0202.png) no-repeat 30px 0; width:90px; top: 16px; left: 28px; padding-top:64px; }
.fastbank_boxitem .boxitem dl.smart.toyoucenter dt { background:url(/resource/img/ico/fastbank_0203.png) no-repeat 30px 0; width:90px; top: 16px; left: 28px; padding-top:64px; }
.fastbank_boxitem .boxitem dl.toyoubank.check:before, .fastbank_boxitem .boxitem dl.pc.check:before, .fastbank_boxitem .boxitem dl.toyoucenter.check:before { position:absolute; top:10px; content:''; display:inline-block; left:50px; z-index:5; background:url('/resource/img/sbp/img/img_fastbank03.png') no-repeat 0 0; background-size:100%; width:33px; height:23px; }
.fastbank_boxitem .boxitem dl.toyoubank.check:before { top:42px; left:36px; }
.fastbank_boxitem .boxitem dl.pc.check:before { top:26px; left:66px; }
.fastbank_boxitem .boxitem dl.toyoucenter.check:before { top:40px; left:38px; }


.fastbank_boxitem .item { float:right; }
.fastbank_boxitem .item:first-child { float:left; }
.fastbank_boxitem .item .btn-wrap-ct { margin-top:0; }
.fastbank_boxitem .item .btn-wrap-ct a { margin-top: 10px; }

/* 홍보영상 초점제공 */
.list-youtube #div_detail .foc_hidden { position: absolute; z-index:-10; display:inline-block; width:0; height:0; overflow:hidden; }
.info-trans ul.bu2 li { font-size:14px; }
.info-trans ul.bu2 li:first-child { padding-bottom:12px; }
.info-trans ul.bu2 li strong:after { content:'|'; display:inline-block; padding:0 20px 0 10px; color:#acacac; }
.info-trans ul.bu2 li em { font-weight:bold; }


/* 튤팁위치 제조정 */
[class^="table-"] .tooltip.table_help a { right:inherit; top:2px; }
.btn-wrap-qnalt { position: relative; overflow:hidden; }
.btn-wrap-qnalt span { display:inline-block; vertical-align: middle; }

/* 약관글자사이즈 조정 */
.js-fontb { font-weight:bold !important; text-decoration: underline !important; font-size:16px !important; }
ul.padlist { margin:40px 0 60px 0; }
ul.padlist li { padding:5px 0; margin:0; }

.prt_logoimg { position: absolute; top: -32px; left: 0; display:inline-block !important; }
table tr.outline td:first-child { border-left:2px solid #1c91e8 !important; }
table tr.outline td { border-top:2px solid #1c91e8 !important; border-bottom:2px solid #1c91e8 !important; }
table tr.outline td:last-child { border-right:2px solid #1c91e8 !important; }


/* BIC 가입 */
.dep_listbox { height:120px; overflow:auto; border:1px solid #ccc; }
.dep_listbox ul { overflow:hidden; }
.dep_listbox ul > li { border-top:1px solid #ccc; padding:13px 20px; }
.dep_listbox ul > li:first-child { border:none; }
ul.radio_listbox li { padding:7px 0; }
.bic_helpbox { overflow:hidden; }
.bic_helpbox .bic_logo { float:left; display:inline-block; padding-left:20px; }
.bic_helpbox .dotlist { float:left; padding-left:30px; }
ul.dpt_selectbox  { width:300px; padding:10px; border:1px solid #ccc; }
ul.dpt_selectbox li { overflow:hidden; border-top: 1px dashed #ccc; padding:5px 0; }
ul.dpt_selectbox li:first-child { border:none; }
ul.dpt_selectbox li .text { display:inline-block; vertical-align:middle; padding-right:20px; padding-left:20px; float:left; }
ul.dpt_selectbox li .btn-white-s { float:right; }
.tabcon_js { display:none; }


/* 쿠폰다운로드 이벤트 게시판 */
.event_poplist { overflow:hidden; }
.event_poplist .inline { overflow:hidden; text-align: center; }
.event_poplist .inline a { display:inline-block; width:284px; height:132px; margin-left:25px; padding:0; float:left; }
.event_poplist .inline a img { width:282px; height:130px; border:1px solid #ccc; }
.event_poplist .inline a:hover img { border-color:#d71921; }
.event_poplist .inline { padding-top:20px; }
.event_poplist .inline:first-child { padding-top:0; }

.ov_dpnone { display:none; }
.ov_dpnone.on { display:block; }

.ect_bg01 { background:#fff url("/resource/img/bhp/etc_img01.gif") no-repeat 99% 83%; border:1px solid #d6d6d6; padding:25px 25px 60px 25px; }
#content .ect_bg01 h4 { margin-top:0; }
.hide { position:absolute; display:block; width:0; height:0; z-index:-1; overflow:hidden; }

.mbg0 { margin-bottom:0 !important; }
.mbg10 { margin-bottom:10px !important; }
.mbg20 { margin-bottom:20px !important; }


/* 대출심사 로딩화면 */
.loading_background { display:none; }

/* SMS 통지 추가 */
.sms_newinfo { border:1px solid #d6d6d6; padding:15px; }
.sms_newinfo input { width:80px; text-align:center; text-indent:0; }

/* 주민등록번호 뒷자리 별표표시 */
.jzumin { background:url('/resource/img/bg/password_bg.png') no-repeat 100% 0; display:inline-block; width:200px; }
.jzumin input { margin:0 !important; text-indent: inherit; width:24px; text-align:center; }


/* BIC 안내설명 풍선말 */
.qrbtn .btn-red, .qrbtn .btn-white { margin-top:0; }
.qr_codest { background: none; width:150px; height: auto; overflow: visible; }
.qr_codest .qr_code { position: static !important; left: inherit !important; width:100px; height:100px; display:inline-block; border:1px solid #ccc; margin:0; }
.qr_codest .qr_code img { width:100%; }
.qr_codest .t1 { display:inline-block; margin:0; line-height:40px; height:40px; }
.qr_codest .tip-error { display: block; position: absolute; top:20px; left:140px; width: auto; height: auto; padding: 6px 36px 9px 13px; margin: 0 0 0 8px; font-size: 12px; line-height: 16px; letter-spacing: -0.5px; border: 1px solid #d71921; border-radius: 5px; white-space: nowrap; background: #ffffff; z-index: 10; }
.qr_codest .tip-error:after { content: ''; display: block; position: absolute; top: 11px; left: -8px; width: 8px; height: 10px; background: url(/resource/img/bul/bul_arrow_03_1.png) 0 0 no-repeat; }

/* 금융상품몰 공통추가 */
.agreelist {margin-top:10px;}
.agreelist li {line-height:100%; margin:5px 0}

.fnd-downbox  {background:#f5f5f5; padding:25px 100px; margin-bottom:10px; text-align:center}
.fnd-downbox p {font-size:16px; color:#916744; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #ccc }
.fnd-downbox p span {display: inline-block; background:#916744; padding:1px 8px 2px; margin-right:10px; color:#fff}


[class^="pro-form"] {position:relative; padding:30px 0; background:#f5f5f5; border:0; text-align:center  }
[class^="pro-form"] .pro-tit {font-size:16px; color:#916744; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #ccc}
[class^="pro-form"] .pro-tit span {display: inline-block; background:#916744; padding:1px 8px 2px; margin-right:10px; color:#fff }

[class^="pro-form"] dl { min-height:92px; padding-left:182px; text-align:left; background:url('/resource/img/fpm/bg_tit.gif') no-repeat 50px 50%}
[class^="pro-form"].dpt dl {background:url('/resource/img/fpm/bg_goods_01.png') no-repeat 50px 50%}
[class^="pro-form"].tru dl {background:url('/resource/img/fpm/bg_goods_02.png') no-repeat 50px 50%}
[class^="pro-form"].lon dl {background:url('/resource/img/fpm/bg_goods_03.png') no-repeat 50px 50%}
[class^="pro-form"].crd dl {background:url('/resource/img/fpm/bg_goods_04.png') no-repeat 50px 50%}
[class^="pro-form"].fnd dl {background:url('/resource/img/fpm/bg_goods_05.png') no-repeat 50px 50%}
[class^="pro-form"].fex dl {background:url('/resource/img/fpm/bg_goods_06.png') no-repeat 50px 50%}
[class^="pro-form"] dl dt {padding:5px 0 5px; font-size:24px; color:#916744; width:600px; line-height:140%}
[class^="pro-form"] dl dd {font-size:15px; line-height:140%}
[class^="pro-form"] .btn-red-m {position:absolute ; right:30px ; top:50%; margin-top:-12px;}
[class^="pro-form"] + .msgbox-iconbox  {margin-top:40px; }
[class^="pro-form"].fnd dl dd span {margin-right:20px;}

.won_list { position:relative; }
.won_list ul { padding-right:35px; }
.won_list ul li { display:block; padding:2px 0; }
.won_list ul li dl { overflow:hidden; }
.won_list ul li dl dt { float:left; }
.won_list ul li dl dd { float:right; }
.won_list .tip_pta { position:absolute; right:0; top:50%; margin-top: -11px; }

.lon_txt { overflow:hidden; }
.lon_txt > div strong { padding-bottom:10px; display:inline-block; }
.lon_txt > div + div { padding-top:15px; }

.lon_fixbox { overflow:hidden; }
.lon_fixbox.col2 .item { float:left; width:280px; padding-left:20px; }
.lon_fixbox .item:first-child { padding-left:0; }
.lon_fixbox .item em { font-style:normal; font-weight:bold; color:#1c91e8; display:inline-block; vertical-align:middle; }
.lon_fixbox .item span { border:1px solid #ccc; padding:4px 15px; display:inline-block; vertical-align:middle; background:#f1f1f1; }
.lon_fixbox .item p + p, .lon_fixbox .item p + .line { margin-top:5px; }
.lon_fixbox + .lon_fixbox { margin-top:20px; }
.lon_fixbox.type2 span { border:none; padding: inherit; background:none; }
.lon_fixbox.type2 .data { border:1px solid #ccc; padding:4px 15px; display:inline-block; vertical-align:middle; background:#f1f1f1; margin-right:5px; }
.lon_fixbox.type2 .line { padding-bottom:8px; }

.pop-cont .help_lonboxt1 .box-guide { line-height:20px; }

.help_lonboxt1 .dotlist li strong { color:#d71921; }
.help_lonboxt1 .dotlist li strong span { text-decoration:underline; }

.txtunline { margin-top:20px; border-bottom:1px solid #dcdcdc; padding-bottom:20px; }

/* 뱅크사인 백그라운드 */
.ML_BS_ui-widget-overlay.ML_BS_ui-front { position:fixed; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }
html.ie8 .ML_BS_ui-widget-overlay.ML_BS_ui-front { background:url('/resource/img/bg/banksian_bg.png')repeat; }
.ML_BS_ui-dialog.ML_BS_ui-corner-all.ML_BS_ui-widget.ML_BS_ui-widget-content.ML_BS_ui-front.ML_BS_ui-draggable.ML_BS_ui-resizable { z-index: 9999; }

.box-guide.h3title h4, .box-guide.h3title .btn-wrap-ct { margin-top:0 !important; }

.banksing_bg { position: absolute; left:0; top:0; z-index:9999; height:100%; width:100%; background-color: rgb(62, 62, 62, 0.5); }
.banksing_bg > div { overflow: hidden; position: fixed; top: 50%; left: 50%; width: 370px; margin-top: -65px;  margin-left: -170px; background: #fff; z-index: 10001; border: 3px solid #d72227; }
.banksing_bg > div > p { text-align: center; color: #916744; font-size: 14px; font-weight: bold; height: auto; padding-bottom: 20px; }
.banksing_bg > div > p > span { display: block; padding: 15px 0 10px 0; }
.banksing_bg > div > p > em { display: block; margin-bottom: 7px; font-size: 20px; color: #d72227; font-weight: bold; }


/* 웹접근성수정 탭 */
.tab-type01 li .lo_st, .tab-type02 li .lo_st { display:none; position: absolute !important; z-index: -999 !important;  font-size: 0 !important; border: none !important;  width:0 !important; height:0 !important; overflow:hidden !important; }
.tab-type01 li.on .lo_st, .tab-type02 li.on .lo_st { display:block; }
.display_hd { position: absolute; z-index:-999; display:block !important; overflow:hidden !important; width:0 !important; height:0 !important; }

.banksign_login { position:relative; border:1px solid #d5d5d5; overflow:hidden; padding:20px; }
.banksign_login:after { position: absolute; top:50%; left:20px; margin-top:-20px; content:''; display:inline-block; background:url('/resource/img/bg/banksign_logo.png')no-repeat; width:80px; height:40px; }
.banksign_login .fl { padding-left:94px; }
.banksign_login .fl strong { display:inline-block; padding-bottom:3px; }
.banksign_login .fr .btn-brown { margin:0; line-height:46px; height:46px; }
.nobg { background-image:none !important; }


/* wms 웰스타로보 tag 추가 */
.wms-tag{font-size:12px; display:inline-block; padding:1px 10px 2px; border:1px solid #045da8; border-radius:20px; font-weight:bold; line-height:15px; text-align:center; color:#045da8; margin-left:5px}


/* 약관 및 안내 new type */
.age-helpbox { border: 1px solid #d6d6d6; padding:12px 20px; }
.age-helpbox .con { display:none; margin-top:20px; }
.age-helpbox .tit { overflow:hidden; }
.age-helpbox .tit .title { float:left; display:inline-block; line-height:27px; font-weight:bold; }
.age-helpbox .tit .btn-white-s.updown, .age-helpbox .tit .btn-brown-s.updown { float:right; }
.agreeJck.type2 { border:1px solid #cfcfcf; padding: 5px 10px; margin: 10px 0 20px 0; }
.agreeJck.type2 ul.col2 { overflow:hidden; }
.agreeJck.type2 ul.col2 li { width:50%; float:left; }


/* 브라우저인증서 */
.browser_box { border:1px solid #ccc; background:#f5f5f5; padding:10px 20px; }
.browser_bu li { border:1px solid #ccc; background:#f5f5f5; padding:10px 20px; margin-top:15px; }
.browser_bu li .browser_num { margin-right:10px; }
.browser_bu li:first-child { margin-top:0; }
.browser_num { display:inline-block; -webkit-border-radius:100%; border-radius:100%; width:30px; height:30px; background:#9c693c; color:#fff; text-align:center; line-height:30px; font-weight: bold; }

.browser_box ul { padding:20px 0; }
.browser_box ul li { padding-top:50px; }
.browser_box ul li:first-child { padding-top:0; }
.browser_box ul li .browser_num { vertical-align: top; margin-right:10px; }
.browser_box ul li p { padding-left:45px; line-height:28px; padding-top:15px; }
.browser_box ul li div { padding-left:45px; }

.btn-wrap.sort { overflow:hidden; }
.btn-wrap.sort span:first-child { float:left; }
.btn-wrap.sort span:last-child { float:right; }
.btn-wrap.sort span .noti { line-height:27px; background: url(/resource/img/bul/bul_notice.gif) no-repeat 0 10px; margin:0; }

.total_chbox { background: #fafafa; padding: 13px 14px; border:1px solid #dfdfdf; }
.total_chbox + .fnd-chlist.type2 { margin-top:-10px; border-top:none; }
.chbox_guide { border:1px solid #dfdfdf; padding:20px 30px; line-height:22px; }
.total_chbox + .chbox_guide { border:1px solid #dfdfdf; margin-top:-10px; border-top:none; }

.agr_box { border:1px solid #ccc; }
.agr_box .total { border-bottom: 1px solid #ccc; text-align:center; background:#fbf9f5; line-height:36px; }
.agr_box .con { padding:15px 20px; }

.fund_reportTb { }
.fund_reportTb table { width:100%; border-collapse: collapse; }
.fund_reportTb table td, .fund_reportTb table th { border: 1px solid #dcdcdc; word-break: break-all; padding: 11px 10px 12px 10px; }
.fund_reportTb table th { text-align:center; background:#fbf9f5; }
.fund_reportTb table td { text-align:right; }
.fund_reportTb ul li { padding-top:25px; }
.fund_reportTb ul li:first-child { padding-top:0; }
.fund_reportTb .ft10 { padding-top:10px; display:inline-block; }
h2.report_box { border:1px solid #ccc; text-align:center; padding:20px 15px; }

.agrboxNew { padding:30px; border:1px solid #d6d6d6; }
.agrboxNew p { line-height:22px; }

/* 파킹페이지 */
.parking_box { width:928px; margin:140px auto 0 auto; height:458px; min-width:1024px; background:url(/resource/img/parking_img_bg0.png) no-repeat 50% 300px; }
.parking_box .layout_box h1 { padding:18px 0 0 40px; }
.parking_box .layout_box h2 { display:inline-block; padding:0 0 16px 0; font-size:22px; }
.parking_box .layout_box { position: relative; margin:0 auto; margin-top:0; width:715px; height:458px; background:url(/resource/img/parking_img_bg1.png) no-repeat; }
.parking_box .layout_box .logo { position: absolute; bottom:80px; right:40px; z-index:1; }
.parking_box .layout_box .t1 { background:url(/resource/img/parking_img_bg3.png) no-repeat 40px 100%; font-size:16px; padding:42px 0 30px 40px; font-weight:bold; color:#666; line-height:1.4; letter-spacing: -1px; }
.parking_box .layout_box .t1 em { color:#000; font-style:normal; font-size:20px; }
.parking_box .layout_box .t1 strong { color:#d6000f; font-size:18px; text-decoration:underline; }
.parking_box .layout_box .t2 { background:url(/resource/img/parking_bu_02.png) no-repeat 0 4px; margin:24px 0 0 48px; font-size:14px; padding:0 0 0 25px; line-height:18px; font-weight:bold; color:#666; letter-spacing: -1px; }
.parking_box .layout_box .t2 strong { color:#d71921; font-size:16px; }
.parking_box .layout_box ul { list-style:none; }
.parking_box .layout_box ul li { background:url(/resource/img/parking_bu_01.png) no-repeat 0 53%; font-size:14px; font-weight:bold; padding:4px 15px; }
.parking_box .layout_box .txtbox { background:url(/resource/img/parking_img_bg2.png) no-repeat 40px 32px; padding:40px 0 0 172px; height:134px; }


/* 금융상품몰 중도금대출 */
.lonbox-tmp { }
.lonbox-tmp ul { overflow:hidden; width:740px; margin:0 auto; padding:100px 0 120px 0; }
.lonbox-tmp ul li { float:left; display:inline-block; padding-left:180px; }
.lonbox-tmp ul li:first-child { padding-left:0; }
.lonbox-tmp ul li > div { display:inline-block; }
.lonbox-tmp ul li > div > p { text-align:center; padding-top:30px; font-weight:bold; }
.lonbox-tmp ul li .lonbtn { display:inline-block; width:280px; height:260px; overflow:hidden; border:2px solid #ccc; text-align:center; padding-top:190px; }
.lonbox-tmp ul li .lonbtn:hover { border:2px solid #e32a2a; color:#e32a2a; font-weight:bold; }
.lonbox-tmp ul li .lonbtn.n1 { background:url('/resource/img/bg/lonicon_tmp01.png') no-repeat center 65px; }
.lonbox-tmp ul li .lonbtn.n2 { background:url('/resource/img/bg/lonicon_tmp02.png') no-repeat center 65px; }

.ev_qnawrap ul {  }
.ev_qnawrap ul li { padding-top:30px; }
.ev_qnawrap ul li:first-child { padding-top:0; }
.ev_qnawrap ul li.dpno, .ev_qnawrap .btn_item a.dpno { display:none; }
.ev_qnawrap ul li dl { overflow:hidden; }
.ev_qnawrap ul li dl dt, .ev_qnawrap ul li dl dd { float:left; width:100%; display:inline-block; }
.ev_qnawrap ul li dl dt { padding-bottom:15px; }
.ev_qnawrap ul li dl dd textarea { border-color:#eee; width:100%; }
.ev_qnawrap .btn_item { display:block; text-align:center; padding:20px 0; }
.ev_qnawrap .btn_item a { display:inline-block; }
.ev_qnawrap .btn_item a.add_btn { margin-right:5px; }
.ev_qnawrap .qna_item { position:relative; border:1px solid #ddd; background:#f9f9f9; border-radius:10px; -webkit-border-radius:10px; padding:15px 20px; }

.numbox { }
.numbox li { margin-top:25px; line-height:18px; padding:20px 15px; background:#f1f1f1; }
.numbox li:first-child { margin-top:0; }
.numbox li > p { text-indent:-16px; margin-left:16px; }
.numbox li > p > span { display:block; padding:5px 0 0 15px; }

.lon_imgupload { overflow:hidden; }
.lon_imgupload > input[type='file'] { border:1px solid #ccc; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; display:none; }
.lon_imgupload .pip { position:relative; margin:0 0 0 20px; display: inline-block; float:left; width:140px; border:1px solid #a3a3a3; overflow:hidden; }
.lon_imgupload .pip:hover { border-color:#000; }
.lon_imgupload .pip:first-child { margin:0; }
.lon_imgupload .pip .imageThumb { display:block; width:140px; height:110px; }
.lon_imgupload .pip .remove { position:absolute; top:3px; right:5px; width:24px; height:24px; background:#e71b1b url(/resource/img/sbp/img/lon_simgclosebtn.png)no-repeat 50% 50%; background-size:15px 15px; z-index:5; border-radius: 100%; -webkit-border-radius:100%; -webkit-box-shadow: 1px 1px 1px 1px #7f7f7f; box-shadow: 1px 1px 1px 1px #7f7f7f; }
.lon_imgupload .pip .remove > span { display:none; }
.lon_photoBox > div { margin:0 auto; width:940px; padding-top:20px; }
.lon_photoBox > div > div { overflow:hidden; margin:0; width:940px; padding-bottom:20px; }
.lon_photoBox > div > div .text { display:block; text-align:center; padding-top:20px; }
.lon_photoBox { border-top:2px solid #ea1506; border-bottom:2px solid #ea1506; margin-top:20px; }

#chartHiddenMap { display:none; }

.guide_appinstall { overflow:hidden; display:block; }
.guide_appinstall li { float:left; width:50%; }
.guide_appinstall li .round_num { display:inline-block; background:#eee; color:#777; font-weight:bold; width:24px; height:24px; border-radius: 100%; -webkit-border-radius: 100%; text-align:center; line-height:24px; }
.guide_appinstall li dl.txt { position: relative; overflow:hidden; display: block; margin:0 10px; }
.guide_appinstall li dl.txt dt { position: absolute; top:0; left:0; }
.guide_appinstall li dl.txt dt, .guide_appinstall li dl.txt dd { display:block; }
.guide_appinstall li dl.txt dd { padding-left:35px; line-height:1.6; }
.guide_appinstall li .img { text-align:center;  margin:20px 0; }


.graph_box { position:relative; }
.graph_box h2 { display:block; text-align:center; font-size:17px; }
.graph_box h2 + ul { margin-top:20px; }
.graph_box ul { border: 1px solid #ddd; border-radius: 5px; padding:10px 20px; }
.graph_box ul li { position:relative; padding:25px 0; display: table; width: 100%; min-height:50px; }
.graph_box ul li:before { position: absolute; top:0; left:24px; content:''; border:1px solid #00b050; height:50%; }
.graph_box ul li:after { position: absolute; bottom:0; left:24px; content:''; border:1px solid #00b050; height:50%; }
.graph_box ul li.ing:after { border:1px dashed #7f7f7f; }
.graph_box ul li:first-child:before { content:none; }
.graph_box ul li:last-child:after { content:none; }
.graph_box .text_box { position:relative; z-index: 1; display: table-cell; vertical-align: middle; line-height: 18px; padding-left:70px; }

.graph_box .won { position: absolute; top:50%; left:0; display:inline-block; border-radius:100%; -webkit-border-radius:100%; box-sizing: border-box; }
.graph_box .won.large { width:50px; height:50px; margin-top:-25px; }
.graph_box .won.middle { width:40px; height:40px; left:5px;  margin-top:-20px; }
.graph_box .won.small { width:30px; height:30px; left:10px;  margin-top:-15px; }
.graph_box .won.sta1 { background:#00b050; }
.graph_box .won.sta2 { background:#fff; border:2px solid #7f7f7f; }
.graph_box .won.sta3 { background:#ff0000; }
.graph_box .won.sta4 { background:#7f7f7f; }
.graph_box .won.sta5 { background:#00b050 url(/resource/img/bg/bu_check2.png) no-repeat 50% 50%; }

.graph_box .date { text-align:center; font-size:14px; }
.graph_box ul + .date { margin-top:15px; }
.bu_won { display:inline-block; width:30px; height:30px; border-radius:100%; -webkit-border-radius:100%; box-sizing: border-box; }
.bu_won.sta1 { background:#00b050; }
.bu_won.sta2 { background:#fff; border:2px solid #7f7f7f; }
.bu_won.sta3 { background:#ff0000; }
.bu_won.sta4 { background:#7f7f7f; }
.bu_won.sta5 { background:#00b050 url(/resource/img/bg/bu_check.png) no-repeat 50% 50%; }

.radio_newtype { padding:10px 0; }
.radio_newtype [type="radio"] + label { background:#fff; border:1px solid #ccc; padding: 8px 30px; margin: 0; cursor: pointer; }
.radio_newtype [type="radio"]:checked + label { background:#8d6a4e; border-color:#8d6a4e; color:#fff; }
.js_sttext .txt_string { display:inline-block; font-size:18px; text-decoration: underline; color: #d71921; }
.ie8 .radio_newtype [type='radio'][checked='checked'] + label { background:#8d6a4e; border-color:#8d6a4e; color:#fff; }

.buline li:first-child { border-top:1px solid #ccc; }
.buline li { border-bottom:1px solid #ccc; padding:15px 0; margin:0; line-height:20px; }

/*약관동의 새로운 타입*/
.fnd-downbox + .agree_newtype { margin-top:25px; }
.agree_newtype { border:1px solid #d6d6d6; }
.agree_newtype .totalbox { background:#f5f5f5; padding:15px; font-weight:bold; border-bottom:1px solid #d6d6d6; }
.agree_newtype .totalbox + .agreelist { padding:5px 20px 15px 20px; }
.agree_newtype .agree_subbox { margin-top:8px; padding:3px 10px; background:#f5f5f5; }
.agree_newtype .agree_subbox .tit { display:inline-block; margin:5px 0; }
.agree_newtype .agree_subbox .tit + ul { margin:0 15px;  }
.agree_newtype + .agree_newtype { margin-top:25px; }

.linebox_type1 { border:1px solid #ccc; padding:15px; margin-top:15px; }
.linebox_type2 { margin-top:20px; }
.linebox_type2 .tit { background:#fbf9f5; display:block; text-align:center; font-size:14px; padding:8px 0; margin-bottom:10px; }

/* 인증센터 신규 */
#content .cmc_centerbox h3 { position: relative; display:inline-block; padding:0 5px 6px 5px; margin-bottom:30px; }
#content .cmc_centerbox h3:after { position:absolute; bottom:0; left:0; z-index:1; content:''; display:inline-block; width:100%; background:#ffd9da; height:12px; }
.cmc_centerbox { position:relative; overflow:hidden; }
.cmc_centerbox:after { position:absolute; top:80px; right:50%; content:''; display:block; width:1px; height:100%; background:#d9d9d9; }
.cmc_centerbox .line_title { position: relative; z-index:2; font-size:24px; color:#000; font-weight:bold; display:inline-block; }
.cmc_centerbox .line_title .ts { font-size:16px; }
.cmc_centerbox .lcon { float:left; width:450px; overflow:hidden; }
.cmc_centerbox .rcon { float:right; width:450px; overflow:hidden; }
.cmc_centerbox .mlink { position:relative; display:inline-block; background:#fff; padding:15px; width:135px; height:135px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e1e1e1; border-left:1px solid #f2f2f2; border-top:1px solid #fff; border-radius:15px; -webkit-border-radius:15px; box-shadow:5px 5px 5px rgba(230, 230, 230, 1); -webkit-box-shadow:5px 5px 5px rgba(230, 230, 230, 1); }
.cmc_centerbox .mlink:hover { border-color:#d51a21; text-decoration: none; box-shadow:5px 5px 5px rgba(180, 180, 180, 1); -webkit-box-shadow:5px 5px 5px rgba(180, 180, 180, 1); }
.cmc_centerbox .mlink:hover .t1 { color:#000; }
.cmc_centerbox .mlink .t1 { font-size:17px; color:#68635f; font-weight:bold; line-height:1.2; display:block;  }
.cmc_centerbox .s_menu { overflow:hidden; margin-left:-15px; }
.cmc_centerbox .s_menu li { float:left; padding-left:15px; padding-bottom:20px; }
.cmc_centerbox .mlink:after { position:absolute; right:0; bottom:0; content:''; display:inline-block; width:55px; height:50px; }
.cmc_centerbox .lcon .btn-wrap-ct { padding-left: 15px; }
.cmc_centerbox .rcon .btn-wrap-ct { padding-right: 15px; }
.cmc_centerbox .btn-wrap-ct.col2 .btn-red:first-child { float:left; }
.cmc_centerbox .btn-wrap-ct.col2 .btn-red:last-child { float:right; }
.cmc_centerbox .btn-wrap-ct .btn-red { font-size:20px; margin:0; border-radius:10px; -webkit-border-radius:10px; line-height:24px; padding:13px 30px; height:auto; }
.cmc_centerbox .btn-wrap-ct .btn-red > span { display:block; font-size:16px; margin:0; padding:0; font-weight: normal; }

.cmc_centerbox .lcon .mlink:after { width:50px; height:50px; right:15px; bottom:15px; }
.cmc_centerbox .mlink.icon1_1:after { background:url(/resource/img/bg/bg_cert_box_new_01.jpg)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon1_2:after { background:url(/resource/img/bg/bg_cert_box_new_02.jpg)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon1_3:after { background:url(/resource/img/bg/bg_cert_box_new_03.jpg)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon1_4:after { background:url(/resource/img/bg/bg_cert_box_new_04.jpg)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon1_5:after { background:url(/resource/img/bg/bg_cert_box_new_05n.png)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon1_6:after { background:url(/resource/img/bg/bg_cert_box_new_06n.png)no-repeat; background-size:100%; }

.cmc_centerbox .rcon .mlink:after { width:45px; height:45px; right:5px; bottom:10px; }
.cmc_centerbox .mlink.icon2_1:after { background:url(/resource/img/bg/bg_cert_box_01.gif)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon2_2:after { background:url(/resource/img/bg/bg_cert_box_02.gif)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon2_3:after { background:url(/resource/img/bg/bg_cert_box_05_1_new.png)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon2_4:after { background:url(/resource/img/bg/bg_cert_box_06_2_new.jpg)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon2_5:after { background:url(/resource/img/bg/bg_cert_box_03.gif)no-repeat; background-size:100%; }
.cmc_centerbox .mlink.icon2_6:after { background:url(/resource/img/bg/bg_cert_box_06_new.png)no-repeat; background-size:100%; }


/* 로그인 */
.cmmcenter_wrap .nppfs-keypad { left:-290px !important; }
.cmmcenter_wrap.ecb .nppfs-keypad { left:-119px !important; top: -170px !important; }
.cmmcenter_wrap { border:1px solid #b2b2b2; margin-top:30px; padding:30px 0; min-height:420px; }
.cmmcenter_wrap .lcon { position: relative; float:left; width:322px; min-height:350px; }
.cmmcenter_wrap .ccon { position: relative; float:left; width:310px; min-height:350px; }
.cmmcenter_wrap .ccon:before, .cmmcenter_wrap .ccon:after { position: absolute; top:0; z-index:1; content:''; width:1px; height:350px; background:#ccc; display:block; }
.cmmcenter_wrap .ccon:before { left:0; }
.cmmcenter_wrap .ccon:after { right:0; }
.cmmcenter_wrap .rcon { position: relative; float:left; width:316px; min-height:350px; }

.cmmcenter_wrap .btn_box a { display:block; padding:8px 0; margin:0; height:auto; font-size:18px; border-radius:3px; -webkit-border-radius:3px; }
.cmmcenter_wrap .btn_box #doCertLogin { background-color:#786351; } /* 공동인증서(구 공인인증서) */
.cmmcenter_wrap .btn_box #doCertLogin:hover { background-color: #59493c; }
.cmmcenter_wrap .btn_box #doBCertLogin { color:#000 !important; border:1px solid #9e836c; background-color:#fff; } /* 브라우저 인증서 */
.cmmcenter_wrap .btn_box #doBCertLogin:hover { border: 1px solid #d71921; }
.cmmcenter_wrap .btn_box #doMobileLogin { background-color: #786351; } /* 모바일뱅킹 APP 로그인 */
.cmmcenter_wrap .btn_box #doMobileLogin:hover { background-color: #59493c; }
.cmmcenter_wrap .btn_box a + a { margin-top:16px; }
.cmmcenter_wrap .btn_box a .sm { font-size:16px; }
.cmmcenter_wrap h3 { color:#000 !important; text-align:center; margin:20px 0 0 0 !important; }
.cmmcenter_wrap .etc_btnbox { position:absolute; bottom:0; width:100%; }

.cmmcenter_wrap ul.bul { display: block; padding:0 12px; text-align:center; }
.cmmcenter_wrap ul.bul li { position: relative; display:inline-block; padding:0 6px; text-align: center; }
.cmmcenter_wrap ul.bul li a { font-size:13px; font-weight: bold; }
.cmmcenter_wrap ul.bul li:first-child { padding-left:0; }
.cmmcenter_wrap ul.bul li:last-child { padding-right:0; }
.cmmcenter_wrap ul.bul li:first-child:after  { content:none; }
.cmmcenter_wrap ul.bul li:after { position:absolute; top:1px; left:0; display:inline-block; content:''; width:1px; height:12px; background:#929292; }

.cmmcenter_wrap .id_loginbox { padding:0 30px; }
.cmmcenter_wrap .id_loginbox .inbox { position:relative; padding-right:100px; }
.cmmcenter_wrap .id_loginbox .inbox .btn-red { position:absolute; top:2px; right:0; width:90px; height:84px; margin:0; padding:0; min-width:auto; line-height:84px; border-radius:3px; -webkit-border-radius:3px; font-size:18px; }
.cmmcenter_wrap .id_loginbox .inbox .txt { margin-top:10px; }
.cmmcenter_wrap .id_loginbox .notilist { font-size:12px; margin-top:20px; }
.cmmcenter_wrap .id_loginbox .inbox ul li { width:100%; padding-top:10px; }
.cmmcenter_wrap .id_loginbox .inbox ul li:first-child { padding-top:0; }
.cmmcenter_wrap .id_loginbox .inbox ul li input { width:100%; height:38px; font-size:16px; padding:0 10px; }
.cmmcenter_wrap .id_loginbox .inbox ul li input::-webkit-input-placeholder { font-size:16px; color:#9e9e9e; }
.cmmcenter_wrap .id_loginbox .inbox ul li input::-moz-placeholder { font-size:16px; color:#9e9e9e; }
.cmmcenter_wrap .id_loginbox .inbox ul li label { font-size:16px; font-weight:bold; color:#000; display:inline-block; }


.cmmcenter_wrap #login_c1 { width:340px; }
.cmmcenter_wrap #login_c2 { width:280px; }
.cmmcenter_wrap #login_c3 { width:358px; }
.cmmcenter_wrap #login_c1 h3 { margin-bottom:20px !important; }
.cmmcenter_wrap #login_c2 h3, .cmmcenter_wrap #login_c3 h3 { margin-bottom:20px !important; }
.cmmcenter_wrap #login_c2 .btn_box { margin-bottom:30px; padding:0 30px; }
.cmmcenter_wrap #login_c1 .btn_box { margin-bottom:15px; padding:0 30px; }

.cmmcenter_wrap.ecb #login_c1 { width:489px; }
.cmmcenter_wrap.ecb #login_c3 { width:489px; }
.cmmcenter_wrap.ecb #login_c3:after { position: absolute; left: 0; top: 0; content:''; height:100%; display:inline-block; width:1px; background:#ccc; }
.cmmcenter_wrap.ecb #login_c1 .btn_box { padding:0 70px; }
.cmmcenter_wrap.ecb .btn_box a { padding:12px 0; font-size:20px; }
.cmmcenter_wrap.ecb ul.bul { padding: 0 25px; }
.cmmcenter_wrap.ecb ul.bul li a { font-size:14px; }
.cmmcenter_wrap.ecb .id_loginbox .inbox dl { overflow:hidden; width:100%; }
.cmmcenter_wrap.ecb .id_loginbox .inbox dl dt { font-weight:bold; float:left; font-size:20px; display:inline-block; height:50px; width:94px; }
.cmmcenter_wrap.ecb .id_loginbox .inbox dl dt label { line-height:48px; }
.cmmcenter_wrap.ecb .id_loginbox .inbox dl dd { float:left; display:inline-block; height:50px; width:210px; }
.cmmcenter_wrap.ecb .id_loginbox .inbox .btn-red { width:110px; height:120px; line-height:120px; top: -6px; font-size:20px; }
.cmmcenter_wrap.ecb .id_loginbox .inbox .txt { padding-left:130px; padding-top:15px; }
.cmmcenter_wrap.ecb .id_loginbox .notilist li { text-align:center; background:none; }
.cmmcenter_wrap.ecb .id_loginbox .notilist li:before { content:''; display:inline-block; width:10px; height:9px; background:url(/resource/img/bul/bul_notice.gif) no-repeat 0 0; line-height:22px; background-size:100%; margin-right:5px; }
.cmmcenter_wrap.ecb .id_loginbox .inbox ul li input { height:48px; line-height:48px; }

.cmmhelp_wrap { position:relative; overflow:hidden; border:1px solid #b2b2b2; margin-top:30px; padding:20px 30px; }
.cmmhelp_wrap:after { position: absolute; top:10%; left:488px; width:1px; content:''; display:inline-block; height:80%; background:#ccc; }
.cmmhelp_wrap h3 { color:#000 !important; margin:0 !important; }
.cmmhelp_wrap .lcon { float:left; padding-right:20px; }
.cmmhelp_wrap .rcon .slcon, .cmmhelp_wrap .rcon .srcon { float:left; padding-top:15px; }
.cmmhelp_wrap .rcon .slcon { position: relative; width:218px; padding-right:20px; }
.cmmhelp_wrap .rcon .slcon:after { position: absolute; top:10px; right:0; width:1px; content:''; display:inline-block; height:134px; background:#ccc; }
.cmmhelp_wrap .rcon .srcon{ width:217px; padding-left:25px; }
.cmmhelp_wrap .lcon { width:458px; }
.cmmhelp_wrap .rcon { position:relative;  float:left; overflow:hidden; padding-left:25px; }
.cmmhelp_wrap .rcon { width:460px; }
.cmmhelp_wrap .titbox { display:block; }
.cmmhelp_wrap .titbox h3 { display:inline-block; }
.cmmhelp_wrap .titbox .more { margin-left:20px; color: #555; font-size: 14px; display: inline-block; background: url(/resource/img/main/btn_arrow03.png) right center no-repeat; padding-right: 11px; }
.cmmhelp_wrap .qnaloginbox .faq { border-top:none; padding-top:5px; }
.cmmhelp_wrap .qnaloginbox .faq .faq-q { top:11px; left: 0; width:20px; height:20px; background: url(/resource/img/bg/bg_q.png) no-repeat; background-size:100%; }
.cmmhelp_wrap .qnaloginbox .faq dd .faq-a { position: absolute; top:15px; left:45px; width:20px; display:block; height:20px; text-indent:-5000px; background: url(/resource/img/bg/bg_a.png) no-repeat; background-size:100%; }
.cmmhelp_wrap .qnaloginbox .faq dt { border-bottom:none; padding:10px 0 0 30px; }
.cmmhelp_wrap .qnaloginbox .faq dt a { font-size:14px; line-height:22px; }
.cmmhelp_wrap .qnaloginbox .faq dd { border-bottom:none; padding:0 0 0 30px; line-height: 20px; background:none; }
.cmmhelp_wrap .qnaloginbox .faq dd > div { background-color:#f5f5f5; padding:15px 14px 15px 45px; }


.cmmhelp_wrap .tel dl { overflow:hidden; }
.cmmhelp_wrap .tel dt { float:left; font-size:20px; }
.cmmhelp_wrap .tel dd { float:left; font-size:18px; font-weight:bold; }
.cmmhelp_wrap .tel dd { margin-left:10px; }
.cmmhelp_wrap .tel dd em { color:#d71921; }

.cmmhelp_wrap .zone { margin-top:20px; font-size:13px; }
.cmmhelp_wrap .zone li { padding-top:4px; }
.cmmhelp_wrap .zone li:first-child { padding-top:0; }
.cmmhelp_wrap .zone dl { overflow:hidden; }
.cmmhelp_wrap .zone dl dt, .cmmhelp_wrap .zone dl dd { float:left; }
.cmmhelp_wrap .zone dl dt { width:60px; }
.cmmhelp_wrap .txtinfo { color: #8c7b6a; font-size:11px; line-height:16px !important; margin-top:12px; font-weight: bold; }
.cmmhelp_wrap .bnr_info .t1 { overflow:hidden; }
.cmmhelp_wrap .bnr_info .t1 dt { float:left; font-size: 20px; }
.cmmhelp_wrap .bnr_info .t1 dd { float:left; font-size: 18px; font-weight:bold; }
.cmmhelp_wrap .bnr_info .t1 dd em { color:#d71921; }
.cmmhelp_wrap .bnr_info .t1 dd { margin-left:10px; }
.cmmhelp_wrap .bnr_info .t2 { margin-top:15px; }
.cmmhelp_wrap .bnr_info .t2 dt { font-size:14px; font-weight:bold; }
.cmmhelp_wrap .bnr_info .t2 dt em { color:#d71921; font-weight:bold; }
.cmmhelp_wrap .bnr_info .t2 dd { margin-top:5px; line-height:18px; font-size:13px; }
.cmmhelp_wrap .bnr_info .t2 ul li { position: relative; display:inline; padding-right:7px; }
.cmmhelp_wrap .bnr_info .t2 ul li:after { position:absolute; right:0; top:0; content:'|'; }
.cmmhelp_wrap .bnr_info .t2 ul li:last-child { padding-right:0; }
.cmmhelp_wrap .bnr_info .t2 ul li:last-child:after { content:none; }
.cmmhelp_wrap .bnr_info .txtinfo { margin-top:20px; margin-bottom:20px; }

.cmmhelp_wrap.ecb .lcon:after { top: 15px; }
.cmmhelp_wrap.ecb .rcon .slcon, .cmmhelp_wrap.ecb .rcon .srcon { min-height: 160px; }

/* 새로운 버전 */
.cmmcenter_wrap.ver2 { position:relative; padding: 30px 50px; }
.cmmcenter_wrap.ver2 .lcon h3, .cmmcenter_wrap.ver2 .rcon h3 { padding-bottom:35px !important; }
.cmmcenter_wrap.ver2 .lcon { width:378px; float:left; padding:0 75px 0 40px; }
.cmmcenter_wrap.ver2 .rcon { width:500px; float:right; padding:0 24px 0 62px; }
.cmmcenter_wrap.ver2 .rcon .id_loginbox { padding:0; }
.cmmcenter_wrap.ver2:before { content:''; position:absolute; left:428px; top:44px; background:#b8b8b8; width:1px; height:336px; }
.cmmcenter_wrap.ver2 .etc_btnbox { left:0; }
.cmmcenter_wrap.ver2 .btn_box a + a { margin-top:10px; }
.cmmcenter_wrap.ver2 .lcon .btn_box + .tac { padding-top:28px; }
.cmmcenter_wrap.ver2 .id_loginbox .txtbox { font-size:13px; padding-top:25px; text-align:center; }
.cmmcenter_wrap.ver2 .id_loginbox .txtbox .fpm_bu_dang { display:inline-block; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox .btn-red { width:110px; height:112px; line-height:112px; top: 1px; -webkit-border-radius: 5px; border-radius: 5px; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox { padding-right: 120px; padding-left:10px; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox ul li dl { overflow:hidden; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox ul li dl dt, .cmmcenter_wrap.ver2 .id_loginbox .inbox ul li dl dd { float:left; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox ul li dl dt { width:80px; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox ul li dl dd { width:202px; padding:1px; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox ul li label { line-height:51px; }
.cmmcenter_wrap.ver2 .id_loginbox .inbox ul li input { height:49px; -webkit-border-radius:5px; border-radius:5px; }
.cmmcenter_wrap.ver2 .btmcon { overflow:hidden; border-top:1px solid #bebebe; padding:50px 70px 20px 70px; margin-top:50px; }
.cmmcenter_wrap.ver2 .btmcon h3 { float:left; line-height:50px !important; margin:0 !important; padding:0 !important; }
.cmmcenter_wrap.ver2 .btmcon .btnbox { float:left; padding-left:30px; }
.cmmcenter_wrap.ver2 .btmcon .btnbox a { height:50px; margin-top:0; line-height:50px; min-width:268px; font-size:18px; }
.cmmcenter_wrap.ver2 .btmcon .btnbox a + a { margin-left:15px; }
.cmmcenter_wrap.ver2 .rcon .etc_btnbox { padding: 0 24px 0 62px; }
.cmmcenter_wrap.ver2 .lcon .etc_btnbox { padding: 0 30px 0 10px; }
.cmmcenter_wrap.ver2 .btn_box a { -webkit-border-radius:5px; border-radius:5px; }
.cmmcenter_wrap.ver2 .btn_box #doBCertLogin, .cmmcenter_wrap.ver2 .btn_box #doCertLogin { color: #fff !important; border:none; background-color: #8d6a4e; }
.cmmcenter_wrap.ver2 .btn_box #doCertLogin .sm { line-height:1.2; }
.cmmcenter_wrap.ver2 .btn_box #doBCertLogin:hover { border:none; }
.cmmcenter_wrap.ver2 #CONN_PWNO { background:#f9f9e4 !important; }
.cmmcenter_wrap.ver2 .lcon .btn_box a.btn-brown:hover { background:#504438 !important; }
.cmmcenter_wrap.ver2 .int_mousebox { padding-top:30px; padding-left: 120px; }

.onepoint_ul .info { position:relative; width:100%; text-align:center; padding:30px 80px; }
.onepoint_ul .info > span { display:inline-block; }
.onepoint_ul .info .txt { position:absolute; top:30px; left:15px; line-height:20px; font-size:18px; font-weight:800; min-width:50px; }
.onepoint_ul .info .onepoint_graph { position: relative; width:100%; }
.onepoint_ul .info .onepoint_graph:after { position:absolute; top:1px; left:50%; content:''; display:inline-block; background:#fff; margin-left:-10px; width:18px; height:18px; border-radius:10px; -webkit-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.5); -moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.5); box-shadow:1px 1px 3px 1px rgba(0,0,0,0.5);  }
.onepoint_ul .info .onepoint_graph > span { display:block; width:100%; height:20px; background:#f8d1d1; border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.5); box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.5); }
.onepoint_ul .info.on .onepoint_graph > span { background:#e60001; }
.onepoint_ul .info .ic { position:absolute; top:50%; right:15px; margin-top:-28px; background:url(/resource/img/bg/onepoint_iconimg.png) no-repeat 0 -15px; width:50px; height:46px; }
.onepoint_ul .info.on .ic { background-position:0 -77px; height:47px; margin-top:-28px; }


/* 웰스타로보 타입 라디오버튼 */
.btn-st li { display:inline-block; }
.btn-st li .btn-white-s { margin:0; padding:0 10px; background:#fff; line-height:24px; cursor:pointer; min-width:50px; min-height:27px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; border:1px solid #bbb; }
.btn-st li [type="radio"] { opacity:0; outline:0; margin: -16px -16px 0 0; margin-right: -20px; cursor: pointer;  width:16px; height:16px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.btn-st li [type="radio"] + label { display:inline-block; }
.btn-st li [type="radio"]:checked + .btn-white-s { border: 1px solid #8d6a4e; background: #8d6a4e; color:#fff; }

/* 예금자보호 로고 */
.tooltip.normal a { position: static !important; top:0 !important; right:0 !important; margin:-3px 0 0 5px !important; }


/* 금융상품몰 공통블릿 */
.fpm_bu_dat { padding: 0 0 2px 10px; background: url(/resource/img/bul/bul_boxlist.gif) no-repeat 0 8px; line-height: 20px; text-align: left; }
.fpm_bu_list1 > li { padding: 0 0 2px 10px; background: url(/resource/img/bul/bul_boxlist.gif) no-repeat 0 8px; line-height: 20px; text-align: left; }
.fpm_bu_list1 > li > ul > li { padding-left: 9px; background: url(/resource/img/bul/bul_noticels.gif) no-repeat 0 10px; }
.fpm_bu_dang { padding: 0 0 2px 14px !important; background: url(/resource/img/bul/bul_notice.gif) no-repeat 0 6px; line-height: 20px; text-align: left; }


/* 금융상품몰 심의번호 */
.box_fpmsimNum { position: relative; border:1px solid #ccc; text-align:center; padding:15px 0; }
.box_fpmsimNum dl { overflow:hidden; }
.box_fpmsimNum dl dt { font-weight:bold; padding-right:50px; }
.box_fpmsimNum dl dt, .box_fpmsimNum dl dd { display:inline-block; }
.box_fpmsimNum dl dd ul { overflow:hidden; }
.box_fpmsimNum dl dd ul li { display:inline-block; padding:0; }
.box_fpmsimNum dl dd ul li:after { content:'|'; display:inline-block; padding:0 5px; color:#ccc; }
.box_fpmsimNum dl dd ul li:last-child:after { content:none; }

/* 홍보대사란? */
.call-wrap.type2 li:first-child { background: url(/resource/img/bg/bg_call.png) no-repeat 38px -425px; float:none; width:auto; }

/* 퇴직연금 서브 */
.sub_vitxt { padding:44px 0 0 32px; height:188px; background:#fff url(/resource/img/fpm/main/rtp/bg_sub_visual.png) no-repeat 646px bottom; border:5px solid #f0efeb; }
#content .sub_vitxt h2, #content .sub_vitxt .tit { display:block; color:#916744; margin-bottom: 20px; font-size: 28px; line-height: 100%; font-weight: bold; letter-spacing: -1px; }
.sub_vitxt .txt { color:#434240; letter-spacing: -1px; }
.sub_vitxt .txt strong { font-weight:700; }
.sub_vitxt .txt:last-child { font-size:16px; margin-top:5px; }

.fpm_rtpcon .numlist_nw { padding:35px 0; }
.fpm_rtpcon .numlist_nw li { position:relative; font-size:15px; padding-bottom:35px; }
.fpm_rtpcon .numlist_nw li .nm { position: absolute; left:0; top:0; color:#b09a83; font-weight:700; font-size:20px; }
.fpm_rtpcon .numlist_nw li .con { padding:2px 0 30px 20px; color:#777; line-height:22px; }
.fpm_rtpcon .numlist_nw li .con em { color:#555; font-weight:700; }
.fpm_rtpcon .numlist_nw li:last-child { padding-bottom:0; }
.fpm_rtpcon .numlist_nw.line { padding:0; }
.fpm_rtpcon .numlist_nw.line li { border-bottom:2px solid #dacfc4; padding:30px 0; }
.fpm_rtpcon .numlist_nw.line li:last-child { border-bottom:none; }
.fpm_rtpcon .numlist_nw.line li .nm { top:30px; }

.tb_design { border:2px solid #754b36; }
.tb_design table { width:100%; border-spacing:0; border-collapse: collapse; }
.tb_design table thead th.toptitle { background:#754b36; color:#fff; text-align:center; font-size:16px; font-weight:800; }
.tb_design table thead th { background:#faf9f5; color:#616161; }
.tb_design table tbody td { background:#fff; }
.tb_design table thead th, .tb_design table tbody td { border-left:2px solid #b09a83; text-align:center; padding:12px 0; font-size:15px; }
.tb_design table tbody tr td:first-child, .tb_design table thead tr th:first-child { border-left:0; }
.tb_design table .txt { color:#333; }

.link_buno li a:hover { text-decoration:none; }
.link_buno li a .txt { font-weight:bold; padding-left:5px; color:#777; font-size:12px; vertical-align:middle; }

/* 기존 모바일뱅킹 로그인 */
.qr-area {width:50%;text-align: center;border-right: 1px solid #d6d6d6;}
.num-area {padding:25px 0 0 35px;}
.num-area .tit {margin-bottom: 10px;text-align: center;}
.num-area .num {display: inline-block;width:30px;height:40px;line-height:40px;border-radius: 10px;background-color: #f7f7f7;text-align: center;font-size: 24px;font-weight: bold;}
.time-control-area {font-size: 20px;text-align: center;margin-top:30px;line-height:25px;}
.time-control-area .bt-refresh {background:url(/resource/img/bg/ico_time_refresh.png) no-repeat 0 0;border:none; width:25px;height:25px; margin-left:10px; vertical-align: middle;}
.mobile-login-info {border-top:1px solid #d6d6d6;margin-top:35px;}
.mobile-login-info .info {margin:17px 0;}
.mobile-login-info .info-txt {font-size: 12px;width:340px;color:#666;letter-spacing: -0.5px;}
.mobile-login-info .tit {font-size: 12px;color:#000;display: inline-block;letter-spacing: -0.5px;}
.mobile-login-info .info-img .tit {text-align: center;}
.mobile-login-info .info-img i {display:block;background: url(/resource/img/bg/ico_login_type.png) no-repeat -18px 0; width:44px;height: 44px;margin: 0 auto 5px;}
.mobile-login-info .info-img .pattern {padding: 0 20px 0 7px;}
.mobile-login-info .info-img .pattern i{background-position-x:-92px }
.mobile-login-info .info-img .bio {padding-right:0;}
.mobile-login-info .info-img .bio i{background-position-x:-167px;width:152px;}

/* 새버전 모바일뱅킹 로그인 */
.mobile_loginWrap .mobile-login-info .info-txt { width:480px; }
.mobile_loginWrap .mobile-login-info .info-img { padding-top:20px; }
.mobile_loginWrap .mobile-login-info .info-img .bio i { width:100px; background-position: -167px -6px; margin-bottom:10px; }
.mobile_loginWrap .mobile-login-info .info-img .pattern i { background-position: -92px -6px; margin-bottom:10px; }
.mobile_loginWrap .mobile-login-info .info-img .pw i { background-position: -18px -6px; margin-bottom:10px; }
.mobile_loginWrap .time-control-area > span, .mobile_loginWrap .time-control-area > em { display:inline-block; vertical-align: middle; }
.mobile_loginWrap .time-control-area > em { font-size:22px; margin-top:-8px; }
.mobile_loginWrap .time-control-area .bt-refresh { margin-top: -5px; }
.mobile_loginWrap .msg_box .t1 { color:#000; font-size:20px; font-weight:bold; line-height:22px; }
.mobile_loginWrap .msg_box .t2 { color:#777; font-size:14px; padding-top:15px; }
.mobile_loginWrap .msg_box .t2 .iconApp { display:inline-block; background:url(/resource/mbw/images/web/ico_app_kn.png)no-repeat 0 0; background-size:100%; width:26px; height:26px; vertical-align: middle; }
.mobile_loginWrap .code_box { width:640px; margin:0 auto; padding-top:30px; }
.mobile_loginWrap .num-area .etc { display:inline-block; line-height:40px; color:#000; font-size:20px; height:40px; width:15px; vertical-align: middle; text-align:center; }
.mobile_loginWrap .num-area .num { vertical-align: middle; }
.mobile_loginWrap .num-area .num + .num { margin-left:5px; }
.mobile_loginWrap .num-area .tit, .mobile_loginWrap .qr-area .tit { text-align:center; font-size:18px; color:#777; }
.mobile_loginWrap .qr-area, .mobile_loginWrap .num-area { border-radius:20px; -webkit-border-radius:20px; border:1px solid #eee; height:264px; text-align:center; }
.mobile_loginWrap .qr-area { width:230px; }
.mobile_loginWrap .qr-area .tit { padding-top:30px; }
.mobile_loginWrap .num-area { width:400px; padding:0; }
.mobile_loginWrap .num-area .tit { padding-top:30px; padding-bottom:80px; }
.mobile_loginWrap .btn-wrap-ct .btn-red { padding: 0 50px; }

.int_bnk .advice-product .p-list li .show-more { display:block; } /* 홈페이지 상단 상담창구 접근성 패치 포커스시 display 속성이 없어 영역표시가 안됨 */

/* 금융상품몰 메인페이지 웹접근성 수정 색상보정 */
.best-smart > div p .color-org { color:#eb4500 !important; }
.best-smart > div p .color-blu { color:#333 !important; }
.best-smart > div p .color-blu strong { color:#1c91e8 !important; }

/* 버튼2줄 */
a[class^="btn-"].row_col { height: auto; line-height: 20px; padding:10px 15px; }

/* 게시판 게시글등록시 테이블 태그 공통 정리 */
table.board_view_table { border-collapse:collapse; border-spacing:0; width:100%; border-top:2px solid #b69981; border-bottom:1px solid #bbb; }
table.board_view_table caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
table.board_view_table thead th { text-align:center; }
table.board_view_table thead th, table.board_view_table thead td,
table.board_view_table tbody th,
table.board_view_table tfoot th, table.board_view_table tfoot td { background:#fbf9f5; }

table.board_view_table thead tr:first-child th{ border-top:0 }
table.board_view_table th,
table.board_view_table td { border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:10px 15px; background:#fff; }

table.board_view_table th[rowspan],
table.board_view_table td[rowspan] { border-right: 1px solid #dcdcdc; }

table.board_view_table th[rowspan="1"],
table.board_view_table td[rowspan="1"],
table.board_view_table th:last-child[rowspan],
table.board_view_table td:last-child[rowspan] {border-right:0;}

table.board_view_table tr:first-child td:first-child,
table.board_view_table td:first-child,
table.board_view_table th:first-child {border-left:0;}

table.board_view_table th[colspan]{ border-bottom:1px solid #dcdcdc;}
table.board_view_table th[colspan="1"]{ border-bottom:0;}

table.board_view_table .t_tr { text-align:right; }
table.board_view_table .t_tc { text-align:center; }
table.board_view_table .t_tl { text-align:left; }
table.board_view_table .t_vt { vertical-align:top; }
table.board_view_table .t_vm { vertical-align:middle; }
table.board_view_table .t_vb { vertical-align:bottom; }
table.board_view_table .t_red { color:#d71921; }
table.board_view_table .t_blue { color:#06C; }

/* 개인정보처리방침 */
.gein_icon { background:url(/resource/img/bhp/big_icon01_82x97.png) no-repeat 0 0; display:inline-block; width:82px; height:97px; }
.gein_icon.c1 { background-position: 0 0; }
.gein_icon.c2 { background-position: -102px 0; }
.gein_icon.c3 { background-position: -204px 0; }
.gein_icon.c4 { background-position: -306px 0; }
.gein_icon.c5 { background-position: -408px 0; }
.gein_icon.c6 { background-position: -510px 0; width:90px; }

.gein_h3 { background:url(/resource/img/bhp/big_icon02_44x48.png) no-repeat 0 0; display:inline-block; width:44px; height:48px; vertical-align: middle; margin-top:-10px; margin-right:5px; margin-left:-10px; }
.gein_h3.c1 { background-position: 0 0; }
.gein_h3.c2 { background-position: -44px 0; }
.gein_h3.c3 { background-position: -88px 0; }
.gein_h3.c4 { background-position: -132px 0; }
.gein_h3.c5 { background-position: -176px 0; }
.gein_h3.c6 { background-position: -220px 0; }
.gein_h3.c7 { background-position: -264px 0; }
.gein_h3.c8 { background-position: -308px 0; }
.gein_h3.c9 { background-position: -352px 0; }
.gein_h3.c10 { background-position: -396px 0; }
.gein_h3.c11 { background-position: -440px 0; }
.gein_h3.c12 { background-position: -484px 0; }
.gein_h3.c13 { background-position: -528px 0; }

.gein_list h3 { border-top:2px solid #b69981; background:#fbf9f5; line-height:20px; color:#000 !important; text-align:center; font-size:14px !important; letter-spacing: -0.03em; padding: 10px 15px; }
.gein_list .fsmenu { background:#fff; margin-top: 0 !important; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; overflow:hidden; padding: 15px 0; }
.gein_list .fsmenu > li { width:50%; display:block; float: left; }
.gein_list .fsmenu > li > a { display:inline-block; padding:12px 15px; font-weight:bold; }

.fpm_fnd_qna { overflow:hidden; padding:15px; border:1px solid #ccc; }
.fpm_fnd_qna .yeno_logo, .fpm_fnd_qna .ye_logo, .fpm_fnd_qna .text { float:left; }
.fpm_fnd_qna .text { line-height:44px; padding-left: 20px; }
.fpm_fnd_qna + .pop-msg { margin-top:20px; }
.pop-msg.type2 { text-align:left; padding:20px 25px; }
.fpm_qna_mun .tit { display:block; }
.fpm_qna_mun .tit .num { display:inline-block; font-size:18px; font-weight:700; line-height:30px; vertical-align:middle; padding-left:5px; }
.fpm_qna_mun .faq-q { display: inline-block; width:30px; height: 30px; text-indent: -5000px; left:10px; top:11px; background:url(/resource/img/bg/bg_q.png) no-repeat; vertical-align: middle; }
.fpm_qna_mun .rd_box { border:1px solid #ccc; background:#fff; padding:15px 25px; }
.fpm_qna_mun .rd_box + .rd_box { margin-top:20px; }
.fpm_qna_mun .end_a { margin-top:10px; background:#f4f4f4; padding:15px 25px; display:none; }
.fpm_qna_mun .end_a.on { display:block; }
.fpm_qna_mun .end_a strong { display:inline-block; padding-bottom:10px; }

.rl_list { overflow:hidden; padding-top:20px; }
.rl_list li { display:inline-block; float:left; width:312px; }
.rl_list li.no2 { margin:0 20px; }
.rl_list .item_box { position:relative; padding:25px 25px 200px 25px; height:770px; border:5px solid #f0efeb; background:#fff; }
.rl_list .item_box h3 { margin-top:0 !important; text-align:center; padding-bottom:5px !important; }
.rl_list .item_box p { word-break:normal; letter-spacing:-1px; line-height:22px; }
.rl_list .item_box:after { position:absolute; left:50%; bottom:35px; content:''; display:block; width:200px; height:170px; background:url(/resource/img/bg/sobiimg_bg.png) no-repeat 0 0; margin-left:-100px; }
.rl_list li.no1 .item_box:after { background-position:0 0; }
.rl_list li.no2 .item_box:after { background-position:-200px 0; }
.rl_list li.no3 .item_box:after { background-position:-400px 0; }

.fpm_zhcontbox { overflow:hidden; border:10px solid #f4efeb; padding:25px 0; }
.fpm_zhcontbox .box_cont { float:left; position: relative; background:#fff; padding:0 25px; width:240px; }
.fpm_zhcontbox .box_cont > h3 { margin-top: 0 !important; }
.fpm_zhcontbox .box_cont > p { min-height:100px; }
.fpm_zhcontbox .box_cont:first-child:before { content:none; }
.fpm_zhcontbox .box_cont:before { position:absolute; top:50%; left:0; content:''; margin-top:-155px; display:inline-block; width:1px; height:310px; background:#e6e6e6; }
.fpm_zhcontbox .box_cont .bg_box { background:#f4efeb; padding:25px; min-height:164px; }

/* 이지용펀드 */
.wms_new .out_box { overflow:hidden; }
.wms_new .in_box { overflow:hidden; margin-top:-10px; }
.wms_new .badge { position:relative; float:left;  margin-top:10px; display:inline-block; width:32%; border-radius:5px; -webkit-border-radius:5px; padding:15px 12px; text-align: center; font-weight:bold; }
.wms_new .badge.t9 { color:#de4c4f; background:#fff; border:1px solid #de4c4f; }
.wms_new .badge.t9.on { background:#de4c4f; }
.wms_new .badge.t11 { color:#ff6900; background:#fff; border:1px solid #ff6900; }
.wms_new .badge.t11.on { background:#ff6900; }
.wms_new .badge.t13 { color:#7bb105; background:#fff; border:1px solid #7bb105; }
.wms_new .badge.t13.on { background:#7bb105; }
.wms_new .badge.t17 { color:#f59701; background:#fff; border:1px solid #f59701; }
.wms_new .badge.t17.on { background:#f59701; }
.wms_new .badge.t8 { color:#238e3a; background:#fff; border:1px solid #238e3a; }
.wms_new .badge.t8.on { background:#238e3a; }
.wms_new .badge.t7 { color:#3da7ba; background:#fff; border:1px solid #3da7ba; }
.wms_new .badge.t7.on { background:#3da7ba; }
.wms_new .badge.on { color:#fff; }
.wms_new .badge.on:before {  content:''; display:inline-block; width:11px; height:8px; background: url(/resource/img/wms/web/bul/bul-down.png) no-repeat 0 0; vertical-align:middle; margin-right:7px; margin-top:-3px; }
.wms_new .badge:nth-child(2), .wms_new .badge:nth-child(5) { margin-left:2%; margin-right:2%; }

.wms_graph .section-typ2 { position:relative; overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:10px; }
.wms_graph .wsr-chart-infobox { width:50%; float:right; padding-top:10px; }
.wms_graph .wsr-chart-box { width:50%; float:left; text-align:center; }
.wms_graph .port-one-graph { display:table; width:100%; table-layout: fixed; }
.wms_graph .port-one-graph .area{display:table-cell;vertical-align:middle; padding:20px 20px 0 20px;}
.wms_graph .port-one-graph img{position:absolute;top:-20px;left:-176px}
.wms_graph .port-one-graph p{font-size:14px;}
.wms_graph .port-one-graph p span{float:right;}
.wms_graph .port-one-graph .chart-color{width:10px;height:10px;display:inline-block;vertical-align:middle;margin-right:5px;}

/* 온라인 설명의무 약관 새로운 형태 */
.agr_title { overflow:hidden; }
#content .agr_title h3 { margin:0; padding:0; }
.new_agrlist_wrap .total_tit { text-align:right; }
.new_agrlist_wrap .new_agrbox .agree-box { display:none; margin-top:15px; }
.new_agrlist_wrap .new_agrbox .agree-box.on { display:block; }
.new_agrlist_wrap .new_agrlist { border:1px solid #dcdcdc; }
.new_agrlist_wrap .new_agrlist > li { padding:15px; border-top:1px solid #dcdcdc; }
.new_agrlist_wrap .new_agrlist > li:first-child { border-top:none; }
.btn_check, .btn_check_total { border:1px solid #bbb; min-width:80px; min-height:27px; padding:0 10px; background-color:#fff; border-radius:3px; font-size:13px; line-height:24px; display:inline-block; text-align:center; vertical-align:middle; white-space:nowrap; }
.btn_check.on, .btn_check_total.on { border:1px solid #8d6a4e; background-color:#8d6a4e; color:#fff; }
.btn_check.on:focus, .btn_check.on:active, .btn_check.on:hover,
.btn_check_total.on:focus, .btn_check_total.on:active, .btn_check_total.on:hover { text-decoration:none; }

.btn_check.type2 { display:inline-block; text-align:left; border:none; min-height:auto; min-width:auto; border-radius:0; -webkit-border-radius:0; padding:1px 0 2px 22px; margin:0; line-height: 18px; font-size:14px; font-weight: normal; color:#333; background: url(/resource/img/bg/bg_inp.png) no-repeat; background-position:0 -109px; }
.btn_check.type2.on { background-position:0 -165px; }

.agree_checkbox > ul { position:relative; border:1px solid #d6d6d6; }
.agree_checkbox > ul > li { border-top:1px solid #dcdcdc; padding:0; }
.agree_checkbox > ul > li:first-child { border-top:none; }
.agree_checkbox > ul > li .box-guide { border:none; margin-bottom:0; }
.agree_checkbox .tit_btn { position:relative; display:block; padding:5px 0; }
.agree_checkbox .tit_btn:after { content:''; position:absolute; top:5px; right:0; display:inline-block; overflow:hidden; width:21px; height:21px; background:url(/resource/img/btn/btn_ico_02.png) no-repeat; }
.agree_checkbox .tit_btn.on:after { background-position:0 -30px; }
.agree_checkbox .tit_btn:hover { text-decoration: none; }
.agree_checkbox .cont { display:block; }
.agree_checkbox .cont .sub_cont { padding:10px; margin-bottom:10px; }
.agree_checkbox .cont.on { display:none; }
.agree_checkbox .text_info { background:#f5f5f5; padding:15px 20px; margin:15px 0; }
.newagree-line-box + .agree_checkbox { padding-top:30px; }

.guide-txt > .sr-only + .addtab_conbox { padding-top:0; }
.guide-txt > .addtab_conbox { padding-top:15px; }
.agree_checkbox .msgbox-notice.type4 + .tab-type01.title_tabAdd.newType { margin-top:15px; }
.agree_checkbox .tab-type01.newType li:first-child { padding-left:0; }
.agree_checkbox .tab-type01.newType li { padding:0 20px; }
.agree_checkbox .tab-type01.newType li a { font-size:16px; line-height:30px; height:35px; }

.new_agrlist_wrap .new_agrbox .agree_subbox .tit + ul { padding-top:10px; }
.new_agrlist_wrap .new_agrbox > label { margin-top:5px; }
.new_agrlist_wrap .new_agrbox > label + .agree_subbox { margin-top:15px !important; }
.new_agrlist_wrap .agree_subbox { background:#f5f5f5; padding:15px; }
.new_agrlist_wrap .agree_subbox ul li { padding:4px 0; }
.new_agrlist_wrap .agree_subbox.personInfo .tit { font-weight:bold; border-bottom:1px solid #ccc; display:block; padding-bottom:10px; }

/* 사전버튼 */
.btn-white-ss.dic { padding: 0 10px 0 28px;  background: #fff url(/resource/img/btn/btn_ico_dic.png) no-repeat 8px 2px; }
.btn-white-ss.cal2 { padding: 0 10px 0 28px;  background: #fff url(/resource/img/btn/btn_ico_cal2.png) no-repeat 8px 2px; }

.nobu li { line-height:20px; }
.ipt_point { background:#d71921; color:#fff; padding:2px 10px; border-radius:3px; -webkit-border-radius:3px; vertical-align:middle; display:inline-block; margin-top: -4px; }

/* 금융상품몰 상품상세 약관목록 길어질때 대응 */
.btn-wrap-pro.newtype { height:auto; }
.btn-wrap-pro.newtype .fr { max-width:670px; }
.btn-wrap-pro.newtype .fr [class^="btn-wrap"] *:first-child { margin-left:3px; }

/* 카드발급 */
.img_check { position:relative; display:inline-block; vertical-align:middle; }
.img_check [type="checkbox"], .img_check [type="radio"] { margin:0; height:0; width:0; -webkit-appearance:none; appearance:none; }
.img_check [type="checkbox"] + label,
.img_check [type="radio"] + label { text-align:center; background:#f5f5f5; padding:10px 20px; border:1px solid #f5f5f5; border-radius:10px; -webkit-border-radius:10px; overflow:hidden; }
.img_check [type="checkbox"] + label:after { position:absolute; top:16px; left:16px; content:''; display:inline-block; width:16px; height:16px; background: url(/resource/img/bg/bg_inp.png) no-repeat 0 -111px; }
.img_check [type="radio"] + label:after { position:absolute; top:16px; left:16px; content:''; display:inline-block; width:16px; height:16px; background: url(/resource/img/bg/bg_inp.png) no-repeat 0 0; }
.img_check [type="radio"]:checked + label,
.img_check [type="checkbox"]:checked + label { background:#fff; border:1px solid #d71921; }
.img_check [type="radio"]:checked + label:after { background-position: 0 -56px; }
.img_check [type="checkbox"]:checked + label:after { background-position: 0 -167px; }
.img_check .simg { display:inline-block; }
.img_check.crd .simg { width:70px; height:70px; }
.img_check.crd .simg.type2 { width:50px; height:50px; margin:0 20px; }
.img_check .simg img { width:100%; height:100%; }
.img_check .txt { display:block; padding-top:10px; line-height:18px; }

.img_check.pay [type="checkbox"] + label:after, .img_check.pay [type="radio"] + label:after { left:20px; top:50%; margin-top:-10px; }
.img_check.pay .simg { width:40px; height:40px; vertical-align:middle; margin-left:10px; }
.img_check.pay .txt { display:inline-block; vertical-align:middle; padding:0; }
.img_check.pay [type="checkbox"] + label, .img_check.pay [type="radio"] + label { padding:10px 15px 10px 30px; }

/* 금융상품몰 금리표시 수정 */
.acc_newtxtinfo .txt_etc { padding:15px 15px 0 15px; display:block; }
.acc_newtxtinfo .acbox, .acc_newtxtinfo .acbu { position:relative; display:inline-block; vertical-align:middle; }
.acc_newtxtinfo .acbox { padding-bottom:25px; }
.acc_newtxtinfo .acbox > span { display:block; text-align:left; }
.acc_newtxtinfo .acbu { width:1px; height:20px; background:#ddd; margin:-8px 8px 0 8px; }
.acc_newtxtinfo .acbox .num { font-size: 26px; font-weight:bold; margin-top:3px; }
.acc_newtxtinfo .acbox .num.red { color:#d71921; }
.acc_newtxtinfo .acbox .txt_etc { position:absolute; bottom:0; white-space:nowrap; padding:0; }

.perc.type2 .acc_newtxtinfo { text-align:left; }
.pro-img.type2 .acc_newtxtinfo { position:absolute; top:100px; left:0; width:220px; text-align:center; }
.pro-img.type2 .bg img { width:220px; height:220px; }
.pro-compare .interrest-case1.type2 { margin-top:-36px; }
.bn-wrap .perc.type2 { padding-top:15px; }
.perc.type2.new { bottom: 15px; }

/* 금융계산기 */
.cty_obj [class^="cty-"]{position: relative; display: inline-block; padding: 4px 0 6px 35px; font-size: 13px; color: #414141;  }
.cty_obj [class^="cty-"]:before {content:""; display: inline-block; width:19px; height:12px; margin-top:-6px; position: absolute; top:50%; left:10px; background:url("/resource/img/bg/bg_country.jpg") no-repeat; }
.cty_obj .cty-USD:before {background-position: 0 0}
.cty_obj .cty-JPY:before {background-position: -20px 0}
.cty_obj .cty-EUR:before {background-position: -40px 0}
.cty_obj .cty-GBP:before {background-position: -60px 0}
.cty_obj .cty-NZD:before {background-position: -80px 0}
/*.cty_obj .cty-TWD:before {background-position: -100px 0}*/
/*.cty_obj .cty-VND:before {background-position: 0 -13px}*/
.cty_obj .cty-CHF:before {background-position: -20px -13px}
.cty_obj .cty-SGD:before {background-position: -40px -13px}
.cty_obj .cty-IDR:before {background-position: -60px -13px}
.cty_obj .cty-CNY:before {background-position: -80px -13px}
.cty_obj .cty-CAD:before {background-position: -100px -13px}
.cty_obj .cty-THB:before {background-position: 0 -26px}
/*.cty_obj .cty-PHP:before {background-position: -20px -26px}*/
.cty_obj .cty-AUD:before {background-position: -40px -26px}
.cty_obj .cty-HKD:before {background-position: -60px -26px}
.cty_obj .cty-NOK:before {background-position: -80px -26px}
.cty_obj .cty-DKK:before {background-position: -100px -26px}
.cty_obj .cty-SEK:before {background-position: 0 -39px}
.cty_obj .cty-MYR:before {background-position: -20px -39px}
.cty_obj .cty-BHD:before {background-position: -40px -39px}
.cty_obj .cty-SAR:before {background-position: -60px -39px}
.cty_obj .cty-AED:before {background-position: -80px -39px}
.cty_obj .cty-KWD:before {background-position: -100px -39px}
.cty_obj .cty-KRW:before {background:url("/resource/img/bg/bg_country_korea.png")no-repeat 0 0;}

.bdnone .btn-white-s.reload,
.btn-white-s.reload { background:url(/resource/img/ico/hanzen_icon.png) no-repeat 8px 3px; width:auto; padding:0 10px 0 30px; }


.list-detail .set-cont.bd_table table { margin:0 !important; padding:0 !important; border-collapse:collapse !important; border-spacing:0 !important; width:100% !important; border-top:1px solid #000 !important; border-bottom:1px solid #ddd !important; border-left:0 !important; border-right:0 !important; }
.list-detail .set-cont.bd_table table caption { overflow: hidden !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }

.list-detail .set-cont.bd_table table thead th { text-align:center !important; }
.list-detail .set-cont.bd_table table thead th, .list-detail .set-cont.bd_table table thead td,
.list-detail .set-cont.bd_table table tbody th,
.list-detail .set-cont.bd_table table tfoot th, .list-detail .set-cont.bd_table table tfoot td { background:#eee !important; color:#777 !important; }

.list-detail .set-cont.bd_table table thead tr:first-child th{ border-top:0 !important; }
.list-detail .set-cont.bd_table table th,
.list-detail .set-cont.bd_table table td { width:auto !important; border-bottom:1px solid #ddd !important; border-top:0 !important; border-right:0 !important; border-left:1px solid #ddd !important; padding:4px 8px !important; }
.list-detail .set-cont.bd_table table th[rowspan],
.list-detail .set-cont.bd_table table td[rowspan] { border-right: 1px solid #ddd !important; }
.list-detail .set-cont.bd_table table tr { height:auto !important; }

.list-detail .set-cont.bd_table table th[rowspan="1"],
.list-detail .set-cont.bd_table table td[rowspan="1"],
.list-detail .set-cont.bd_table table th:last-child[rowspan],
.list-detail .set-cont.bd_table table td:last-child[rowspan] {border-right:0 !important;}

.list-detail .set-cont.bd_table .list-detail .set-cont.bd_table table tr:first-child td:first-child,
.list-detail .set-cont.bd_table table td:first-child,
.list-detail .set-cont.bd_table table th:first-child {border-left:0 !important;}

.list-detail .set-cont.bd_table table th[colspan]{ border-bottom:1px solid #ddd !important;}
.list-detail .set-cont.bd_table table th[colspan="1"]{ border-bottom:0 !important;}

.list-detail .set-cont.bd_table table td,
.list-detail .set-cont.bd_table table th,
.list-detail .set-cont.bd_table table * { font-style:normal !important; line-height:1.2 !important; font-family:MalgunGothic, '맑은 고딕', '돋움', Dotum, "Apple SD Gothic Neo" , AppleGothic, Sans-serif, Arial !important; width:auto !important; height:auto !important; }
.list-detail .set-cont.bd_table table * { margin:auto !important; padding:auto !important; }

.dic_tabmenu { border:solid #bbb; border-width:1px 0 0 1px; overflow:hidden; }
.dic_tabmenu li { width:25%; float:left; }
.dic_tabmenu li a { display:block; width:100%; }
.dic_tabmenu li a span { display:block; height:60px; text-align:center; vertical-align:middle; font-size:14px; color:#666; border:1px solid #bbb; margin:-1px 0 0 -1px; }
.dic_tabmenu li a span > div { display:inline-block; line-height:58px; }
.dic_tabmenu li a span > div.line2 { line-height:20px; padding:9px 0; }
.dic_tabmenu li:first-child a { border-left-width:0; }
.dic_tabmenu li a:hover,
.dic_tabmenu li a span:hover { color:#d71921; }
.dic_tabmenu li:first-child:before { left:0; }
.dic_tabmenu li:first-child { margin-left:0; }
.dic_tabmenu li:nth-child(7) a span > div, .dic_tabmenu li:nth-child(8) a span > div { line-height:20px; padding:9px 0; }
.dic_tabmenu + .dic_tabmenu a span { border-top:0 }

.btn_mt5 { overflow:hidden; }
.btn_mt5 > div { margin-top:-10px; margin-left:-5px; }
.btn_mt5 > div .btn-white-s { margin:10px 0 0 5px; }
.step-typ1.row4 { margin-bottom:0; }
.step-typ1.row4 li { width:236px; padding:20px; text-align:center; margin-bottom:0; }
.step-typ1.row4  li p { font-weight:bold; }

.csc-service.newtype2 { background:#fbfbfb; }
.csc-service.newtype2 .code { border-right:none; }
.csc-service.newtype2 .tel.new_type{ background:#fff; border-left:1px solid #e3e3e3; }
.csc-service.newtype2 .tel.new_type li { padding:11px 15px; height:auto; background:none; }
.csc-service.newtype2 .tel.new_type li.en_ser.type2 { height:auto; }
.csc-service.newtype2 .tel.new_type li:last-child { border-bottom:none; }
.csc-service.newtype2 .tel.new_type li img, .csc-service.newtype2 .tel.new_type li:first-child img { margin-bottom:10px; }
.csc-service.newtype2 .tel.new_type .en_ser.type2.item3 { padding-left:10px; padding-right:10px; }
.csc-service.newtype2 .tel.new_type li > dl dt { padding-bottom:8px; }
.csc-service.newtype2 .tel.new_type li > dl dd { font-size:12px; padding-bottom:5px; }
.csc-service.newtype2 .tel.new_type li > dl dt strong { font-size:16px; }
.csc-service.newtype2 .tel.new_type li > dl em { font-weight:bold; font-size:16px; }
.csc-service.newtype2 .tel.new_type li.item1 { background: url(/resource/img/bhp/bg_csc_tel_01.gif) no-repeat right bottom; }
.csc-service.newtype2 .tel.new_type li.item2 { background: url(/resource/img/bhp/bg_csc_tel_02.gif) no-repeat right bottom; }


.header-util-01.newVer2 { border-bottom:1px solid #ededed; height:60px; }
.header-util-01.newVer2 #language-list { top:52px; }
.header-util-01.newVer2 .left-side { border-left:none; }
.header-util-01.newVer2 .left-side .menu > li:first-child { margin-left:0; }
.header-util-01.newVer2 .left-side .menu > li { margin-left:35px; }
.header-util-01.newVer2 .left-side .menu > li > a { border-right:none; font-size:18px; line-height:36px; paddin-g:0 5px; color:#333; }
.header-util-01.newVer2 .left-side .menu > li > a.active { color:#e32a2a; }
.header-util-01.newVer2 .left-side .menu > li > a.open-online-bank { color:#896a59; }
.header-util-01.newVer2 .left-side .menu > li > a.open-online-bank:after { content:none; }
.header-util-01.newVer2 .right-side .menu > li { padding-left: 4px; }
.header-util-01.newVer2 .right-side .menu > li > a { font-size:14px; color:#333; font-weight:bold; padding:0 11px; line-height:60px; }
.header-util-01.newVer2 .right-side .menu > li.login > a { border-color:#ddd; line-height:29px; height:29px; border-radius:8px; -webkit-border-radius:8px; }
.header-util-01.newVer2 .right-side .menu > li.login .user { display:inline-block; max-width:180px; max-height:48px; overflow:hidden; vertical-align:middle; }
.header-util-01.newVer2 .right-side .menu > li:before { content:none; }
#CMMCMM005TMPV10M .header-util-02.newVer2 { height:48px; }  /* 메인 헤더만 */
.header-util-02.newVer2 .logo > img { vertical-align:top; }
.header-util-02.newVer2 .logo.logo-15 { width:auto; height:auto; margin-top:25px; }
.header-util-02.newVer2 .logo.logo-15 strong,
.header-util-02.newVer2 .logo > a + a strong { position:relative; display:inline-block; margin-top:2px; vertical-align:top; font-size:20px; font-family: "NanumBarunGothic"; line-height:22px; padding-left:17px; }
.header-util-02.newVer2 .logo > a { vertical-align:top; }
.header-util-02.newVer2 .logo.logo-15 strong:before,
.header-util-02.newVer2 .logo > a + a strong:before { position:absolute; left:5px; top:1px;  content:''; display:inline-block; background:#707070; width:1px; height:18px; }
.header-util-02.newVer2 .menu > li.site-map { position:relative; width:auto; }
.header-util-02.newVer2 .menu > li a { padding: 0 12px; }
.header-util-02.newVer2 .menu > li a.button-site-map { position:relative; z-index:1; text-indent:initial; width:auto; background:none; padding:0 35px 0 15px; }
.header-util-02.newVer2 .menu > li.site-map:after { position:absolute; top:-1px; right:0; content:''; display:inline-block; vertical-align:top; width:18px; height:15px; background:url('/resource/img/nav/btn_open_sitemap.gif') 0 0 no-repeat; }

.corp-info .copyright .cert-ico { margin:0; }