@charset "utf-8";

@font-face {
	font-family:'SansKR'; font-style:normal; font-weight:normal;
	src:url('./font/SourceHanSansKR-Regular.eot');
	/* src:url('./font/SourceHanSansKR-Regular.eot?#iefix') format('embedded-opentype'), url('./font/SourceHanSansKR-Regular.woff') format('woff'), url('./font/SourceHanSansKR-Regular.otf') format('opentype'); */
}
@font-face {
	font-family:'SansKR'; font-style:normal; font-weight:bold;
	src:url('./font/SourceHanSansKR-Bold.eot');
	src:url('./font/SourceHanSansKR-Bold.eot?#iefix') format('embedded-opentype'), url('./font/SourceHanSansKR-Bold.woff') format('woff'), url('./font/SourceHanSansKR-Bold.otf') format('opentype');
}
@font-face {
	font-family:'SansCN'; font-style:normal; font-weight:normal;
	src:url('./font/SourceHanSansCN-Regular.eot');
	src:url('./font/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'), url('./font/SourceHanSansCN-Regular.woff') format('woff'), url('./font/SourceHanSansCN-Regular.otf') format('opentype');
}
@font-face {
	font-family:'SansCN'; font-style:normal; font-weight:bold;
	src:url('./font/SourceHanSansCN-Bold.eot');
	src:url('./font/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'), url('./font/SourceHanSansCN-Bold.woff') format('woff'), url('./font/SourceHanSansCN-Bold.otf') format('opentype');
}
@font-face {
	font-family:'SansTW'; font-style:normal; font-weight:normal;
	src:url('./font/SourceHanSansTW-Regular.eot');
	src:url('./font/SourceHanSansTW-Regular.eot?#iefix') format('embedded-opentype'), url('./font/SourceHanSansTW-Regular.woff') format('woff'), url('./font/SourceHanSansTW-Regular.otf') format('opentype');
}
@font-face {
	font-family:'SansTW'; font-style:normal; font-weight:bold;
	src:url('./font/SourceHanSansTW-Bold.eot');
	src:url('./font/SourceHanSansTW-Bold.eot?#iefix') format('embedded-opentype'), url('./font/SourceHanSansTW-Bold.woff') format('woff'), url('./font/SourceHanSansTW-Bold.otf') format('opentype');
}

