@charset "utf-8";
b { font-weight: 500; vertical-align: baseline;}
/*=====================================================
	guide_temp
=======================================================*/
input.ie-clear::-ms-clear {display:none !important;width:0;height:0;}
caption {position: fixed; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; left: -50000px; }
/*=====================================
	TABLE RESPONSIVE
	DATE : 2019-02-08
	WRITER : HJY
=======================================*/
/* TABLE TYPE01 */
.table-type01 { width: 100%; table-layout: fixed; text-align: center; color: #333; }

table.type-border th, table.type-border td {border: 1px solid #ccc !important;}

/*thead*/
.table-type01 th, .table-type01 td { vertical-align: middle; word-break: break-all; padding: 17px 10px 16px 10px; font-size: 14px; line-height: 20px;}
.table-type01 td .td-wrap {/*margin:-3px 0 1px;*/line-height: 20px;}
.table-type01 thead tr { width: 100%; background: #f7f7f7; }
.table-type01 th {height:40px;padding:9px 10px 8px 10px !important; font-weight: 500; border:1px solid #efefef; /* border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; */ }
.table-type01 th:first-child { border-left:none; }
.table-type01 td {height:50px;padding: 14px 10px 13px 10px !important;}
/*thead, tbody*/
.table-type01 th:last-child,.table-type01 td:last-child { border-right: none; }
.table-type01 td { border:1px solid #efefef; /* border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;*/ }
/*.table-type01 tbody tr:last-child > td { border-bottom: 0; }*/
.table-type01 tbody td:first-child { border-left: none; }
.table-type04.write td {height:60px;padding:11px 20px 9px;}
.table-type04.write td input,
.table-type04.write td select {margin-top:-1px;}
.table-type01.write td {height:60px;}
.table-type01.write td input,
.table-type01.write td select {margin-top:-1px;}

/*tfoot*/
.table-type01-foot { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f7f7f7; text-align: right; padding: 16px 20px 16px 0; }
.table-type01-foot::after{ content: ''; display: table; clear: both }
.td-box { float: right; }
.td-box span { font-size: 16px; vertical-align: baseline; }
.td-box .money { padding: 0 2px 0 20px; font-size: 22px; text-align: right; }

/* 190528 추가 */
.table-wrap01 {border-top: 1px solid #333;border-bottom: 1px solid #ccc;}
.table-wrap01 + .table-type01-foot {border-top:0;}
.table-wrap01 + .table-wrap01 {margin-top:15px;}
.table-wrap01 + .table-wrap01.type01 {margin-top:27px;}
.table-wrap01.xflow {overflow-x:visible;}
.table-pc {display:block;}
.table-mobile {display:none;}

/* 20200527 김재원 추가 */
.borderbot-n {border-bottom:none !important;}

/* 글씨 색상 */
.f-color07 {color:#00397b !important;}
.f-color08 {color:red !important;}

/* 접근성 색상 관련 추가 */
[style="background: #e2e2e2"] [style="color: #ff6262"] {
    color: #fb4a4a !important;
}

/* strong */
strong {color:#333;font-weight:700;}

/*상단 msgbox*/
.com-msgbox {padding:32px 40px;background:#efefef;}
.com-msgbox.type02 {margin-top:40px;}
.com-msgbox + .common-stit {margin-top:37px;}
.com-msg01 {font-size:17px;line-height:30px;}
.com-msg02 {padding-left:35px;font-size:16px;color:#666;line-height:28px;text-indent:-14px;}

.com-msgbox .common-stit02 {margin-top:0;}


/* MOBILE ONLY */
/* 190521 수정 */
@media (max-width: 1100px) {
	html.responsive .table-type01 {background-color:#eeeff1;}
	html.responsive .table-type01 th, html.responsive .table-type01 td { padding: 0; border: none; font-size: 13px; background-color:#fff; }
	html.responsive .table-type01 th.respon { display: table-cell; }
	html.responsive .table-type01:after, html.responsive .table-type01 .session:before { content: ''; display: block; float: none; clear: both; width: 100%; height: 15px; background: #eeeff1; border-top: 1px solid #dedede; }
	html.responsive .table-type01 th[scope], html.responsive .table-type01 .session.child:before, html.responsive .table-type01 .session:first-child:before { display: none; }

	/* td 테이블화 */
	html.responsive .table-type01 .se-td {position: relative;display: table;table-layout: fixed;float: left;width: auto;border-top: 1px solid #ccc;align-items: center;}
	/* 모바일에서 td 안 요소들 형태 변환 */

	html.responsive .table-type01 .se-td .td-wrap button {/* margin: 0 5px;  20190603 삭제처리*/}
	html.responsive .table-type01 .se-td .td-wrap{ display: table-cell; font-size: 13px; padding: 12px 16px;/*20190603  수정 padding: 10px 16px;*/ text-align: left; }
	 html.responsive .table-type01 [data-cell-header]:before { display: table-cell; font-size: 13px; padding: 10px 16px; text-align: left; }/*20190603  분리*/
	/* td 안에 가상의 th 생성 */
	html.responsive .table-type01 [data-cell-header]:before { content: attr(data-cell-header); width: 145px; background: #f7f7f7; border-right: 1px solid #ccc; font-weight: 500; line-height: 15px; box-sizing: border-box; }
	html.responsive .table-type01 .se-td {width:100%;}
	html.responsive .table-type01 .se-td .td-wrap {}
	html.responsive .table-type01 .table-center:before { display: none; content: none; }
	html.responsive .table-type01 .table-center .td-wrap { width: 100%; text-align: center; }
	/* 데이터 없는 경우 추가 */
	html.responsive .table-type01 .no-data [data-cell-header]:before,
	html.responsive .table-type01 .child [data-cell-header]:before { display: none; }
	html.responsive .table-type01 .no-data .td-wrap,
	html.responsive .table-type01 .child .td-wrap { width: 100%; text-align: center; }

	/*잔액부분*/
	html.responsive .table-type01-foot { border-top: 2px solid #333; border-bottom: 1px solid #ccc; background: #fff; }
	html.responsive .td-box { width: 100%; display: table; table-layout: fixed; }
	html.responsive .td-box > span { font-size: 15px; display: table-cell; padding: 10px 0; }
	html.responsive .td-box .tal { padding-left: 15px; }
	html.responsive .td-box .won { width: 40px; padding-right: 15px; }
	html.responsive .td-box .money { padding: 0; font-size: 20px; }

	/* 190528 추가 */
	html.responsive .table-pc {display:none;}
	html.responsive .table-mobile {display:block;}
}

/*==========================
	유경
	table03 / table04
===========================*/
/*pc*/
.table-type03-m { display: none; }
.table-type03-w, .table-type04 { width: 100%; }
/*추가 - 190225*/
/* 190522 수정 */
.table-type03-w th[rowspan] { border-right: 1px solid #efefef; }
.table-type03-w tr:last-child th, .table-type03-w tr:last-child td, .table-type04 tr:last-child th, .table-type04 tr:last-child td  { border-bottom-width: 0px; }
.table-type03-w th, .table-type03-w td, .table-type04 th, .table-type04 td  { padding: 18px 20px 17px 20px; border-bottom: 1px solid #efefef; font-size: 14px; text-align: left; line-height: 22px; vertical-align: middle; }
.table-type03-w th, .table-type04 th { background: #f7f7f7; width: 249px; border-right: 1px solid #ccc; font-weight: 500; font-size: 14px; }
.table-type03-w td, .table-type03-m td, .table-type04 td {background: #fff; }
.table-type03-w td, .table-type04 td {height:50px;padding:6px 20px 4px 20px;}
.table-type03-w td {width: 520px;}
.table-type03-w th, .table-type04 th {padding: 15px 20px 14px 20px;}
.table-type03-w th
.table-type03-w td { width: 30.09% }
/* .table-type04 td { width: 81.02%; } */

/*모바일*/
@media (max-width: 1100px) {

	html.responsive .table-type03-w { display: none; }
	html.responsive .table-type03-m { display: table; }
	html.responsive .table-type03-m,
	html.responsive .table-type04 { width: 100%; }
	html.responsive .table-type03-m th, html.responsive .table-type03-m td { padding: 10px 16px; font-size: 13px; line-height: 15px; text-align: left; vertical-align: middle; }
	html.responsive .table-type04 th, html.responsive .table-type04 td { padding: 10px 16px; font-size: 14px; border-bottom: 1px solid #ccc; }
	html.responsive .table-type03-m th, html.responsive .table-type04 th { background: #f7f7f7; width: 43%; font-weight: 500; border-right: 1px solid #ccc; }
	html.responsive .table-type03-m td, html.responsive .table-type04 td { width: 57%; }

	/*20190603 수정*/
	html.responsive .table-type04 tbody tr:last-child th {border-bottom:0;}
	html.responsive .table-type04 tbody tr:last-child td {border-bottom:0;}
	/*--//20190603 수정*/
}

/*모바일*/
@media (max-width: 720px) {
	html.responsive .table-type04.type-col col {
		width: 100% !important;
	}

	html.responsive .table-type04.type-col th {
		display: block;
		width: 100% !important;
		height: auto;
		padding: 15px;
		border-right: none;
		border-bottom: 1px solid #f2f2f2;
	}

	html.responsive .table-type04.type-col td {
		display: block;
		width: 100% !important;
		height: auto;
		padding: 15px;
	}

	html.responsive .table-type04.type-col td::after {
		content: '';
		display: block;
		clear: both;
	}
}

/* 190523 추가   -  190531 수정*/
/* TABLE style01 */
.table-style01{ width: 100%; table-layout: fixed; text-align: center; color: #333;/* border-top: 1px solid #333; border-bottom: 1px solid #ccc; */position:relative;}
/* .table-style01:after {content:'';position:absolute;top:-1px;right:0;width:1px;height:101%;background:#fff;z-index:20;} */
.table-style01 th,
.table-style01 td { vertical-align: middle; word-break: break-all; padding: 17px 10px 16px 10px; font-size: 14px; line-height: 20px;}
.table-style01 td .td-wrap {line-height: 20px;}
.table-style01 thead tr { width: 100%; background: #f7f7f7; }
.table-style01 th { font-weight: 500; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.table-style01 td { border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.table-style01 thead tr th:last-child { border-right:none }
.table-style01 th.b-noline ,.table-style01 td.b-noline {border-bottom:1px solid #fff;}/*190613 추가*/
.table-style01 tbody tr:last-child th, .table-style01 tbody tr:last-child td {border-bottom:0}/*20190613 추가*/
.table-style01.pad-type4 td {padding:14px;}
.table-style01.large-table td {padding:30px 20px;}
.table-style01.large-table .td-line {line-height:20px;}

.col-style01 {width:80px;}
.col-style02 {width:150px;}

@media (max-width: 1100px) {
	html.responsive .table-style01 td {padding-left:10px !important;}
	html.responsive .col-style02 {width:115px;}
}

/* tab-basic */
.tab-basic {margin-top:40px;}
.popup-body02 .tab-basic {margin-top:0;}
.sub-title-area + .tab-basic {margin-top:0;}
.tab-basic-buttons {position: relative;overflow: hidden;}
.tab-basic-buttons-list {display: table; width: 100%; table-layout: fixed;}
.tab-basic-buttons-item {display: table-cell; border: 0 solid #ccc; border-top-width: 1px; border-bottom-width: 1px; padding: 11px 10px 10px; font-size: 16px; line-height: 22px; color: #666; vertical-align: middle; text-align: center; cursor: pointer;}
.tab-basic-buttons-item.type02 {width:135px;}
.tab-basic-buttons-item:first-child {border-left-width: 1px;}
.tab-basic-buttons-item:last-child {border-right-width: 1px;}
.tab-basic-buttons-item + .tab-basic-buttons-item:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; margin-left: -10px; border-left: 1px solid #ccc;}
.tab-basic-buttons-item.js-tabpanel-active,
.tab-basic-buttons-item.is-tab-basic-active {font-weight: 500; color: #fff; background-color: #00397b;}
.tab-basic-buttons-item.js-tabpanel-active,
.tab-basic-buttons-item.js-tabpanel-active:before,
.tab-basic-buttons-item.js-tabpanel-active + .tab-basic-buttons-item:before,
.tab-basic-buttons-item.is-tab-basic-active,
.tab-basic-buttons-item.is-tab-basic-active:before,
.tab-basic-buttons-item.is-tab-basic-active + .tab-basic-buttons-item:before {border-color: #00397b;}
.tab-basic-buttons-item-link {/* position: relative; */}
.tab-basic-buttons-item-link:before {/* content: ''; */display: block;position: absolute;top: -100px;left: -10px;right: -10px;bottom: -100px;}
.tab-basic-buttons-item.js-tabpanel-active:focus {border:3px dotted white;}
.tab-basic-buttons-item.disable {background: linear-gradient(-45deg, #eeeff1 25%, #fff0, #fff 50%, #eeeff1 0, #eeeff1 75%, #fff 0); background-size: 20px 20px;}
.tab-basic-buttons-item-link:hover {text-decoration: none;}
.tab-basic-panel[data-tab] {display: none;}
.tab-basic-panel[data-tab].js-tabpanel-opened {display: block;}
.tab-basic.margin-above {margin-top:50px;}
.tab-basic.type01 {margin-top:20px;}
.tab-basic.type01 .tab-basic-contents{padding-top:40px;}

.tab-basic-buttons-list.type-m .tab-basic-buttons-item {
    background: transparent;
    border: none;
    padding: 0;
}

.tab-basic-buttons-list.type-m .tab-basic-buttons-item + .tab-basic-buttons-item:before {border-color: #ccc;}

.tab-basic-buttons-list.type-m .tab-basic-buttons-item.js-tabpanel-active {
    color: #00397b;
}


/* .tab-basic-panel {margin-top:50px;} */
@media (max-width: 1100px) {
	html.responsive .tab-basic-buttons {overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 0; line-height: 0; white-space: nowrap; text-align: center; border-bottom: 1px solid #ddd;}
	html.responsive .tab-basic-buttons-list {display: inline-block; vertical-align: top; padding: 0 15px; width: auto;}
	html.responsive .tab-basic-buttons-item {position: relative; display: inline-block; vertical-align: top; padding: 0 6px; border: none; font-size: 13px; line-height: 35px;}
	html.responsive .tab-basic-buttons-item + .tab-basic-buttons-item:before {display: none;}
	html.responsive .tab-basic-buttons-item:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 2px solid #00397b; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transition: transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
	html.responsive .tab-basic-buttons-item.js-tabpanel-active,
	html.responsive .tab-basic-buttons-item.is-tab-basic-active {background: none; color: #00397b;}
	html.responsive .tab-basic-buttons-item.js-tabpanel-active:after,
	html.responsive .tab-basic-buttons-item.is-tab-basic-active:after {-webkit-transform: scale(1, 1); transform: scale(1, 1);}
	html.responsive .tab-basic-buttons-item + .tab-basic-buttons-item {margin-left: 12px;}
	html.responsive .tab-basic.margin-above {margin-top:0}
}

/* ui-accordion */
.ui-accordion-list {border-top: 1px solid #333;}
.ui-accordion-list + .ui-accordion-list {border-top-color: #ccc; margin-top: 20px;}
.ui-accordion-head {position: relative; padding-right: 61px; border-bottom: 1px solid #ccc; background: #f7f7f7;}
.ui-accordion-head.type02 {background:#ddd;}
.ui-accordion-head.last {margin-top:50px; border-top:1px solid #ccc;}
.ui-accordion-text {display: block; padding: 17px 20px; font-size: 22px; line-height: 26px; font-weight: 500;}
.ui-accordion-list.js-ui-accordion-wrap .ui-accordion-text {color: #868686;}
.ui-accordion-list.js-ui-accordion-wrap .ui-accordion-head-sub-agree .ui-accordion-text {color:#333 !important;}
.ui-accordion-opener {display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 60px; height: 100%; box-sizing: content-box; border-left: 1px solid #ccc; overflow: hidden;}
.ui-accordion-opener:before {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border: 1px solid #000; border-width: 0 2px 2px 0; margin: -7px 0 0 -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ui-accordion-item.js-accordion-opened .ui-accordion-text {color: #333;}
.ui-accordion-item.js-accordion-opened .ui-accordion-opener {background: #999;}
.ui-accordion-item.js-accordion-opened .ui-accordion-opener:before {border-color: #fff; margin-top: -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.ui-accordion-head-right {position: absolute; top: 0; right: 61px;}
.ui-accordion-head-right .radio-box.radio-agree-wrap {padding:20px 15px;}
.ui-accordion-head-right .radio-box.radio-agree-wrap .label-wrap:first-child:before {display:none;}
.ui-accordion-head-right .radio-box.radio-agree-wrap .label-wrap:first-child::after {display:none;}
.ui-accordion-head-right .radio-box.radio-agree-wrap .chk-label {color:#666;font-weight:500;}
.ui-accordion-head-right:last-child {right: 0;}
.ui-accordion-layer {position: relative; border-bottom: 1px solid #ccc;}
.ui-accordion-layer.js-ui-accordion-layer {display: none; height: 0;}
.ui-accordion-layer .component-layer-close-button {display: block; position: absolute; bottom: 100%; margin-bottom: 1px; right: 0; width: 60px; height: 60px;}
.ui-accordion-layer .slide-box-txt {border: none;}
.ui-accordion-head-sub-agree {background: none;}
.ui-accordion-head-sub-agree .ui-accordion-text {font-size: 16px; line-height: 20px; color: #333; padding-top: 20px; padding-bottom: 20px;}
.ui-accordion-head-right-checkebox {padding-bottom: 42px;}
.ui-accordion-head-right-checkebox .table {clear: both; border: none;}
.slide-box-top + .ui-accordion-list {border-top: none;}


@media (max-width: 1100px) {
	html.responsive .ui-accordion-list + .ui-accordion-list {margin-top: 10px;}
	html.responsive .ui-accordion-head {padding-right: 51px;display: flex;justify-content: space-between;}
	html.responsive .ui-accordion-text {padding: 15px 15px;font-size: 12px;line-height: 20px;}
	html.responsive .ui-accordion-opener {width: 50px;}
	html.responsive .ui-accordion-head-right {right: 51px;}
	html.responsive .ui-accordion-head-right:last-child {right: 0;}
	html.responsive .ui-accordion-head-right .radio-agree-wrap label {line-height: 20px;}
	html.responsive .ui-accordion-layer .component-layer-close-button {width: 50px; height: 50px;}
}

/* small-accordion */
.small-accordion-list {border: 1px solid #ccc;}
.small-accordion-item + .small-accordion-item {border-top: 1px solid #ccc;}
.small-accordion-head {position: relative; padding-right: 50px;}
.small-accordion-text {display: block; padding: 15px 20px; font-size: 14px; line-height: 20px; color: #666; font-weight: 500;}
.small-accordion-opener {display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 54px; height: 100%;}
.small-accordion-opener:before {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border: 1px solid #666; border-width: 0 2px 2px 0; margin: -8px 0 0 -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.small-accordion-item.js-accordion-opened .small-accordion-opener:before {margin-top: -3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.small-accordion-layer {position: relative; border-top: 1px solid #ccc;}
.small-accordion-layer.js-ui-accordion-layer {display: none; height: 0;}
.small-accordion-layer .component-layer-close-button {display: block; position: absolute; bottom: 100%; margin-bottom: 1px; right: 0; width: 54px; height: 50px;}
.small-accordion-layer .phone-slide-txt {display: block; border: none;}


/*=====================================
POPUP
DATE : 2019-02-11
WRITER : HJY
=======================================*/
/*POPUP 01********************************/
.popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; }
.dim-contents { width: 850px; height: auto; max-height: 820px; margin-top:-32.5px !important; top:50% !important; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; }
.dim-contents.paybooc-layer {max-height:700px;}
.dim-contents .content-wrap { position: relative; width: 100%; height: 100%; padding: 60px 30px 25px; }
.dim-contents .btn-close-l { position: absolute; top: 20px; right: 30px; }
.dim-contents .btn-close-l.type02 {font-size:0;}
.dim-contents .btn-close-l.type03 { top: 32px; }
.dim-contents .contents { width: 100%; height: 100%; overflow-y: auto; }
/* .dim-contents .notice-list { padding-bottom: 25px; } */
.dim-contents .notice-list li { padding-left: 15px; font-size: 14px; line-height: 23px; }
.dim-contents .notice-list li:first-child {margin-top:0;}
.dim-contents .notice-list li::before { width: 5px; height: 5px; margin-left: -15px; /*margin-top: 9px;*/ margin-top: 7px; background-color: #999; }
.dim-contents .content-box-wrap { width: 100%; padding: 30px; border: 1px solid #ccc;}
.dim-contents .content-box { padding: 26px; padding-bottom: 37px; border: 3px solid #928781; }
.dim-contents .content-box::after{ content: ''; display: table; clear: both; }
.dim-contents .content-header, .dim-contents .content-body { display: table; width: 100%; }
.dim-contents .con-item { display: table-cell; vertical-align: middle; text-align: right; }
.dim-contents .con-item:first-child { text-align: left; }
.dim-contents .con-item .lh150 {font-size:16px;}
.dim-contents .name-info, .dim-contents .name-info > span { font-size: 20px; font-weight: 500; }
.dim-contents .content-list { margin-top: 24px; padding: 25px 26px 45px; background: #f3f1ef; }
.dim-contents .content-table { width: 100%; margin-bottom: 20px; }
.dim-contents .content-table > li { display: table; width: 100%; table-layout: fixed; }
.dim-contents .content-table .th, .dim-contents .content-table .td { display: table-cell; text-align: left; font-size: 16px; font-weight: 500; padding: 8px 0; }
.dim-contents .content-table .th { width: 15%; }
.dim-contents .content-table .td { width: 85%; color: #06809b; }
.dim-contents .info-box { border-top: 1px dashed #d4d4d4; }
.dim-contents .info-box { padding-top: 20px; }
.dim-contents .info-box .con-info { font-size: 12px; line-height: 24px; }
.dim-contents .info-box .bank-name { font-size: 14px; font-weight: 500; }
.dim-contents .info-box .bank-sign { vertical-align: middle; margin-left: 10px; }
.dim-contents .content-foot { font-size: 0; }
.dim-contents .footer-info { position: relative; display: inline-block; padding: 0 12px 0 10px; margin-top: 7px; }
.dim-contents .footer-info:after { position: absolute; top: 50%; margin-top: -6px; right: 0; content: ''; width: 1px; display: inline-block; height: 12px; background: #333; }
.dim-contents .footer-info:last-child:after { display: none; }
.dim-contents .footer-info dt, .dim-contents .footer-info dd { display: inline-block; font-size: 12px; line-height: 24px; }
.dim-contents .footer-info dt { margin-right: 8px; }
.dim-contents .content-btn-wrap { text-align: center; padding: 40px 0 35px; }

@media (max-height: 800px) {
	.dim-contents {max-height:560px;}
	.dim-contents.paybooc-layer {max-height:560px;}
}

/* 유경추가 - 테이블 마진 */
.popup .info-table-area { padding-bottom: 30px; }
.popup .info-table-area.b0 { padding-bottom: 0; }
.dim-contents .info-table-area {margin-top:0;}
.dim-contents .info-table-area + .info-table-area {margin-top:40px;}
.dim-contents .tab-basic-contents {padding-top:21px;}
.dim-contents .info-table-area + .notice-list-wrap {padding-top:24px;}
.dim-contents .notice-list + .table-wrap01 {margin-top:20px;}
.dim-contents .notice-list + .info-table-area {margin-top:20px;}
.dim-contents .notice-list + .search-table-area {margin-top:20px;}
.dim-contents .table-title {margin-top:0;padding-bottom:0;}
.dim-contents .table-title + .table-wrap01 {margin-top:15px;}

@media (max-height:900px) {
	html.responsive .dim-contents {max-height:600px;/*overflow-y: scroll;*/}
	html.responsive .dim-contents .content-wrap {padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
	html.responsive .dim-contents .notice-list {padding-right:50px;}
}

/*20190527 추가*//*
.info-table-area {}
.info-table-area .table-type01 {border-bottom:0;position:relative;}
.info-table-area .table-type01:after {content:'';position:absolute;left:0;right:0;bottom:0;background:#ccc;height:1px;width:100%;}
/*-------------*/

/* MOBILE ONLY */
@media (max-width: 890px) {
	html.responsive .dim-contents { /* 40px은 팝업창 좌우 여백만큼 */ width:calc(100% - 40px); }
	html.responsive .dim-contents .notice-list li::before { margin-top: 5px; }
	html.responsive .dim-contents .content-wrap, html.responsive .dim-contents .content-box-wrap, html.responsive .dim-contents .content-box { padding-left: 2.78%; padding-right: 2.78%; }
	html.responsive .dim-contents .content-table { font-size: 13px; }
	html.responsive .dim-contents .content-table .th { width: 80px; }
	/* html.responsive .dim-contents .content-table .td { width: calc(100% - 80px); } */
 }

/*POPUP 02
  POPUP MD********************************/
.dim-contents.position-fixed { /*top: 10% !important;*/ }
.dim-contents.md { width: 700px; height: auto; }
.dim-contents .popup-head01 { position: relative; width: 100%; padding: 22px 30px 20px; background: #efefef; border-bottom: 1px solid #ccc; }
.dim-contents .popup-head01 .popup-title { font-size: 22px; font-weight: 500; }
.dim-contents .popup-head01.no-title { padding: 0; height: 65px; background-color: #fff; border-bottom: 0; }
.dim-contents .popup-body01 {max-height: 60vh;overflow-y: auto;padding: 40px 30px;}
.dim-contents .popup-body01.no-title { padding: 0 30px; }
.dim-contents .popup-body01 .body-des { margin-bottom: 15px; font-size: 18px; font-weight: 500; line-height: 1.2; }
/* .dim-contents .popup-body01 .notice-list { padding-bottom: 0; }
.dim-contents .popup-body01 .notice-list li { font-size: 14px; line-height: 1.2em; }
.dim-contents .popup-body01 .notice-list li:last-child { padding-bottom: 0; } */
.dim-contents .popup-foot01 { padding: 40px 30px 60px; text-align: center; border-top: 1px solid #ccc; background: #fff;}
.dim-contents .popup-foot01 button {margin:0 5px;}
.dim-contents .popup-foot01 .right {/*  margin-left: 8px; */ }
.dim-contents .popup-body01 .font-1rem li { font-size: 16px; }
/* .dim-contents .popup-body02 img {width:100%;} */
.dim-contents .popup-body02 .paybook-img img {width:100%;}
/* MOBILE ONLY */
@media (max-width: 740px) {
	html.responsive .dim-contents.md { /* 40px은 팝업창 좌우 여백만큼 */ width: calc(100% - 40px); }
	html.responsive .dim-contents .popup-foot01 .btn-small.left {margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}
	html.responsive .dim-contents .popup-head01 {display: none;}
	html.responsive .dim-contents .popup-head01 .popup-title { font-size: 18px; }
	html.responsive .dim-contents .popup-body01 .body-des { font-size: 15px; }
	html.responsive .dim-contents .popup-body01 .notice-list li { font-size: 12px; }
	html.responsive .dim-contents .popup-body01 .notice-list li::before { margin-top: 4px; }
}

/*POPUP 03********************************/
.dim-contents .popup-body01.content-body { min-height: 200px; }
.dim-contents .popup-body01 .body-msg { font-size: 24px;font-weight: 500; line-height: 1.5; text-align: center; }
.dim-contents .popup-body01 .body-msg.type01 {padding-top: 90px; background: url(/img/content/sbt/img_danger_msg.png) no-repeat top center / 60px;}
.dim-contents .popup-body01 .body-msg span { font-weight: 500; }
.dim-contents .popup-body01 .body-logout { font-size: 24px;font-weight: 300; line-height: 1.5; text-align: center; }
.dim-contents .popup-body01 .body-logout span { font-weight: 500; }

/*POPUP 04
  POPUP SM********************************/
.dim-contents.sm { width: 500px; height: auto; }
.dim-contents.sm.phone { width: 520px; height: auto; }
.dim-contents.sm .popup-body01 { padding: 80px 30px 40px; border-bottom: none; }
.dim-contents.sm .popup-foot01 { padding: 30px 30px 40px; }

/* MOBILE ONLY */
@media (max-width: 540px) {
	.dim-contents .popup-body01 .body-msg {font-size: 16px;}
	html.responsive .dim-contents { /* 40px은 팝업창 좌우 여백만큼 */width: calc(100% - 40px);border-radius: 15px;overflow: hidden;box-shadow: 0 0 5px #ccc;}
	html.responsive .dim-contents .popup-body01.content-body {min-height: 100px;}
}

/* 공과금 팝업 */
.dim-contents .document-area { border: none; margin-bottom: 0; padding: 0; }

.layout-container:before {content: '';display:block;position:fixed;top:0;left:-999999px;width:100%;height:100%;background:#000;z-index: 900;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
html.js-html-layer-opened .layout-container:before {left: 0;opacity: 0.8;}
html.js-html-layer-closed-animate .layout-container:before {opacity: 0;}


/*=====================================
	보안매체정보입력 - SECURITY
	DATE : 2019-02-14
	WRITER : HJY
=======================================*/
.sec-box-wrap { padding: 30px 20px 20px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* 190409 김유빈 padding값 수정 */
.sec-box-wrap02 {padding:30px 20px;border-top:1px solid #000;border-bottom:none;}
.sec-table02 { display: table; width: 100%; background: #f7f7f7; padding: 45px 75px; }
.sec-table-row02:first-child {margin-bottom:20px;}
.sec-table-cell02 { display: table-cell; vertical-align: middle; }
.sec-table-cell02:first-child {width:380px; font-size:20px;}
.sec-box.left { width: 550px; padding-right: 30px; }
.sec-box.right { width: 510px; padding-left: 30px; }
.sec-table { display: table; width: 100%; background: #f7f7f7; padding: 55px 75px; }
.sec-table .sec-table-row:first-child .sec-table-cell .btn-mouse, .sec-table .sec-table-row:first-child .sec-table-cell .icon-mouse { margin-left: -35px; }
.sec-table-cell { display: table-cell; vertical-align: middle; }
.sec-table-cell:first-child { width: 190px; font-size: 20px; }
.sec-table-cell .input-basic.double, .sec-table-cell .input-basic.single { float:left; font-size: 22px; color: #333; font-weight: 500; text-align: center; padding: 5px 10px; }
.sec-table-cell .input-basic.single:disabled { color: #333; }
.sec-table-cell .input-basic.double { max-width: 90px; height: 40px; text-align: left; padding: 5px 30px 5px 12px; }
.sec-table-cell .input-basic.single { max-width: 40px; height: 40px; }
.sec-table-cell .input-basic { margin-right: 5px; }
.sec-table-cell .btn-mouse, .sec-table-cell .icon-mouse { margin-left: -30px; }
/*.sec-table-cell .vitualKeyCheck { float: none !important; }*/
.sec-box .notice-i-list {display:inline-block; color: #333; line-height: 16px; padding:20px 0 15px 16px;margin-left:0; }
.sec-box .notice-list li {padding-bottom:0;line-height:28px;font-size:14px;}
.btn-sm-wh.resize { max-width: none; width: auto; padding-left: 15px; padding-right: 15px; }
.btn-sm-wh.small { max-width: 50px; }
.btn-sm-wh.ico_down {min-width:240px;padding:0 40px 0 15px; background:#fff url(/img/common/ico_down.png) no-repeat 95% center;text-align:left;/* 190528 calc삭제*/}
.sec-box .code-img { width: 480px; border-radius: 10px; overflow: hidden; }
.sec-box .code-img { width: 100%; }
.sec-box.right .txt-des { display: inline-block; padding-top: 15px; font-size: 11px; }
.condensed-head th, .condensed td { padding: 10px 20px; }
.condensed-thin td { padding: 10px !important; }
.condensed-thin td .btn-table { height: 40px; }
.condensed-type01 td { padding: 20px; }
.wide-table td { padding: 20px 10px; }
.code-table { width: 100%; padding: 40px 20px; border-bottom: 1px solid #ccc; }
.code-box {display:inline-block;}
.code-table .table-cell:first-child { width: 280px; }
.code-table .otp-img { width: 247px; }
.code-table .otp-img > img { width: 100%; }
.notice-i-list.trn-notice-i-list { margin-left: 10px; }
.notice-i-list.trn-notice-i-list.type02 { margin-left: 35px; }
.search-table-area .trn-notice-i-list { padding-left: 20px; }
.code-table.type02 {padding:21px 30px 0 15px;font-size:0;}
.code-table.type02 .notice-list{display:inline-block;margin-left:2px;vertical-align:67px;}

/* 190522 추가 */
@media (max-width: 1100px) {
	html.responsive .condensed th {padding:23px 16px;}
	html.responsive .condensed td {padding:13px 16px;}
}

/*=====================================================
	유경
	guide_item
=======================================================*/
/*mso-icon********************************/
.btn-mso-txt { font-size: 14px; padding: 2px 0 2px 23px; background-size: 16px, 16px; background-position: left center; background-repeat: no-repeat; color: #333; }
.btn-mso-s { width: 16px; height: 16px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-mso { width: 54px; height: 54px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-mso01 { background-image: url("/img/common/mso_icon01.png"); }
.btn-mso02 { background-image: url("/img/common/mso_icon02.png"); }
.btn-mso03 { background-image: url("/img/common/mso_icon03.png"); }
/*btn-close********************************/
.btn-close { background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-close-l { width: 23px; height: 23px; background-image: url("/img/common/btn_close_l.png"); }
.btn-close-s { width: 10px; height: 10px; background-image: url("/img/common/btn_close_s.png"); }
/*notice*/
.notice-i-list-wrap { margin-top:14px; }
td .notice-i-list-wrap { margin: 14px 0 -4px; }
.notice-i-list { font-size: 14px; color: #666; padding-left: 20px; line-height:25px; }
.notice-i-list::before { content: ''; width: 18px; height: 13px; background: url("/img/common/notice_icon_m.png") no-repeat left center; background-size: 13px; display: inline-block; margin-top:-2px; margin-left: -20px; vertical-align: middle; }
.notice-i-list.pt13 { padding-top:13px; }
.notice-list-sm {font-size: 11px; color: #cc0000; padding-top: 10px; padding-left: 20px; }
.notice-i-list.b-font { color: #333; }
.notice-list li .notice-i-list { font-weight: 300; }
.notice-list li .notice-i-list::before { width:18px; height:13px; background:url(/img/common/notice_icon_m.png) no-repeat left center; background-size:13px; background-color:transparent; display:inline-block; margin-top:4px; margin-left:0; vertical-align:middle; border-radius:inherit; }
/*notice i 모바일*/
/* 190520 수정 */
@media (max-width: 1100px) {
	html.responsive .notice-i-list-wrap {margin-top:10px; padding: 10px 16px; }
	html.responsive .notice-i-list { margin-top:10px; font-size: 11px; line-height:1.6; }
	html.responsive .notice-i-list-wrap + .btn-area button {margin-bottom:5px;}
	html.responsive .notice-i-list-wrap + .btn-area button + button {margin-top:5px;}
	/*ovvi 조회 팝업 2*/
	html.responsive .dim-contents .popup-foot01 {padding: 0 !important;display: flex;}
	html.responsive .dim-contents .popup-foot01 .btn-small {margin: 0;}
	html.responsive .dim-contents .popup-foot01 .right { margin-left: 0; }
}

/*datepicker******************************/
.ui-widget-content { background: #f7f7f7; color: #333; }
.ui-widget.ui-widget-content { border: 1px solid #999; }
.ui-datepicker { width: 307px !important; padding: 10px 24px; /**/ }
.ui-widget-header { background: none; border: none; }
/*년월*/
.ui-datepicker .ui-datepicker-title select { font-size: 18px; background: url("/img/common/cal_select_icon.jpg") no-repeat right 0px center;/*2019528 수정*/ }
.ui-datepicker .ui-datepicker-title { font-weight: 500; width: 72%; margin: 0 auto; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 40%; font-family: 'Pretendard'; }
.ui-datepicker table { font-size: 14px; }
.ui-datepicker select.ui-datepicker-year { margin-right: 20px; margin-left: 10px; }
/*버튼*/
.ui-datepicker-next.ui-corner-all, .ui-datepicker-prev.ui-corner-all { display: none; }


/*요일*/
.ui-datepicker th span { color: #999 !important; }
/*일*/
.ui-state-default, .ui-widget-content .ui-state-default { background: none; border: none; }
/*오늘*/
.ui-widget-content .ui-state-highlight { border: 1px solid #cc0000; }

/*선택일*/
.ui-state-active, .ui-widget-content .ui-state-active { color: #fff; position: relative; }
.ui-state-active::after { content: ''; width: 30px; height: 30px; background: #e3047f; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  z-index: -5; border-radius: 50%; }

.ui-datepicker td span, .ui-datepicker td a { padding: 10px 5px; text-align: center; border-radius: 50%; }
/*monthpicker*************************************/
[id*=monthpicker].ui-widget select { font-size: 18px; background: url("/img/common/cal_select_icon.jpg") no-repeat right 10px center; padding :3px 35px; }
/*년*/

/*월*/
.ui-state-default, .ui-widget-content .ui-state-default { padding: 10px 0px !important; cursor: pointer !important; }
.mtz-monthpicker .ui-state-active { background: transparent; color: #fff; position: relative; z-index: 10; }
.mtz-monthpicker .ui-state-active::after { content: ''; width: 30px; height: 30px; background: #e3047f; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -5; border-radius: 50%; }
/*detepicker 모바일*/
@media (max-width: 1100px) { html.responsive .ui-datepicker .ui-datepicker-header { padding: 5px; line-height: 1.2; } }
/*==========================
	유경
	lookup-01 (계좌상세조회)
===========================*/
.lookup-01-wrap {background: #f7f7f7;width: 100%;display: flex;}
.lookup-01-list { /*float: left;*/ width: 33.333%; padding: 22px 2.5%; /* border-bottom: 0;  */ border-right: 1px solid #ddd; display: table-cell; height: 100%; }
.lookup-01-list:last-child { border-right: 0; }
.lookup-01-list h5 { font-size: 16px; margin-bottom: 14px; line-height: 20px; }
.lookup-01-list p {font-size: 16px;margin-bottom: 13px; width: 100%;}
.lookup-01-list p > span {
	font-size: 16px;
	display: inline-block;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lookup-01-list span { font-size: 22px; font-weight: 500; word-break: break-all; }
.lookup-01-list span.type01 {display: block;margin-top: 8px;font-size: 18px;font-weight: 300;color: #777;}
.lookup-01-list span span{ font-size: 16px; font-weight: 300; margin-top: 3px; margin-left: 5px; }
.font-sizeup { font-size: 18px !important; margin-top: -2.5px; }
/* tool 추가*/
.tool-number { text-decoration: underline; }
/*모바일*/
/* 190520 수정 */
@media (max-width: 1100px) {
	html.responsive .lookup-01-wrap {display: block;}
	html.responsive .lookup-01-list {width: 100% !important;height: fit-content;padding: 17px 16px 18px;border-bottom: 1px solid #ccc;border-right: 0;float: left;}
	html.responsive .lookup-01-list:first-child {border-top: 1px solid #ccc;}
	html.responsive .lookup-01-list h5 { font-size: 15px; float: left; margin-bottom: 0; }
	html.responsive .lookup-01-list p {float:left;margin-bottom:0;font-size:13px;}
	html.responsive .lookup-01-list > span { font-size: 17px; float: right; margin-top:3px;}
	html.responsive .lookup-01-list span span{ font-size: 13px; margin-left: 6px; }
	html.responsive .font-sizeup { font-size: 15px !important; margin-top: 0; }
	.lookup-01-list p > span {max-width: 100%;}
 }

/*=====================================================
	guide_item
	writer : PEY;
=======================================================*/
.h-title{ font-size: 24px; margin: 20px 0; font-weight: 500; }
.h-sub{ font-size: 14px; font-weight: 500; margin: 10px 0; width:100%; }

/*---------input-style(은영)--------*/

.input-box{ width:100%; }
.input-basic, .select-basic{ width:100%;max-width: 400px; height:40px;line-height: 40px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;background: #fff;padding: 0 10px;font-size: 14px;}

.input-basic-box {
    display: flex;
    border: 1px solid #ccc;
    max-width: 400px;
    height: 40px;
    align-items: center;
    padding: 10px;
}

.input-basic-box label {
    font-size: 12px;
    width: 65px;
    margin-right: 10px;
}

.input-basic-box input {
	flex: 1;
}

/* modified by HJY - 190220 */
input[type="password"] { padding: 1px 40px 0 10px; height: 40px; letter-spacing: 1px; font-size: 14px; }

.input-basic.xxxs, .select-basic.xxxs { max-width: 75px; }
.input-basic.xxss, .select-basic.xxss { max-width: 90px; }
.input-basic.xxs, .select-basic.xxs { max-width: 124px; }
.input-basic.xs, .select-basic.xs { max-width: 150px; }
.input-basic.sm, .select-basic.sm { max-width: 200px; }
.input-basic.md, .select-basic.md { max-width: 300px; }
.input-basic.w167, .select-basic.w167 {	max-width: 167px !important;}
.input-basic.w170, .select-basic.w170 {	max-width: 170px !important;}
.input-basic.w227, .select-basic.w227 {	max-width: 227px !important;}
.input-basic.w270, .select-basic.w270 {	max-width: 270px !important;}
.input-basic.w285, .select-basic.w285 {	max-width: 285px; }
.input-basic.w340, .select-basic.w340 {	max-width: 340px; }
.input-basic.w410, .select-basic.w410 {	max-width: 410px; }
.input-basic.w195, .select-basic.w195 {	max-width: 195px; }
.input-basic.w290, .select-basic.w290 {	max-width: 290px !important;}
.input-basic.w525, .select-basic.w525 {	max-width: 525px !important;}
.input-basic.w115, .select-basic.w115 {	max-width: 115px !important;}
.input-basic.w930, .select-basic.w930 {	max-width: 930px !important;}
.input-basic.w380, .select-basic.w380 {	max-width: 380px;}
.input-basic.w245, .select-basic.w245 {	max-width: 245px;}
.input-basic.w400, .select-basic.w400 {	max-width: 400px !important;}
.select-basic.w180 { max-width: 180px; }
.input-basic.w-jumin { max-width: 270px; margin-right: 10px; }
.input-basic.w-jumin2 { max-width: 187px;}
.input-basic.w-bnum { max-width: 175px; }
.input-basic.w-lifetime01 { max-width: 60px; margin-right: 0}
.input-basic.w-lifetime02 { max-width: 314px; }
/* // modified by HJY - 190220 */

.input-basic::placeholder{ color: #333; }
.input-active{ border-color:#333; }
.input-mouse{ background: #fff url(/img/common/icon_mouse.png) no-repeat right 10px center / 16px; }
.input-basic.pass.merge-icon {margin-right:0;}
.input-basic.pass.merge-icon + .vitualKeyCheck .icon-mouse {margin-left:-30px;}
.vitualKeyCheck { position: relative; }
.vitualKeyCheck ~ .trn-notice-i-list { padding-left: 20px; }
.space-modi .vitualKeyCheck ~ .trn-notice-i-list { line-height: 1.2; }
.space-modi .radio-box-wrap .radio-box { margin-top: 0; }
.search-table-area .vitualKeyCheck { float: left; }
.btn-mouse{ position: absolute; left: 0; top: 0; width: 30px; height: 40px; margin-left: -40px; vertical-align: bottom; border: 1px solid red; opacity: 0; cursor:pointer; }
.icon-mouse{ width: 30px; height: 40px; margin-left: -40px; vertical-align: bottom; opacity: 1; background: url(/img/common/icon_mouse.png) 0/16px 24px no-repeat; cursor: pointer; }
.icon-mouse02{ width: 30px; height: 40px; margin-left: -30px; vertical-align: bottom; opacity: 1; background: url(/img/common/icon_mouse.png) 0/16px 24px no-repeat; cursor: pointer; }
.btn-mouse:checked + i{ background: url(/img/common/icon_keyboard.png) 0/25px 20px no-repeat; }
.chk-basic:focus ~ .icon-chk, .btn-mouse:focus + i { outline: 1px dashed #000; outline: -webkit-focus-ring-color auto 5px; }
/*.vitualKeyCheck { float: left; }*/

/* 최유정 추가 */
.btn-mouse-checkbox{ width: 30px; height: 40px; margin-left: -40px; position: absolute; background: url(/img/common/icon_mouse.png) 0/16px 24px no-repeat; }
.btn-mouse:checked{ background: url(/img/common/icon_home.png) 0/16px 24px no-repeat; }
.input-www{ background: #fff url(/img/common/icon_www.png) no-repeat right 10px center / 13px; }
.input-www.input-basic { padding-right: 30px; text-align: right; }
.input-basic::placeholder{color:#888;}
.input-basic:-ms-input-placeholder { color: #888;}
.input-basic::-ms-input-placeholder { color: #888;}
.input-basic::-moz-placeholder { color: #888;}
.select-basic{ border-color: #ccc; color:#333; line-height: 1.2em; background: #fff url(/img/common/icon_select_333.png) no-repeat right 10px center / 20px; }
.select-active{ color: #333; border-color:#333; }
.date-box2::after { content: ''; display: block; clear: both; }
.date-box2 { display:inline-block; }
.date-basic{ background: #fff url(/img/common/icon_date.png) no-repeat right 10px center / 20px; }
.date-basic2{width:186px;/* background: #fff url(/img/common/icon_date.png) no-repeat right 10px center / 20px; */}
.datemid{display: inline-block;min-width: 26px;line-height: 40px;text-align: center;font-weight: 500;font-size: 18px;color: #333; vertical-align:middle;}
.datemid0{ display: inline-block; width: 0; line-height: 40px; text-align: center; font-weight: 500; font-size: 18px; color: #333; vertical-align:middle; }
.datemid02{ display: inline-block; width: 27px; line-height: 40px; text-align: center; font-weight: 500; font-size: 18px; color: #333; }
.accmid{float:left; display: inline-block; width: 26px; line-height: 40px; text-align: center; font-weight: 300; font-size: 18px; color: #333; vertical-align:middle; }
.text-basic { width: 100%; height: auto; min-height: 100px; max-width: 400px; padding: 11px 10px; border: 1px solid #ccc; background-color: #fff; resize: vertical; font-size: 14px; line-height: 1.2em; text-align: left; }
.text-basic.readonly, .text-basic.disable, .text-basic.error { resize: none; }
.algo{ padding:170px 0 40px; }
.success{ border-color: #00397b; }
.error{ cursor: default; background-color: #faeaea; border-color:#cc0000; color:#cc0000; }
.error::placeholder{color:#cc0000;}
.error:-ms-input-placeholder { color: #cc0000;}
.error::-ms-input-placeholder { color: #cc0000;}
.error::-moz-placeholder { color: #cc0000;}
.disable{ cursor: default; background-color: #eeeff1 !important; color: #888; }
.readonly{ cursor: default; background-color: #eeeff1 !important; }
.input-date{ position: relative; }
.input-date span{ position: absolute; }
.in-small{ width:90px; margin-left:20px; text-align: right; }
.in-small::placeholder{color:#888;}
.in-small:-ms-input-placeholder { color: #888;}
.in-small::-ms-input-placeholder { color: #888;}
.in-small::-moz-placeholder { color: #888;}

/*---------button-style(은영)--------*/

.btn-basic, .btn-print, .btn-down, .btn-add, a.btn-basic { width: auto; min-width:220px; padding: 16px 10px 14px; font-size: 20px; color:#fff; font-weight: 500; }
a.btn-basic {display: inline-block;padding: 21px 10px 19px;}
.btn-basic, a .btn-basic {background: #666;}
.btn-print {background:url('/img/common/icon_print.png') no-repeat 58px 50%, #666;}
.btn-down {background:url('/img/common/icon_down.png') no-repeat 58px 50%, #666;}
.btn-add {background:url('/img/common/icon_add.png') no-repeat 75px 50%, #666;}
.btn-basic span { color: inherit; font-weight: 500; }
.btn-print, .btn-down, .btn-add { padding: 12px 10px 10px; }
.btn-print span, .btn-down span, .btn-add span { margin-left:45px;vertical-align:middle; color:#fff; font-weight: 500; line-height: 28px; }
.btn-active{ background: #000; }
.btn-print.btn-active {background:url('/img/common/icon_print.png') no-repeat 58px 50%, #000;}
.btn-down.btn-active {background:url('/img/common/icon_down.png') no-repeat 58px 50%, #000;}
.btn-add.btn-active {background:url('/img/common/icon_add.png') no-repeat 75px 50%, #000;}
/* .icon-print, .icon-down, .icon-add { display: inline-block; vertical-align: middle; width:32px; height:32px; margin-top:-2px; margin-right: 10px; background: url(/img/common/icon_print.png) no-repeat center; }
.icon-down { background: url(/img/common/icon_down.png) no-repeat center; }
.icon-add { background: url(/img/common/icon_add.png) no-repeat center; } */
.btn-clickbox{ padding-top: 10px; }
.btn-clickbox:after { content: ''; display: block; float: none; clear: both; }
.btn-clickbox button{ margin-right: 10px; }
.btn-small{ width:100%; max-width: 150px; height: auto; padding: 12px 0; background: #666; font-size: 16px; color:#fff; font-weight: 500; }
.btn-small-active { background: #000 }
.btn-sm-wh{ width:100%; max-width: 120px; height: 40px; background: #fff; border:1px solid #ccc; border-bottom:2px solid #ccc; color: #333; padding: 12px 0; font-size: 14px; }
.btn-sm-whactive{ border-bottom:2px solid #999; border-color: #999; }
.btn-ctactive{ position: relative; }
.btn-ctactive::after{ max-width: 220px; position: absolute; content: ''; top:0; left:0; background: rgba(0,0,0,0.3); width: 100%; height: 100%; }
.btn-ctactive span{ position: relative; z-index: 5; display: inline-block; color:rgba(255,255,255,1); font-weight: 500; }
.btn-thin { width:100%; max-width:80px; padding:4px 0; border:1px solid #ccc; font-size: 12px; color: #333; border-bottom: 2px solid #ccc; background: #fff; }
.btn-thin.active{ color: #333 !important; border-color: #999 !important; }
.btn-thin.disable { background-color: #efefef !important; border-color: #ccc !important; }
.btn-thin.sm{ max-width: 40px; width:100%; }
.btn-thin.resize { width: auto; max-width: inherit; padding: 4px; }
.btn-plus{ max-width:80px; padding: 22px; width: 100%; border: 1px solid #000; background: transparent;  }
.btn-plus span{ display: none; }
.icon-plus{ width:34px; height: 34px; background: url(/img/common/icon_plus.png) no-repeat center / 34px; vertical-align: middle;  }

.btn-sm {
    width: 70px;
    min-height: 35px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #111;
}

.btn-grey {
    background: #666;
    border-color: #666;
    color: #fff;
}

.open-btn-wrap {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    border-top: 1px solid #ccc;
}

.open-btn {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.open-btn::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url('/img/common/icon_slide_up.png') no-repeat center /contain;
	transform: scaleY(-1);
    transition: all .5s ease;
}

.open-btn.on::after {
	transform: scaleY(1);
}

.btn-basic.btn-cer01,
.btn-basic.btn-cer02 {
    background: #666 url(/img/content/cer/icon_chce_01.png) no-repeat 45px center;
    padding-left: 35px;
}
.btn-basic.btn-cer02 {
    background-image: url(/img/content/cer/icon_chce_02.png);
}

/*---------radio-style(은영)--------*/

.priod-box1{ position: relative; display: inline-block; margin-bottom: 6px; }
.btn-radio{ opacity: 0; position: absolute; width:100%; height: 100%; cursor: pointer; }
.radio-basic{ display: inline-block; color:#333; vertical-align: middle; font-size: 12px; width:80px; text-align: center; padding: 5px 0; border:1px solid #ccc; border-bottom: 2px solid #ccc; background-color: #fff; /*background-color: #eeeff1;*/ }
.radio-box, .radio-box2{ position: relative; display: inline-block; }
.radio-box2 .btn-radios + label{ line-height: 40px; }
.btn-radios{ position: absolute; top:0; left:0; opacity: 0; width:100%; height: 100%; background: transparent;}
.btn-radios:focus + label, .btn-radio:focus + label {outline:-webkit-focusring-color auto 5px; outline:1px dashed #000;}
.btn-radio:checked + .radio-basic{ background-color:#fff; }
.btn-radios + label { position: relative; padding-left: 25px; font-weight: 500; color: #666; font-size: 16px; cursor:pointer; }
.btn-radios + label:after{ content: ''; position: absolute; top:0px; left:0; width:16px; height: 16px; background: url(/img/common/btn_radio_off.png) no-repeat center / 16px; }
.btn-radios:checked + label:after{ content: ''; position: absolute; top:1px; left:0; width:16px; height: 16px; background: url(/img/common/btn_radio_click.png) no-repeat center / 16px; }
input[type="radio"].disable+label { color: #999; cursor:default; }
input[type="radio"].disable+label:after { opacity: 0.5; }
.btn-show-list { display: inline-block; position: relative; width: 300px; height: 50px; padding: 0; background-color: #fff; color:#363636; font-size: 16px; border:1px solid #333333; }
.btn-show-list:before{ content: ''; width:24px; height: 2px; background: #333; position: absolute; top:46%; right: 20px; display: block; }
.btn-show-list::after{ content: ''; width:10px; height: 10px; border-bottom:2px solid #333; border-left:2px solid #333; position: absolute; top:36%; right: 20px; transform: rotate(225deg); display: block; }
.btn-show-list.option span{ display: inline-block; vertical-align: middle; }
.btn-show-list.option .icon-list{ display: none; }
.chk-wrap{display: inline-block;vertical-align: middle;}
.label-wrap {position: relative;display: inline-block;vertical-align: middle;}
.chk-basic{position: absolute;top: 0;left: 0; /*20220310 접근성 개선 임시 해제*/z-index: 5;width:100%;height: 100%;background: transparent;cursor: pointer;}
.chk-basic.type01{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);cursor:pointer;top: initial;left: initial;opacity: 1;z-index: 1;background: initial;}
.chk-out{ content: ''; position: absolute; width: 100%; height: 100%; }
.chk-out.type01 {font-size: 0;}
.chk-basic:focus + .chk-out{ outline: -webkit-focus-ring-color auto 5px; }
i.icon-chk{	vertical-align: middle; width: 20px; height: 20px; background: url(/img/common/icon_chk_off.png) no-repeat center / contain; display: table-cell; }
.chk-basic:checked~i {vertical-align: middle;width: 20px;height: 20px;background: url(/img/common/icon_chk.png) no-repeat center / contain; }
.chk-wrap.type01 .chk-basic:checked~i{background: url(/img/common/icon_chk2.png) no-repeat center / contain;}
.chk-label{font-size: 14px;color: #333;display: table-cell;padding-left: 10px;line-height: 1.2; text-align: left;vertical-align:middle; }
.ods-chk-label{font-size: 18px;color: #333;display: table-cell;padding-left: 10px;line-height: 1.2; text-align: left;vertical-align:middle; font-weight: 500; }
input[type="checkbox"].disable~i { opacity: 0.5; }
input[type="checkbox"].disable~.chk-label { color: #999; }

/*mso-icon********************************/
.btn-mso-txt { font-size: 14px; padding: 1px 0 1px 23px; background-size: 16px, 16px; background-position: left center; background-repeat: no-repeat; color: #333; }
.btn-mso-s { width: 16px; height: 16px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-mso { width: 54px; height: 54px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-mso01 { background-image: url("/img/common/mso_icon01.png"); }
.btn-mso02 { background-image: url("/img/common/mso_icon02.png"); }
.btn-mso03 { background-image: url("/img/common/mso_icon03.png"); }
/*btn-close********************************/
.btn-close { background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-close-l { width: 23px; height: 23px; background-image: url("/img/common/btn_close_l.png"); }
.btn-close-s { width: 10px; height: 10px; background-image: url("/img/common/btn_close_s.png"); }


/*tooltip-box*/

.tool-box{ position: relative; }
.tooltips{display:none;min-width: 150px; position: absolute; padding: 10px; background: #fff; -webkit-box-shadow: 15px 12px 46px -1px rgba(127,127,127,0.68); box-shadow: 15px 12px 46px -1px rgba(127,127,127,0.68); border:1px solid #000; z-index: 5; bottom: 35px; left:50%; transform: translateX(-50%); }
.tooltips:after{ content: ''; display: block; position: absolute; bottom:-5px; left:45%; width:8px; height: 8px; border-bottom:1px solid #000; border-right:1px solid #000; background: #fff; transform:rotate(45deg); z-index: 10; }
.btn-close{ float: right; }
.icon-close{ width:10px; height: 10px; background: url(/img/common/btn_close.png) no-repeat center; }
.tooltips-ul{padding: 20px 0 10px;}
.tooltips-ul li { text-align: left; font-size: 12px; color: #333; margin-bottom: 10px; }
.tooltips-ul li:last-child{ margin-bottom: 0; }
.tooltips-ul li a{ position: relative; display: inline; text-align: left; text-decoration: underline; }
.tooltips-ul li a:active, .tooltips-ul li a:focus { font-weight: 500; }

.tool-box .btn-close-box {
    position: absolute;
    top: 10px;
    right: 10px;
}
/*
.tool-under{ content: ''; position: absolute; bottom: -2px; left: 0; width:100%; height: 1px; border-bottom:1px solid #333; }
.under-active{ border-bottom: 1.5px solid #333; }
.tool-active{ font-weight: 500; }*/
.table-type04 td.dep {padding:10px 20px 5px;}
.search-table-area .trn-notice-i-list05 { padding-left: 20px;margin:10px 10px 0 0;line-height:1; }
.trn-notice-i-list05 {display:inline-block;}
.trn-notice-i-list{ display: inline-block; line-height: 40px; padding-left: 35px; }
.trn-notice-i-list::before{ width: 13px; margin-right: 5px; }
.trn-notice-i-list02{ line-height: 40px; white-space: nowrap; display: inline-block; margin-left: 10px; }
.trn-notice-i-list03{ line-height: 40px; white-space: nowrap; font-size:14px;}
.trn-notice-i-list04{display:inline-block;margin-top:10px;white-space: nowrap;font-size:14px;}
.trn-notice-i-list ~ .date-box2 { margin-right: 10px; }
.trn-notice .date-box2 { margin-right: 10px; }
.trn-rowbox{ clear: both; width: 100% }
.trn-rowbox .input-basic{ max-width: 250px; }
.trn-rowbox .input-www{ max-width: 280px; }
.trn-rowbox label{ display: inline-block; vertical-align: middle; line-height: 40px; }
.trn-rowbox .chk-wrap, .phone-wrap .chk-wrap{ line-height: 40px; margin-left: 5px; }
.table-type02-foot{ padding:0; }
.table-type02-foot .td-box{ width:calc(35.1% - 20px); float: left; padding: 18px 20px; }
.table-type02-foot .td-box02{ width:65%; display: inline-block; float:right; }
.table-type02-foot .tal{ width:34%; display: inline-block; text-align: left; padding-top:4px; }
.table-type03-foot{ padding: 18px 20px; position: relative; }
.table-type03-foot .btn-clickbox{ width:49.7%; display: inline-block; padding-top: 0; text-align: left; position: absolute; left: 20px; top:10px; }
.table-type03-foot .td-box{ width:50%; display: inline-block; }
.wide-table th{ padding:22px 10px; }
.wide-table td{ padding:22px 10px; }
.trn-buttonwrap{ width:100%; clear: both; }
.btn-clickbox{ width:100%; clear: both; }
.lookup-02-wrap, .lookup-03-wrap{ background: #f7f7f7; }
.lookup-02-wrap li{ width:50%; padding: 20px 40px; }
.lookup-02-wrap h5, .lookup-03-wrap h5{ margin-bottom: 8px; }
.lookup-02-wrap span, .lookup-03-wrap span{ font-size: 22px; vertical-align: baseline; }
.lookup-02-wrap .lookup-result, .lookup-03-wrap .lookup-result{ display: inline-block; font-size: 16px;	font-weight: 300; padding-left: 8px; }
.lookup-02-wrap .lookup-03result, .lookup-03-wrap .lookup-03result{ display: inline-block; }
.look-rut::after{ content: ''; display: block; float: left; width: 1px; height: 22px; margin: 0 20px; background-color: #ccc; }
.lookup-03-wrap li{ width:33.3%; }
.list-date li{ float: left; font-size: 11px; }
.list-date li::after{ content: ''; display: block; float: left; width: 1px; height: 11px; margin: 0 10px; background-color: #ccc; }
.list-date li:first-child::after{ display: none; }
.list-date li:nth-child(2)::after{ background: #ccc; }
.slide-box-area.agree {margin-top:40px !important;}

/* 김재원 */

.margin-b {margin-bottom:20px;}
.acco-tag {display:inline-block;min-width:65px;padding: 5px 3px 4px;margin-left:10px;color:var(--main-clr);font-size:12px;text-align:center;box-sizing:border-box;background:#fff;border:1px Solid var(--main-clr);border-radius:13px;}
.stopacco-tag {display:inline-block;min-width:65px;padding: 5px 3px 4px;margin-right:10px;margin-bottom:10px;color:#d80000;font-size:12px;text-align:center;box-sizing:border-box;background:#fff;border:1px Solid #d80000;border-radius:13px;}
.title .acco-tag {margin-left:0;}

/* 금리인하 신청 결과 동의 */
.consent-txt {width:100%;margin:26px 0 20px;text-align:center;font-size:21px;}

/*-------------미디어쿼리-------------*/

@media (max-width: 1100px) {
	html.responsive {overflow-x: hidden;}
	html.responsive .input-basic {padding:0 13px !important;line-height: 40px;}
	html.responsive .input-basic, html.responsive .select-basic{max-width: none;font-size: 13px;padding:7px 13px;margin-right:0;}
	html.responsive .text-basic { font-size: 14px; max-width: none; padding:10px 3.7%; resize: none; }
	html.responsive .btn-basic{ width: 100%; height: auto; padding:12px 0 11px; font-size: 15px; }
	html.responsive .btn-ctactive{ height: auto; font-size: 15px; font-weight: 300; max-width: none; }
	html.responsive .btn-ctactive::after{ max-width: none; }
	html.responsive .slide-box-area.agree {margin-top:0px !important;}
	html.responsive .btn-print,
	html.responsive .btn-down,
	html.responsive .btn-add { width: 100%; padding: 8px 0 7px; }
	html.responsive .btn-print span,
	html.responsive .btn-down span,
	html.responsive .btn-add span { font-size:15px; line-height: 20px; }
	html.responsive .btn-small{ font-size: 15px; max-width: none; }
	html.responsive .btn-sm-wh{ max-width: none; }
	html.responsive .btn-sm-wh.agree {margin:10px 0 0 !important}
	html.responsive .radio-basic{ width: 60px; font-size: 13px; padding: 8px 0; background-color: #eeeff1; border:none;     color:#363636; }
	html.responsive .btn-radio:checked + .radio-basic{ background-color:#fff; }
	html.responsive .btn-reset{ display: none; }
	html.responsive .btn-thin {max-width: none;height: auto;width:43.7%;font-size: 13px;padding: 7px 0;border-radius: 2px;}
	html.responsive .btn-quartet {
		width: 100%;
		padding: 10px;
	}
	html.responsive .btn-quartet .btn-thin,
	html.responsive .btn-quartet .tool-box {
	    width: 100%;
	}
	html.responsive .btn-radios + label { font-weight: 300; padding-left: 25px; color: #363636; font-size: 14px; }
	html.responsive .btn-radios + label:after{ content: ''; position: absolute; top:0px; left:0; width:16px; height: 16px; background: url(/img/common/btn_radio_off.png) no-repeat center / 16px; }
	html.responsive .btn-radios:checked + label:after{ content: ''; position: absolute; top:0px; left:0; width:16px; height: 16px; background: url(/img/common/btn_radio_click.png) no-repeat center / 16px; }
	html.responsive .btn-radios:checked + label:after{ content: ''; position: absolute; top:0px; left:0; width:16px; height: 16px; background: url(/img/common/btn_radio_click.png) no-repeat center / 16px; }
	html.responsive .date-box2{ max-width: none; }
	html.responsive .date-basic{ background: #fff url(/img/common/icon_date.png) no-repeat right 3.7% center / 20px; }
	html.responsive .date-basic2{ position: relative; width:calc(50% - 12px); background: #fff url(/img/common/icon_date.png) no-repeat right 8.7% center / 20px; }
	html.responsive .datemid{ display: inline-block; min-width: 24px; line-height: 40px; font-size: 14px;}
	html.responsive .datemid0{ display: inline-block; width: 24px; line-height: 40px; font-size: 14px;}
	html.responsive .btn-show-list{ display: inline-block; border: 1px solid #333; padding: 8px 8.52%; color: #333; font-size: 15px; width:auto; height: auto; }
	html.responsive .btn-show-list.option{ width:100%; color: #363636; border: 1px solid #bbb; }
	html.responsive .btn-show-list.option span{ display: inline-block; vertical-align: middle; }
	html.responsive .btn-show-list.option .icon-list{ display: inline-block; vertical-align: middle; width:10px; height: 10px; background: url(/img/common/icon_list.png) no-repeat center / contain; }
	html.responsive .btn-show-list:before{ display: none }
	html.responsive .btn-show-list::after{ display: none; }
	html.responsive .btn-plus{ max-width:none; padding: 12px 0; border: 1px solid #000; border: 1px solid #e4e4e4; background: #fff; }
	html.responsive .btn-plus span{ vertical-align: middle; color: #363636; font-weight: 500; font-size: 15px; display: inline-block; }
	html.responsive .icon-plus{ width:20px; height: 15px; background: url(/img/common/icon_select_333.png) no-repeat center / 16px; vertical-align: middle; }
	html.responsive .chk-label{ margin-left: 0; color: #666666; font-size: 12px; padding-left: 5px; }
	html.responsive .ods-chk-label{ margin-left: 0; color: #333; font-size: 16px; padding-left: 5px; font-weight: 500; }
	html.responsive .trn-buttonwrap button{ max-width: 60px; font-size:13px; padding: 8px 0; background: #eeeff1; border: none; }
	html.responsive .tooltips{ left:68px; }
	html.responsive .tooltips li{ margin-bottom: 4px; line-height: 20px; }
	html.responsive .tooltips li a{ /*max-width: 120px;*/word-break: break-all; text-decoration: underline; text-underline-position: under; font-size: 10px; }
	html.responsive .tooltips span{ display: none }
	html.responsive .input-basic.input-won {padding-right: 40px !important;line-height: 39px;}

	/* 190312 현정 h3 타이틀 설명폰트 크기추가 */
	html.responsive .table-exp.fr { font-size:12px; text-align:left; float:left !important; }

	/* 190527 추가 */
	html.responsive .date-box2 .input-area {max-width:83%;}
	html.responsive .date-box2 .datemid + .input-area {display:block;margin-top:7px;}
	html.responsive .date-box2 .datemid0 + .input-area {display:block;margin-top:7px;}

	html.responsive .icon-print,
	html.responsive .icon-down,
	html.responsive .icon-add {width:25px;height:25px;margin-right:5px;background-size:auto 25px;}
 }

/*===============================
	시영
================================*/
.btn-mso-txt { min-height: 16px; }
.btn-mso04 { background-image: url(/img/common/mso_icon04.png); }

/*=====================================
	1) 테이블 버튼 - 반응형 / PC
	2) 공통 라디오 버튼 스타일 추가
	DATE : 2019-02-20
	WRITER : HJY
=======================================*/
.btn-double, .btn-trio { margin: auto; }
.btn-double.sm { width: 85px; }
.btn-double.lg { width: 165px; }
.btn-trio { width: 170px; }
.btn-trio.type02 {width: 157px;}
.btn-trio.type03 {width: 190px;display: flex;justify-content: center;}
.btn-quartet {width: 215px;justify-content: center;gap: 4px;}

.btn-trio.type02 > .tool-box {float:none; display:inline-block; vertical-align:middle; margin-right:2px !important}
.btn-trio.type02 > button {float:none; display:inline-block; vertical-align:middle; margin-right:2px !important}
.btn-trio > .tool-box {float: left; margin-right: 5px !important; margin-bottom: 0;}
.btn-trio > .tool-box, .btn-double > .tool-box { width: 54px; }
.btn-double > .tool-box, .btn-double > button, .btn-trio > button { float: left; margin-right: 5px !important; margin-bottom: 0; } /*20190604 수정*/
.btn-double > button:last-child, .btn-trio > button:last-child { margin-right: 0 !important; }


@media (max-width: 1100px) {
	html.responsive .btn-trio,
	html.responsive .btn-double { width: 100%; }
	html.responsive .btn-double > button, html.responsive .btn-trio > button { display: block; height: auto; color: #333; background: #fff; font-size: 15px; padding: 7px 0; border-radius: 2px; }
	html.responsive .btn-trio.type02 {display:table-cell; padding:10px 16px;}
	html.responsive .btn-trio.type02 > .tool-box {max-width: calc(33.3334% - 10px);}
	html.responsive .btn-trio.type02 > .tool-box .btn-thin {max-width:100% !important; width:100%; padding:8px 0;}
	html.responsive .btn-trio.type02 .btn-thin {display:inline-block;}
	html.responsive .btn-trio .btn-thin { max-width: calc(33.3334% - 10px); }
	html.responsive .btn-double > button { width: 50%; max-width: calc(50% - 10px); }
}


/* 테이블 안에 들어있는 radio 크기수정, 가운데정렬 */
.radio-box.type01,.radio-box.type03 { height: 20px; }
.radio-box.type01 .btn-radios + label:after, .radio-box.type02 .btn-radios + label:after, .radio-box.type03 .btn-radios + label:after { width: 20px; height: 20px; top: 50%; left: 50%; margin-top: -11px; margin-left: -10px; background: url(/img/common/btn_radio_off.png) no-repeat center / 20px; }
.radio-box.type01 .btn-radios:checked + label:after, .radio-box.type02 .btn-radios:checked + label:after, .radio-box.type03 .btn-radios:checked + label:after { background: url(/img/common/btn_radio_click.png) no-repeat center / 20px; }

/* 테이블 제목 영역에 들어가는 radio */
.radio-box.type01 .btn-radios + label { top: 2px; }
.radio-box.type02 .btn-radios + label, .radio-box.type03 .btn-radios + label { top: 2px; padding-left: 30px; font-size: 22px; font-weight: 500; color: #333; }
.radio-box.type02 .btn-radios + label:after { left: 0; margin-left: 0; background: url(/img/common/btn_radio_off.png) no-repeat center / 20px; }
/* 추가 */
.radio-box.type03 .btn-radios + label { font-size: 14px; }
.radio-box.type03 .btn-radios + label:after { left: 0; margin-left: 0; }

/*========================================
	유경
===========================================*/
/*guide_item - 개월수 btn-thin (bottom, top)*/
.btn-thin-wrap.bottom .btn-thin { margin-bottom: 10px; margin-right: 5px; }
.btn-thin-wrap.top .btn-thin { margin-top: 15px; margin-right: 5px; }

/* 190521 수정 */
@media (max-width: 1100px) {
	/*guide_item - 개월수 btn-thi(bottom, top)*/
	html.responsive .btn-thin-wrap.top{ margin-top: 10px; }
	html.responsive .btn-thin-wrap.bottom{ margin-bottom: 10px; }
	html.responsive .btn-thin-wrap.bottom .btn-thin,
	html.responsive .btn-thin-wrap.top .btn-thin { width: 60px; font-size: 11px; padding: 8px 0; background-color: #eeeff1; border: 0; border-radius:inherit; color: #363636; }
	html.responsive .btn-thin-wrap.bottom .btn-thin { margin-bottom: 5px; }
	html.responsive .btn-thin-wrap.top .btn-thin { margin-top: 5px; }
	html.responsive .icon-area .btn-sm-wh { margin-bottom: 7px; }
	/*계좌상세조회 - 계좌관련버튼,별명변경버튼 */
	html.responsive .btn-trio > .tool-box { max-width: inherit; width: calc(33% - 10px); margin-left: 5px; }
	html.responsive .btn-trio > .tool-box .btn-thin { max-width: inherit !important; width: 100%; margin: 0 !important; }
}

/*===============================
	유경
	fullcalendar
=================================*/

/* wrap */
.calendar-content { border-top: 1px solid #000; }
.fc-toolbar.fc-header-toolbar { margin-bottom: 0; }
.fc-header-toolbar .fc-center { vertical-align: bottom; }
/*전체 텍스트 left*/
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: none; font-weight: 500; }
.fc td, .fc th { text-align: left; border: 0; }
/*전체 border*/
th.fc-day-header, td.fc-day-header, td.fc-day { position: relative; }
th.fc-day-header::after, td.fc-day-header::after, td.fc-day::after { content: ''; width: 150px; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0; }

/* top (년, 월) */
.fc-toolbar.fc-header-toolbar { background: #f7f7f7; padding: 15px 20px; position: relative; }
.fc-center p, .fc-center h5 { font-size: 22px; font-weight: 500; }
/*<>버튼*/
.fc-state-default { border: none; background-color: transparent; background-image: url("/img/common/icon_select_333.png"); background-position: center; background-repeat: no-repeat; border-color: none; box-shadow:none; }
.fc-state-default span.fc-icon { display: none; }
button.fc-prev-button.fc-button.fc-state-default { width: 30px; height: 20px; position: absolute; left: 20px; top: 30%; transform: rotate(90deg) translateY(-50%); }
button.fc-next-button.fc-button.fc-state-default { width: 30px; height: 20px; position: absolute; right: 20px; top: 30%; transform: rotate(-90deg) translateY(-50%); }
/*요일*/
.fc-day-header.fc-widget-header { padding: 16px 7px 8px 0; }
.fc-day-header span{ color: #888; font-size: 13px;  }
.fc-sun span{ color: #cc0000; }
td.fc-day-top { padding: 10px 2px 0 0; }
.fc-content { margin-bottom: 10px; }
.fc-title { font-size: 14px; line-height: 1.3; display: block; text-align: right; width: 130px; margin-right: 20px; }
.fc-title.money { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-title > span { color: inherit; }
.fc-event, .fc-event-dot { background: transparent; border-color: transparent; }
.fc-unthemed td.fc-today { background: none; }
.fc-day.fc-widget-content.fc-thu.fc-today::before { content: ''; display: block;width: 150px; height: 100%; background-color: #f7f7f7; position: absolute; left: 0; top: 0; }

/*===============================
	유경
	guide_temp
	약관동의샘플
=================================*/
.slide-box-area.type03{margin-top:40px;}
.slide-box-area.type02 + .slide-box-area.type02 {margin-top:40px;}
.slide-box-area.bottom { margin-bottom: 50px; }
.slide-box-top { padding-left: 20px; background: #f7f7f7; border-top: 1px solid #333; border-bottom:1px solid #ccc; }
.slide-box-top h3 { margin: 20px 0; color:#999; }
.radio-agree-wrap {float: left; padding:22px;/*20190528 padding 수정*/}
.radio-agree-wrap label { margin-right: 40px; }
.radio-agree-wrap label:last-child { margin-right: 0; }
.btn-right-wrap { float: right; position: relative; }
.btn-downlode { border-right: 1px solid #ccc; border-left: 1px solid #ccc; min-width: 140px; font-size: 14px; background: url("/img/common/btn_down_icon.jpg") no-repeat left 18px center; padding: 24px 80px 24px 40px; }
.btn-slide { background: url("/img/common/icon_select_fff.png") no-repeat center #333; width: 60px; position: absolute; top: 0; bottom: 0; right: 0; }
.btn-slide-active .btn-slide{ background: url("/img/common/icon_select_fff.png") no-repeat center; width: 60px; position: absolute; top: 0; bottom: 0; right: 0; background-color:#999999; transform: rotate(180deg); }
.btn-slide-active .sub-title{ color:#333; }
.slide-box-txt {position: relative; max-width: 100%; height: 230px; overflow-y: auto; padding: 30px 20px; border-bottom: 1px solid #ccc; background: #fff;}
.slide-box-txt .component-layer-close-button {display: block; position: absolute; top: -60px; right: 0; width: 60px; height: 60px;}
.slide-box-txt h4, .slide-box-txt > p  { margin-bottom: 20px; font-size: 14px; line-height: 1.7; }
.slide-box-txt.radio-box-wrap { height: auto; padding: 30px 20px 25px 20px; }
.slide-box-txt a {display: inline;}

@media (max-width: 1100px) {
	html.responsive .slide-box-top h3 { margin: 15px 0; }
	html.responsive .radio-agree-wrap label { margin-right: 20px; font-weight: 500; }
	html.responsive .slide-box-txt h4,
	html.responsive .slide-box-txt > p { font-size: 14px; margin-bottom: 20px; }
	html.responsive .radio-agree-wrap {padding: 15px !important;}
	html.responsive .radio-agree-wrap label:last-child { margin-right: 0; }
	html.responsive .btn-downlode { padding: 18px 65px 18px 30px; background: url("/img/common/btn_down_icon.jpg") no-repeat 10px 50%; }
	html.responsive .btn-slide { width: 50px; background-size: 17px; }
}

/*input max-170*/
.input-basic.max170 { max-width: 170px; }


/* 2채널 인증 관련 스타일 추가 */
.list-style { color: #666; }
.list-style li { color: inherit; line-height: 1.2em; padding-bottom: 10px; }
.list-style li::before { content: ''; display: inline-block; float: left; margin-right: 10px; margin-top: 5px; width: 4px; height: 4px; border-radius: 50%; background-color: #999; }
.list-style.type01 li { font-size: 16px; }
.list-style.type02 li { margin-left: 20px; font-size: 14px; }
.btn-sm-wh.btn-qrcode { margin-top: 10px; font-weight: 300; }
.tooltips.qrcode { display: none; bottom: inherit; top: 60px; left: -10px; transform: none; padding: 30px 30px 20px; }
.tooltips.qrcode::after { bottom: inherit; top: -5px; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 0; border-right: 0; }
.tooltips.qrcode img { width: 90px; height: auto; }
.tooltips.qrcode .qr-txt { font-size: 12px; padding-top: 5px; text-align: center; }
.btn-sm-wh.btn-qrcode:hover~.tooltips.qrcode,
.btn-sm-wh.btn-qrcode:active~.tooltips.qrcode,
.btn-sm-wh.btn-qrcode:focus~.tooltips.qrcode { display: block; }
.sub-box-wrap::after, .sub-box::after { content: ''; display: block; clear: both; }
.sub-box-wrap { padding: 20px; }
.sub-box { background-color: #f7f7f7; padding: 20px; }
.sub-box-wrap.option-td { display: none; width: 680px; clear: both; padding: 15px 0 0; }
.sub-box-wrap.option-td .sub-box { display: table; table-layout: fixed; width: 100%; }
.sub-box-num, .sub-box-btn { display: table-cell; vertical-align: middle; }
.sub-box-num { width: 410px; padding: 10px 0 10px 20px; }
.sub-box-btn { width: 270px; }
.sub-box-num li { font-size: 14px; line-height: 30px; }
.number-list li { font-size: 16px; line-height: 1.2em; padding-bottom: 15px; }
.number-list li:last-child { padding-bottom: 0; }
.doc-box02 { width: 50%; float: left; font-size: 0; text-align: center; }
.doc-box02:first-child { border-right: 1px solid #ccc; }
.doc-box02 span { color: #666; font-size: 14px; font-weight: 500; vertical-align: middle; }
.doc-box02 button { vertical-align: middle; margin-left: 20px; }

/*약관동의 추가하기*/
.slide-box-area.only-top .slide-box-top { border-bottom: 1px solid #ccc; border-top: 0 !important; }

.slide-box-area.bottom h3 { font-size: 16px; }
/*약관동의 네모체크박스*/
.check-agree-wrap { padding: 21px; }
.check-agree-wrap .label-wrap { margin-right: 20px; font-size: 12px; }
.check-agree-wrap .label-wrap:nth-of-type(5) { margin-right: 0; }
.check-agree-wrap .label-wrap span.chk-label { font-weight: 500; color: #666; }
.check-agree-wrap .check-span { font-weight: 500; color: #666; margin: 3px; }

/*input max-185*/
.input-basic.max185 { max-width: 185px; }
/*폰트 1rem*/
.font01 { font-size: 16px; }
/*체크박스 여백*/
.check-box-wrap .label-wrap { margin-right: 40px; }

/*tab txt*/
.tab-txt-list .notice-i-list { font-size: 16px; }
.sub-tab-txt { font-size: 16px; color: #666; line-height: 1.6; }


/*190227 박은영 추가*/

.mr11{ margin-right: 12px; }
.hyphen{ float: left; display: inline-block; margin-right: 10px; line-height: 40px; }

/*190228 박은영 추가*/

.input-basic.xxxs, .select-basic.xxxs { max-width: 70px; }
.mln30{ margin-left: -30px }
.info-subtxt{ padding-top: 20px !important; font-size:16px; line-height: 20px; }
.info-address{ text-decoration: underline; display: inline-block; }
.table-clone .table-top{ width:250px; padding:15px 20px; border-right: 1px solid #ccc; }
.chk-out { content: ''; position: absolute; top:0; left:0; width: 100%; height: 100%; }
.mymenu-box-top{ width: 100%; background: #fff; border-top: 1px solid #333; border-bottom: 1px solid #ccc; }
.mymenu-box-top .mymenu-box-wrap:last-child {border-bottom:0;}
.mymenu-box-wrap{ width:100%; padding-left: 20px; border-bottom:1px solid #f7f7f7; }
.list-left-wrap{ padding:19px 0 16px; }
.btn-right-wrap .btn-choice:first-child{ border-left:1px solid #f7f7f7; }
.btn-choice{ width:50px; background:url(/img/common/icon_select_333.png) no-repeat center; border-right:1px solid #f7f7f7; padding:25px 0; float: left; }
.btn-choice:focus{ background-color: #999; background-image:url(/img/common/icon_select_fff.png); }
.deg180{ transform:rotate(180deg); }
.close{ background-image:url(/img/common/btn_close_333.png); }
.btn-choice.close:focus{ background-color: #999; background-image:url(/img/common/btn_close_fff.png) }
.list-left-wrap li{ float: left; font-size:14px;}
.list-left-wrap li:last-child{ font-weight: 500; }
.list-left-wrap li:after{ content:''; display: block; width:6px; height: 6px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; float: left; transform:rotate(45deg); margin:3px 10px; }
.list-left-wrap li:first-child:after{ display: none; }
.check-box-wrap02 .label-wrap{ margin-right: 18px; }
.img-wrap {margin-top:40px;}
.sub-title-area.type02 {margin-top:40px;}

/*190304 input-won 추가*/
.input-basic.input-won { padding-right: 40px; text-align: right; }
.input-basic.input-won.style01 { margin-left:-20px; }
.input-won ~ .txt {margin-left: -38px;line-height: 40px;top: 0;right: 10px;color: #888;font-size: 14px;}
.input-won ~ .txt.type02 { margin-left: -52px;}
/* 페이징 pagination */
.pagination {width:100%;text-align:center;margin-top:50px;}
.pagination > li { display:inline-block; width: 35px; height: 35px; margin-right: 5px; }
.pagination > li:last-child { margin-right: 0; }
.pagination > li a { display: table; width: 100%; height: 100%; }
.pagination > li .page  { display: block; text-align: center; line-height: 35px; color: #767676; background: #fff; border: 1px solid #efefef; font-size: 14px; }
.pagination .active-page .page { background: #999; color: #fff; font-weight: 500; }
.pagination .prev a { background: url('/img/common/page_left.png') no-repeat center; }
.pagination .next a { background: url('/img/common/page_right.png') no-repeat center; }

/* 190523 추가 */
@media (max-width: 1100px) {
	html.responsive .pagination {padding-bottom:15px;}
}

/* 오류 페이지 / error_page02.html */
html.error { font-size: 20px; }
html.error #_FSBcontainer { background: #fff; }
.error-wrap.type02 { width: 100%; max-width: 700px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%);  text-align: center; }
.error-wrap.type02 .error-title { font-size: 0; padding: 0 0 16px; }
.error-wrap.type02 .error-title .title01 { font-size: 48px; color: #333; font-weight: 500; margin-right: 15px; }
.error-wrap.type02 .error-title .title02 { font-size: 32px; color: #999; font-weight: 500; }
.error-wrap.type02 .error-cont { background: #eeeff1; border-top: 1px solid #ccc; padding: 32px 16px; }

.error-wrap.type02 .error-cont li { font-size: 16px; font-weight: 500; padding-bottom: 10px; line-height: 1.4; letter-spacing: -1px; }
.error-wrap.type02 .btn-area { padding: 15px 0 0; }
.error-wrap.type02 .btn-main { display: inline-block; padding: 10px 20px; background: #666; color: #fff; font-size: 12px; font-weight: 500; text-decoration: none; }

@media (max-width: 1100px) {
	html.error { font-size: 16px; }
	.error-wrap.type02 { width: calc(100% - 40px); margin: auto; }
}


/* 테이블 슬라이드 다운 - 반응형 190308 */
.table-type01 .child { /*display: none;*/ background: #efefef; } /*잠시 개발로 display:none 주석*/
.table-type01 .child .td-wrap { padding: 40px 130px; }
.table-type01 .child td { padding: 0; }
.table-type01 .child .table { width: 100%; margin-bottom: 20px; }
.table-type01 .child .table:last-child { margin-bottom: 0; }
.table-type01 .child .table-cell { width: 50%; text-align: left; }
.table-type01 .child .td-wrap { margin: auto; }
.table-type01 .child .table-cell.left { padding-right: 20px; }
.table-type01 .child .table-cell.right { padding-left: 20px; }
.table-type01 .child .ses-title { display: block; width: 100%; margin-bottom: 10px; font-size: 14px; font-weight: 500; }
.table-type01 .child .btn-area { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; }
.table-type01 .child .table .input-basic { max-width: 100%; }

@media (max-width: 1100px) {
	html.responsive .table-type01 .child .table { display: block !important; margin-bottom: 0; }
	html.responsive .table-type01 .child .td-wrap { padding: 32px 7.5%; }
	html.responsive .table-type01 .child .table-cell { display: block !important; width: 100%; padding: 0; margin-bottom: 20px; }
	html.responsive .table-type01 .child .ses-title { font-size: 13px; }
	html.responsive .table-type01 .child .btn-area { padding: 0; margin-top: 0; border-top: 0; }
	html.responsive .table-type01 .child .btn-area button { margin: 0; }
}

/*190311 PEY 추가*/

.table-type04.pd-type0 td{ padding: 0; }

/*인증번호 input timer*/
.input-timer-wrap { position: relative; width: 525px; margin-right: 10px; }
.input-timer-wrap .timer { position: absolute; top: 0; right: -10px; }


/*190322*/
.table-type04 th label, .table-type03-w th label { font-weight: 500; }

/*190326*/
.input-basic.input-won{text-align: right}
.input-basic.input-won::placeholder{text-align:left}

/*190402 유경(조회)*/
.btn-trio > .tool-box, .btn-double > .tool-box { width: 54px; }
.lookup-01-wrap.width .lookup-01-list { width: 25%; }
.lookup-01-wrap.width2 .lookup-01-list { width: 20%; }
.lookup-01-list .look-up-txt { font-size: 14px; line-height: 24px; width: 79%; word-break: keep-all; min-height: 48px; }
.lookup-01-list .lookup-title { font-weight: 500; font-size: 18px; }
.btn-change .lookup-01-list .btn-thin.retouch { width: auto; float: left; width: 100%; max-width: 80px; padding: 5px 0; border: 1px solid #ccc; font-size: 12px; color: #333; border-bottom: 2px solid #ccc; background: #fff; }
.lookup-01-list {width: 33.333%;padding: 40px 25px 25px;border-right: 1px solid #ddd;display: table-cell;height: auto;vertical-align: middle;}
@media (max-width: 1100px) {
	html.responsive .lookup-01-list .lookup-title { font-size: 19px;}
	html.responsive .lookup-01-list .look-up-txt { line-height: 24px; margin-bottom: 0; width: 100%; min-height: auto;}
	html.responsive .btn-change .lookup-01-list .btn-thin.retouch { margin-left: 0; margin-top: 15px;	padding: 7px 10px;font-size: 14px; }
}

/*190410*/
.input-www::placeholder{text-align:left}

/* 190426 전체메뉴검색 추가 */
.dim-search-bg { position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 100; background-color: rgba(0,0,0,0.9); }
.dim-search { position: fixed; top: 0; left: 0; width:100%; height: 100%;z-index: 100; padding:70px 77px 0px 77px; font-size:16px; overflow-y: scroll;}

.menu-search-wrap { }
.search-01dep { padding-bottom:30px; color: #fff; font-size: 24px;}
.search-02dep-wrap { border-top: 2px solid #fff;}
.search-02dep-wrap > li { width:230px; padding:30px 0 50px; color: #fff; font-size: 18px; }
.search-03dep-wrap li a { margin-top:15px; color: #efefef; font-size: 16px;}
.search-03dep-wrap li:first-child a { margin-top:20px; }

.search-result {}
.search-result li {padding:18px 0;border-top: 1px solid #999999;}
.search-result li:last-child {border-bottom : 1px solid #999999;}
.search-result li a { padding-left:20px; color: #fff;}
span.search-arrow { width:7px; height:11px; padding-top:5px; margin:0 10px;display: inline-block; background: url('/img/common/icon_search_arrow.png') no-repeat;}

/* 190524 추가 */
/* 게시판 */
/* .bbs-top {margin:50px 0 10px;overflow:hidden;}
.bbs-top .bbs-info {float:left;}
.bbs-top .total {margin-top:30px;font-size:11px;}
.bbs-top .total .num {font-weight:500;}
.bbs-top .bbs-search {display:table;float:right;width:400px;}
.bbs-top .bbs-search.style01 {width:370px;}
.bbs-top .search-box {display:table-cell;width:180px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
.bbs-top .division-box {display:table-cell;position:relative;vertical-align:top;}
.bbs-top .division-box .input-basic {padding-right:45px;}
.bbs-top .btn-search {height:40px;white-space:nowrap;text-indent:-10000px;overflow:hidden;}
.bbs-list .table-style01 th {padding:10px 20px;}
.bbs-list .table-style01 td {padding:15px 20px;background-color:#fff;}
.bbs-list .table-style01 .ico-category {display:inline-block;width:48px;margin-right:12px;padding:5px 0 4px;text-align:center;}
.bbs-list .table-style01 .link {display:inline-block;font-size:14px;line-height:22px;vertical-align:middle;}
.bbs-list .table-style01 .link .board-tit{width:100%;vertical-align:middle}

.bbs-view {margin-top:50px;border-top:1px solid #333;border-bottom:1px solid #d3d3d3;}
.bbs-head {position:relative;padding:18px 33px 19px 20px;border-bottom:1px solid #cdcdcd;background-color:#f7f7f7;}
.bbs-head .ico-category {display:inline-block;width:46px;margin-right:12px;padding:5px 0 4px;text-align:center;}
.bbs-head .subject {display:inline-block;width:80%;font-size:14px;line-height:22px;vertical-align:middle;font-weight:500;}
.bbs-head .date {position:absolute;right:33px;font-size:14px;line-height:22px;}
.bbs-cont {min-height:250px;padding:25px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:14px;line-height:25px;}
.bbs-nav {margin-top:50px;}
.bbs-nav .ico-category {display:inline-block;width:46px;margin-right:12px;padding:5px 0 4px;text-align:center;}
.bbs-nav .link {display:inline-block;font-size:14px;line-height:22px;}
.bbs-nav .table-type04 th {width:20%;} */
.bbs-top {margin:50px 0 10px;overflow:hidden;}
.bbs-top .bbs-info {float:left;margin-top:26px;font-weight:300;}
.bbs-top .total {font-size:11px;font-weight:300;}
.bbs-top .total .num {font-weight:500;}
.bbs-search {display:table;float:right;}
.bbs-search.style01 {width:370px;}
.bbs-search .search-box {display:table-cell;width:180px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
.bbs-search .division-box {display:table-cell;position:relative;vertical-align:top;}
.bbs-search .division-box .input-basic {padding-right:45px !important;}
.bbs-search .btn-search {height:43px;white-space:nowrap;text-indent:-10000px;overflow:hidden;}
.bbs-list .table-style01 th {padding:10px 20px;}
.bbs-list .table-style01 td {padding:15px 20px;background-color:#fff;}
.bbs-list .table-style01 .ico-category {display:inline-block;min-width:47px;padding:5px 5px 4px;text-align:center;}
.bbs-list .table-style01 .link {display:inline-block;font-size:14px;line-height:22px;vertical-align: top;font-weight:300;}

.bbs-view {margin-top:50px;border-top:1px solid #333;border-bottom:1px solid #d3d3d3;}
.bbs-head-wrap {padding:19px 33px 18px 20px;border-bottom:1px solid #cdcdcd;background-color:#f7f7f7;}
.bbs-head {position:relative;}
.bbs-head .ico-category {display:inline-block;min-width:46px;margin-right:12px;padding:5px 0 4px;text-align:center;}
.bbs-head .subject {overflow: hidden;width: 100%;padding-right: 254px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;font-weight:700;line-height:22px;vertical-align:bottom;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.bbs-head .subject.type01 {padding-right:142px;}
.bbs-head .subject.type02 {padding-right:0;}
.bbs-head .bbs-headinfo {float:right;margin-top:-23px;}
.bbs-head .views {margin-left:40px;}
.bbs-head .date, .bbs-head .views {display:inline-block;font-size:14px;line-height:22px;vertical-align:bottom;}
.bbs-head:after {display:block;content: '';clear:both;}
.ico-category.ico-notice.type01 {margin-right:15px;}

.bbs-cont {min-height:250px;padding:25px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:14px;line-height:25px;font-weight:300;}
.bbs-cont * {line-height:25px;}
.bbs-cont.type02 {position:relative;}
.bbs-cont .event-button-box {position:absolute;top:25px;left:20px;right:20px;}
.bbs-nav {margin-top:50px;}
.bbs-nav .ico-category {display:inline-block;min-width:46px;margin-right:12px;padding:5px 5px 4px;text-align:center;}
.bbs-nav .link {display:inline-block;font-size:14px;line-height:22px;}
.bbs-nav .table-type04 th {width:20%;font-weight:700;}

.snsbox {position:relative;float:right;right:-22px;width:64px;}
.snsbox .snslink-view {display:block;overflow:hidden;width:64px;height:30px;margin-top: -3px;background:url('/img/common/icon_share.png') no-repeat right 20px top;font-size:0;line-height:0;}
.snsbox .tooltip-layerpopup {display:none;position:absolute;top:50px;right:-48px;width:300px;height:148px;padding:40px 0;border:1px solid #000;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.snsbox .tooltip-layerpopup-close {position:absolute;top:10px;right:10px;width:10px;height:10px;background:#3399ff;z-index:100;}
.snsbox .tooltip-layerpopup:after {position:absolute;top:-9px;right:67px;content: " "; display: block;width:15px;height:9px;background: url('/img/common/bg_tooltip.gif') no-repeat 0 0;}
.bbs-head.style01:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
.common-viewdetail {padding:40px 20px;border-bottom:1px solid #ddd;color:#666;font-size:16px;line-height:30px;}
.common-viewdetail p {margin-top:35px;color:#666;font-size:16px;line-height:30px;}
.common-viewdetail p:first-child {margin:0;}

.bbs-head.style01 .snsbox{width:38px;height:22px;}
.bbs-head.style01 .snsbox .snslink-view {width: 30px;background-position:right 1px top}
.bbs-head.style01 .snsbox .tooltip-layerpopup:after {right: 60px;}

.product-list-l .snsbox {right:-5px;}

/* tooltip 이미지 */
.snsbox .tooltip-layerpopup .kakao {background: url('/img/common/bul_kakao_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .instagram {background: url('/img/common/bul_insta_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .facebook {background: url('/img/common/bul_facebook_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .urlcopy {background: url('/img/common/bul_url_off.png') no-repeat 50% 0}
.snsbox .tooltip-layerpopup .sns{display:inline-block;width:79px;padding-top:65px;text-align:center;font-size:12px;font-weight:700;color:#666;}
.snsbox .tooltip-layerpopup .tooltip-layerpopup-close {background: url('/img/common/bg_close.png');font-size:0;}

/* event list */
.event-info {margin-top:40px;}
.event-info dt,
.event-info dd {display:inline-block;margin-top:15px;vertical-align:top;}
.event-info .title {width:7%;margin-top: 19px;margin-right:15px;font-size:14px;font-weight:700;color:#333;}
.event-info .text {width:90%;font-size:14px;color:#333;line-height:25px;}
.event-info .text strong {font-weight:700;}
.event-info .text.type01,
.event-info .title.type01 {margin-top:18px;vertical-align:top;}
.event-info .title.type01 {margin-top:22px;}
.event-info .btn-sm-wh {margin-left:15px;}
.event-list li {font-size:14px;color:#333;line-height:28px;font-weight:300;}

/* @media (max-width: 1100px) {
	html.responsive .bbs-top {margin-top:0;margin-bottom:0;padding:0 16px;background-color:#fff;}
	html.responsive .bbs-top .bbs-info,
	html.responsive .bbs-top .bbs-search {float:none;width:100%;margin-bottom:10px;}
	html.responsive .bbs-top .total {margin-top:10px;}
	html.responsive .bbs-top .search-box {width:150px;}

	html.responsive .bbs-view {margin-top:0;}
	html.responsive .bbs-head {padding:15px 16px 16px;}
	html.responsive .bbs-head .subject {display:block;width:100%;margin-top:10px;}
	html.responsive .bbs-head .date {display:block;position:static;margin-top:10px;text-align:right;}
	html.responsive .bbs-cont {min-height:auto;padding:20px 16px;}
	html.responsive .bbs-nav {margin-top:0;}
} */

html.responsive .pc-viewbox {display:block !important;}
html.responsive .tablet-viewbox {display:none !important;}
html.responsive .mobile-viewbox {display:none !important;}


@media (max-width: 1100px) {
	html.responsive .page-title {margin-top:20px;font-size:0;}
	html.responsive .title-wrap.type01 .page-title {font-size: 24px;}
	html.responsive .content {margin:0 auto;padding:0 18px 20px;}
	html.responsive .title-wrap + .content {margin-top:-40px;}

	html.responsive .pc-viewbox {display:none !important;}
	html.responsive .tablet-viewbox {display:block !important;}
	html.responsive .mobile-viewbox {display:none !important;}

	html.responsive .table-type01 .child .table { display: block !important; margin-bottom: 0; }
	html.responsive .table-type01 .child .td-wrap { padding: 32px 7.5%; }
	html.responsive .table-type01 .child .table-cell { display: block !important; width: 100%; padding: 0; margin-bottom: 20px; }
	html.responsive .table-type01 .child .ses-title { font-size: 1.083rem; }
	html.responsive .table-type01 .child .btn-area { padding: 0; margin-top: 0; border-top: 0; }
	html.responsive .table-type01 .child .btn-area button { margin: 0; }

	html.responsive .tbl-style01 {border-top: 1px solid #333;}
	html.responsive .tbl-style01 li {border-bottom: 1px solid #ccc;}
	html.responsive .tbl-style01 li .link {display:block;padding:20px 18px;}
	html.responsive .tbl-style01 li .link .thema {color:#666;font-size:16px;line-height: 1.5;}
	html.responsive .tbl-style01 li .link .date {margin-top:5px;color:#666;font-size:12px;}
	html.responsive .tbl-style01 li .link .btn {margin-top:15px;}
	html.responsive .notice-list-wrap {/* padding:10px 0; */}
	html.responsive .bbs-view {margin-top:0;}
	html.responsive .bbs-nav {margin-top:0;}
	html.responsive .bbs-top {margin-top:10px;}
	html.responsive .bbs-head .subject {margin-top:5px;padding: 0;}
	html.responsive .bbs-head .bbs-headinfo {float: none;margin-top: 5px;}
	html.responsive .bbs-head.style01 .snsbox {position:absolute;right:10px;top:26px;}
	html.responsive .event-info .title {width:100%;}
	html.responsive .event-info .text {width:100%;margin-top:5px;color:#666;}
	html.responsive .event-info dd:first-of-type {margin-top:5px;}
	html.responsive .event-info .btn-sm-wh {margin:0;}
	html.responsive .ico-internet, .ico-smartphone, .ico-notice, .ico-event, .ico-etc, .ico-shop {padding: 3px 11px 1px;}
	html.responsive btn-support {width: 112px;height: 32px;}
}

@media (max-width:720px) {
	html.responsive .pc-viewbox {display:none !important;}
	html.responsive .tablet-viewbox {display:none !important;}
	html.responsive .mobile-viewbox {display:block !important;}
}

/*datepicker******************************/
/* 20190524 input-datepicker 추가 */

.input-area {position:relative;display:inline-block;width:100%;max-width:400px;height:100%;}
.input-area .btn-datepicker {position:absolute;right:10px;top:11px;}
.date-box2 .input-area {width:184px;vertical-align:middle;}
.date-box2 .input-area .input-basic {margin-right:0;}
.glyphicon-calendar img {width:21px;}

.datepicker-calendar {position:absolute;width:277px !important; padding:30px 0 10px;border: 1px solid #eee;background: #f9f9f9;color: #333;z-index:100;border-radius: 10px;}
.datepicker-calendar .datepicker-month-wrap {position:relative;width:200px;height: 25px;text-align:center;margin: 0 auto;}
.datepicker-calendar .datepicker-month-wrap div[role="button"] {display:inline-block;width: 15px;height: 25px;}
.datepicker-calendar .datepicker-month-wrap div[role="button"] .glyphicon {display:inline-block;line-height: 25px;}

@media (max-width: 1100px){
	html.responsive .datepicker-calendar th {padding: 10px 10px;}
	.datepicker-calendar {position:absolute;/* width:277px !important; */ padding:30px 0 10px; border: 1px solid #999;background: #f7f7f7; color: #333;z-index:100; }
}


.datepicker-month {height: 25px;line-height: 25px;font-size:18px;font-weight: 600;font-family: '나눔스퀘어';}
.datepicker-close-wrap {position: absolute;top: 5px;right: 5px;}
.datepicker-close-wrap button.datepicker-close {
    margin-right: 0;
}
.datepicker-close-wrap button {width: 30px;height: 30px;font-size:20px;}
.datepicker-month-fast-prev {position:absolute;left:0;top:0;}
.datepicker-month-prev {position:absolute;left:25px;top:0;}
.datepicker-month-fast-next {position:absolute;right:0;top:0;}
.datepicker-month-next {position:absolute;right:25px;top:0;}
.datepicker-grid {width:200px;margin: 10px auto 0;}
.datepicker-grid th {padding:.7em .3em;text-align:center;font-weight:500;border:0;color:#999;font-size:14px;}
.datepicker-grid td {padding: 10px 7px !important;cursor: pointer !important;height: initial;text-align:center;color:#454545;font-size:14px;}
.datepicker-grid td.cur-day {background: #666;color: #fff;}
.datepicker-grid td.disabled, .datepicker-grid td.empty {color: #888;}
.datepicker-caption {height:1px;overflow:hidden;opacity:0;color:transparent;font-size:1px;line-height:1px;margin: 0 0 -1px;padding:0;border:none;background:transparent;}
.datepicker-grid tr td:first-child:not(.empty, .cur-day) {
    color: #f4616a;
}

.datepicker-grid tr td:last-child:not(.empty, .cur-day) {
    color: #f4616a;
}
/*
@media print {
	.dim-bg {display:none !important;}
}
*/

.calendar-area.type01 {display:inline-block;}
.calendar-area.type01 .input-area .btn-datepicker {top: -12px;left: 9px; width:22px; height:22px;}
.calendar-area.type01 .datepicker-calendar {top:0 !important;left:0 !important;}
.notice-info-box {width:100%;padding:20px;background:#efefef;font-size:18px;font-weight:500;line-height:25px;word-break:keep-all;}
.notice-info-txt {padding:25px 35px;font-size: 18px;line-height: 27px;}
.notice-smart-wrap {padding: 2px 20px 15px;background:#efefef;}
.notice-smart-title {padding:20px 0 15px 0;font-weight: 500;font-size: 15px;}
.notice-smart-list {font-size:14px;}
.notice-smart-list li{font-size:14px;line-height:24px;}
.notice-smart-list li strong{margin-right:5px;font-weight:500;}

/* 예적금 가입기간 date-picker */
.input-area02 {position:relative;display:inline-block;height:100%;}
.input-area02 .btn-datepicker {position:absolute;left:0;top:-13px;}

.small-accordion-layer .accordion-slide-txt {display: block; max-width: 100%;height: 100px;padding:20px; overflow-y:auto; border: none;}
.small-accordion-layer .accordion-slide-txt p { font-size: 14px; line-height: 1.5em;}


/* maxh-auto */
.maxh-none {max-height:none !important;}

/* 컬러값 설정 */
.all-color01 {border-color:#00397b;background-color:#00397b;}
.bg-color01 {border-color:#00397b;background-color:#00397b;}
.txt-color01 {color:#00397b;}
.all-color02 {border-color:#e3047f;background-color:#e3047f;}
.bg-color02 {border-color:#e3047f;background-color:#e3047f;}
.txt-color02 {color:#e3047f;}
.color-active {color:#e3047f;}


@media (max-height:800px) {
.dim-contents .popup-body01 {padding: 25px 25px;}
}

.table-newstyle01 {width:100%;}
.table-newstyle01 thead th {height:40px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#f7f7f7;color:#333333;font-size:14px;font-weight:500;text-align:center;vertical-align:middle;}
.table-newstyle01 thead th:first-child {border-left:none;}
.table-newstyle01 tbody th {height:50px;border-top:1px solid #efefef;border-left:1px solid #efefef;background:#f7f7f7;color:#333333;font-size:14px;font-weight:500;text-align:center;vertical-align:middle;}
.table-newstyle01 tbody th:first-child {border-left:none;}
.table-newstyle01 tbody th.thsub {background:#fcfcfc;font-size:300;}
.table-newstyle01 tbody td {height:50px;border-top:1px solid #efefef;border-left:1px solid #efefef;color:#333333;font-size:14px;font-weight:300;text-align:center;vertical-align:middle;}
.table-newstyle01 tbody td:first-child {border-left:none;}
.table-newstyle01 tbody td.text-type01 {padding:15px 5px 13px 42px;font-weight:500;text-align:left;line-height:25px;}
.sub-newtitle {color:#333333;font-size:22px;font-weight:500;}
.info-newsubtxt {margin-top:13px;color:#333333;font-size:16px;line-height:25px;}
.font-type01 {font-weight:700;}
.ui-accordion-text-small {display:inline-block;margin-top:6px;}
.tab-basic-contents.type01 {padding-top:40px;}
.test-btn {margin-top:60px;font-size:16px;}


/* 190717 추가 */
.dim-contents.card-layer {width: 920px;}
.dim-contents.card-layer .card-wrap {position:relative;}
.dim-contents.card-layer .scroll-box {max-height: 690px;overflow-y: auto;}
.dim-contents.card-layer .popup-body02 {max-height: inherit;text-align: left;padding: 30px 30px 60px;}
.dim-contents.card-layer .body-box {margin-top: 35px;}
.dim-contents.card-layer .body-box:first-child {margin-top: 0;}
.dim-contents.card-layer .tit-des {margin-bottom: 20px;font-size: 20px;font-weight: 500;}
.dim-contents.card-layer .sub-des {margin-top: 20px;margin-bottom: 15px;font-size: 16px;font-weight: 500;line-height:1.3;}
.dim-contents.card-layer .notice-list .font-088 {padding-top: 20px; line-height: 23px;}
.dim-contents.card-layer .notice-list .notice-i-list {margin-top:0;}
.dim-contents.card-layer .notice-list li .notice-i-list {padding-left:0;}
.dim-contents.card-layer .notice-i-list {margin-top: 20px;color: #333;}
.dim-contents.card-layer .nostyle-list {max-width: 1100px; margin:0 auto;}
.dim-contents.card-layer .nostyle-list li {margin-top: 3px; font-size: 14px;line-height: 22px;}
.dim-contents.card-layer .nostyle-list li:first-child {margin-top: 0;}
.dim-contents.card-layer .notice-box {margin-top: 30px; padding:25px 20px; background: #f7f7f7;}
.dim-contents.card-layer .notice-box .sub-des {margin-top: 0;}
.dim-contents.card-layer .notice-box .notice-list {padding-top:0;}
.dim-contents.card-layer .notice-box .notice-list li {margin-top:0; padding-left:10px; font-size: 12px;}
.dim-contents.card-layer .notice-box .notice-list li a {display:inline; font-weight:500;}
.dim-contents.card-layer .notice-box .nostyle-list li {font-size:12px;}
.dim-contents.card-layer .notice-box .notice-i-list {margin-top:0; font-size:12px;}
.dim-contents.card-layer .notice-box .notice-i-list::before {margin-left:-10px;}
.dim-contents.card-layer .step-ux {margin-top: 30px; padding:30px 60px; background: #f7f7f7;}
.dim-contents.card-layer .step-ux ul {display: table;width: 100%;}
.dim-contents.card-layer .step-ux ul li {position: relative; display: table-cell; vertical-align: top; width: 25%; text-align: center;}
.dim-contents.card-layer .step-ux ul li:before {content:''; display:block; width:16px; height:29px; position:absolute; top:40px; right:-8px; background:url('/img/mypage/card_check_arrow.png') no-repeat center;}
.dim-contents.card-layer .step-ux ul li:last-child:before {display:none;}
.dim-contents.card-layer .step-ux ul li p {padding-top: 128px; font-size:14px; line-height:25px; background-repeat: no-repeat; background-position: center top;}
.dim-contents.card-layer .step-ux ul li p.step-t01 {background-image: url('/img/mypage/card_check_step01.png'); padding-top: 120px;}
.dim-contents.card-layer .step-ux ul li p.step-t02 {background-image: url('/img/mypage/card_check_step02.png');}
.dim-contents.card-layer .step-ux ul li p.step-t03 {background-image: url('/img/mypage/card_check_step03.png');}
.dim-contents.card-layer .step-ux ul li p.step-t04 {background-image: url('/img/mypage/card_check_step04.png');}
.dim-contents.card-layer .table-type04 th {width:160px;}
.dim-contents.card-layer .table-type04 td {padding:14px 10px 13px 10px;}
.dim-contents.card-layer td .notice-list {margin-left:10px;}
.dim-contents .popup-foot01.foot-style01 {padding:30px 0 40px;}
.dim-contents .table-title + .table-wrap {margin-top:15px;}
.dim-contents .table-title + .table-wrap.clearfix {height:201px;}
.dim-contents .notice-list + .popup-top-number {margin-top:20px;}
.dim-contents.paybooc-layer .popup-body02 {max-height:inherit;}
.dim-contents.paybooc-layer .popup-foot01 {padding:40px 30px;}

@media (max-height: 800px) {
	.dim-contents.paybooc-layer .popup-body02 {max-height:420px;}
}


.layer-wrap {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow-x: auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 1000;opacity: 0;font-size: 0;line-height: 0;white-space: nowrap;text-align: center;background: rgba(0,0,0,0.8);}
.layer-wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.layer-container {display: inline-block;vertical-align: middle;font-size: 16px;line-height: 1.2;white-space: normal;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.layer-wrap.scroll-type01 .dim-contents .btn-close-l {font-size:0;}
/* // 190717 추가 */
/* .termsconditions_box {padding-top:20px;border-top:1px solid #d5d5d5;} */
.termsconditions_box {font-size:14px;line-height:1.5;}
.termsconditions_box .termsconditions_thema01 {margin-top:20px;font-size:16px;font-weight:500;line-height:1.7;}
.termsconditions_box .termsconditions_thema01:first-child {margin-top:0;}
.termsconditions_box .termsconditions_title01,
.termsconditions_box .termsconditions_title02 {margin-top:20px;font-size:14px;font-weight:500;line-height:1.7;}
.termsconditions_box .termsconditions_thema01 + .termsconditions_box .termsconditions_title01, .termsconditions_box .termsconditions_title02 {margin-top:30px;}
.termsconditions_box .termsconditions_text01 {font-size:14px;line-height:1.7;}
.termsconditions_box .termsconditions_list {margin-top:15px;}
.termsconditions_box .termsconditions_list li {font-size:14px;line-height:1.5;}
.termsconditions_box .termsconditions_caution {margin-top:15px;font-size:14px;line-height:1.7;}
.termsconditions_box .paymentinfo-wrap {margin-bottom:15px;}
.termsconditions_box .termsconditions_title01:first-child {margin-top:0;}
.termsconditions_box .termsconditions_thema02 {margin-top: 10px;font-size: 15px;font-weight: 500;}

.termsconditions_tablebox {border-top: 1px solid #333;border-bottom: 1px solid #ccc;}
.termsconditions_tablebox + .termsconditions_tablebox {margin-top:15px;}
.chk-wrap +.termsconditions_tablebox {margin-top:15px;}
/* termsconditions_table01 */
.termsconditions_table01 {width: 100%;table-layout: fixed;text-align: center;color: #333;border: none;}

/*thead*/
.termsconditions_table01 th, .termsconditions_table01 td { vertical-align: middle; word-break: break-all; padding: 17px 10px 16px 10px; font-size: 14px; line-height: 20px;}
.termsconditions_table01 td .td-wrap {/*margin:-3px 0 1px;*/line-height: 20px;}
.termsconditions_table01 thead tr { width: 100%; background: #f7f7f7; }
.termsconditions_table01 th {height:40px;padding:9px 10px 8px 10px !important; font-weight: 500; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.termsconditions_table01 td {height:50px;padding: 14px 10px 13px 10px !important;}
/*thead, tbody*/
.termsconditions_table01 th:last-child,.termsconditions_table01 td:last-child { border-right: none; }
.termsconditions_table01 td { border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.termsconditions_table01 tbody tr:last-child > td { border-bottom: 0; }

.termsconditions_table02 { width: 100%; }
.termsconditions_table02 tr:last-child th, .termsconditions_table02 tr:last-child td  { border-bottom-width: 0px; }
.termsconditions_table02 th, .termsconditions_table02 td  { border-bottom: 1px solid #efefef; font-size: 14px; text-align: left; line-height: 22px; vertical-align: middle; }
.termsconditions_table02 th {background: #f7f7f7; width:249px; border-right: 1px solid #ccc; font-weight: 500; font-size: 14px; }
.termsconditions_table02 td {background: #fff; }
.termsconditions_table02 td {height:50px;padding:6px 20px 4px 20px;}
.termsconditions_table02 th {padding: 15px 20px 14px 20px;}
.termsconditions_box .chk-wrap .label-wrap label {display:inline-block;margin: 3px 0 0 28px;}
.termsconditions_box .chk-wrap .label-wrap i {float:left;margin-top:0;}
.termsconditions_box .chk-wrap .label-wrap:first-child {margin-left:10px;}

.termsconditions_box input[type="checkbox"] + label:after {content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(/img/common/icon_chk_off.png) no-repeat center / contain;}
.termsconditions_box input[type="checkbox"]:checked + label:after {background-image: url(/img/common/icon_chk.png);}

.termsconditions_tablebox td .label-wrap:first-child {margin-left:10px;}
.termsconditions_tablebox td .label-wrap:first-child {margin-left:10px;}
.termsconditions_box .label-wrap:first-child:before {display:none;}
.termsconditions_box .label-wrap:last-child::after {display:none;}
.termsconditions_box .popup-checkbox-wrap.agree.agree-n {margin-top:10px;}
.termsconditions_box .termsconditions_text01 {margin-top:10px;}
.termsconditions_textbox .termsconditions_in_list li {font-size: 15px; line-height: 28px; padding-left: 15px;}
.termsconditions_box i.icon-chk {float:left}


@media (max-width: 1000px) {
	.termsconditions_box {padding-top:20px;border-top:1px solid #d5d5d5;}
	.termsconditions_box .termsconditions_thema01 {margin-top:20px;font-size:16px;font-weight:500;}
	.termsconditions_box .termsconditions_thema01:first-child {margin-top:0;}
	.termsconditions_box .termsconditions_title01,
	.termsconditions_box .termsconditions_title02 {margin-top:20px;font-size:15px;font-weight:500;}
	.termsconditions_box .termsconditions_text01 {margin-top:15px;font-size:12px;line-height:1.5;}
	.termsconditions_box .termsconditions_list {margin-top:15px;}
	.termsconditions_box .termsconditions_list li {font-size:12px;line-height:1.5;}
	.termsconditions_box .termsconditions_caution {margin-top:15px;font-size:12px;line-height:1.5;}
	.termsconditions_box .paymentinfo-wrap {margin-bottom:15px;}
}


/* 모바일 수정 */
.trn-notice-i-list.mobile-type01 {margin-left:30px;}
.notice-i-list.txt-333.uif-mobile-type01 {padding-left:0;}
.notice-i-list.txt-333.uif-mobile-type01::before {margin-top:0;}

@media (max-width: 1100px) {
	html.responsive .trn-notice-i-list.mobile-type01 {margin-left:0;}
	html.responsive .btn-sm-wh.resize.mobile-type01 {padding:0 13px;}
}


/* 이전 다음 버튼 */
.btn-box04 {margin-top:20px;text-align:center;}
.btn-prev01 .prev{color:#ccc;font-size:14px;font-weight:500;}
.btn-prev01.active .prev {color:#333;}
.btn-prev01 .prev:after {content:'';display:inline-block;width:1px;height:10px;margin:0 27px 0 30px;background:#ccc;}
.btn-prev01 .prev:before {content:'';display:inline-block;width:6px;height:10px;margin-right:11px;background: url("/img/common/btn_prev01.png") no-repeat;}
.btn-prev01.active .prev:before {background-image: url("/img/common/btn_prev01_on.png");}
.btn-next01 .next{color:#ccc;font-size:14px;font-weight:500;}
.btn-next01.active .next {color:#333;}
.btn-next01 .next:after {content:'';display:inline-block;width:6px;height:10px;margin-left:11px;background: url("/img/common/btn_next01.png") no-repeat;}
.btn-next01.active .next:after {background-image: url("/img/common/btn_next01_on.png");}
.btn-prev01, .btn-next01 {cursor:default;}
.btn-prev01:active, .btn-next01:active {cursor:pointer;}

/* 이벤트 팝업  */
.event-link img {display:inline-block;width:100%;heihgt:100%;}

.notice-list-none li::before {display:none;}


/* hps_002.html */
.new-thumbWp {border-top:1px solid #00397b;}
ul.new-thumb-list {overflow:hidden;margin:0 -32px;}
.new-thumb-list .thumb-wp img{width:100%;height:100%;}
.thumb-wp {overflow:hidden;}
ul.new-thumb-list li {float:left;width:324px;margin:0 32px;padding-top:40px;}
ul.new-thumb-list li > a {display:block;border:1px solid #ccc;text-decoration: none;}
ul.new-thumb-list li .thumb-wp {width:322px;height:348px;}
.new-thumbWp.tmb-type02 ul.new-thumb-list li .thumb-wp {height:216px;}
.new-thumbWp.tmb-type02 ul.new-thumb-list li .txt-wp {border-top:1px solid #ccc;}
ul.new-thumb-list li .txt-wp {padding:17px 20px;min-height: 115px;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.new-thumb-list li .tit {display:block;color:#333;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-.25px;}
ul.new-thumb-list li .txt-wp .date {display:block;color:#666;font-size:12px;font-weight:700;letter-spacing:-.25px;margin-top:18px;}
 ul.new-thumb-list li .cmt {overflow:hidden;display:block;height:48px;word-break:break-all;}
/* hps_005.html */
.store-searchWp {overflow:hidden;margin-top:40px;}
.store-searchWp::after {display:block;content: '';clear:both;}
.search-tabWp {float:left;width:478px;min-height:800px;border:1px solid #ccc;}
.sr-listWp {background:#fff;}
.sr-listWp ul {border-bottom:1px solid #efefef;}
.sr-listWp ul li a {display:block;padding:19px 43px 12px 15px;border-top: 1px solid #efefef;background: url(/img/hss_content/hps/ico-map.png) no-repeat 434px 50%;}
.sr-listWp ul li a.active {background: url(/img/hss_common/ico-map02.png) no-repeat 434px 50%;background-size:30px auto;}
.sr-listWp ul li .t-logo {float:left;padding:10px;border:1px solid #efefef;width:142px;}
.sr-listWp ul li .s-info {float:left;width:275px;padding-left:15px;}
.sr-listWp ul li .s-info .tit {display:block;color:#666;font-size:16px;font-weight:700;letter-spacing:-.25px;}
.sr-listWp ul li .s-info p.add, .sr-listWp ul li .s-info p.add02, .sr-listWp ul li .s-info p.add03 {color:#666;font-size:14px;line-height:18px;letter-spacing:-.25px;margin-top:5px;}
.sr-listWp ul li a:after {content:'';display:block;clear:both;}
.sr-listWp ul li.on {position:relative;}
.sr-listWp ul li.on:before {content:'';position:absolute;left:-1px;bottom:-1px;right:-1px;height:100%;z-index:200;}
.sr-listWp ul li.on:after {content:'';position:absolute;left:-1px;top:-1px;right:-1px;height:100%;border:2px solid #00397b;z-index:200;}
.sr-listWp ul li .t-logo img {width:120px;height:38px;vertical-align:top;}
.sr-listWp .paging-wrap a {margin-top:30px;}
.store-mapWp {float:left;padding-left:60px;width:560px;min-height:800px;}
.map-area {width:560px;min-height:800px;}
.mobile-view {display:none;}



@media (max-width:1100px) {
	/*저축은행찾기_빠른검색*/
	.store-searchWp {overflow:inherit;margin:30px 0 0;}
	.store-optWp {float:inherit;width:100%;padding:0;box-sizing: border-box;-webkit-box-sizing:border-box;}
	.store-mapWp {clear:both;/* float:inherit; */width:100%;height:inherit;margin-top:20px;padding:0 16px 30px;box-sizing: border-box;-webkit-box-sizing:border-box;}
	.map-area {width:100%;height:250px;min-height:auto;margin-top:30px;/*지도 영역 높이 임시*/}
	.map-area img {width:100%;height:inherit;}/*나중에 지도 넣으면 삭제*/

	.s-inp-optWp {height:inherit;padding:0 16px;}
	.store-optWp .check-optWp {padding:26px 0 20px;}
	.store-optWp .check-optWp .chk-wrap {display:inline-block;width:32.5%;margin-bottom:13px;}
	.search-tabWp {width:100%;height:inherit;padding-bottom:20px;border-left:0;border-right:0;border-top:0;}
	.search-tabWp .tab-basic-buttons-item {padding:9px 10px 8px;font-size:13.3px;}
	.ser-result {padding:11px 16px 17px;}
	.ser-result p {font-size:13.3px;letter-spacing:-.25px;line-height:20px;}
	.ser-result p strong {color:#18a33e;}

	.sr-listWp ul li a{padding:17px 30px 17px 16px;background: url('/img/hss_common/ico-map-m.png') no-repeat 100% 21px;}
	.sr-listWp ul li a.active {background: url('/img/hss_common/ico-map-m02.png') no-repeat 100% 21px;background-size:28px auto; }
	.sr-listWp ul li .t-logo {float:left;width:90px;height:48px;margin:0 13px 0px 0;padding:10px 0px 0;border:1px solid #efefef;}
	.sr-listWp ul li .t-logo img {width:90px;vertical-align:middle;}
	.sr-listWp ul li .s-info {float:left;width:186px;padding-left:0px;}
	.sr-listWp ul li .s-info .tit {font-size:14.6px;font-weight:700;}
	.sr-listWp ul li .s-info p.add, .sr-listWp ul li .s-info p.add02, .sr-listWp ul li .s-info p.add03 {margin-top:3px;font-size:12px;line-height:20px;}


	/*저축은행찾기_지역검색*/
	.regionS {}
	.regionS .r-info {font-size:13px;padding:15px 10px;}
	.r-opt-wp {height:inherit;background:#fff;}
	.rlist-opt li button{height:35px;padding:7px 0;text-align:center;}
	.rlist-opt li button span{display:inline-block;font-size:13px;letter-spacing:-.25px;}

	html.responsive .pc-view {display:none;}
	html.responsive .mobile-view {display:block;}
}


/* 대출신청 반응형 추가 */
.td-v {vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.td-v.email-box select {margin-left:5px}
.td-v.email-box .alpha {float:left;display:inline-block;margin:0 10px 0 2px;color:#999;font-size:14px;line-height:40px;}

.addr .post .input-basic {width:100px;margin-left:15px;}

@media screen and (max-width:1100px) {
	.td-v {display:block;width:100%;padding:0;}
	.td-v.email-box select {margin-left:0;margin-top:10px;width:100%;}
	.td-v.email-box .alpha {display:block;width:100%;padding:0;}

	.addr .post .fl {width:50px}
	.addr .post .input-basic {width:35%;}
	.addr .post .btn-sm-wh {width:80px;}

}
@media screen and (max-width:550px) {
	.addr .post .fl {width:100%;text-align:center;}
	.addr .post .input-basic {width:100%;margin-left:0;margin-top:10px;}
	.addr .post .btn-sm-wh {width:100%;margin-top:10px;}
}
/* 고려저축은행 대출페이지 반응형 */
.ui-accordion-layer.js-ui-accordion-layer.slide-bg01 .slide-box-txt {background:#c6dcf4;}
@media (max-width:1100px) {
	html.responsive .m-input .input-basic {max-width:calc(50% - 14px);}
	html.responsive .m-input span, html.responsive .m-input02 span {margin-left:9px;}
	html.responsive .m-input .pass {margin-right:0;}
	html.responsive .m-input .btn-sm-wh {width:100%;margin-top:10px;}
	html.responsive .m-input02 .input-basic, html.responsive .m-input02 .select-basic {max-width:26%;}
	html.responsive .ui-accordion-head.ui-accordion-head-sub-agree  {padding-right:0;}
	html.responsive .ui-accordion-head-right {position: initial;}
	html.responsive .ui-accordion-head-right .table {margin:20px;}
	html.responsive .radio-agree-wrap.type02 {float:initial;}
	html.responsive .notice-list-wrap + .table-wrap01 {margin-top: 0;}
	html.responsive .txt-result01 {font-size:16px;}
	html.responsive .txt-result02 {font-size:14px;}
}


/* ODS 랜딩페이지 */
.table-type01.ods td {padding:30px 30px 27px !important;text-align:left;}
.table-type01.ods .product-title {padding-top: 26px;}
.table-type01.ods .product-txt02 {display:block;margin-top:10px;font-weight:700;line-height:20px;}
.table-type01.ods .ico-internet {letter-spacing: 1px;}
.ods-boxstyle {width:870px;padding:20px 20px 18px;border:1px solid #ccc;line-height:20px;}
.ods-boxstyle01 {width:100%;margin-top:40px;padding:20px 20px 18px;border:1px solid #ccc;font-size:16px;line-height:24px;}
.ods-text {margin-top:10px;}

/* 전계좌조회 총잔액 추가 */
.inq-assets-box {margin-top:83px;}
.inq-unitdate {font-size:12px;text-align:right;letter-spacing: 0.25px;}
.inq-unitdate .title {font-weight:700;letter-spacing: 1px;}
.assets-unit, .assets-price {color:#00397b;font-weight:500;}
.assets-price {margin-right:5px;}
.inq-unitdate + .table-wrap01 {margin-top:15px;}
.inq-assets-box + .info-table-area {margin-top:110px;}

/* 스타일추가 */
.tts {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;left:-50000px;}
strong {font-weight: 700 !important;}

@media (max-width:1100px) {
	.inq-assets-box {margin-top:30px;}
	.inq-unitdate {letter-spacing: initial;}
	.inq-assets-box + .info-table-area {margin-top:50px;}

}

/* 20210820 예금상품 계약서 스타일 추가 */

.border-box {
    margin: 10px 0;
    padding: 50px 30px;
    background: #fff;
    border: 15px solid var(--bg-clr1);
    box-shadow: 0 0 1px #ccc;
}

.info-box {
    margin: 30px 0;
    padding: 25px 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: var(--bg-clr1);
}

.table-wrap02 {
	margin-bottom: 20px;
	padding-top: 25px;
	background: url(/img/common/bg_logo.png) no-repeat center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.table-type05 th, .table-type05 td {
    padding: 0 0 25px 20px;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    color: var(--body-clr);
}
.table-type05 th {
    font-weight: 500;
    color: var(--tit-clr);
}

.notice-list02 > li {
	position: relative;
	margin-bottom: 7px;
    padding-left: 18px;
    line-height: 1.6;
    font-size: 13px;
    color: var(--body-clr);
}

.notice-list02 > li::before {
    position: absolute;
    content: '';
    top: 7px;
    left: 6px;
    width: 4px;
    height: 4px;
    background-color: var(--main-clr);
    border-radius: 50%;
}

/* 상품설명 style 추가 */

.list-wrap01 {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #333;
}

.list-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 20%;
    border-bottom: 1px solid #ccc;
}

.list-item-tit {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
    max-width: 20%;
    background: #f7f7f7;
    border-right: 1px solid #ccc;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.list-item-txt {
    display: block;
    width: 100%;
    min-height: 52px;
    padding: 16px 18px;
    font-size: 16px;
}

.list-item-box {
    width: 100%;
    height: 100%;
    padding: 18px;
    border-bottom: 1px solid #ccc;
}

@media (max-width: 768px) {
	.list-item-tit, .list-item-txt {
		font-size: 14px;
	}
}


/* //mark: icon */
.ico {
	position: relative;
	font-size: 0;
}

.ico::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background: url('/img/icn_ir.png') no-repeat 0 0;
	transform: translateY(-50%);
}

.ico-bi {
	display: inline-flex;
	align-items: center;
	position: relative;
	min-width: 45px;
	height: 45px;
}

.ico-bi::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	background-size: 45px;
}

.ico-bi>span {
	font-size: 0;
	padding-left: 42px;
}

.ico-bi.has-txt {
	max-width: max-content !important;
}

.ico-bi.has-txt>span {
	font-size: 17px;
}

.ico-bi.size-m {
	max-width: 35px;
	min-width: auto;
	width: 100%;
	height: 35px;
}

.ico-bi.size-m::before {
	transform: scale(0.78) translateY(-50%);
	transform-origin: left top;
}

.ico-bi.size-s>span {
	padding-left: 33px !important;
	font-size: 16px;
}

.ico-bi.size-s {
	max-width: 25px;
	min-width: auto;
	width: 100%;
	height: 25px;
}

.ico-bi.size-s::before {
	transform: scale(0.56) translateY(-50%);
	transform-origin: left top;
}

.ico-bi.size-xs>span {
	padding-left: 33px !important;
	font-size: 16px;
}

.ico-bi.size-xs {
	max-width: 18px;
	min-width: auto;
	height: 18px;
}

.ico-bi.size-xs::before {
	transform: scale(0.4) translateY(-50%);
	transform-origin: left top;
}

.ico-star {
	position: relative;
}

.ico-star::after {
	content: '대표계좌';
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 24px;
	height: 24px;
	background: url('/img/icn_ir.png') no-repeat -119px 0;
	background-size: 200px;
	font-size: 0;
}

.ico-star-r {
	position: relative;
	line-height: 24px;
	height:24px;
}

.ico-star-r::after {
	content: '대표계좌';
	display: inline-block;
	/* position: absolute;
	top: -4px;
	right: -23px; */
	width: 24px;
	height: 24px;
	background: url('/img/icn_ir.png') no-repeat -119px 0;
	background-size: 200px;
	font-size: 0;
	margin-top: -2px;
  vertical-align: top;
}

.ico.ico-add::before,
.ico.ico-add-txt::before {
	width: 16px;
	height: 16px;
	background-position: -26px 0;
	background-size: 200px;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
}

.ico.has-txt {
	font-size: 16px;
	padding-left: 25px;
}

/* 토스인증 추가 */

.cert-list {
    display: flex;
    justify-content: center;
}

.cert-item {
    margin: 10px;
    padding: 30px 15px 20px;
    border: 2px solid var(--line-clr);
    text-align: center;
}


/* card-acco 추가  */

.card-acco-dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.card-acco-dl dt {
    font-size: 16px;
}

.card-acco-dl dd {
    font-size: 16px;
}

/* 스마트 간편한도조회 버튼 추가 */

.btn-smart-wrap {
    position: relative;
    float: left;
    width: 175px;
    margin-left: 40px;
    background: #ff9358;
    height: 45px;
    text-align: center;
    line-height: 48px;
    border-radius: 30px;
    transition: all .5s ease;
}

.btn-smart-wrap:hover {
    margin-left: 50px;
    box-shadow: -10px 0 0 #aaa;
}

.btn-smart {
    color: #fff;
    font-size: 19px;
}

@media (max-width: 1100px) {
	html.responsive .btn-smart-wrap {display:none;}
}


/* 접속 대기 화면 */

.dim-white {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 900;
    opacity: .6;
}

.loading-wrap {
    width: 600px;
    position: fixed;
    top: 50% !important;
    left: 50%;
    padding: 30px 60px;
    background: #fff;
    border: 2px solid #ccc;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10000;
}

.loading-bar-wrap {
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    background: var(--disable-clr2);
    overflow: hidden;
}

.loading-bar {
    height: 100%;
    background: var(--pos-clr);
}

.loading-wrap span img {
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width: 700px) {
	.loading-wrap {
        width: 80%;
        padding: 30px 20px;
    }

    .loading-wrap .flex2 {
        width: 100% !important;
        flex-direction: column;
    }
}

.msb-basic {
    font-size: 14px;
    font-weight: 500;
}

.msb-basic.dot:before {
    content: '';
    background: #ccc;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

/* 저축은행 인뱅 리스트 */

.bank-list {
    margin-top: 20px;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.bank-list li a {
    display: block;
    font-size: 14px;
    padding: 15px 10px;
    border: 1px solid #ccc;
    width: 100px;
    text-align: center;
    border-radius: 15px;
}

.bank-list li img {
    display: block;
    margin: auto auto 15px;
    width: 30px;
}


/******** 저축 은행 아이콘 */
/* SB저축은행 */
.ico-bi.b050::before { background-image:url('/img/logo_thumb/bank/050.png'); }
/* 고려 */
.ico-bi.sb101::before { background-image:url('/img/logo_thumb/bank/101.png'); }
/* 금화 */
.ico-bi.sb153::before { background-image:url('/img/logo_thumb/bank/153.png'); }
/* 대명 */
.ico-bi.sb401::before { background-image:url('/img/logo_thumb/bank/401.png'); }
/* 대신 */
.ico-bi.sb063::before { background-image:url('/img/logo_thumb/bank/063.png'); }
/* 대원 */
.ico-bi.sb617::before { background-image:url('/img/logo_thumb/bank/617.png'); }
/* 더블 */
.ico-bi.sb557::before { background-image:url('/img/logo_thumb/bank/557.png'); }
/* 동양 */
.ico-bi.sb556::before { background-image:url('/img/logo_thumb/bank/556.png'); }
/* 드림 */
.ico-bi.sb605::before { background-image:url('/img/logo_thumb/bank/605.png'); }
/* 머스트삼일 */
.ico-bi.sb610::before { background-image:url('/img/logo_thumb/bank/610.png'); }
/* 민국 */
.ico-bi.sb012::before { background-image:url('/img/logo_thumb/bank/012.png'); }
/* 부림 */
.ico-bi.sb310::before { background-image:url('/img/logo_thumb/bank/310.png'); }
/* 삼호 */
.ico-bi.sb510::before { background-image:url('/img/logo_thumb/bank/510.png'); }
/* 상상인플러스 */
.ico-bi.sb459::before { background-image:url('/img/logo_thumb/bank/459.png'); }
/* 센트럴 */
.ico-bi.sb565::before { background-image:url('/img/logo_thumb/bank/565.png'); }
/* 스마트 */
.ico-bi.sb566::before { background-image:url('/img/logo_thumb/bank/566.png'); }
/* 스타 */
.ico-bi.sb506::before { background-image:url('/img/logo_thumb/bank/506.png'); }
/* 아산 */
.ico-bi.sb460::before { background-image:url('/img/logo_thumb/bank/460.png'); }
/* 안국 */
.ico-bi.sb304::before { background-image:url('/img/logo_thumb/bank/304.png'); }
/* 애큐온 */
.ico-bi.sb002::before { background-image:url('/img/logo_thumb/bank/002.png'); }
/* 엠에스 */
.ico-bi.sb209::before { background-image:url('/img/logo_thumb/bank/209.png'); }
/* 예가람 */
.ico-bi.sb049::before { background-image:url('/img/logo_thumb/bank/049.png'); }
/* 오투 */
.ico-bi.sb461::before { background-image:url('/img/logo_thumb/bank/461.png'); }
/* 웰컴 */
.ico-bi.sb066::before { background-image:url('/img/logo_thumb/bank/066.png'); }
/* 유안타 */
.ico-bi.sb036::before { background-image:url('/img/logo_thumb/bank/036.png'); }
/* 융창 */
.ico-bi.sb324::before { background-image:url('/img/logo_thumb/bank/324.png'); }
/* 인천 */
.ico-bi.sb158::before { background-image:url('/img/logo_thumb/bank/158.png'); }
/* 조흥 */
.ico-bi.sb657::before { background-image:url('/img/logo_thumb/bank/657.png'); }
/* 참 */
.ico-bi.sb614::before { background-image:url('/img/logo_thumb/bank/614.png'); }
/* 키움 */
.ico-bi.sb313::before { background-image:url('/img/logo_thumb/bank/313.png'); }
/* 페퍼 */
.ico-bi.sb328::before { background-image:url('/img/logo_thumb/bank/328.png'); }
/* 푸른 */
.ico-bi.sb014::before { background-image:url('/img/logo_thumb/bank/014.png'); }
/* 한국투자 */
.ico-bi.sb551::before { background-image:url('/img/logo_thumb/bank/551.png'); }
/* 한화 */
.ico-bi.sb334::before { background-image:url('/img/logo_thumb/bank/334.png'); }
/* BNK */
.ico-bi.sb130::before { background-image:url('/img/logo_thumb/bank/130.png'); }
/* DB */
.ico-bi.sb007::before { background-image:url('/img/logo_thumb/bank/007.png'); }
/* ES */
.ico-bi.sb016::before { background-image:url('/img/logo_thumb/bank/016.png'); }
/* JT */
.ico-bi.sb332::before { background-image:url('/img/logo_thumb/bank/332.png'); }
/* KB */
.ico-bi.sb065::before { background-image:url('/img/logo_thumb/bank/065.png'); }
/* OK */
.ico-bi.sb064::before { background-image:url('/img/logo_thumb/bank/064.png'); }
/* SBI */
.ico-bi.sb028::before { background-image:url('/img/logo_thumb/bank/028.png'); }
/* 국제 */
.ico-bi.sb102::before { background-image:url('/img/logo_thumb/bank/102.png'); }
/* 남양 */
.ico-bi.sb305::before { background-image:url('/img/logo_thumb/bank/305.png'); }
/* 대백 */
.ico-bi.sb207::before { background-image:url('/img/logo_thumb/bank/207.png'); }
/* 대아 */
.ico-bi.sb607::before { background-image:url('/img/logo_thumb/bank/607.png'); }
/* 대한 */
.ico-bi.sb554::before { background-image:url('/img/logo_thumb/bank/554.png'); }
/* 더케이 */
.ico-bi.sb021::before { background-image:url('/img/logo_thumb/bank/021.png'); }
/* 동원제일 */
.ico-bi.sb656::before { background-image:url('/img/logo_thumb/bank/656.png'); }
/* 라온 */
.ico-bi.sb604::before { background-image:url('/img/logo_thumb/bank/604.png'); }
/* 모아 */
.ico-bi.sb162::before { background-image:url('/img/logo_thumb/bank/162.png'); }
/* 바로 */
.ico-bi.sb038::before { background-image:url('/img/logo_thumb/bank/038.png'); }
/* 삼정 */
.ico-bi.sb314::before { background-image:url('/img/logo_thumb/bank/314.png'); }
/* 상상인 */
.ico-bi.sb330::before { background-image:url('/img/logo_thumb/bank/330.png'); }
/* 세람 */
.ico-bi.sb325::before { background-image:url('/img/logo_thumb/bank/325.png'); }
/* 솔브레인 */
.ico-bi.sb654::before { background-image:url('/img/logo_thumb/bank/654.png'); }
/* 스카이 */
.ico-bi.sb008::before { background-image:url('/img/logo_thumb/bank/008.png'); }
/* 신한 */
.ico-bi.sb347::before { background-image:url('/img/logo_thumb/bank/347.png'); }
/* 아주 */
.ico-bi.sb403::before { background-image:url('/img/logo_thumb/bank/403.png'); }
/* 안양 */
.ico-bi.sb320::before { background-image:url('/img/logo_thumb/bank/320.png'); }
/* 에스앤티 */
.ico-bi.sb651::before { background-image:url('/img/logo_thumb/bank/651.png'); }
/* 영진 */
.ico-bi.sb321::before { background-image:url('/img/logo_thumb/bank/321.png'); }
/* 오성 */
.ico-bi.sb616::before { background-image:url('/img/logo_thumb/bank/616.png'); }
/* 우리 */
.ico-bi.sb120::before { background-image:url('/img/logo_thumb/bank/120.png'); }
/* 유니온 */
.ico-bi.sb208::before { background-image:url('/img/logo_thumb/bank/208.png'); }
/* 다올 */
.ico-bi.sb048::before { background-image:url('/img/logo_thumb/bank/048.png'); }
/* 인성 */
.ico-bi.sb151::before { background-image:url('/img/logo_thumb/bank/151.png'); }
/* 좋은 */
.ico-bi.sb024::before { background-image:url('/img/logo_thumb/bank/024.png'); }
/* 진주 */
.ico-bi.sb658::before { background-image:url('/img/logo_thumb/bank/658.png'); }
/* 청주 */
.ico-bi.sb405::before { background-image:url('/img/logo_thumb/bank/405.png'); }
/* 키움예스 */
.ico-bi.sb017::before { background-image:url('/img/logo_thumb/bank/017.png'); }
/* 평택 */
.ico-bi.sb317::before { background-image:url('/img/logo_thumb/bank/317.png'); }
/* 하나 */
.ico-bi.sb067::before { background-image:url('/img/logo_thumb/bank/067.png'); }
/* 한성 */
.ico-bi.sb408::before { background-image:url('/img/logo_thumb/bank/408.png'); }
/* 흥국 */
.ico-bi.sb127::before { background-image:url('/img/logo_thumb/bank/127.png'); }
/* CK */
.ico-bi.sb351::before { background-image:url('/img/logo_thumb/bank/351.png'); }
/* DH */
.ico-bi.sb115::before { background-image:url('/img/logo_thumb/bank/115.png'); }
/* IBK */
.ico-bi.sb650::before { background-image:url('/img/logo_thumb/bank/650.png'); }
/* JT친애 */
.ico-bi.sb068::before { background-image:url('/img/logo_thumb/bank/068.png'); }
/* NH */
.ico-bi.sb062::before { background-image:url('/img/logo_thumb/bank/062.png'); }
/* OSB */
.ico-bi.sb003::before { background-image:url('/img/logo_thumb/bank/003.png'); }

/******** 다른 은행 아이콘 */
/* 기업은행 */
.ico-bi.b003::before { background-image:url('/img/logo_thumb/other_bank/003.png'); }
/* 우리은행 */
.ico-bi.b020::before { background-image:url('/img/logo_thumb/other_bank/020.png'); }
/* 하나은행 */
.ico-bi.b081::before { background-image:url('/img/logo_thumb/other_bank/081.png'); }
/* 한국씨티은행 */
.ico-bi.b027::before { background-image:url('/img/logo_thumb/other_bank/027.png'); }
/* 경남은행 */
.ico-bi.b039::before { background-image:url('/img/logo_thumb/other_bank/039.png'); }
/* 대구은행 */
.ico-bi.b031::before { background-image:url('/img/logo_thumb/other_bank/031.png'); }
/* 산림조합 */
.ico-bi.b064::before { background-image:url('/img/logo_thumb/other_bank/064.png'); }
/* 새마을금고 */
.ico-bi.b045::before { background-image:url('/img/logo_thumb/other_bank/045.png'); }
/* 신협 */
.ico-bi.b048::before { background-image:url('/img/logo_thumb/other_bank/048.png'); }
/* 제주은행 */
.ico-bi.b035::before { background-image:url('/img/logo_thumb/other_bank/035.png'); }
/* 케이뱅크 */
.ico-bi.b089::before { background-image:url('/img/logo_thumb/other_bank/089.png'); }
/* 국민은행 */
.ico-bi.b004::before { background-image:url('/img/logo_thumb/other_bank/004.png'); }
/* 신한은행 */
.ico-bi.b088::before { background-image:url('/img/logo_thumb/other_bank/088.png'); }
/* 농협은행 */
.ico-bi.b011::before,
.ico-bi.b012::before { background-image:url('/img/logo_thumb/other_bank/011.png'); }
/* SC은행 */
.ico-bi.b023::before { background-image:url('/img/logo_thumb/other_bank/023.png'); }
/* 우체국 */
.ico-bi.b071::before { background-image:url('/img/logo_thumb/other_bank/071.png'); }
/* 광주은행 */
.ico-bi.b034::before { background-image:url('/img/logo_thumb/other_bank/034.png'); }
/* 부산은행 */
.ico-bi.b032::before { background-image:url('/img/logo_thumb/other_bank/032.png'); }
/* 산업은행 */
.ico-bi.b002::before { background-image:url('/img/logo_thumb/other_bank/002.png'); }
/* 수협 */
.ico-bi.b007::before { background-image:url('/img/logo_thumb/other_bank/007.png'); }
/* 전북은행 */
.ico-bi.b037::before { background-image:url('/img/logo_thumb/other_bank/037.png'); }
/* 카카오뱅크 */
.ico-bi.b090::before { background-image:url('/img/logo_thumb/other_bank/090.png'); }
/* 도이치 */
.ico-bi.b055::before { background-image:url('/img/logo_thumb/other_bank/055.png'); }
/* BNPP */
.ico-bi.b061::before { background-image:url('/img/logo_thumb/other_bank/061.png'); }
/* 중국건설 */
.ico-bi.b067::before { background-image:url('/img/logo_thumb/other_bank/067.png'); }
/* 수출입 */
.ico-bi.b008::before { background-image:url('/img/logo_thumb/other_bank/008.png'); }
/* 중국공상 */
.ico-bi.b062::before { background-image:url('/img/logo_thumb/other_bank/062.png'); }
/* BOA */
.ico-bi.b060::before { background-image:url('/img/logo_thumb/other_bank/060.png'); }
/* HSBC */
.ico-bi.b054::before { background-image:url('/img/logo_thumb/other_bank/054.png'); }
/* JP모간 */
.ico-bi.b057::before { background-image:url('/img/logo_thumb/other_bank/057.png'); }
/* 중국은행 */
.ico-bi.b063::before { background-image:url('/img/logo_thumb/other_bank/063.png'); }
/* 토스은행 */
.ico-bi.b092::before { background-image:url('/img/logo_thumb/other_bank/092.png'); }

/* 국세, 국고금, 지방세 */
.ico-bi.b000::before { background-image:url('/img/logo_thumb/other_bank/000.png'); }

/******** 증권사 아이콘 */
/* 한국포스증권 */
.ico-bi.b294::before { background-image:url('/img/logo_thumb/stock/294.png'); }
/* 교보증권 */
.ico-bi.b261::before { background-image:url('/img/logo_thumb/stock/261.png'); }
/* 메리츠증권 */
.ico-bi.b287::before { background-image:url('/img/logo_thumb/stock/287.png'); }
/* 부국증권 */
.ico-bi.b04::before { background-image:url('/img/logo_thumb/stock/04.png'); }
/* 신영증권 */
.ico-bi.b05::before { background-image:url('/img/logo_thumb/stock/05.png'); }
/* 유안타증권 */
.ico-bi.b06::before { background-image:url('/img/logo_thumb/stock/06.png'); }
/* LS증권 */
.ico-bi.b265::before { background-image:url('/img/logo_thumb/stock/265.png'); }
/* 키움증권 */
.ico-bi.b264::before { background-image:url('/img/logo_thumb/stock/264.png'); }
/* 하이투자증권 */
.ico-bi.b262::before { background-image:url('/img/logo_thumb/stock/262.png'); }
/* 한화증권 */
.ico-bi.b269::before { background-image:url('/img/logo_thumb/stock/269.png'); }
/* DB증권 */
.ico-bi.b279::before { background-image:url('/img/logo_thumb/stock/279.png'); }
/* 다올투자증권 */
.ico-bi.b12::before { background-image:url('/img/logo_thumb/stock/12.png'); }
/* BNK투자증권 */
.ico-bi.b13::before { background-image:url('/img/logo_thumb/stock/13.png'); }
/* NH투자증권 */
.ico-bi.b247::before { background-image:url('/img/logo_thumb/stock/247.png'); }
/* 대신증권 */
.ico-bi.b267::before { background-image:url('/img/logo_thumb/stock/267.png'); }
/* 미래에셋대우 */
.ico-bi.b238::before { background-image:url('/img/logo_thumb/stock/238.png'); }
/* 삼성증권 */
.ico-bi.b240::before { background-image:url('/img/logo_thumb/stock/240.png'); }
/* 신한금융투자 */
.ico-bi.b278::before { background-image:url('/img/logo_thumb/stock/278.png'); }
/* 유진투자증권 */
.ico-bi.b280::before { background-image:url('/img/logo_thumb/stock/280.png'); }
/* 케이프투자증권 */
.ico-bi.b20::before { background-image:url('/img/logo_thumb/stock/20.png'); }
/* 하나금융투자 */
.ico-bi.b270::before { background-image:url('/img/logo_thumb/stock/270.png'); }
/* 한국투자증권 */
.ico-bi.b243::before { background-image:url('/img/logo_thumb/stock/243.png'); }
/* 현대차증권 */
.ico-bi.b263::before { background-image:url('/img/logo_thumb/stock/263.png'); }
/* KB증권 */
.ico-bi.b218::before { background-image:url('/img/logo_thumb/stock/218.png'); }
/* SK증권 */
.ico-bi.b266::before { background-image:url('/img/logo_thumb/stock/266.png'); }
/* 카카오페이증권 */
.ico-bi.b26::before { background-image:url('/img/logo_thumb/stock/26.png'); }
/* 카카오페이증권 */
.ico-bi.b288::before { background-image:url('/img/logo_thumb/stock/288.png'); }
/* 토스증권 */
.ico-bi.b271::before { background-image:url('/img/logo_thumb/stock/271.png'); }
/* 케이프투자증권 */
.ico-bi.b292::before { background-image:url('/img/logo_thumb/stock/292.png'); }
/* 유안타증권 */
.ico-bi.b209::before { background-image:url('/img/logo_thumb/stock/209.png'); }
/* 신영증권 */
.ico-bi.b291::before { background-image:url('/img/logo_thumb/stock/291.png'); }
/* 부국증권 */
.ico-bi.b290::before { background-image:url('/img/logo_thumb/stock/290.png'); }
/* 다올증권 */
.ico-bi.b227::before { background-image:url('/img/logo_thumb/stock/227.png'); }
/* BNK증권 */
.ico-bi.b224::before { background-image:url('/img/logo_thumb/stock/224.png'); }
/* IBK증권 */
.ico-bi.b225::before { background-image:url('/img/logo_thumb/stock/225.png'); }
/* 상상인증권 */
.ico-bi.b221::before { background-image:url('/img/logo_thumb/stock/221.png'); }