/* reset style ----- */
* {margin:0; padding:0;}
html {/*overflow-y:scroll;*/}
body {font:normal 16px/24px 'SansKR', 'Malgun Gothic', Dotum, Helvetica, Arial, Sans-serif; color:#000; letter-spacing:-0.02em; word-wrap:break-word;}
input, select, textarea, button {font:normal 16px/24px 'SansKR', 'Malgun Gothic', Dotum, Helvetica, Arial, Sans-serif; color:#000; vertical-align:middle; box-sizing:border-box;}
input::-ms-clear, input::-ms-reveal {display:none;}
button {background:none; border:0; overflow:visible; cursor:pointer;}
textarea {resize:vertical;}
label {vertical-align:middle; cursor:pointer;}
a, a:link {color:inherit; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
em, address {font-style:normal;}
ol, ul {list-style:none;}
img, fieldset {border:0;}
table {border:0; border-spacing:0;}
*:first-child+html table {border-collapse:collapse; /*IE7*/}
legend {visibility:hidden; position:absolute; left:-5000px; font-size:0; line-height:0;}
caption {visibility:hidden; text-indent:-5000px; font-size:0; line-height:0;}
hr {display:none;}
strong, b, th {font-weight:normal;}
mark {background:none; color:#dc420c;}


/* common ----- */
.fl {float:left !important;}
.fr {float:right !important;}

/* accessibility */
.hidden {position:absolute !important; left:-9999px !important; font-size:0; line-height:0;}
.hide {visibility:hidden !important; height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important; border:0 !important;}

/* align */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

/* font */
.u {text-decoration:underline !important;}
.bold {font-weight:bold !important;}
.link {text-decoration:underline !important; color:#0040b5 !important;}

/* color */
.color01 {color:#000 !important;}
.color02 {color:#777 !important;}
.color03 {color:#a77a40 !important;}
.color04 {color:#0040b5 !important;}
.color05 {color:#dc420c !important;}

/* margin */
.space0 {margin:0 !important;}

.tspace0 {margin-top:0 !important;}
.tspace01 {margin-top:5px !important;}
.tspace02 {margin-top:10px !important;}
.tspace03 {margin-top:15px !important;}
.tspace04 {margin-top:20px !important;}
.tspace05 {margin-top:25px !important;}
.tspace06 {margin-top:30px !important;}
.tspace07 {margin-top:35px !important;}
.tspace08 {margin-top:40px !important;}
.tspace09 {margin-top:45px !important;}
.tspace10 {margin-top:50px !important;}
.tspace-section {margin-top:40px !important;}

.bspace0 {margin-bottom:0 !important;}

.lspace0 {margin-left:0 !important;}
.lspace01 {margin-left:5px !important;}
.lspace02 {margin-left:10px !important;}
.lspace03 {margin-left:15px !important;}
.lspace04 {margin-left:20px !important;}
.lspace05 {margin-left:25px !important;}
.lspace06 {margin-left:30px !important;}
.lspace07 {margin-left:35px !important;}
.lspace08 {margin-left:40px !important;}
.lspace09 {margin-left:45px !important;}
.lspace10 {margin-left:50px !important;}

.rspace0 {margin-right:0 !important;}
.rspace01 {margin-right:5px !important;}
.rspace02 {margin-right:10px !important;}
.rspace03 {margin-right:15px !important;}
.rspace04 {margin-right:20px !important;}
.rspace05 {margin-right:25px !important;}
.rspace06 {margin-right:30px !important;}
.rspace07 {margin-right:35px !important;}
.rspace08 {margin-right:40px !important;}
.rspace09 {margin-right:45px !important;}
.rspace10 {margin-right:50px !important;}

/* padding */
.pad0 {padding:0 !important;}

/* text */
.text-unit {margin-bottom:6px; text-align:right; color:#888; font-size:14px; line-height:20px;}
.text-unit .required {display:inline-block; vertical-align:8px; width:6px; height:6px; margin:0 5px; background:url('../images/common/icon_required.png') no-repeat 0 0; font-size:0; line-height:0;}
.text-unit .em {color:#000;}
.text-unit .result {color:#000; margin-left:8px;}
.text-unit.type2 {float:left; margin-bottom:8px; font-size:18px;}
.text-unit.type3 {float:right; margin:6px 0 0;}

.note {padding-left:10px; background:url('../images/common/bul_star.png') no-repeat 0 7px; color:#998570; font-size:15px; line-height:22px;}
.note .em {color:#dc420c;}
span.note {/* display:inline-block;  */margin-left:10px; vertical-align:middle;}
p.note {margin:5px 0 0;}

.text-note {padding-left:10px; margin-top:12px; background:url('../images/common/bul_star02.png') no-repeat 0 5px; color:#888; font-size:14px; line-height:20px;}
.text-note .em {color:#a77a40;}
.text-note + .text-note {margin-top:3px;}
.text-note02 {margin-top:8px; color:#998570; font-size:15px; line-height:22px;}
.text-note02 .em-txt {margin-bottom:3px; color:#7a5d3f;}

.text-summary {margin-bottom:10px; color:#676c7c;}
.text-msg {color:#555; font-size:18px; line-height:26px;}

.bltext > li, p.bltext {padding-left:10px; background:url('../images/common/bg_dot_3x3_555555.png') no-repeat 0 9px; color:#555;}
.bltext > li {margin-top:10px;}
.bltext > li:first-child {margin-top:0;}
.bltext > li.em {background-image:url('../images/common/bg_dot_3x3_dc420c.png'); color:#dc420c;}
.bltext > li .bltext02 {margin-left:10px; font-size:15px; line-height:22px;}
.bltext > li .bltext02 > li, .bltext > li p.bltext02 {margin-top:5px;}
.bltext .em {color:#dc420c;}
.bltext02 > li, p.bltext02 {padding-left:10px; background:url('../images/common/bg_bar_5x2_888888.png') no-repeat 0 10px; color:#888;}
.bltext02 > li {margin-top:5px;}
.bltext02 > li:first-child {margin-top:0;}

.sup {display:inline-block; vertical-align:top; width:8px; height:7px; margin:0 1px; background:url('../images/common/bul_sup.png') repeat; font-size:0; line-height:0;}
.sup.num2 {width:16px;}
.sup.num3 {width:24px;}
.sup.num4 {width:32px;}
.sup.num5 {width:40px;}

.footnotes {margin:8px 0 0 20px; color:#888;}
.footnotes li {margin-top:10px;}
.footnotes li:first-child {margin-top:0;}
.footnotes li .sup {float:left; margin-right:3px;}
.footnotes li .txt {display:table-cell;}

/* img */
.imgarea img {vertical-align:top; font-size:0; line-height:0;}


/* form ----- */
input.text {max-width:100%; height:30px; padding:0 10px; background:#fff; border:1px solid #b1b2ba; outline:0; line-height:28px;}
input.text.tel {width:60px; text-align:center;}
input.text.date {width:123px;}
input.text.date-range {width:215px;}

textarea.text {width:100%; height:210px; padding:5px 10px; background:#fff; border:1px solid #b1b2ba; outline:0; resize:none;}

input.text:not([readonly]):focus, textarea.text:not([readonly]):focus,
.required input.text:not([readonly]):focus, .required textarea.text:not([readonly]):focus {background:#f4f8ff; border-color:#0150e2;}
input.text[disabled], input.text[readonly],
textarea.text[disabled], textarea.text[readonly] {background:#e7e8ea !important; color:#777 !important;}
input.text.required, textarea.text.required {border-color:#072392;}
input.text.security, input.text[type=password] {background:#e3ffde !important; border-color:#1ba404 !important;}
input.text.error, textarea.text.error {background:#ffeee6 !important; border-color:#e80000 !important;}

span.radio {display:inline-block; width:22px; height:22px; overflow:hidden; margin:2px 5px 2px 0; background:#fff; border:1px solid #b1b2ba; border-radius:11px; vertical-align:middle; box-sizing:border-box;}
span.checkbox {display:inline-block; width:22px; height:22px; overflow:hidden; margin:2px 5px 2px 0; background:#fff; border:1px solid #b1b2ba; vertical-align:middle; box-sizing:border-box;}
span.radio.checked {background:#fff url('../images/common/bg_radio_checked.png') no-repeat 50% 50% !important; border-color:#0150e2 !important;}
span.checkbox.checked {background:#fff url('../images/common/bg_checkbox_checked.png') no-repeat 50% 50% !important; border-color:#0150e2 !important;}
span.radio.disabled, span.checkbox.disabled {background-color:#e7e8ea !important; border-color:#b1b2ba !important;}
span.radio.checked.disabled {background-image:url('../images/common/bg_radio_checked_disabled.png') !important;}
span.checkbox.checked.disabled {background-image:url('../images/common/bg_checkbox_checked_disabled.png') !important;}
span.radio.focus, span.checkbox.focus {/*border-color:#0150e2 !important;*/ outline:1px dotted #808080; outline:auto 5px -webkit-focus-ring-color;}
span.radio input, span.checkbox input {opacity:0; filter:alpha(opacity=0); cursor:pointer; width:22px; height:22px; border:0 !important; padding:0 !important; margin:0 !important; vertical-align:top;}
input.radio + label, input.checkbox + label, span.radio + label, span.checkbox + label {margin-right:18px;}
input.radio + label:last-child, input.checkbox + label:last-child, span.radio + label:last-child, span.checkbox + label:last-child {margin-right:0;}

select {height:30px; border:1px solid #b1b2ba;}
.select {position:relative; display:inline-block; vertical-align:middle; max-width:100%; height:30px; background:#fff; border:1px solid #b1b2ba; text-align:left; font-size:16px; line-height:100%; box-sizing:border-box;}
.select button {position:absolute; top:0; right:0; width:31px; height:28px; background:#fff url('../images/common/bg_button_select.png') no-repeat 50% 50%; font-size:0; line-height:0;}
.select .selected-text {display:block; height:100%; padding:6px 35px 6px 10px; color:#000; box-sizing:border-box; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:clip; cursor:pointer;}
.select .options {display:none; position:absolute; top:28px; left:-1px; min-width:100%; max-height:383px; overflow:auto; overflow-x:hidden; padding:10px 0 8px; background:#fff; border:1px solid #b1b2ba;}
.select .options.min {max-height:256px;}
.select .options li {position:relative; cursor:pointer;}
.select .options li input {position:absolute; left:-9999px;}
.select .options li label {display:block; padding:5px 15px; white-space:nowrap;}
.select .options li input:focus + label {outline:1px dotted #808080; outline:auto 5px -webkit-focus-ring-color;}
.select .options li.selected, .select .options li:hover {background:#002e83; color:#fff;}
.select.open, .select.open .options {z-index:1; background-color:#f4f8ff !important; border-color:#0150e2 !important;}
.select.open .options {display:block;}
.select.open button {background-color:#f4f8ff !important; background-image:url('../images/common/bg_button_select_on.png') !important;}
.select.disabled, .select.disabled .options {background-color:#e7e8ea !important; color:#777 !important;}
.select.disabled .selected-text {color:#777 !important;}
.select.disabled button {background-color:#e7e8ea !important;  background-image:url('../images/common/bg_button_select_disabled.png') !important;}
.select.error, .select.error .options {background:#ffeee6 !important; border-color:#e80000 !important;}
.select.error button {background-color:#ffeee6 !important;}

.selectmenu {border:1px solid #cfd1d5; margin-bottom:20px; height:195px; overflow:auto;}
.selectmenu ul {padding:8px 0; font-size:16px; line-height:22px;}
.selectmenu ul li a {display:block; padding:4px 15px; text-decoration:none; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
.selectmenu ul li.on a, .selectmenu ul li a:hover, .selectmenu ul li a:focus {background-color:#002e83; color:#fff !important;}


/* button ----- */
.btn-type1 {display:inline-block; vertical-align:middle;}
.btn-type1 button span, .btn-type1 a {display:block; min-width:130px; background:#002e83; border:1px solid #002e83; padding:13px 20px; color:#fff; font-size:20px; line-height:20px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box; letter-spacing:-0.05em;}
.btn-type1 button:hover span, .btn-type1 a:hover,
.btn-type1 button:focus span, .btn-type1 a:focus {background:#031330; border-color:#031330;}
.btn-type1.mtype button span, .btn-type1.mtype a {background:#1753c3; border:1px solid #1753c3; color:#fff;}
.btn-type1.mtype button:hover span, .btn-type1.mtype a:hover,
.btn-type1.mtype button:focus span, .btn-type1.mtype a:focus {background:#01369a; border-color:#01369a;}

.btn-type2 {display:inline-block; vertical-align:middle;}
.btn-type2 button span, .btn-type2 a {display:block; min-width:130px; background:#fff; border:1px solid #002e83; padding:13px 20px; color:#00338f; font-size:20px; line-height:20px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box; letter-spacing:-0.05em;}
.btn-type2 button:hover span, .btn-type2 a:hover,
.btn-type2 button:focus span, .btn-type2 a:focus {background:#002e83; color:#fff;}
.btn-type2.mtype button span, .btn-type2.mtype a {background:#fff; border:1px solid #1753c3; color:#1753c3;}
.btn-type2.mtype button:hover span, .btn-type2.mtype a:hover,
.btn-type2.mtype button:focus span, .btn-type2.mtype a:focus {background:#1753c3; color:#fff;}

.btn-stype1 {display:inline-block; vertical-align:middle;}
.btn-stype1 button span, .btn-stype1 a, .btn-stype1 label {display:block; min-width:60px; background:#f8f8f8; border:1px solid #a8abb4; padding:6px 10px 5px; color:#002e83; font-size:15px; line-height:15px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box;}
.btn-stype1 button:hover span, .btn-stype1 a:hover, .btn-stype1 label:hover,
.btn-stype1 button:focus span, .btn-stype1 a:focus, .btn-stype1 label:focus,
.btn-stype1.on button span, .btn-stype1.on a, .btn-stype1.on label {background:#002e83; border-color:#002e83; color:#fff;}
.btn-stype1.icon01 button span:before,
.btn-stype1.icon01 a:before {content:''; display:inline-block; vertical-align:-2px; width:15px; height:15px; margin-right:4px; background:url('../images/common/bg_btn_icon01.png') no-repeat 0 0;}
.btn-stype1.icon-mail button span, .btn-stype1.icon-mail a {padding:10px 15px;}
.btn-stype1.icon-mail button span:before,
.btn-stype1.icon-mail a:before {content:''; display:inline-block; vertical-align:-1px; width:20px; height:13px; margin-right:11px; background:url('../images/common/bg_btn_icon_mail.png') no-repeat 0 0;}
.btn-stype1.icon-mail a:hover:before, .btn-stype1.icon02 a:focus:before {background:url('../images/common/bg_btn_icon_mail_on.png');}
.btn-stype1.icon-arr-r button span:after,
.btn-stype1.icon-arr-r a:after {content:''; display:inline-block; vertical-align:1px; width:5px; height:9px; margin-left:4px; background:url('../images/common/bg_arrow_r_5x9_002e83.png') no-repeat 0 0;}
.btn-stype1.icon-arr-r button:hover span:after, .btn-stype1.icon-arr-r a:hover:after,
.btn-stype1.icon-arr-r button:focus span:after, .btn-stype1.icon-arr-r a:focus:after {background-image:url('../images/common/bg_arrow_r_5x9_ffffff.png');}
.btn-stype1.icon-arr-l button span:after,
.btn-stype1.icon-arr-l a:before {content:''; display:inline-block; vertical-align:1px; width:5px; height:9px; margin-right:4px; background:url('../images/common/bg_arrow_l_5x9_002e83.png') no-repeat 0 0;}
.btn-stype1.icon-arr-l button:hover span:before, .btn-stype1.icon-arr-l a:hover:before,
.btn-stype1.icon-arr-l button:focus span:before, .btn-stype1.icon-arr-l a:focus:before {background-image:url('../images/common/bg_arrow_l_5x9_ffffff.png');}

.btn-excel {display:inline-block; vertical-align:middle;}
.btn-excel button span, .btn-excel a {display:block; padding:5px 0 5px 28px; background:url('../images/common/icon_file_excel.png') no-repeat 0 50%; border:0; color:#07319b; font-size:16px; line-height:16px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box;}

.btn-print {display:inline-block; vertical-align:middle;}
.btn-print button span, .btn-print a {display:block; padding:5px 0 5px 28px; background:url('../images/common/icon_print.png') no-repeat 0 50%; border:0; color:#07319b; font-size:16px; line-height:16px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box;}

.btn-install {display:inline-block; vertical-align:middle;}
.btn-install button span, .btn-install a {display:block; padding:13px 32px 15px 72px; background:#f8f8f8 url('../images/common/icon_install.png') no-repeat 24px 50%; border:1px solid #a7abb3; color:#07319b; font-size:18px; line-height:18px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box;color:#000}
.btn-install a:hover {text-decoration:underline}

.btn-details {display:inline-block; vertical-align:middle;}
.btn-details button span, .btn-details a {display:block; padding:5px 0 5px 24px; background:url('../images/common/icon_details.png') no-repeat 0 50%; border:0; color:#07319b; font-size:16px; line-height:16px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box;}
.btn-details02 {display:inline-block; vertical-align:middle;}
.btn-details02 button span, .btn-details02 a {display:block; padding:5px 0 5px 24px; background:url('../images/common/icon_details02.png') no-repeat 0 50%; border:0; color:#07319b; font-size:16px; line-height:16px; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; box-sizing:border-box;}

.icobtn-sort-ascend, .icobtn-sort-descend {width:19px; height:19px; margin:0 0 2px; vertical-align:middle; font-size:0; line-height:0;}
.icobtn-sort-ascend {background:url('../images/common/bg_button_sort_ascend.png') no-repeat 50% 50%;}
.icobtn-sort-descend {background:url('../images/common/bg_button_sort_descend.png') no-repeat 50% 50%;}
.icobtn-tip {display:inline-block; vertical-align:middle; width:30px; height:30px; background:url('../images/common/icon_tip.png') no-repeat 50% 50%; font-size:0; line-height:0;}
.icobtn-tip:hover, .icobtn-tip:focus {background-image:url('../images/common/icon_tip_on.png');}

.button {clear:both; text-align:center; margin-top:30px;}
.button02 {text-align:center; margin-top:20px;}
.button .btn-type1, .button .btn-type2,
.button02 .btn-type1, .button02 .btn-type2 {margin:0 1px;}
.button-r {text-align:right; margin-top:30px;}
.button-r-btns {text-align:right; margin:11px 15px 0;}
.button-r-btns .btn {padding-left:16px; margin-left:12px; background:url('../images/common/bg_bar_1x18_c8c8c8.png') no-repeat 0 50%;}
.button-r-btns .btn:first-child {background:none;}
.button-tr {float:right; margin-bottom:10px;}
.button-fl {float:left; margin-top:15px;}


/* paging ----- */
.paging {margin-top:30px; text-align:center; font-size:0; line-height:0;}
.paging .pages {margin:0 11px;}
.paging .pages a, .paging .pages > span {display:inline-block; vertical-align:middle; min-width:25px;/*width:31px;*/ height:24px;/*height:31px;*/ padding:7px 3px 0; margin-left:-1px; border:1px solid #ced4e0; text-align:center; color:#000; font-size:16px; line-height:16px; text-decoration:none;}
.paging .pages .on, .paging .pages a:hover, .paging .pages a:focus {background:#0040b5; color:#fff;}
.paging .btn {display:inline-block; vertical-align:middle; width:30px; height:31px; border:1px solid #ced4e0; margin-left:-1px; background-color:#f5f6f9; background-repeat:no-repeat; background-position:50% 50%; font-size:0; line-height:0;}
.paging .btn.first {background-image:url('../images/common/bg_btn_paging_first.png');}
.paging .btn.prev {background-image:url('../images/common/bg_btn_paging_prev.png');}
.paging .btn.next {background-image:url('../images/common/bg_btn_paging_next.png');}
.paging .btn.last {background-image:url('../images/common/bg_btn_paging_last.png');}


/* layer ----- */
.layermenu {display:none; position:absolute; z-index:5; background:#002e6d; border:1px solid #002e6d; padding:10px 0; margin-top:8px; text-align:left; font-size:15px; line-height:22px;}
.layermenu:before {content:''; position:absolute; top:-11px; left:20px; display:block; width:18px; height:11px; background:url('../images/common/bg_arrow_layermenu01.png') no-repeat 0 0;}
.layermenu > li a {display:block; padding:4px 20px; color:#9da5b6; white-space:nowrap; text-decoration:none;}
.layermenu > li.on a, .layermenu > li a:hover, .layermenu > li a:focus {background-color:#001c41; color:#fff !important;}

.downmenu {display:none; position:absolute;}
.downmenu .layermenu {display:block;}
.downmenu-event-on, .downmenu-event-on a {color:#0040b5 !important;}


/* layout ----- */
html, body {height:100%;}
#skipnav {position:relative; width:960px; margin:0 auto;}
#skipnav a {display:block; position:absolute; top:0; left:-9999px; z-index:9999; padding:10px 15px; background:#b50011; color:#fff; font-size:14px; line-height:20px;}
#skipnav a:focus, #skipnav li a:active {left:0;}
#wrap {min-width:960px; min-height:100%; margin:0 auto;}

/* header */
#header {position:absolute; top:0; left:0; z-index:10; width:100%; min-width:960px; height:129px; background:#002e6d;}
#header .logo {position:absolute; z-index:1; top:21px; left:50%; width:300px; margin-left:-150px; text-align:center;}
#header .util {position:relative; width:960px; margin:0 auto; padding-top:32px;}
#header .util:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header .util > ul.menus-l {float:left;}
#header .util > ul.menus-r {float:right;}
#header .util > ul:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header .util > ul > li {float:left; padding:0 11px 0 12px; background:url('../images/common/bg_bar_1x14_33588a.png') no-repeat 0 3px; font-size:14px; line-height:20px; color:#d0d6de;}
#header .util > ul > li > a {color:#d0d6de;}
#header .util > ul > li:first-child {background:none;}
#header .util > ul > li .badge {background:#e71b00; padding:0 5px; margin-left:5px; font-size:13px; border-radius:8px; color:#fff; text-decoration:none !important;}
#header .util > ul > li a.btn {display:inline-block; vertical-align:middle; margin-top:-5px; background:#027ff4; padding:8px 10px; color:#fff; font-size:14px; line-height:14px; text-decoration:none;}
#header .util > ul > li a.btn:hover, #header .util > ul > li a.btn:focus {background:#0062bd;}
#header .util > ul > li.language {position:relative; height:30px;}
#header .util > ul > li.language img {vertical-align:-3px;}
#header .util > ul > li.language button {width:19px; height:19px; vertical-align:middle; margin:0 8px 2px; background:url('../images/common/bg_button_language.png') no-repeat 50% 50%; font-size:0; line-height:0;}
#header .util > ul > li.language .layermenu {right:3px; background:#fff; margin-top:10px;}
#header .util > ul > li.language .layermenu:before {left:auto; right:8px; background-image:url('../images/common/bg_arrow_layermenu02.png');}
#header .util > ul > li.language .layermenu > li a {padding:6px 20px 6px 50px; color:#002e6d;}
#header .util > ul > li.language .layermenu > li a.ko {background:url('../images/common/icon_language_ko_KR.png') no-repeat 20px 50%;}
#header .util > ul > li.language .layermenu > li a.en {background:url('../images/common/icon_language_en_US.png') no-repeat 20px 50%;}
#header .util > ul > li.language .layermenu > li a.zh {background:url('../images/common/icon_language_zh_CN.png') no-repeat 20px 50%;}
#header .util > ul > li.language .layermenu > li.on a,
#header .util > ul > li.language .layermenu > li a:hover,
#header .util > ul > li.language .layermenu > li a:focus {background-color:#002e6d;}
#header .topnav-wrap {position:absolute; top:80px; left:0; z-index:1; width:100%; height:48px; background:#fff; border-bottom:1px solid #b3bac4; box-shadow:0 0 2px #b3bac4;}
#header .topnavbox {display:none; position:absolute; top:128px; left:0; width:100%; min-width:960px; height:550px; background:#fff; border-bottom:2px solid #0040b5; box-shadow:0 0 5px #000;}
#header #topnav {position:relative; width:960px; margin:0 auto; background:url('../images/common/bg_bar_1x13_e9e9e9.png') no-repeat 0 18px;}
#header #topnav .banner {display:none; position:absolute; bottom:0; left:0; font-size:0; line-height:0;}
#header #topnav .banner img {position:absolute; left:0; bottom:0;}
#header #topnav > ul:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header #topnav > ul > li {float:left; width:119.8px; background:url('../images/common/bg_bar_1x13_e9e9e9.png') no-repeat 100% 18px; font-size:19px; line-height:100%; text-align:center;}
#header #topnav > ul > li:first-child {padding-left:1px;}
#header #topnav > ul > li > a {position:relative; display:block; height:48px; padding:0 5px; color:#002e6d; text-decoration:none;}
#header #topnav > ul > li > a:before {content:''; display:inline-block; height:48px; vertical-align:middle;}
#header #topnav > ul > li > a > span {display:inline-block; width:100%; vertical-align:middle;}
#header #topnav > ul > li.on > a:after {content:''; display:block; width:21px; height:12px; position:absolute; top:48px; left:50%; margin-left:-10px; background:url('../images/common/bg_nav_1depth_current.png') no-repeat 0 0;}
#header #topnav > ul > li.over > a:after {content:''; display:block; width:15px; height:8px; position:absolute; top:auto; bottom:-1px; left:50%; margin-left:-7px; background:url('../images/common/bg_nav_1depth_on.png') no-repeat 0 0;}
#header #topnav > ul > li .sbmenu {display:none; position:absolute; top:48px; left:0; width:960px; min-height:225px; padding:17px 0 30px; text-align:left; background:url('../images/common/bg_topnav_sbmenu_ko_KR.png') no-repeat 100% 100%;}
#header #topnav > ul > li .sbmenu > ul {font-size:18px; line-height:20px;}
#header #topnav > ul > li .sbmenu > ul:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header #topnav > ul > li .sbmenu > ul > li {float:left; width:159.8px;/*width:119.8px;*/ height:100%; background:url('../images/common/bg_bar_1x1000_ededed.png') no-repeat 0 8px;}
#header #topnav > ul > li .sbmenu > ul > li > a {color:#002e83;}
#header #topnav > ul > li .sbmenu > ul > li > ul {margin-top:4px; font-size:15px; line-height:17px;}
#header #topnav > ul > li .sbmenu > ul > li > ul > li > a {color:#8893ab;}
#header #topnav > ul > li .sbmenu > ul > li a {display:block; padding:6px 7px; text-decoration:none;}
#header #topnav > ul > li .sbmenu > ul > li a:hover,
#header #topnav > ul > li .sbmenu > ul > li a:focus,
#header #topnav > ul > li .sbmenu > ul li.on > a {background:#002e83; color:#fff;}
#header #topnav.wtype-size6 > ul > li, #header #topnav.wtype-size6 > ul > li .sbmenu > ul > li {width:159.8px;}
/*#header #topnav > ul > li.menu4 .sbmenu > ul > li {width:137px;}*/
#main #header #topnav > ul > li .sbmenu {position:static; width:auto; padding:0; background:none;}
#main #header #topnav > ul > li .sbmenu > ul {height:100%; padding:17px 0 30px; background:url('../images/common/bg_bar_1x1000_ededed.png') no-repeat 0 1px; font-size:16px; line-height:18px; box-sizing:border-box;}
#main #header #topnav > ul > li .sbmenu > ul > li {width:119.8px; height:auto; padding:0; background:none;}
#main #header #topnav > ul > li .sbmenu > ul > li > ul {margin-top:0; font-size:14px; line-height:16px;}
#main #header #topnav > ul > li .sbmenu > ul > li > a {padding:7px 7px;}
#main #header #topnav > ul > li .sbmenu > ul > li > ul > li > a {padding:3px 7px;}
#main #header #topnav.wtype-size6 > ul > li .sbmenu > ul > li {width:159.8px;}
#main #header #topnav.open .banner {display:block;}
.en_US #header #topnav > ul > li {font-size:18px;}
.en_US #header #topnav > ul > li > a {letter-spacing:-0.03em;}
.en_US #header #topnav > ul > li .sbmenu {background-image:url('../images/common/bg_topnav_sbmenu_en_US.png');}
.en_US #header #topnav > ul > li .sbmenu > ul {font-size:17px; line-height:19px;}
.en_US #header #topnav > ul > li .sbmenu > ul > li > ul {font-size:14px; line-height:16px;}
.en_US #main #header #topnav > ul > li .sbmenu > ul {font-size:15px; line-height:17px;}
.en_US #main #header #topnav > ul > li .sbmenu > ul > li > ul {font-size:13px; line-height:15px;}
.zh_CN #header #topnav > ul > li .sbmenu {background-image:url('../images/common/bg_topnav_sbmenu_zh_CN.png');}

/* contents */
.topvisual {min-width:960px; height:61px; background:#ebebeb url('../images/common/bg_topvisual.png') no-repeat 50% 0;}
.topvisual.sub1 {background-image:url('../images/common/bg_topvisual01.png');}
.topvisual.sub2 {background-image:url('../images/common/bg_topvisual02.png');}
.topvisual.sub3 {background-image:url('../images/common/bg_topvisual03.png');}
.topvisual.sub4 {background-image:url('../images/common/bg_topvisual04.png');}
.topvisual.sub5 {background-image:url('../images/common/bg_topvisual05.png');}
.topvisual.sub6 {background-image:url('../images/common/bg_topvisual06.png');}
.topvisual.sub7 {background-image:url('../images/common/bg_topvisual07.png');}
.topvisual.sub8 {background-image:url('../images/common/bg_topvisual08.png');}
#main .topvisual {display:none;}

.container {padding:129px 0 170px 0;}
.container .location {width:960px; margin:0 auto;}
.container .location > ul {position:absolute; z-index:5; top:160px; font-size:14.5px; line-height:20px;}
.container .location > ul > li {float:left; padding:0 12px 0 20px; background:url('../images/common/bg_arrow_location.png') no-repeat 0 50%; color:#797979;}
.container .location > ul > li > a:hover, #contents .location > ul > li > a:focus {color:#2e2e2e;}
.container .location > ul > li:first-child {background:none; padding-left:0;}
.container .location > ul > li:last-child {color:#000;}
.container .location > ul > li .home {display:inline-block; width:17px; height:17px; vertical-align:13px; background:url('../images/common/icon_home.png') no-repeat 0 0; font-size:0; line-height:0;}
.container .location > ul > li .home:hover, #contents .location > ul > li .home:focus {background-image:url('../images/common/icon_home_on.png');}
.container .location > ul > li button {width:19px; height:19px; vertical-align:middle; margin:0 -5px 2px 7px; background:url('../images/common/bg_button_loc_menu.png') no-repeat 50% 50%; font-size:0; line-height:0;}
.container .location > ul > li button.on,
.container .location > ul > li button:hover, .container .location > ul > li button:focus {background-image:url('../images/common/bg_button_loc_menu_on.png');}
#main .container .location {display:none;}

#contents, #contents .contents-innrwrap {position:relative; width:960px; margin:0 auto; padding:50px 0 150px;}
#contents:after, #contents .contents-innrwrap:after {content:''; display:block; clear:both; font-size:0; line-height:0;}

/* title ----- */
.tit-page {margin-bottom:28px; color:#000; font-size:30px; line-height:100%; letter-spacing:-0.07em;}
.tit-section {margin:39px 0 14px; color:#003ba6; font-size:24px; line-height:100%; letter-spacing:-0.07em;}
.tit-section:first-child {margin-top:0;}
.tit-section02 {margin:15px 0 5px 0; color:#000; font-size:20px; line-height:28px; letter-spacing:-0.05em;}
.tit-section-btns {margin:39px 0 10px;}
.tit-section-btns .tit-section {display:inline-block; vertical-align:middle; margin:0 18px 0 0;}
.tit-section-btns .btn-stype1 + .btn-stype1 {margin-left:2px;}
.tit-page + .tit-section, .step + .tit-section {margin-top:0;}
.tit-page + .text-unit {margin-top:-26px;}
.tit-page + .topsearch, .tit-page + form > .topsearch {margin-top:-15px;}
.tit-section + .text-unit {margin-top:-26px;}
.tit-section + .button-tr {margin-top:-40px;}
.tit-section + .topsearch, .tit-section + form > .topsearch {margin-top:-40px;}


/* data ----- */
.tbgrid {clear:both; width:100%; border-top:2px solid #0040b5; border-bottom:1px solid #9eacc7; /*max-height:945px;*/}
.tbgrid table {width:100%; table-layout:fixed;}
.tbgrid table th,
.tbgrid table td {height:30px;/*height:44px;*/ padding:7px 0; border-top:1px solid #e3e7ee; border-left:1px solid #e3e7ee; text-align:center;}
.tbgrid table th {padding:5px 0; background:#f3f6fd; color:#666c7c; letter-spacing:-0.05em;}
.tbgrid table tbody .thtype1 {background:#fbfbfd; color:#676c7c; letter-spacing:-0.05em;}
.tbgrid table .thtype1 + th, .tbgrid table .thtype1 + td, .tbgrid table .linetype2 {border-left-color:#ced4e0;}
.tbgrid table .thtype2, .tbgrid table .thtype2 th {background:#fbfbfd;}
.tbgrid table td.highlight {background:#ffffdf;}
.tbgrid table th.highlight {background:#ffe7b4; border-color:#d4d0c4; color:#000;}
.tbgrid table .thtype2 th.highlight, .tbgrid table th.thtype2.highlight {background:#ffeeca;}
.tbgrid table thead tr:first-child th {border-top:0;}
.tbgrid table tbody tr:first-child td {border-top-color:#ced4e0;}
.tbgrid table tfoot th, .tbgrid table tfoot td,
.tbgrid table .tfoot th, .tbgrid table .tfoot td {border-top-color:#9eacc7; background:#f6f6f6 url('../images/common/bg_bar_1x16_c1cada.png') no-repeat 0 50%; padding-right:15px; text-align:right; color:#676c7c;}
.tbgrid table tfoot td, .tbgrid table .tfoot td {border-left:0;}
.tbgrid table tfoot .amount, .tbgrid table .tfoot .amount {color:#0040b5; font-weight:bold;}
.tbgrid table tr.tfoot + tr td {border-top-color:#9eacc7;}
.tbgrid table tbody tr:not(.tfoot):hover, .tbgrid table tbody tr:not(.tfoot):hover td {background-color:#f7f9fd;}
.tbgrid table td > a {text-decoration:underline;}
.tbgrid table td > a.emcolor {color:#0040b5;}
.tbgrid table span.radio,
.tbgrid table span.checkbox {margin-right:0;}
.tbgrid table .first {border-left:0; background-image:none !important;}
.tbgrid table .left {text-align:left; padding-left:15px; padding-right:15px;}
.tbgrid table .right, .tbgrid table .right td {text-align:right; padding-right:15px;}
.tbgrid table .center {text-align:center !important; padding-left:0 !important; padding-right:0 !important;}
.tbgrid table .amount {text-align:right; padding-right:15px; color:#0040b5;}
.tbgrid table .stat-in {color:#dc420c;}
.tbgrid table .stat-out {color:#0078ff;}
.tbgrid table .stat-wait {}
.tbgrid table .stat-finish {color:#0078ff;}
.tbgrid table .stat-success {}
.tbgrid table .stat-failed, .tbgrid table .stat-cancel {color:#dc420c;}
.tbgrid.bbstype table tbody tr:nth-last-child(5n) td {border-top-color:#c0c9da;}
.tbgrid.bbstype table .left {padding-left:20px;}
.tbgrid.bbstype table .files {padding-left:3px; padding-right:3px;}
.tbgrid.bbstype table .files img {vertical-align:middle;}
.tbgrid.bbstype table .files > a, .tbgrid.bbstype table .files > img {margin:0 1px;}
.tbgrid.bbstype table td > a {text-decoration:none;}
.tbgrid.bbstype table td > a:hover, .tbgrid.bbstype table td > a:focus {text-decoration:underline;}
.tbgrid + .tbgrid {margin-top:15px;}
.tbgrid + .tbdata {margin-top:20px;}
.tbgrid > .defaultmsg {padding:65px 0;}
.tbgrid.scroll-x {overflow-x:scroll;}

.tbdata {clear:both; width:100%; border-top:2px solid #0040b5; border-bottom:1px solid #9eacc7;}
.tbdata table {width:100%; table-layout:fixed;}
.tbdata table th,
.tbdata table td {height:30px;/*height:44px;*/ padding:7px 15px; border-top:1px solid #e3e7ee; border-left:1px solid #e3e7ee; text-align:left; vertical-align:middle;}
.tbdata table th {height:22px;/*height:44px;*/ padding:10px 15px; background:#f3f6fc; color:#676c7c; letter-spacing:-0.05em;}
.tbdata table tbody .thtype1 {background:#fbfbfd; color:#676c7c; letter-spacing:-0.05em;}
.tbdata table .thtype1 + th, .tbdata table .thtype1 + td {border-left-color:#ced4e0;}
.tbdata table th .required {display:inline-block; vertical-align:12px; width:6px; height:6px; margin:0 5px; background:url('../images/common/icon_required.png') no-repeat 0 0; font-size:0; line-height:0;}
.tbdata table th .icobtn-tip {margin:-8px 0 -4px 10px;}
.tbdata table th + td {border-left-color:#ced4e0;}
.tbdata table th.bgnone {background:none; color:#000;}
.tbdata table th.bgnone + td {border-left-color:#e3e7ee;}
.tbdata table td.bnone {border-left:0;}
.tbdata table tr:first-child > th,
.tbdata table tr:first-child > td {border-top:0;}
.tbdata table thead th {padding:8px 0; text-align:center;}
.tbdata table thead:not(.hidden) + tbody > tr:first-child th,
.tbdata table thead:not(.hidden) + tbody > tr:first-child td {border-top:1px solid #ced4e0;}
.tbdata table td.required input.text,
.tbdata table td.required textarea.text,
.tbdata table td.required .select {border-color:#072392;}
.tbdata table td.tdtype-output,
.tbdata table .tdtype-output td {height:22px;/*height:44px;*/ padding-top:10px; padding-bottom:10px;}
.tbdata table td.tdtype-form {height:30px;/*height:44px;*/ padding-top:7px; padding-bottom:7px;}
.tbdata table td.tdtype-chkspace span.radio + label,
.tbdata table td.tdtype-chkspace span.checkbox + label {margin-right:35px;}
.tbdata table td.tdtype-intable {padding:0;}
.tbdata table td.tdtype-intable .tbgrid,
.tbdata table td.tdtype-intable .tbdata {border:0;}
.tbdata table td.tdtype-intable .tbgrid table tr:hover,
.tbdata table td.tdtype-intable .tbgrid table tr:hover td {background-color:transparent;}
.tbdata table td.tdtype-myaccounts {background:#f7f7f7; padding:15px;}
.tbdata table td.tdtype-myaccounts .tit {display:block; margin:-5px 0 5px; color:#0040b5; font-size:18px; line-height:26px;}
.tbdata table td span.radio,
.tbdata table td span.checkbox {margin-top:4px; margin-bottom:4px;}
.tbdata table .first {border-left:0;}
.tbdata table .center th, .tbdata table .center td {text-align:center;}
.tbdata table td .date-searchbtns {margin-bottom:5px;}
.tbdata table td .output {display:inline-block; padding-left:5px; vertical-align:middle;}
.tbdata table td .option-check {/* display:inline-block;  */margin-left:10px; vertical-align:middle;}
.tbdata table td .option-check label {margin-right:0;}
.tbdata table td .char-tilde {margin:0 3px;}
.tbdata table td .char-at {color:#676c7c;}
.tbdata table td .textarea-byte {margin-top:5px; text-align:right; color:#888; font-size:14px; line-height:20px;}
.tbdata table td .stat-success {}
.tbdata table td .stat-failed {color:#dc420c;}
.tbdata table td .text-note02 {margin:12px 0 5px;}
.tbdata table td .list-transferlimit {display:inline-block; margin:18px 0 5px;}
.tbdata table td .list-transferlimit li {padding:4px 0 3px; border-top:1px solid #dfdfdf; color:#998570; font-size:15px; line-height:22px;}
.tbdata table td .list-transferlimit li:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.tbdata table td .list-transferlimit li:first-child {border:0;}
.tbdata table td .list-transferlimit li .txt {float:right; padding-left:15px; color:#7a5d3f;}
.tbdata table td .list-myaccounts {width:367px; min-height:144px; border:1px solid #b0b0b0; background:#fff; color:#555; font-size:14px; line-height:20px;}
.tbdata table td .list-myaccounts ul {height:144px; overflow:auto;}
.tbdata table td .list-myaccounts ul li {width:100%; border-bottom:1px solid #dfdfdf;}
.tbdata table td .list-myaccounts ul li:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.tbdata table td .list-myaccounts ul li span {float:left; padding:4px 10px; border-left:1px solid #dfdfdf; text-align:center; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
.tbdata table td .list-myaccounts ul li span.txt-bank {width:18%; border-left:0;}
.tbdata table td .list-myaccounts ul li span.txt-account {width:38%;}
.tbdata table td .list-myaccounts ul li span.txt-depositor {width:26%;}
.tbdata table td .list-myaccounts ul li > a {display:block; width:100%; overflow:hidden; text-decoration:none;}
.tbdata table td .list-myaccounts ul li > a:hover, .tbdata table td .list-myaccounts ul li > a:focus {background:#002e83; color:#fff;}
.tbdata table td .list-myaccounts ul li > a:hover > span, .tbdata table td .list-myaccounts ul li > a:focus > span {border-left-color:#002e83;}
.tbdata table td .list-myaccounts .default {padding:30px 15px; text-align:center;}
.tbdata table td .list-myaccounts .default .button {margin-top:15px;}
.tbdata table .amount {text-align:right; padding-right:15px; color:#0040b5;}
.tbdata table .stat-cancel {color:#dc420c;}
.tbdata.infotype table td {height:22px;/*height:44px;*/ padding:10px 15px; vertical-align:middle;}
.tbdata.infotype table thead + tbody td:not(.center) {padding-right:20px; padding-left:20px;}
.tbdata + .tbdata {margin-top:15px;}
.tbdata + .tbgrid {margin-top:20px;}

.dvdata.boxtype {border:1px solid #ced4e0; border-top:0;}
.dvdata.boxtype:before {content:''; display:block; position:relative; border-top:2px solid #0040b5; margin:0 -1px;}
.dvdata.boxtype .tit {padding:11px 15px; background:#f3f6fc; color:#676c7c; text-align:center; letter-spacing:-0.05em;}
.dvdata.boxtype .box {border-top:1px solid #ced4e0; padding:11px 15px;}

.defaultmsg {text-align:center; padding:30px 0;}
.resultmsg {text-align:center; font-size:18px; line-height:26px; letter-spacing:-0.05em;}


/* bbs ----- */
.bbsview {border-top:2px solid #0040b5; border-bottom:1px solid #9eacc7;}
.bbsview .head {display:table; width:100%; padding:11px 0; background:#f3f6fc; border-bottom:1px solid #ced4e0;}
.bbsview .head h2 {display:table-cell; padding:0 30px; font-size:20px; line-height:28px;}
.bbsview .head .info-r {display:table-cell; vertical-align:top; text-align:right; padding:3px 30px 0; letter-spacing:-0.05em; white-space:nowrap;}
.bbsview .textviewer {min-height:160px; padding:30px 30px 60px;}
.bbsview .textviewer:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.bbsview .textviewer img {max-width:100%;}
.bbsview .attachfile {padding:15px 30px 15px; border-top:1px solid #e3e7ee;}
.bbsview .attachfile h3 {display:table-cell; padding-right:30px; box-sizing:border-box; white-space:nowrap;}
.bbsview .attachfile ul {display:table-cell; font-size:15px; line-height:22px; color:#555;}
.bbsview .attachfile ul li {margin-top:6px;}
.bbsview .attachfile ul li:first-child {margin-top:0;}
.bbsview .attachfile ul li img {vertical-align:-4px; margin-right:4px;}

.bbsview-reply {margin-top:58px;}
.bbsview-reply .tit-section {margin-top:0;}
.bbsview-reply .textviewer {background:#f3f6fc; border-top:2px solid #0040b5; border-bottom:1px solid #9eacc7; padding:30px 30px 60px;}
.bbsview-reply .textviewer:after {content:''; display:block; clear:both; font-size:0; line-height:0;}


/* search ----- */
.topsearchbox {padding:20px 0; margin-bottom:40px; border:1px solid #e3e7ee; text-align:center;}
.topsearchbox input.text {width:510px; height:40px; border:2px solid #072392; margin:0 4px; font-size:18px; line-height:36px;}
.topsearchbox .btn-type1 a {min-width:90px; padding:10px 20px; font-size:18px; line-height:18px;}
.topsearchbox .best-keyword {margin:8px 130px -5px 172px; text-align:left; color:#555; font-size:0; line-height:0;}
.topsearchbox .best-keyword .tit {margin-right:5px; color:#dc420c; font-size:15px; line-height:22px;}
.topsearchbox .best-keyword .keyword a {display:inline-block; padding:0 16px 0 15px; background:url('../images/common/bg_bar_1x11_ededed.png') no-repeat 100% 5px; font-size:15px; line-height:22px;}
.topsearchbox .best-keyword .keyword a:last-child {background:none;}
.topsearchbox.type2 {padding:30px 0; margin-bottom:50px; background:#f3f6fc; border:1px solid #e0e5ee;}
.topsearchbox.type2 input.text {width:390px; height:48px; margin:0 2px; font-size:20px; line-height:44px;}
.topsearchbox.type2 .btn-type1 a {min-width:120px; padding:13px 20px; font-size:20px; line-height:20px;}
.topsearchbox.type2 .best-keyword {margin:10px 160px -5px 200px;}
.topsearchbox.type2 .best-keyword .tit {font-size:16px; line-height:24px;}
.topsearchbox.type2 .best-keyword .keyword a {padding:0 15px 0 14px; background:url('../images/common/bg_bar_1x15_c8c8c8.png') no-repeat 100% 5px; font-size:16px; line-height:24px;}
.topsearchbox.type2 .best-keyword .keyword a:last-child {background:none;}

.topsearch {margin-bottom:10px; text-align:right;}
.topsearch input.text {width:255px; margin:0 2px;}
.topsearch .btn-type1 a {min-width:67px; padding:6px 20px; font-size:16px; line-height:16px;}


/* box ----- */
.topnoticebox {display:table; width:100%; background:#fcfaf5; border:1px solid #dfddd6; margin-bottom:40px; color:#555; font-size:15px; line-height:24px; box-sizing:border-box;}
.topnoticebox > .icon {display:table-cell; vertical-align:middle; width:130px; height:78px; background:url('../images/common/bg_icon_notice.png') no-repeat 50% 50%;}
.topnoticebox > .text {display:table-cell; vertical-align:middle; padding:21px 21px 21px 0;}
.topnoticebox > .text .em {color:#dc420c;}
.topnoticebox + .text-unit {margin-top:-10px;}

.noticebox {display:table; width:100%; margin-bottom:20px; border:1px solid #dfddd6; color:#555; font-size:15px; line-height:22px; box-sizing:border-box;}
.noticebox > .icon {display:table-cell; vertical-align:middle; width:80px; height:80px; background:url('../images/common/bg_icon_notice02.png') no-repeat 100% 50%;}
.noticebox > .text {display:table-cell; vertical-align:middle; padding:20px 20px 20px 11px;}
.noticebox > .text .em {color:#dc420c;}
.noticebox > .text .big {font-size:18px; line-height:26px;}
.noticebox.guidetype {background:#f6f6f6; border:1px solid #d9dde3; margin-top:80px; padding:25px 0;}
.noticebox.guidetype > .icon {width:146px; height:81px; background-position:50% 50%;}
.noticebox.guidetype > .icon.icontype1 {background:url('../images/common/bg_icon_notice_guide01.png') no-repeat 50% 50%;}
.noticebox.guidetype > .text {border-left:1px solid #e3e4e7; padding:0 20px 0 15px;}
.noticebox.guidetype > .text .bltext > li {margin-top:12px;}
.noticebox.guidetype > .text .bltext > li:first-child {margin-top:0;}

.noticebox02 {display:table; width:100%; margin-top:40px; border:1px solid #dfddd6; box-sizing:border-box;}
.noticebox02 > .text {display:table-cell; padding:22px 30px; font-size: 16px;}
.noticebox02 > .text span {font-size: 16px;}
.noticebox02 > .btns-r {display:table-cell; text-align:right; vertical-align:middle; padding:13px 30px 13px 0;}
.noticebox02 > .btns-r .btn-stype1 {margin:2px 0 2px 2px;}
.noticebox02 > .btns-r .btn-stype1 button span, .noticebox02 > .btns-r .btn-stype1 a {padding:10px 15px;}

.msgbox {display:table; width:100%; background:#fff; border:1px solid #dfddd6; line-height:22px; box-sizing:border-box;}
.msgbox > .icon {display:table-cell; vertical-align:middle; width:200px; height:119px;}
.msgbox > .text {display:table-cell; vertical-align:middle; padding:38px 38px 38px 0; color:#555;}
.msgbox > .text > strong {display:block; margin-bottom:10px; color:#002e83; font-size:30px; line-height:38px; letter-spacing:-0.07em;}
.msgbox > .text .em {margin-bottom:5px; color:#000; font-size:20px; line-height:28px;}
.msgbox > .text .emcolor {color:#dc420c;}
.msgbox > .text .emcolor02 {color:#002e83;}
.msgbox > .text .code-error {margin:8px 0 22px; color:#002e83;}
.msgbox > .text .txt02 {font-size:18px; line-height:24px; color:#000;}
.msgbox.complete > .icon {background:url('../images/common/bg_icon_msg_complete.png') no-repeat 50% 50%;}
.msgbox.error > .icon {background:url('../images/common/bg_icon_msg_error.png') no-repeat 50% 50%;}
.msgbox.error > .text > strong {color:#dc420c;}
.msgbox.error > .text .errormsg {display:table; margin:15px 0 0; font-size:18px; line-height:24px; color:#000;}
.msgbox.error > .text .errormsg p .tit {display:table-cell; vertical-align:top; width:70px; padding:0 10px 0 22px; background:url('../images/common/bg_icon_list01_small.png') no-repeat 0 4px; border-right:1px solid #e3e3e3; color:#002e83;}
.msgbox.error > .text .errormsg p .txt {display:table-cell; vertical-align:top; padding-left:10px;}
.msgbox.error > .text .errormsg p.code-error {margin:10px 0 0; color:#000;}
.msgbox.error > .text .errormsg + .txt02 {margin-top:25px;}
.en_US .msgbox.error > .text .errormsg p .tit {width:100px;}
.zh_CN .msgbox.error > .text .errormsg p .tit {width:80px;}

.msgbox02 {display:table; width:100%; background:#fff; border:1px solid #dfddd6; line-height:22px; box-sizing:border-box;}
.msgbox02 > .icon {display:table-cell; vertical-align:middle; width:200px; height:153px;}
.msgbox02 > .text {display:table-cell; vertical-align:middle; padding:38px 38px 38px 0; color:#555;}
.msgbox02 > .text > strong {display:block; margin-bottom:10px; color:#002e83; font-size:30px; line-height:38px; letter-spacing:-0.07em;}
.msgbox02 > .text .em {margin-bottom:14px; color:#000; font-size:20px; line-height:28px;}
.msgbox02 > .text .txt02 {font-size:18px; line-height:24px; color:#000;}
.msgbox02 > .text .color {color:#000;}
.msgbox02 > .text .emcolor {color:#dc420c;}
.msgbox02 > .text .tspace {margin-top:8px;}
.msgbox02 > .text ul li {margin-top:2px;}
.msgbox02 > .text ul li:first-child {margin-top:0;}
.msgbox02 > .text ul.bltext > li {margin-top:8px;}
.msgbox02 > .text ul.bltext > li:first-child {margin-top:0;}
.msgbox02 > .text p > a {text-decoration:underline;}
.msgbox02 > .icon.icontype1 {background:url('../images/common/bg_icon_msg01.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype2 {background:url('../images/common/bg_icon_msg02.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype3 {background:url('../images/common/bg_icon_msg03.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype4 {background:url('../images/common/bg_icon_msg04.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype5 {background:url('../images/common/bg_icon_msg05.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype6 {background:url('../images/common/bg_icon_msg06.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype7 {background:url('../images/common/bg_icon_msg07.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype8 {background:url('../images/common/bg_icon_msg08.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype9 {background:url('../images/common/bg_icon_msg09.png') no-repeat 50% 50%;}
.msgbox02 > .icon.icontype10 {background:url('../images/common/bg_icon_msg10.png') no-repeat 50% 50%;}

.columnsbox {display:table; width:100%; table-layout:fixed;}
.columnsbox .column {display:table-cell; vertical-align:top; border-left:1px solid #e5e5e5;}
.columnsbox .column:first-child {padding-left:0 !important; border-left:0 !important;}
.columnsbox .column:last-child {padding-right:0 !important;}
.columnsbox.count2 .column {width:50%; padding:0 48px;}
.columnsbox.count3 .column {width:33%; padding:0 28px;}
.columnsbox.count3 .column:nth-child(2) {width:34%;}

.securityebox {display:table; width:100%; background:#edfafe; border:1px solid #d6d9df; margin-bottom:40px; color:#555; font-size:15px; line-height:24px; box-sizing:border-box;}
.securityebox > .icon {display:table-cell; vertical-align:middle; width:130px; height:78px; background:url('../images/common/bg_icon_security.png') no-repeat 50% 50%;}
.securityebox > .text {display:table-cell; vertical-align:middle;font-size:24px;color:#000;}
.securityebox > .text span{display:table-cell; border-right:1px solid #a5afb1;padding-right:18px}
.securityebox > .text .em {display: table-cell;padding-left:18px;font-weight:bold}

/* tab ----- */
.tab {display:table; margin-bottom:12px; box-sizing:border-box;}
.tab li {display:table-cell; vertical-align:middle; min-width:170px; background:#f1f1f1; border:1px solid #cfd1d5; border-right:0; text-align:center; color:#676c7c; font-size:17px; line-height:24px; letter-spacing:-0.05em; box-sizing:border-box;}
.tab li span { font-size: 17px !important;}
.tab li a { font-size: 17px !important;}
.tab li:last-child {border-right:1px solid #cfd1d5;}
.tab li + li {border-left:1px solid #cfd1d5;}
.tab li a, .tab li > span {display:block; padding:6px 10px; color:#676c7c; text-decoration:none;}
.tab li.on {position:relative; z-index:1; background:#fff; border:1px solid #0040b5; border-bottom:0; padding-bottom:1px;}
.tab li.on a, .tab li.on > span {color:#0040b5;}
.tab li.disabled {background:#d9dadd;}
.tab li.disabled, .tab li.disabled > span {color:#888;}
.tab-wrap .tab-contgroup.hide {visibility:hidden !important; height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important; border:0 !important;}
.tab-wrap .tab-contgroup {position:relative;}
.tab-wrap .tab-contgroup .button-tr.tspace0 {margin-top:-12px !important;}
.tab-wrap.boxtype .tab {margin-bottom:-1px !important;}
.tab-wrap.boxtype .tab-contgroup {border:1px solid #0040b5;}
.en_US .tab-wrap .tab-contgroup .button-tr.tspace0 {margin-top:0 !important;}

.tab-category {padding:5px 0; margin-bottom:30px; background:#f3f6fc; border:1px solid #e3e7ee;}
.tab-category:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.tab-category li {float:left; padding:0 20px; margin:11px 0; margin-left:-1px; background:url('../images/common/bg_bar_1x16_e4e4e4.png') no-repeat 0 4px;}
.tab-category li.on {text-decoration:underline;}


/* step ----- */
.step {position:absolute; top:30px; right:0;}
.step:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.step ol {float:right;}
.step ol li {float:left; padding-left:5px; color:#0049ac; font-size:14px; line-height:18px;}
.step ol li .bul {display:inline-block; border:1px solid #0049ac; background:#fff; border-radius:10px; width:18px; height:18px; overflow:hidden; margin:0 5px 2px 0; text-align:center; vertical-align:middle; color:#0049ac; font-size:14px; line-height:18px;}
.step ol li .txt {position:absolute; left:-9999px;}
.step ol li.on {text-indent:0;}
.step ol li.on .bul {background:#0049ac; color:#fff;}
.step ol li.on .txt {position:static;}
.step ol li.on + li {padding-left:20px;}


/* popup ----- */
.window {display:none; margin:10px 0;}
.window .popuplayer {display:inline-block; max-width:960px;}
.popuplayer {position:relative; background:#fff;}
.popuplayer .head {padding:10px 80px 10px 30px; background:#012f6d; color:#fff; font-size:24px; line-height:30px; letter-spacing:-0.05em;}
.popuplayer .body {padding:40px 30px 50px;}
.popuplayer .body .fullscreen {margin:-40px -30px -50px;}
.popuplayer .body .fullscreen img {vertical-align:top;}
.popuplayer button.close {position:absolute; top:0; right:0; width:50px; height:50px; background:#001736 url('../images/common/bg_btn_popup_close.png') no-repeat 50% 50%; font-size:0; line-height:0;}
.popuplayer .body .button {margin-top:30px;}
.popuplayer .body .btn-type1 button span, .popuplayer .body .btn-type1 a,
.popuplayer .body .btn-type2 button span, .popuplayer .body .btn-type2 a {min-width:100px; padding:12px 20px; font-size:18px; line-height:18px;}
.popuplayer .body .resultmsg {padding-top:5px;}
.popuplayer .body .topnoticebox {background:none; border:0; margin-bottom:20px; color:#555; font-size:15px; line-height:22px;}
.popuplayer .body .topnoticebox .icon {width:56px; height:44px; background:url('../images/common/bg_icon_notice02.png') no-repeat 0 50%;}
.popuplayer .body .topnoticebox .text {padding:0;}
.popuplayer .body .topnoticebox + .text-unit {margin-top:0;}
.popuplayer .body .msgbox, .popuplayer .body .msgbox02 {border:0; width:730px; margin:0 0 0 -30px; padding-top:10px;}
.popuplayer .body .msgbox > .icon, .popuplayer .body .msgbox02 > .icon {width:180px;}
.popuplayer .body .msgbox > .text, .popuplayer .body .msgbox02 > .text {padding:0 10px 0 0;}
.popuplayer .body .msgbox02 > .icon.icontype4 {height:104px;}
.popuplayer .body .msgbox02 > .icon.icontype4 + .text {padding-right:20px;}
.popuplayer .body .msgbox02 > .icon.icontype4 + .text > strong {margin-bottom:20px;}
.popuplayer .body .msgbox02.msgbox-changepwd {margin-bottom:50px;}
.popuplayer .body .msgbox02.msgbox-changepwd > .icon.icontype7 {width:220px;}
.popuplayer .body .msgbox02.msgbox-changepwd {width:700px;}
.popuplayer .body .msgbox02.msgbox-changepwd > .text {padding-right:70px;}
.popuplayer .body .msgbox02.msgbox-changepwd .noticebox {margin:0; border:0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:16px; line-height:24px;}
.popuplayer .body .msgbox02.msgbox-changepwd .noticebox .icon {width:23px; height:52px; background:url('../images/common/bg_icon_notice02_small.png') no-repeat 50% 50%;}
.popuplayer .body .msgbox02.msgbox-changepwd .noticebox .text {padding:8px 0 8px 6px;}
.popuplayer.wsize01 {width:350px;}
.popuplayer.wsize02 {width:510px;}
.popuplayer.wsize03 {width:710px;}
.popuplayer.wsize04 {width:780px;}
.popuplayer.wsize05 {width:610px;}
.popuplayer.wsize06 {width:670px;}
.popupwrap {height:100%;}
.popupwrap .popuplayer {min-height:100%;}
.popupwrap .popuplayer .head {padding:9px 30px 9px; font-size:24px; line-height:32px;}
.popupwrap .popuplayer .head h2 {white-space:normal;}
.popupwrap .popuplayer .body {padding-bottom:95px;}
.popupwrap .popuplayer-footer {position:relative; width:100%; height:45px; margin-top:-45px; padding:8px 20px; background:#d5d7d9; text-align:right; font-size:15px; box-sizing:border-box;}
.popupwrap .popuplayer-footer button.close {border:1px solid #acb0b8; background:#f8f8f8; padding:5px 15px; font-size:15px; line-height:15px;}

.popupmsg {display:inline-block; position:relative; background:#fff; border:1px solid #0040b5;}
.popupmsg .body {padding:50px 40px 40px; text-align:center;}
.popupmsg button.close {position:absolute; top:10px; right:10px; width:26px; height:26px; background:url('../images/common/bg_btn_popup_close02.png') no-repeat 50% 50%; font-size:0; line-height:0;}
.popupmsg .body .button {margin-top:30px;}
.popupmsg .body .btn-type1 button span, .popupmsg .body .btn-type1 a,
.popupmsg .body .btn-type2 button span, .popupmsg .body .btn-type2 a {min-width:80px; padding:9px 20px; font-size:16px; line-height:16px;}

.loading {display:none;}
.loading .loading-msgbox {position:fixed; z-index:9999999; left:50%; top:50%; margin:-108px 0 0 -130px; display:inline-block; width:258px; height:88px;/*height:213px;*/ padding:125px 0 0; background:#fff; border:1px solid #363636; text-align:center; color:#555; font-size:16px; line-height:22px; letter-spacing:-0.03em;}
.loading .loading-msgbox .loadingbar {position:absolute; top:32px; left:50%; margin-left:-36px;}
.loading .loading-msgbox p > strong {display:block; margin-bottom:4px; color:#002e83; font-size:26px; line-height:32px;}
.loading .loading-dimlayer {position:fixed; z-index:9999998; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);}


/* contents ----- */
/* login */
#contents.login-wrap .tab li {font-size:18px;}
.loginbox {border-top:2px solid #0040b5; border-bottom:1px solid #9eacc7; padding:50px 0;}
.loginbox:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.loginbox .tit-section {margin-bottom:25px !important;}
.loginbox .tit-section, .loginbox fieldset {width:408px; margin:0 auto;}
.loginbox fieldset:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.loginbox fieldset .input-text {width:258px; float:left;}
.loginbox fieldset .input-text label {display:inline-block; margin:0 0 12px; width:88px; font-size:18px; line-height:26px;}
.loginbox fieldset .input-text input.text {width:170px; height:35px; margin:0 0 10px;}
.loginbox fieldset .option-check {display:block; margin:0 0 10px 88px;}
.loginbox fieldset .option-check label {display:inline; width:auto; margin:0; font-size:16px;}
.loginbox fieldset .option-check02 {margin:23px 0 0; vertical-align:middle;}
.loginbox fieldset .option-check02 .txt {margin-right:20px;}
.loginbox fieldset .btn-type1 {float:right;}
.loginbox fieldset .btn-type1 a, .loginbox fieldset .btn-type2 a {width:140px; height:80px; display:table-cell; vertical-align:middle;}
.loginbox fieldset .btns-findpw {clear:both; padding:10px 0 0 88px;}
.loginbox fieldset .btns-findpw a {text-decoration:underline; margin-right:15px;}
.loginbox fieldset .btns-findpw a.color {color:#0150e2;}
.loginbox fieldset .btns-certificate .btn-type1 {float:none; margin-left:7px;}
.loginbox fieldset .btns-certificate .btn-type1 a, .loginbox fieldset .btns-certificate .btn-type2 a {width:160px; line-height:26px; white-space:normal;}
.loginbox fieldset .text-note {margin-top:10px;}
.loginbox .box {float:left; min-width:400px; padding:0 30px; border-left:1px solid #e3e4e7;}
.loginbox .box:first-child {border-left:0; margin-right:-1px; border-right:1px solid #e3e4e7;}
.login-guide {padding:40px 0; border-bottom:1px solid #9eacc7;}
.login-guide .tit {display:table-cell; vertical-align:top; padding:0 30px; font-size:24px; line-height:32px; letter-spacing:-0.07em;}
.login-guide .conts {display:table-cell; vertical-align:top; padding-left:15px; border-left:1px solid #e3e4e7; font-size:15px; line-height:22px;}
.login-guide .conts .bltext > li {margin-top:5px;}
.login-guide .conts .bltext > li:first-child {margin-top:0;}

.login-menus {display:table; width:100%; padding:42px 0 0;}
.login-menus li {display:table-cell; vertical-align:top; width:33.3%; border-left:1px solid #e3e4e7; text-align:center;}
.login-menus li:first-child {border-left:0;}
.login-menus li a {display:inline-block; text-decoration:none; padding:102px 20px 0;}
.login-menus li a .txt {text-decoration:underline; font-size:20px; line-height:28px;}
.login-menus li a.icon01 {background:url('../images/common/bg_icon_login_guide01.png') no-repeat 50% 0;}
.login-menus li a.icon02 {background:url('../images/common/bg_icon_login_guide02.png') no-repeat 50% 0;}
.login-menus li a.icon03 {background:url('../images/common/bg_icon_login_guide03.png') no-repeat 50% 0;}

/* install program */
#wrap.install-wrap {background:#f5f5f5;}
#wrap.install-wrap .container {padding:0;}
#wrap.install-wrap #contents {padding:80px 0;}
.installbox {border:1px solid #d9d9d9; background:#fff;}
.installbox .body {padding:43px 179px 54px;}
.installbox .body .progress-msgbox {background:#f3f6fc; border:1px solid #cfd1d5; padding:25px 25px 35px; text-align:center; color:#002e83; font-size:20px; line-height:28px; letter-spacing:-0.05em;}
.installbox .body .progress-msgbox strong {display:block; margin-top:2px; font-size:40px; line-height:48px; letter-spacing:-0.07em;}
.installbox .body .progress-msgbox .progressbar {margin-top:30px; height:18px; background:url('../images/common/loading_progress.gif') no-repeat 50% 0;}
.installbox .body .list {display:inline-block; margin:15px 40px 0;}
.installbox .body .list li {padding:10px 0 10px 40px; background:url('../images/common/bg_icon_list01.png') no-repeat 0 12px; border-bottom:1px solid #dfdfdf; letter-spacing:-0.05em;}
.installbox .body .list li.icontype2 {background-image:url('../images/common/bg_icon_list02.png');}
.installbox .body .list li .emcolor {color:#dc420c;}
.installbox .body .list li .emcolor02 {color:#0080d9;}
.installbox .body .button {margin-top:50px;}
.installbox .foot {padding:25px 0; background:#e9e9e9; border-top:1px solid #c5c5c5; text-align:center; font-size:14px; line-height:20px; }
.installbox .foot .logo {display:inline-block; vertical-align:top; margin:3px 28px 0 0;}
.installbox .foot address {display:inline-block; vertical-align:top; padding-left:10px; border-left:1px solid #c0c0c0; text-align:left;}
.installbox .foot address .tel {padding-left:22px; background:url('../images/common/bg_bar_1x12_c0c0c0.png') no-repeat 10px 50%;}
.installbox .foot address .tel:first-child {padding-left:0; background:none;}
.installbox .foot address .copyright {display:block; margin-top:2px; color:#777;}

/* address */
.address-searchbox {width:550px; min-height:525px;}
.address-searchbox .tab {width:100%; margin-bottom:-1px !important;}
.address-searchbox .tab li {min-width:0; width:50%; font-size:18px; line-height:26px;}
.address-searchbox .tab li a, .address-searchbox .tab li > span {padding:7px 10px;}
.address-searchbox .searchbox {position:relative; border:1px solid #0040b5; /*height:233px;*/ padding:30px 15px; margin-bottom:40px;}
.address-searchbox .searchbox .dvtable {display:table; width:100%;}
.address-searchbox .searchbox .dvtable + .dvtable {margin-top:10px;}
.address-searchbox .searchbox .dvtable .th {display:table-cell; width:50px; padding:8px 10px 0 0; white-space:nowrap; vertical-align:top; font-size:18px; line-height:26px; color:#003ba6;}
.address-searchbox .searchbox .dvtable .td {display:table-cell;}
.address-searchbox .searchbox .dvtable .td input.text {width:100%; height:44px; font-size:20px; line-height:42px;}
.address-searchbox .searchbox .dvtable .td .select {width:100%; height:44px; font-size:20px;}
.address-searchbox .searchbox .dvtable .td .select button {width:42px; height:42px;}
.address-searchbox .searchbox .dvtable .td .select .selected-text {padding:10px 45px 10px 10px;}
.address-searchbox .searchbox .dvtable .td .select .options {top:43px;}
.address-searchbox .searchbox .dvtable .td + .th {padding-left:10px;}
.address-searchbox .searchbox .note {font-size:14px; line-height:20px;}
.address-searchbox .searchbox .button {margin-top:20px;}
.address-searchbox .searchbox .btn-type1 button span, .address-searchbox .searchbox .btn-type1 a {min-width:80px; padding:9px 15px; font-size:16px; line-height:16px;}
.address-searchbox .searchbox + .text-unit {margin-top:-28px;}
.address-searchbox .searchbox02 {border-top:2px solid #0040b5; border-bottom:1px solid #9eacc7;}
.address-searchbox .searchbox02 .tbdata {margin:0; border-top:0; border-bottom:0;}
.address-searchbox .searchbox02 .tbdata + .tbdata {border-top:1px solid #e3e7ee;}
.address-searchbox .tbgrid {height:422px; overflow:auto;}
.address-searchbox .tbgrid table tr:last-child td {border-bottom:1px solid #e3e7ee;}
.address-searchbox .tbgrid table tr:hover td {background:#f2f2f2; border-top-color:#c0c9da; border-bottom:1px solid #c0c9da; color:#0040b5;}
.address-searchbox .tbgrid table tr:hover + tr td {border-top:0;}
.address-searchbox .tbgrid table td.address {padding:0; text-align:left;}
.address-searchbox .tbgrid table td.address p {padding:10px 15px; border-top:1px solid #e3e7ee;}
.address-searchbox .tbgrid table td.address p:first-child {border-top:0;}

/* policy */
.policybox {margin-bottom:40px; border:1px solid #e3e7ee;}
.policybox .document {padding:26px 30px; color:#555;}
.policybox .document .tit {display:block; font-size:18px; line-height:26px;}
.policybox .document li {margin-top:15px;}
.policybox .check-agree {background:#f1f3f6; border-top:1px solid #e3e7ee; padding:15px 30px 18px; text-align:right; font-size:20px; line-height:28px;}
.policybox .check-agree .txt {margin-right:0px;}
.policybox .check-agree span.radio + label {margin-right:0;}
.policybox .check-agree span.radio {margin-left:25px;}

.policy-section {color:#555;}
.policy-section .bltext {margin-left:5px;}
.policy-section .note {margin:10px 0 0 5px; font-size:16px; line-height:24px;}
.policy-section p + .bltext {margin-top:10px;}

/* approval */
.approvalline-wrap {display:table;}
.approvalline-wrap .dvdata {display:table-cell; width:352px;}
.approvalline-wrap .dvdata.boxtype .box {padding:20px 30px 25px;}
.approvalline-wrap .dvdata .selectmenu {height:334px; overflow:auto; border:0; margin:0;}
.approvalline-wrap .dvdata .selectmenu ul li a {padding:5px 15px; color:#676c7c;}
.approvalline-wrap .dvdata .tab-wrap {width:260px; margin:0 auto;}
.approvalline-wrap .dvdata .tab-wrap .tab {width:100%;}
.approvalline-wrap .dvdata .tab-wrap .tab li {min-width:0; width:50%;}
.approvalline-wrap .setbtn {display:table-cell; width:140px;}
.approvalline-wrap .approval-details {display:table-cell; width:468px; font-size:16px; line-height:22px;}
.approvalline-wrap .approval-details ul.result {width:240px; margin-top:-5px;}
.approvalline-wrap .approval-details ul.result li {position:relative; margin-top:23px;}
.approvalline-wrap .approval-details ul.result li:before {content:''; position:absolute; top:-13px; left:50%; margin-left:-9px; width:18px; height:10px; background:url('../images/common/bg_arrow_t_18x10_e5eaf2.png') no-repeat 0 0;}
.approvalline-wrap .approval-details ul.result li:first-child {margin-top:0;}
.approvalline-wrap .approval-details ul.result li:first-child:before {display:none;}
.approvalline-wrap .approval-details ul.result li input.text {display:block; width:100%; margin-top:3px;}
.approvalline-wrap .approval-details ul.result li input.text.required {color:#000 !important;}
.approvalline-wrap .approval-details ul.result li .btn-stype1.icon-arr-r {position:absolute; left:-145px; bottom:1px; width:90px;}

.approval-mytask {display:table; width:100%; height:55px; margin-bottom:30px; background:#fcf5f2; font-size:18px; line-height:26px; box-sizing:border-box;}
.approval-mytask .tit {display:table-cell; vertical-align:middle; width:282px; padding:0 50px; background:url('../images/common/bg_approval_mytask.png') no-repeat 100% 50%; white-space:nowrap;}
.approval-mytask .tit:before {content:''; display:inline-block; vertical-align:-6px; width:29px; height:27px; margin-right:18px; background:url('../images/common/bg_icon_approval_mytask.png') no-repeat 0 0;}
.approval-mytask .text {display:table-cell; vertical-align:middle; padding-left:30px;}
.approval-mytask .text .result b {color:#000; font-size:28px;}
.approval-mytask .text a.result {text-decoration:none; border-bottom:1px solid #000;}

.approval-mainbox {display:table; width:100%; padding:35px 0; border:1px solid #d9dde3;}
.approval-mainbox .box {display:table-cell; width:33.3%; padding:0 20px 0 25px; border-left:1px solid #e3e4e7; color:#333;}
.approval-mainbox .box:first-child {border-left:0;}
.approval-mainbox .box .tit {margin:-5px 0 35px; color:#003ba6; font-size:28px; line-height:36px; letter-spacing:-0.07em;}
.approval-mainbox .box .result {display:block; width:140px; height:140px; padding:52px 0; margin:0 auto 25px; background:#9e9e9e; border-radius:70px; text-align:center; vertical-align:middle; color:#fff; font-size:20px; line-height:28px; box-sizing:border-box;}
.approval-mainbox .box .result b {margin-right:5px; font-size:60px; letter-spacing:-0.05em;}
.approval-mainbox .box .result a {text-decoration:none; border-bottom:1px solid #fff;}
.approval-mainbox .box ul li {margin-top:10px;}
.approval-mainbox .box ul li .em {color:#dc420c;}
.approval-mainbox .box.box01 .result {background:#009ee0;}
.approval-mainbox .box.box02 .result {background:#f85621;}
.en_US .approval-mainbox .box .tit {/*min-height:72px;*/}
.en_US .approval-mainbox .box .result {font-size:18px;}

/* cscenter */
.cscenter-menus {display:table; width:100%; padding:0 0 0;}
.cscenter-menus .csmenu {display:table-cell; vertical-align:top; width:135px; padding:0 20px 0 142px; border-left:1px solid #eaeaea; color:#777; font-size:15px; line-height:22px;}
.cscenter-menus .csmenu .tit {display:block; margin:-5px 0 5px; color:#002e83; font-size:26px; line-height:32px; letter-spacing:-0.07em;}
.cscenter-menus .csmenu p {min-height:44px;}
.cscenter-menus .csmenu .tel {min-height:0; color:#000; font-size:20px; line-height:28px;}
.cscenter-menus .csmenu .time {margin-top:10px; color:#666; font-size:14px; line-height:20px;}
.cscenter-menus .csmenu .btn-type2 a {display:block; margin-top:20px; min-width:120px; padding:7px 20px; font-size:16px; white-space:normal;}
.cscenter-menus .csmenu.icon01 {background:url('../images/common/bg_icon_cscenter01.png') no-repeat 0 0; border-left:0; padding-left:106px;}
.cscenter-menus .csmenu.icon02 {background:url('../images/common/bg_icon_cscenter02.png') no-repeat 36px 0;}
.cscenter-menus .csmenu.icon03 {background:url('../images/common/bg_icon_cscenter03.png') no-repeat 36px 0; padding-right:0;}
.cscenter-conts {margin-top:60px;}
.cscenter-conts:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.cscenter-conts .cscont-faq {float:left; width:392px; padding-right:20px; border-right:1px solid #eaeaea;}
.cscenter-conts .cscont-faq li {width:100%; margin-top:6px; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
.cscenter-conts .cscont-faq li:first-child {margin-top:0;}
.cscenter-conts .cscont-faq li .category {display:inline-block; color:#002e83; margin-right:10px;}
.cscenter-conts .cscont-faq li > a:hover .txt, .cscenter-conts .cscont-faq li > a:focus .txt {text-decoration:underline;}
.cscenter-conts .cscont-userguide {float:left; width:201px; padding:0 20px 0 26px; border-left:1px solid #eaeaea; margin-left:-1px;}
.cscenter-conts .cscont-userguide .tit {margin:-3px 0 8px; color:#002e83; font-size:24px; line-height:30px; letter-spacing:-0.07em;}
.cscenter-conts .cscont-userguide li {margin-top:8px;}
.cscenter-conts .cscont-userguide li:first-child {margin-top:0;}
.cscenter-conts .cscont-banner {float:right; width:300px; margin-top:-10px;}
.cscenter-conts .cscont-banner li {margin-top:6px;}
.cscenter-conts .cscont-banner li:first-child {margin-top:0;}
.cscenter-conts .cscont-banner li > a {display:block; padding:11px 20px 12px 95px; background:#fff; border:1px solid #d6d6d6; color:#888; font-size:14px; line-height:20px; text-decoration:none;}
.cscenter-conts .cscont-banner li > a .tit {display:block; margin-bottom:2px; color:#002e83; font-size:22px; line-height:28px; letter-spacing:-0.07em;}
.cscenter-conts .cscont-banner li > a.banner-doc {background:url('../images/common/bg_icon_csbanner01.png') no-repeat 30px 50%;}
.cscenter-conts .cscont-banner li > a.banner-userguide {background:url('../images/common/bg_icon_csbanner02.png') no-repeat 33px 50%;}
.en_US .cscenter-menus .csmenu .tit {font-size:24px; line-height:25px}
.en_US .cscenter-menus .csmenu .btn-type2 a {text-align:left;}
.en_US .cscenter-conts .cscont-banner li > a .tit { font-size:20px; line-height:22px}

/* userguide */
.userguide-join li {position:relative; margin-top:50px; padding:25px 30px 26px; border:1px solid #e3e7ee;}
.userguide-join li:before {content:''; position:absolute; top:-31px; left:50%; margin-left:-9px; width:18px; height:10px; background:url('../images/common/bg_arrow_b_18x10_b2c0da.png') no-repeat 0 0;}
.userguide-join li:first-child {margin-top:0;}
.userguide-join li:first-child:before {display:none;}
.userguide-join li .tit {margin-right:15px; color:#003ba6; font-size:22px; line-height:30px; letter-spacing:-0.05em;}
.userguide-join li .tit b {font-weight:bold;}
.userguide-join li .label {display:inline-block; vertical-align:3px; margin:0 3px; padding:5px 15px; border-radius:12px; font-size:14px; line-height:100%;}
.userguide-join li .label.label-admin {background:#998570; color:#fff;}
.userguide-join li .label.label-customer {background:#b87201; color:#fff;}
.userguide-join li .conts {margin-top:10px;}
.userguide-join li .conts p.note {margin-top:3px;}

.userguide-banking {padding:45px 0 20px 50px; border:1px solid #d9dde3;}
.userguide-banking li {min-height:35px; position:relative; padding:0 50px 25px 80px;}
.userguide-banking li:before {content:''; position:absolute; top:5px; left:0; width:62px; height:30px; background:url('../images/common/bg_num.png') no-repeat 0 0;}
.userguide-banking li.num01:before {background-position:0 0;}
.userguide-banking li.num02:before {background-position:0 -30px;}
.userguide-banking li.num03:before {background-position:0 -60px;}
.userguide-banking li.num04:before {background-position:0 -90px;}
.userguide-banking li.num05:before {background-position:0 -120px;}
.userguide-banking li.num06:before {background-position:0 -150px;}
.userguide-banking li.num07:before {background-position:0 -180px;}
.userguide-banking li.num08:before {background-position:0 -210px;}
.userguide-banking li.num09:before {background-position:0 -240px;}
.userguide-banking li.num10:before {background-position:0 -270px;}
.userguide-banking li .tit {display:block; margin-bottom:6px; color:#000; font-size:20px; line-height:28px; letter-spacing:-0.05em;}
.userguide-banking.columntype li {display:inline-block; vertical-align:top; width:315px;}

.userguide-security {color:#000;}
.userguide-security .bltext, .userguide-security .bltext > li {margin-left:5px; color:#000}
.userguide-security .bltext > li {margin-top:0}
.userguide-security .bltext > li p.bltext02 {margin-bottom:10px;}

/* receipt */
.receipt-stamp {text-align:right; margin-bottom:50px;}
.receipt-stamp img {vertical-align:middle;}
.receipt-stamp .stamp {position:relative; margin-left:10px;}
.receipt-stamp .stamp img {width:86px; height:86px;}
.receipt-stamp .stamp .date {position:absolute; top:50%; left:0; margin-top:-4px; width:100%; text-align:center; color:#aa6b1f; font-weight:bold; font-size:13px; line-height:13px; letter-spacing:0;}

/* about us */
#contents.about-main-wrap {width:100%; min-height:920px; padding:0; background:url('../images/common/bg_aboutmain_visual.jpg') no-repeat 50% 100%;}
.about-main .txthead {margin-bottom:25px; text-align:center; color:#876f42;}
.about-main .txthead strong {display:block; margin-bottom:5px; color:#000; font-size:50px; line-height:58px; letter-spacing:-0.10em;}
.about-main .menus {width:100%; overflow:hidden;}
.about-main .menus li {float:left; width:230px; height:300px; margin-left:13px; text-align:center; color:#fff; font-size:30px; line-height:36px; letter-spacing:-0.08em;}
.about-main .menus li:first-child {margin-left:120px;}
.about-main .menus li > a {display:table-cell; width:230px; height:300px; padding:15px; vertical-align:bottom; box-sizing:border-box;}
.about-main .menus li.menu01 {background:url('../images/common/bg_aboutmain_menu01.png') no-repeat 0 0;}
.about-main .menus li.menu02 {background:url('../images/common/bg_aboutmain_menu02.png') no-repeat 0 0;}
.about-main .menus li.menu03 {background:url('../images/common/bg_aboutmain_menu03.png') no-repeat 0 0;}
/* .about-main .menus li.menu04 {background:url('../images/common/bg_aboutmain_menu04.png') no-repeat 0 0;} */
.about-main .notice {position:relative; overflow:hidden; margin-top:40px;}
.about-main .notice h2 {float:left; margin-top:-5px; padding-right:30px; color:#003ba6; font-size:26px; line-height:34px; letter-spacing:-0.05em; white-space:nowrap;}
.about-main .notice ul {float:left; width:508px; min-height:75px; padding-left:20px; border-left:1px solid #ccc;}
.about-main .notice ul li {overflow:hidden; margin-top:4px;}
.about-main .notice ul li:first-child {margin-top:-5px;}
.about-main .notice ul li .txt {width:75%; float:left; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
.about-main .notice ul li .date {float:right; color:#575757;}
.about-main .notice .more {position:absolute; top:36px; left:0; color:#575757; font-size:15px; line-height:22px;}
.en_US .about-main .txthead strong {margin-bottom:15px; font-size:45px; line-height:47px; letter-spacing:-0.08em;}
.en_US .about-main .menus li {font-size:23px; line-height:25px; letter-spacing:-0.03em;}

.about-business {border:1px solid #d9dde3; padding:45px 50px 50px; font-size:17px; line-height:26px;}
.about-business p {font-size: 17px; line-height: 26px; color: #000; letter-spacing: -0.02em; word-break: break-word;}
.about-business.visual01 {padding-top:345px; background:url('../images/common/bg_business_visual01.png') no-repeat 50px 50px;}
.about-business.visual02 {padding-top:345px; background:url('../images/common/bg_business_visual02.png') no-repeat 50px 50px;}
.about-business-section {margin-top:30px;}
.about-business-section:first-child {margin-top:0;}
.about-business-section h2 {margin-bottom:10px; color:#003ba6; font-size:26px; line-height:34px; letter-spacing:-0.05em;}
.about-business-section ul > li {font-size: 17px; line-height: 26px;letter-spacing: -0.02em; word-break: break-word; margin-top:5px; padding-left:10px; background:url('../images/common/bg_dot_3x3_555555.png') no-repeat 0 11px;}
.about-business-section ul > li:first-child {margin-top:0;}
.tab + .about-business {margin-top:-13px;}

.about-history {border:1px solid #d9dde3; min-height:741px;/*height:916px;*/ padding:55px 50px 120px; background:url('../images/common/bg_history_visual.png') no-repeat 0 -21px;}
.about-history:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.about-history-section {position:relative; clear:both; float:right; width:50%;/*width:414px;*/ background:url('../images/common/bg_line_history.png') repeat-y 0 0; padding:32px 0 50px 28px; text-align:left;}
.about-history-section > .text p {font-size:18px; line-height:26px;}
.about-history-section > .text span {font-size:18px; line-height:26px;}
.about-history-section h2 {position:absolute; top:-9px; left:-6px; padding-left:34px; background:url('../images/common/bg_icon_history_year.png') no-repeat 0 50%; color:#003ba6; font-size:30px; line-height:30px; letter-spacing:-0.05em;}
.about-history-section > .text li span{font-size:18px; line-height:26px;word-break: break-word;}
.about-history-section > .text > ul > li {margin-top:6px;font-size:18px; line-height:26px;word-break: break-word;}
.about-history-section > .text > ul > li:first-child {margin-top:0;}
.about-history-section > .text .month {display:table-cell; vertical-align:top; width:45px; padding-right:15px; color:#0080d9; font-size:20px; line-height:26px; white-space:nowrap;}
.about-history-section > .text .txt {display:table-cell; vertical-align:top;}
.about-history-section:last-child {background:none;}
.about-history.branch-seoul {min-height:497px;/*height:802px;*/ padding-bottom:250px; background:url('../images/common/bg_history_visual02.png') no-repeat 100% 50px;}
.about-history.branch-seoul .about-history-section {float:left; margin-left:40px;}

.about-orgchart {padding:50px; border:1px solid #d9dde3; text-align:center;}
.about-orgchart img {max-width:100%; vertical-align:top;}

.maparea {margin-bottom:50px; width:100%; height:521px; overflow:hidden; border:1px solid #b7b7b7; box-sizing:border-box;}
.maparea .gmap-layer {width:290px; padding:12px; font-family:'SansKR', 'Malgun Gothic', Dotum, Helvetica, Sans-serif; font-size:18px; line-height:26px; color:#002e6d;}
.maparea .gmap-layer strong {display:block; margin-bottom:10px;}
.maparea .gmap-layer .tel {display:block; margin-top:5px;}

.tbdata.about-branchlist table td.first {color:#0040b5;}
.tbdata.about-branchlist table tbody tr:nth-last-child(3n) td {border-top-color:#c0c9da;}

.about-outline {padding:45px 50px 50px; border:1px solid #d9dde3; font-size:17px; line-height:26px;}
.about-outline p {font-size:17px; line-height:26px; word-break: break-word;}
.about-outline p span {font-size:17px; line-height:26px;}
.about-outline .tit {margin-bottom:10px; color:#003ba6; font-size:26px; line-height:34px; word-break: break-word; letter-spacing:-0.07em;}
.about-outline .tit b{margin-bottom:10px; color:#003ba6; font-size:26px; line-height:34px; word-break: break-word; letter-spacing:-0.07em;}
.about-outline .tit b.bold {font-size: 34px;}
.about-outline .txthead .tit {font-size:34px; line-height:42px; letter-spacing:-0.09em;}
.about-outline .bgvisual {height:390px; margin:45px 0; background:url('../images/common/bg_outline_visual.png') no-repeat 0 0;}

.about-greetings {padding:45px 50px 50px; border:1px solid #d9dde3; background:url('../images/common/bg_greetings_visual.png') no-repeat 100% 0; font-size:17px; line-height:26px;}
.about-greetings .txthead {min-height:370px; padding-right:350px; margin-bottom:45px; color:#003ba6; font-size:30px; line-height:38px; letter-spacing:-0.07em;}
.about-greetings .txthead .sign {display:block; margin-top:20px; color:#000; font-size:18px; line-height:28px; letter-spacing:-0.02em;}
.about-greetings .txthead .sign b {display:block; font-size:22px;}
.about-greetings .txthead .sign img {display:block; margin-top:15px;}
.about-greetings .columnsbox p {margin-top:25px;}
.about-greetings .columnsbox p:first-child {margin-top:0;}

.about-vision {padding:45px 50px 50px; border:1px solid #d9dde3; font-size:17px; line-height:26px;}
.about-vision .txthead {margin-bottom:20px; text-align:center; color:#a77a40; font-size:20px; line-height:28px;}
.about-vision .txthead strong {display:block; margin-bottom:10px; color:#003ba6; font-size:44px; line-height:52px; letter-spacing:-0.07em;}
.about-vision .columnsbox {margin-top:40px;}

/* certification */
.certification li {overflow: hidden;margin-bottom:50px}
.certification li .tit {float:left;width: 310px; line-height:25px; letter-spacing:-0.05em;}
.certification li .tit b {color:#003ba6; font-size:22px;line-height:22px;font-weight:bold;display: block;margin-bottom:15px}
.certification li .img {float:right; width: 640px;}

/* hooking */
.hooking-check {border-top:1px solid #a77a40; border-bottom:1px solid #a77a40; background:url('../images/common/bg_hooking.png') no-repeat 50% 0; overflow:hidden;}
.hooking-check .fl {width:556px;}
.hooking-check .fl .hooking-img {float:left;}
.hooking-check .fl .hooking-btn {padding-top:23px;}
.hooking-check .fl .hooking-btn .btn-stype1 {min-width:80px; padding-top:12px;}
.hooking-check .fr {width:404px; padding-top:20px; letter-spacing:-0.02em;}

/* popup-guide */
.popup-guide {position:relative; background:#fff url('../images/common/bg_popup_guide.png') repeat-y 0 0; overflow-y:auto; width:100%; min-width:980px;}
.popup-guide .head {padding:10px 80px 10px 30px; background:#012f6d; color:#fff; font-size:24px; line-height:30px; letter-spacing:-0.05em;}
.popup-guide .menu {width: 160px; float:left; padding-top:35px}
.popup-guide .menu li a {padding:12px 44px 12px 28px; display: block; color:#002e6d;font-size:18px; line-height:24px}
.popup-guide .menu li.on a,
.popup-guide .menu li a:hover {background:#b50011 url('../images/common/bg_arrow_r_8x13_ffffff.png') no-repeat 130px 50%; color:#fff; text-decoration:none}
.popup-guide .body {float:left; padding:50px 30px; width: 760px;}
.popup-guide .body .title {overflow: hidden; }
.popup-guide .body .tit-page {float:left;}
.popup-guide .body .tip {float:right; text-align: right;color:#e50707; padding-left:10px; background:url('../images/common/bul_sup.png') no-repeat 0 8px;}
.popup-guide .body .tab {margin-bottom:0!important}
.popup-guide .body .tab-category li a:hover { color:#003ba6}
.popup-guide .body .img {margin:30px 0 15px}
.popup-guide .body .txt {font-size:16px}
.popup-guide .body .tit-section {margin-top:30px}
.popup-guide .body .guide-list {margin:15px 0 40px}
.popup-guide .body .guide-list li {padding-bottom: 12px; color: #000;font-size: 18px;line-height: 24px; position: relative; padding-left:30px}
.popup-guide .body .guide-list li:last-child {padding-bottom:0}
.popup-guide .body .guide-list li span {display: inline-block; border: 1px solid #e50707; background: #e50707;border-radius: 10px;width: 18px;height: 18px;overflow: hidden; margin: 2px 5px 2px 0;text-align: center;vertical-align: middle; color: #fff; font-size: 14px; line-height: 18px;position: absolute; top: 0; left: 0;}
.popup-guide .body .guide-dl {margin-bottom:23px;}
.popup-guide .body .guide-dl dt {font-size:20px;padding-bottom:9px}
.popup-guide .body .guide-dl dd {font-size:16px;}
.popup-guide .body .guide-dl + .tit-section {margin-top:40px !important;}
.popup-guide .body .tbgrid table tbody tr:hover,
.popup-guide .body .tbgrid table tbody tr:hover td {background-color:transparent;}
.en_US .popup-guide .menu li a {padding:12px 44px 12px 18px;}



#openIndex {background:#ebebeb url('../images/common/bg_open.png') no-repeat 50% 0;display:table; width:100%; min-height: 100%;position: relative;}
#openIndex #openIndex_layout{display:table-cell; vertical-align:middle; padding:10px 0;}

#openIndex .login_box { background: url('../images/common/bg_open_box.png') no-repeat 50% 50%;width: 782px;height:536px; margin:0 auto; padding:74px 0 0 0;}
#openIndex .login_box .open_title{ font-size:34px; color:#fff;line-height:40px;height: 186px;text-align: center;letter-spacing:-0.06em;}
#openIndex .login_box .open_title p{margin-bottom:20px}
#openIndex .login_box .open_title span{font-size:60px}
#openIndex .login_box .open_txt {padding:24px 0 0 86px;font-size:17px}
#openIndex .login_box .open_txt .notice01{background:url('../images/common/bg_icon_list01.png') no-repeat 0 0;padding:0 0 16px 34px}
#openIndex .login_box .open_txt .notice02{background:url('../images/common/bg_icon_list02.png') no-repeat 0 0;padding-left:34px; padding:0 0 16px 34px;}
#openIndex .login_box .open_txt .notice{padding-left:34px; padding:0 0 20px 34px;color:#864608;font-size:14px}
#openIndex .login_box .open_txt span {color:#0074c5}


/* errorpage */
#error #wrap {display:table; width:960px; height:100%; margin:0 auto;}
#error #contents {display:table-cell; width:100%; padding:50px 0; vertical-align:middle;}


/* main ----- */
#contents.main-wrap {width:100%; padding:0;}
#contents.main-wrap .mainvisual-wrap {position:absolute; top:0; left:0; width:100%; height:570px; overflow:hidden; font-size:0; line-height:0;}
#contents.main-wrap .mainvisual-wrap .mainvisual {position:absolute; top:0; left:50%; width:2400px; height:570px; margin-left:-1200px; text-align:center;}
#contents.main-wrap .mainvisual-wrap .mainvisual img {height:100%;}
#contents.main-wrap .contents-innrwrap {position:relative; z-index:1; padding:0;}

.main-topvisualbox {height:570px;}
.main-quickmenu li {position:absolute; display:inline-block; width:143px; height:187px; color:#fff; font-size:24px; line-height:30px; letter-spacing:-0.06em;}
.main-quickmenu li > a {display:table-cell; width:143px; height:187px; padding:20px 30px 20px 14px; vertical-align:middle; box-sizing:border-box; text-decoration:none;}
.main-quickmenu li.menu01 {top:73px; right:80px; background:url('../images/common/bg_main_menu01.png') no-repeat 0 0;}
.main-quickmenu li.menu02 {top:195px; right:-20px; background:url('../images/common/bg_main_menu02.png') no-repeat 0 0;}
.main-quickmenu li.menu02 > a {padding-top:35px;}
.main-quickmenu li.menu03 {top:232px; right:123px; background:url('../images/common/bg_main_menu03.png') no-repeat 0 0;}
.main-quickmenu li:hover {background-position:0 -187px;}
.en_US .main-quickmenu li {font-size:20px; line-height:22px;}
.en_US .main-quickmenu li > a {padding:20px 25px 20px 10px;}

.main-banners {width:100%; overflow:hidden; border-bottom:1px solid #dde0e8; padding:45px 0;}
.main-banners li {float:left; width:470px; color:#6d6d6d; font-size:15px; line-height:20px;}
.main-banners li > a {display:block; padding-right:45px; min-height:120px; background:url('../images/common/bg_arrow_30x57_b3b3b3.png') no-repeat 100% 32px; text-decoration:none;}
.main-banners li b {display:table-cell; vertical-align:top; color:#0a3482; font:bold 120px/120px Arial, Sans-serif; letter-spacing:-4px;}
.main-banners li .txt {display:table-cell; vertical-align:middle; height:120px; padding-left:18px;}
.main-banners li.banner02 {float:right; width:450px;}
.main-banners li.banner02 b {color:#d10f18;}

.main-menu-columns {display:table; width:100%; table-layout:fixed; padding:40px 0 105px;}
.main-menu-columns .column {display:table-cell; vertical-align:top; position:relative; width:25%; padding:0 10px; text-align:center; border-left:1px solid #e1e4ee;}
.main-menu-columns .column:after {content:''; position:absolute; bottom:-75px; left:50%; margin-left:-35px; width:70px; height:70px;}
.main-menu-columns .column:first-child {border-left:0;}
.main-menu-columns .column h2 {margin:-5px 0 8px; font-size:25px; line-height:33px; letter-spacing:-0.05em;}
.main-menu-columns .column ul li {display:inline-block; padding:0 8px 0 9px; background:url('../images/common/bg_bar_1x15_b4c0df.png') no-repeat 0 50%; color:#063b9f; font-size:17px; line-height:25px;}
.main-menu-columns .column ul li:first-child {background:none;}
.main-menu-columns .column.menugroup01:after {background:url('../images/common/bg_icon_main01.png') no-repeat 0 0;}
.main-menu-columns .column.menugroup02:after {background:url('../images/common/bg_icon_main02.png') no-repeat 0 0;}
.main-menu-columns .column.menugroup03:after {background:url('../images/common/bg_icon_main03.png') no-repeat 0 0;}
.main-menu-columns .column.menugroup04:after {background:url('../images/common/bg_icon_main04.png') no-repeat 0 0;}
.main-menu-columns .column.menugroup01 ul li:nth-child(1) {display:block;}
.main-menu-columns .column.menugroup01 ul li:nth-child(1) + li {background:none;}
.main-menu-columns .column.menugroup02 ul li {display:block; background:none;}
.main-menu-columns .column.menugroup03 ul li {display:block; background:none;}
.main-menu-columns .column.menugroup04 ul li:nth-child(1) {display:block;}
.main-menu-columns .column.menugroup04 ul li:nth-child(1) + li {background:none;}
.en_US .main-menu-columns .column ul li {margin-bottom:3px; font-size:16px; line-height:20px;}
.en_US .main-menu-columns .column.menugroup01 ul li {display:block; background:none;}
.en_US .main-menu-columns .column.menugroup04 ul li:nth-child(4) {display:block; background:none;}

.main-notice {width:100%; overflow:hidden; padding:20px 0; border-top:1px solid #dde0e8; border-bottom:1px solid #dde0e8;}
.main-notice h2 {float:left; margin-right:18px; font-size:20px; line-height:28px; letter-spacing:-0.1em;}
.main-notice ul {float:right; width:800px; margin-top:2px;}
.main-notice ul li {float:left; width:45%; padding:0 20px 0 15px; background:url('../images/common/bg_dot_7x7_8695bc.png') no-repeat 0 50%; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
.main-notice .more {float:left; margin-top:4px; color:#575757; font-size:15px; line-height:22px;}
.en_US .main-notice ul {width:715px;}
.zh_CN .main-notice ul {width:775px;}

.main-tel {padding:40px 0 45px; text-align:center; color:#beb29e; font:normal 50px/50px Arial, Sans-serif; letter-spacing:-0.03em;}
.main-tel:before {content:''; display:inline-block; vertical-align:-8px; width:60px; height:56px; margin-right:14px; background:url('../images/common/bg_icon_main_tel.png') no-repeat 0 0;}
.main-tel .emcolor {color:#977b4b;}

.mpopuplayer {position:absolute; top:0; left:0; z-index:5; background:#fff; border:1px solid #6f6f6f; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
.mpopuplayer .head {padding:10px 35px; background:#f8dc23; border-bottom:1px solid #dbc42c; font-size:26px; line-height:34px; letter-spacing:-0.1em;}
.mpopuplayer .body {padding:25px 35px 80px; font-size:18px; line-height:26px;}
.mpopuplayer .body .fullscreen {margin:-25px -35px -36px;}
.mpopuplayer .body .fullscreen img {vertical-align:top;}
.mpopuplayer .foot {position:relative; width:100%; height:44px; margin-top:-44px; padding:8px 20px; background:#d5d7d9; text-align:right; font-size:15px; box-sizing:border-box;}
.mpopuplayer .foot button.close {border:1px solid #acb0b8; background:#f8f8f8; padding:5px 15px; font-size:15px; line-height:15px;}
.mpopuplayer .mpopuplayer-adminwrap {min-height:100%;}

/* jquery datepicker ----- */
.ui-datepicker-trigger, .datepick-trigger {vertical-align:middle; margin-left:5px;}
.ui-datepicker {z-index:10 !important; min-width:316px !important; background:#fff !important; padding:20px !important; border-radius:0 !important; box-shadow:1px 1px 3px #444; font:normal 16px/32px 'SansKR', 'Malgun Gothic', Dotum, Helvetica, Arial, Sans-serif;}
.ui-datepicker .ui-widget-header {background:none !important; border:0 !important; border-radius:0 !important;}
.ui-datepicker .ui-widget-header select {height:30px !important; margin:0 3px !important; font:normal 16px/32px 'SansKR', 'Malgun Gothic', Dotum, Helvetica, Arial, Sans-serif;}
.ui-datepicker .ui-widget-header .ui-datepicker-prev,
.ui-datepicker .ui-widget-header .ui-datepicker-next {top:4px;}
.ui-datepicker table {border:1px solid #ced4e0 !important; margin:20px 0 0 !important; font-size:100% !important;}
.ui-datepicker table th, .ui-datepicker table th span {font-weight:normal !important;}
.ui-datepicker table td, .ui-datepicker table td span, .ui-datepicker table td a {font-weight:normal !important; text-align:center !important;}
.ui-datepicker table th {background:#f1f1f1 !important; padding:3px 0 !important; color:#74798b !important;}
.ui-datepicker table td {padding:0 !important; border-top:1px solid #e2e5ec !important; border-left:1px solid #e2e5ec !important;}
.ui-datepicker table td:first-child {border-left:0 !important;}
.ui-datepicker table td a {background:none !important; border:0 !important; color:#000;}
.ui-datepicker table td a:hover {background:#0040b5 !important; color:#fff !important;}
.ui-datepicker table td.date-sunday, .ui-datepicker table td.date-sunday a,
.ui-datepicker table td.date-holiday, .ui-datepicker table td.date-holiday a {color:#e62727;}
.ui-datepicker table td.date-saturday, .ui-datepicker table td.date-saturday a {color:#2b27e6;}
.ui-datepicker table th.ui-datepicker-week-end:first-child {color:#e62727 !important;}
.ui-datepicker table th.ui-datepicker-week-end:last-child {color:#2b27e6 !important;}
.ui-datepicker table td .ui-state-highlight {background:#f1f1f1 !important;}
.ui-datepicker table td .ui-state-active {background:#0040b5 !important; color:#fff !important;}

.datepick {padding:30px; border:1px solid #0150e2; border-radius:0; font-size:15px; line-height:22px; box-shadow:1px 1px 1px #ccc;}
.datepick .datepick-month {width:253px; border:0;}
.datepick .datepick-month + .datepick-month {padding-left:15px;}
.datepick .datepick-month-header {margin-bottom:15px;}
.datepick .datepick-month-header, .datepick .datepick-month-header select, .datepick .datepick-month-header input {height:30px; background:none; color:#000; font-weight:normal; font-size:16px;}
.datepick .datepick-month-header select, .datepick .datepick-month-header input {width:40%; margin:0 3px; border:1px solid #b1b2ba;}
.datepick .datepick-month table {border:1px solid #ced4e0; table-layout:fixed; font-size:15px; line-height:31px;}
.datepick .datepick-month table th {background:#f1f1f1; border:0; color:#74798b;}
.datepick .datepick-month table td {border:1px solid #e2e5ec;}
.datepick .datepick-month table td a {background:none; color:#000;}
.datepick .datepick-month table td span {color:#ccc !important;}
.datepick .datepick-month table span, .datepick .datepick-month table a {padding:0;}
.datepick .datepick-month table td .datepick-today {background:#f1f1f1;}
.datepick .datepick-month table th:first-child,
.datepick .datepick-month table td:first-child .datepick-weekend {color:#e62727;}
.datepick .datepick-month table th:last-child,
.datepick .datepick-month table td:last-child .datepick-weekend {color:#2b27e6;}
.datepick .datepick-month table td a.date-holiday {color:#e62727 !important;}
.datepick .datepick-month table td a.datepick-selected {background:#0040b5; color:#fff !important;}
.datepick .datepick-nav {margin:-15px 0 20px; padding-bottom:10px; border-bottom:1px solid #ced4e0; font-weight:normal; color:#555; font-size:15px;}
.datepick .datepick-nav a:hover {background:none;}
.datepick .datepick-nav a.datepick-disabled {color:#999;}
.datepick .datepick-ctrl {display:none;}
.en_US .datepick .datepick-month-header select, .en_US .datepick .datepick-month-header input {width:45%;}


/* alopexUI ----- */
.af-paging {margin-top:30px !important; height:auto !important; text-align:center !important; font-size:0 !important; line-height:0 !important; cursor:default !important;}
.af-paging .af-paging-prev, .af-paging .af-paging-prevgroup, .af-paging .af-paging-next, .af-paging .af-paging-nextgroup {display:inline-block; vertical-align:middle; width:30px !important; height:31px !important; border:1px solid #ced4e0 !important; background-color:#f5f6f9 !important; background-repeat:no-repeat; background-position:50% 50%; padding:0 !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}
.af-paging .af-paging-prev {background-image:url('../images/common/bg_btn_paging_prev.png'); margin:0 11px 0 -1px !important;}
.af-paging .af-paging-prevgroup {background-image:url('../images/common/bg_btn_paging_first.png');}
.af-paging .af-paging-next {background-image:url('../images/common/bg_btn_paging_next.png'); margin:0 -1px 0 10px !important;}
.af-paging .af-paging-nextgroup {background-image:url('../images/common/bg_btn_paging_last.png');}
.af-paging .af-paging-number {display:inline-block; vertical-align:middle; width:auto !important; min-width:25px !important;/*width:31px;*/ height:24px !important;/*height:31px;*/ padding:7px 3px 0 !important; margin:0 0 0 -1px !important; border:1px solid #ced4e0 !important; text-align:center !important; color:#000 !important; font-size:16px !important; line-height:16px !important; text-decoration:none !important;}
.af-paging .af-paging-selected, .af-paging .af-paging-number:hover {background:#0040b5 !important; color:#fff !important; font-weight:normal !important;}


/* rMateGrid ----- */
.grid {clear:both; position:relative; width:100%; height:495px; border-top:2px solid #0040b5; border-bottom:1px solid #9eacc7;}
.grid * {font:normal 16px/24px 'SansKR', 'Malgun Gothic', Dotum, Helvetica, Arial, Sans-serif; letter-spacing:-0.02em;}
.grid .downmenu .layermenu {margin-top:12px;}
.grid .rMateH5__DataGrid {color:#000;}
.grid .rMateH5__DataGrid a.emcolor {color:#0040b5;}
.grid .rMateH5__DataGrid .amount {color:#0040b5;}
.grid .rMateH5__DataGrid .stat-in {color:#0078ff;}
.grid .rMateH5__DataGrid .stat-out {color:#dc420c;}
.grid .rMateH5__DataGrid .stat-finish {color:#0078ff;}
.grid .rMateH5__DataGrid .stat-failed, .grid .rMateH5__DataGrid .stat-cancel {color:#dc420c;}
.grid .rMateH5__DataGridHeaderBackgroundSkin {border-bottom:1px solid #ced4e0;}
.grid .rMateH5__DataGridHeaderSeparator, .grid .rMateH5__DataGridHeaderHorizontalSeparator {border-color:#caced4;}
.grid .rMateH5__DataGridLineV, .grid .rMateH5__DataGridLineH {border-color:#e3e7ee;}
.grid .rMateH5__DataGridHeaderRenderer, .grid .rMateH5__DataGridItemRenderer, .grid .rMateH5__HtmlItemRenderer {min-height:38px; padding:7px 15px 8px; text-overflow:ellipsis; word-wrap:normal;}
.grid .rMateH5__DataGridHeaderRenderer .rMateH5__UITextField {padding-bottom:15px; text-overflow:ellipsis; word-wrap:normal;}
.grid .rMateH5__DataGridHeaderRenderer .rMateH5__DataGridLineV {border-color:transparent;}
.grid .rMateDataGridHeaderStyles {color:#666c7c; font-weight:normal;}
.grid .rMateH5__CheckBoxHeaderSelector input[type=checkbox], .grid  .rMateH5__CheckBoxItemSelector input[type=checkbox], .grid  .rMateH5__CheckBoxItemRenderer input[type=checkbox],
.grid .rMateH5__RadioButtonItemSelector input[type=radio], .grid .rMateH5__RadioButtonItemRenderer input[type=radio] {width:16px; height:16px; vertical-align:0 !important;}
.grid .rMateH5__DataGridSortItemRenderer .rMateH5__UITextField {display:none;}
.grid .rMateH5__DataGridSortItemRenderer img {width:auto; height:auto;}
.grid .rMateH5__TextInput {background:#fff; border:1px solid #b1b2ba; outline:0; margin:2px 0 0 2px;}
.grid .rMateH5__TextInput:focus {background:#f4f8ff; border-color:#0150e2;}


/* nppfs keypad ----- */
.nppfs-keypad-div {position:absolute;}


/* language font ----- */
.zh_CN body, .zh_CN input, .zh_CN select, .zh_CN textarea, .zh_CN button,
.zh_CN .maparea .gmap-layer,
.zh_CN .ui-datepicker, .zh_CN .ui-datepicker .ui-widget-header select,
.zh_CN .grid * {font-family:'SansCN', 'SansTW', 'SansKR', 'Microsoft YaHei', Helvetica, Arial, Sans-serif !important;}