@charset "utf-8";

.bg-color01 {background-color: rgb(0, 57, 123) !important;}

/* 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-text {display: block; padding: 17px 20px; font-size: 22px; line-height: 26px; font-weight: 600;}
.ui-accordion-list.js-ui-accordion-wrap .ui-accordion-text {color: #999;}
.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: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;}
.tts + .slide-box-area {margin-top:40px;}
/* small-accordion */
.small-accordion-list {border: 1px solid #ccc; margin-bottom:20px;}
.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: 600;text-align:left;}
.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 .accordion-slide-txt {display: block; max-width: 100%;padding:20px; overflow-y:auto; border: none;}
.small-accordion-layer .accordion-slide-txt p { font-size: 14px; line-height:1.5;}
.chk-label.type02 { color: #666; font-size:14px; font-weight: 500; padding-top:3px; }

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

/* 채용공고 게시판 */
.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;width:550px;}
.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;}
.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:46px;padding:5px 2px 4px;text-align:center;}
.bbs-list .table-style01 .link {display:inline-block;font-size:14px;line-height:22px;vertical-align: top;font-weight:300;}

.tts + .bbs-view {margin-top:20px;}
.common-text01 + .bbs-view {margin-top:40px;}
.bbs-view {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;width:auto;margin-right:12px;padding: 2px 6px 0px;;text-align:center;vertical-align:1px;}
.bbs-head .ico-category {}
.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 .subject.type03 {padding-right:320px;}
.bbs-head .subject.type04 {padding-right:80px;}
.bbs-head .bbs-headinfo {float:right;margin-top:-22px;}
.bbs-head .views {margin-left:40px;}
.bbs-head .name {overflow:hidden;width:190px;white-space:nowrap;text-overflow:ellipsis;/*position:relative;*/padding-right:20px;}
/* .bbs-head .name:after {content:'';position:absolute;top:2px;right:8px;width:1px;height:17px;border-right:1px solid #ccc;} */
.bbs-head .date, .bbs-head .views, .bbs-head .name {display:inline-block;font-size:14px;line-height:22px;vertical-align:bottom;}
.bbs-head:after {display:block;content: '';clear:both;}
.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-cont th, .bbs-cont td {border:1px solid #000;font-size:12px;line-height:1.4;text-align:center;}
.bbs-nav {margin-top:50px;}
.bbs-nav .ico-category {display:inline-block;width:auto;margin-right:12px;padding:2px 6px 0px;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;}

@media (max-width: 1100px) {
	.bbs-head .bbs-headinfo {float:none;margin-top:5px;}
	.bbs-view {margin-top:20px;}
	.bbs-head .name {display:block;}
}

.ico-internet,
.ico-smartphone,
.ico-notice,
.ico-event,
.ico-etc,
.ico-shop {margin-right:4px;border:1px solid #017a51;border-radius:2px;font-weight:600;color:#017a51;padding:6px 11px 4px; /*2019528 padding수정*/font-size:11px;}
.ico-internet {color:#e3047f;border-color:#e3047f;}
.ico-smartphone {color:#00397b;border-color:#00397b;}
.ico-notice {color: #cc0000;border-color:#cc0000;}
.ico-event {color: #ff472c;border-color:#ff472c;}
.ico-etc {color:#999;border-color:#999;}

.ico-internet.w46,
.ico-smartphone.w46,
.ico-notice.w46,
.ico-event.w46,
.ico-shop.w46 {width:46px;padding:6px 0 5px;text-align: center;}
.txt-total {font-size: 14px;} /* 20190408 김유빈 ico 컬러 추가 */

/* 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%;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;font-weight:300;}
.table-style01 thead tr {width:100%;background:#f7f7f7;}


/* table border */
.br-ef { border-right: 1px solid #efefef !important; }
.table-style01 th {font-weight:700; border:1px solid #ccc; border-top:none; /*border-right:1px solid #ccc; border-bottom:1px solid #ccc;*/}
.table-style01 th:first-child {border-left:none;}
.table-style01 th:last-child {border-right:none;}
.table-style01 td {border:1px solid #efefef; border-top:none;/* border-right:1px solid #efefef;border-bottom:1px solid #efefef;*/}
.table-style01 td:first-child { border-left:none;}
.table-style01 td.tal {text-align:left;}
.table-style01 thead tr th:last-child {border-right:none}
.table-style01 tbody tr td:last-child {border-right:none;}
.table-style01.pad-type4 td {padding:14px;}
.table-style01.large-table td {padding:30px 20px;}
.table-style01.large-table .td-line {line-height:20px;}

/* table-wrap01 */
.table-type04 {width:800px;}
.table-type04 .bbs-head {width:837px;}
.table-wrap01 {border-top:1px solid #333;border-bottom:1px solid #ccc;}
.table-wrap01 + .table-type01-foot {border-top:0;}
.table-wrap01 .common-text01 {margin-top:0;}
.table-wrap01 .common-text01 + .common-text01 {margin-top:5px;}
.table-pc {display:block;}
.table-mobile {display:none;}
.common-textstyle03 + .table-wrap01 {margin-top:20px;}

@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; }
	/* 모바일에서 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;}

	.table-style01 th, .table-style01 td {padding:12px 5px;font-size:12px;line-height:18px;}

}


/* search 버튼 아이콘 */
.btn-search{display:inline-block;width:40px;height:42px;background: url('/img/hss_common/icon_search.png') right 12px center/22px 22px no-repeat;position:absolute;top:0;right: 0;}


/* result-none 검색결과 없을때 */

.result-none-area {width:100%;height:auto;padding:125px 0 65px;text-align:center;background:#fff 50% 64px/auto no-repeat; font-size:16px;font-weight:300;}
.result-none-area.success {background-image: url('/img/hss_common/icon_alert.png');}


/* 페이징 pagination */
.pagination {width:100%;padding:40px 0;text-align:center;}
.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: 700;}
.pagination .prev a {background: url('/img/hss_common/page_left.png') no-repeat center;}
.pagination .next a {background: url('/img/hss_common/page_right.png') no-repeat center;}

/* 지원서 다운로드 button */
.btn-support {width:90px;height:22px;padding-right:20px;background:#7a8999;background-image: url('/img/hss_common/bg_download.png');background-repeat: no-repeat;background-position:right 17px center;border-radius:3px;font-size: 11px;color:#fff;vertical-align: bottom;text-align:center;}
a.btn-support{margin-left:16px;padding-top:2px}
.bbs-list::after {display: block;content:'';clear: both;}

/* 다운로드 button */
.btn-download {width:90px;height:22px;padding-right:20px;background:#7a8999;background-image: url('/img/hss_common/bg_download.png');background-repeat: no-repeat;background-position:right 10px center;border-radius:3px;font-size: 11px;color:#fff;vertical-align: bottom;text-align:center;}
a.btn-download{margin-left:16px;padding-top:2px}

a.btn-download.type01{display:inline-block;width:initial;height:initial;padding:10px 30px 10px 10px;margin-top:15px;} /* 20200928 이예빈 추가 */

/* reset */
caption {position: absolute;left:-10000px;width:1px;height:1px;line-height:0;overflow:hidden;}
.tts {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;left:-50000px;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;left:-50000px;}

/* 텍스트정렬 */
.al-l {text-align:left !important;}
.al-r {text-align:right !important;}
.al-c {text-align:center !important;}

/* 게시판 제목 */
.board-title {width:100%;display:inline-block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board-title.style01 .ico-category {margin-right:15px;}

/* 버튼 */
.btn-area {text-align:center;margin-top:60px;}

.table-wrap01.style01 .table-type04 {table-layout:fixed;border-bottom:none;}
.table-wrap01.style01 {border-top:none;}

/* 목록 테이블 */
.bbs-nav a {display:inline-block;width:100%;padding-right:235px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-weight:300;}


/*검색결과 없을때 페이지 공통*/
.nosearch-wp {border-top:1px solid #00397b;padding:260px 0 100px;background:#f7f7f7 url(/img/hss_common/ico-point.png) no-repeat center 100px;text-align:center;}
.nosearch-wp p {font-size:30px;line-height:26px;letter-spacing:-.25px;font-weight:300;}
.nosearch-wp .btn-wp {margin-top:35px;}
.nosearch-wp.type01 {padding:112px 0 100px;}
.nosearch-wp.type01 {background:#f7f7f7}
.nosearch-wp.type01 p {font-weight:300;}
.btn-style01 {display:inline-block;min-width:120px;height:40px;padding:0 10px;border:1px solid #cccccc;border-radius:5px;background:#fff;color:#666;font-size:16px;text-align:center;}


/* 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;}
.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;}


/* tab-basic */
.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: 600; color: #fff; background-color: #00397b;}
.tab-basic-buttons-item.js-tabpanel-active span, .tab-basic-buttons-item.is-tab-basic-active span {color: #fff; font-weight: 600;}
.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;height: 100%;top: 0;}
.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;}


@media (max-width: 1100px) {
	.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;}
	.tab-basic-buttons-list {display: inline-block; vertical-align: top; padding: 0 15px; width: auto;}
	.tab-basic-buttons-item {position: relative; display: inline-block; vertical-align: top; padding: 0 6px; border: none; font-size: 13px; line-height: 35px;}
	.tab-basic-buttons-item + .tab-basic-buttons-item:before {display: none;}
	.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%;}
	.tab-basic-buttons-item.js-tabpanel-active,
	.tab-basic-buttons-item.is-tab-basic-active {background: none; color: #00397b;}
	.tab-basic-buttons-item.js-tabpanel-active:after,
	.tab-basic-buttons-item.is-tab-basic-active:after {-webkit-transform: scale(1, 1); transform: scale(1, 1);}
	.tab-basic-buttons-item + .tab-basic-buttons-item {margin-left: 12px;}
	.tab-basic .tab-basic-buttons-item {font-size:14px !important;}
	.tab-basic .tab-basic-buttons {width:100% !important;}
	.tab-basic {margin-top:20px;}
}

/* common */

/* [공통] 버튼 스타일 */
.btn-style01 {display:inline-block;min-width:120px;height:40px;padding:0 10px;border:1px solid #cccccc;border-radius:5px;background:#fff;color:#666;font-size:16px;text-align:center;}
.btn-style01:hover, .btn-style01:focus {border-color:#00397b;}
.btn-style01 .pathfinding {display:inline-block;padding:3px 0 3px 29px;background: url('/img/hss_common/button/btn_pathfinding.gif') no-repeat 0 0;} /* 길찾기 */
.btn-style01 .detailview {display:inline-block;margin:0 17px;padding:2px 17px 0 0;background: url('/img/hss_common/button/btn_detailview.gif') no-repeat right 3px;} /* 자세히보기 */
.btn-style01.type02 {background:#666;}
.btn-style01 .detailview.type02 {background: url('/img/hss_common/button/btn_detailview_white.png') no-repeat right 3px;color:#fff;} /* 자세히보기 */
.btn-style01 .down {margin:0 17px;padding:0 30px 0 0;background: url('/img/hss_common/button/btn_down.gif') no-repeat right 0;} /* 다운로드 */
a.btn-style01 {-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;}
.btn-style02 {display:inline-block;min-width:200px;height:50px;padding:0 18px;border:1px solid #00397b;border-radius:5px;background:#f3f9e8;color:#333;font-size:18px;font-weight:700;text-align:center;}
.btn-style03 {display:inline-block;min-width:200px;height:50px;padding:0 18px;border:1px solid #00397b;border-radius:5px;background:#fff;color:#333;font-size:18px;font-weight:700;text-align:center;}
.btn-style02:hover, .btn-style03:hover, .btn-style02:focus, .btn-style03:focus {border-color:#000;}
.btn-style04 {display:inline-block;min-width:150px;height:40px;padding:0 18px;border-radius:5px;background:#666;color:#fff;font-size:16px;font-weight:700;text-align:center;}
.btn-style04:hover, .btn-style04:focus  {background:#00397b;}
.btn-style05 {display:inline-block;min-width:150px;height:40px;padding:0 18px;border-radius:5px;background:#918d8d;color:#fff;font-size:16px;font-weight:700;text-align:center;}
.btn-style05:hover, .btn-style05:focus  {background:#666;}
.btn-style06 {display:inline-block;min-width:150px;height:40px;padding:0 18px;border-radius:5px;background:#00397b;color:#fff;font-size:16px;font-weight:700;text-align:center;}
.btn-style06:hover, .btn-style06:focus  {background:#00397b;color:#fff;}
a.btn-style06 {-webkit-box-sizing:border-box;box-sizing:border-box;line-height: 40px;}
.link-box .btn-style01 .detailview {padding:0 17px 0 0;line-height:38px;background-position:right center;}


/* [공통] 컨텐츠 타이틀 */
.common-title {color:#333333;font-size:40px;font-weight:700;}

/* [공통] 버튼정렬 */
.btnalign-box {position:relative;margin-top:40px;text-align:center;}

/* [공통] 리스트 */
.common-list02 {width:100%;margin-top:20px;border-top:1px solid #00397b;}
.common-list02 > li {display:table;width:100%;height:77px;padding: 14px 0 13px;border-bottom:1px solid #ddd;}
.common-list02 li .number,
.common-list02 li .name {display:table-cell;width:107px;color:#666;font-size:14px;text-align:center;vertical-align:middle;}
.common-list02 li .info {display:table-cell;vertical-align:middle;}
.common-list02 li .info .title a {display:block;width:983px;color:#333;padding: 4px 0;font-size:16px;font-weight:300;word-break: break-all;line-height:normal}
.common-list02 li .info .title a.link01 {width:803px;}
.common-list02 li .info .title a.link02 {width:883px;}
.common-list02 li .info .title a.link03 {width:913px;}
.common-list02 li .info .title a:hover, .common-list02 li .info .title a:focus {font-weight:700;}
.common-list02 li .info .date {margin-top:10px;color:#666;font-size:12px;font-weight:300;}
.common-list02 li .state {display:table-cell;width:110px;text-align:center;vertical-align:middle;}
.common-list02 li .snsbox {overflow:hidden;position:relative;display:table-cell;width:80px;text-align:center;vertical-align:middle;}
.common-list02 li .snsbox .btn-downlist {display:block;overflow:hidden;width:40px;height:40px;margin:0 auto;background: url('/img/hss_common/button/btn_down02.gif') no-repeat 0 0;font-size:0;line-height:0;}
.common-list02 li .snsbox .tooltip-layerpopup {position:absolute;top:52px;right:-400px;width:389px;height:118px;padding:0;border:1px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow: 9px 9px 43px -1px rgba(227,227,227,1);-moz-box-shadow: 9px 9px 43px -1px rgba(227,227,227,1);box-shadow: 9px 9px 43px -1px rgba(227,227,227,1);z-index:100;}
.common-list02 li .snsbox .tooltip-layerpopup-close {position:absolute;top:-50px;right:57px;width:40px;height:40px;background: url('/img/hss_common/button/btn_close.gif') no-repeat 0 0;font-size:0;line-height:0;z-index:100;}
.common-list02 li .snsbox .tooltip-layerpopup:after {position:absolute;top:-9px;right:68px;content: " "; display: block;width:15px;height:9px;background: url('/img/hss_common/bg_tooltip.gif') no-repeat 0 0;}
.common-list02 li .snsbox .tooltip-scroll-wrap {position:relative;width:387px;height:116px;}
.common-list02 li .snsbox .tooltip-scroll {overflow:hidden;position:absolute;z-index:1;top:5px;bottom:5px;right:5px;left:5px;text-align:left;}
.common-list02 li .snsbox .tooltip-scroll .scroller {position: absolute;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.common-list02 li .snsbox .tooltip-scroll .scroller .list {padding:14px 0;}
.common-list02 li .snsbox .tooltip-scroll .scroller .list li {margin-top:8px;}
.common-list02 li .snsbox .tooltip-scroll .scroller .list li:first-child {margin-top:0;}
.common-list02 li .snsbox .tooltip-scroll .scroller .list li a {display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.common-list02 li .snsbox.scroll-type {overflow: unset;}
.common-list02 li .snsbox.scroll-type .tooltip-layerpopup {right:-38px;}


/* [공통] 상세 */
.common-viewtitle {padding:20px 0 20px 20px;border-top:1px solid #00397b;border-bottom:1px solid #ddd;}
.tab-basic-contents .common-viewtitle {margin-top:40px;}
.common-viewtitle .title {float:left;width:1010px;color:#333;font-size:20px;font-weight:700;}
.common-viewtitle .title .badge {margin-right:5px;vertical-align:2px;}
.common-viewtitle .date {display:block;margin-top:15px;color:#666;font-size:14px;}
.common-viewtitle .snsbox {position:relative;float:right;width:64px;}
.common-viewtitle .snsbox .snslink-view {display:block;overflow:hidden;width:64px;height:30px;background:url('/img/hss_content/com/icon_share.png') no-repeat right 20px center;font-size:0;line-height:0;}
.common-viewtitle .snsbox .tooltip-layerpopup {display:none;position:absolute;top:46px;right:-48px;width:381px;height:148px;padding:40px 0;border:1px solid #000;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.common-viewtitle .snsbox .tooltip-layerpopup-close {position:absolute;top:10px;right:10px;width:10px;height:10px;background:#3399ff;z-index:100;}
.common-viewtitle .snsbox .tooltip-layerpopup:after {position:absolute;top:-9px;right:67px;content: " "; display: block;width:15px;height:9px;background: url('/img/hss_common/bg_tooltip.gif') no-repeat 0 0;}
.common-viewtitle: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;}
.common-viewattachments {display:table;width:100%;border-bottom:1px solid #ddd;}
.common-viewattachments .title {display:table-cell;height:77px;padding:0 0 0 20px;background:#f7f7f7;color:#333;font-size:16px;font-weight:700;vertical-align:middle;}
.common-viewattachments .list {display:table-cell;padding:20px;color:#333;font-size:16px;font-weight:700;vertical-align:middle;}
.common-viewattachments .list li {margin-top:5px;}
.common-viewattachments .list li:first-child {margin-top:0;}

/* [공통] 테이블 이전글,다음글 보기 */
.common-previous-next {width:100%;margin-top:60px;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.common-previous-next:after {content: " "; display: block;height:0;clear:both;visibility: hidden;}
.common-previous-next li {float:left;width:50%;height:78px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.common-previous-next li .link {position:relative;display:block;height:78px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.common-previous-next li .link:hover,
.common-previous-next li .link:focus {background:#f7f6ed;}
.common-previous-next li .type {position:absolute;top:25px;right:20px;display:inline-block;padding:7px 34px 5px 0;color:#666;font-size:16px;font-weight:700;}
.common-previous-next li .text {position:absolute;top:30px;right:115px;width:410px;color:#666;font-size:16px;}
.common-previous-next li:first-child {border-right:1px solid #ddd;}
.common-previous-next li:first-child .type {position:absolute;top:25px;right:auto;left:20px;display:inline-block;padding:5px 0 5px 43px;}
.common-previous-next li:first-child .text {position:absolute;top:30px;right:auto;left:128px;width:410px;color:#666;font-size:16px;}




/* [공통] 뱃지 */
.badge {display:inline-block;width:70px;height:22px;padding-top:3px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f15757;color:#fff;font-size:11px;text-align:center;line-height:16px;font-weight:700;}
.badge.style01 {background:#efedee;border:1px solid #ccc;color:#999;}
.badge.style02 {width:43px;background:#fff;border:1px solid #18a33e;color:#18a33e;}

/* [공통] 커스텀 iscroll 디자인스타일 */
.iScrollVerticalScrollbar {position:absolute;z-index:9999;width:6px;bottom:0;top:0;right:0;overflow:hidden;border-radius:8px;background:#ccc;}
.iScrollVerticalScrollbar.iScrollBothScrollbars {bottom:0;}
.iScrollIndicator {position:absolute;border-radius:8px;}
.iScrollVerticalScrollbar .iScrollIndicator {width:100%;background:#00397b;}

/* fs_newfnewpres_0100.html */
.pressreleases-list {margin-top:23px;border-top:1px solid #00397b;}
.pressreleases-list li {border-bottom:1px solid #dddddd;}
.pressreleases-list li .link {display:table;overflow:hidden;width:100%;padding:40px 20px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pressreleases-list li .img-box {display:table-cell;padding-right:57px;}
.pressreleases-list li .img-box img {width:325px;}
.pressreleases-list li .info {display:table-cell;vertical-align:middle;}
.pressreleases-list li .info .title {width:1080px;color:#333333;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pressreleases-list li .info .title .date {display:block;margin-top:15px;color:#666666;font-size:12px;}
.pressreleases-list li .img-box + .info .title {width:660px;}
.pressreleases-list li .text {margin-top:30px;color:#666666;font-size:16px;line-height:30px;}

/* tooltip 이미지 */
.common-viewtitle .snsbox .tooltip-layerpopup .kakao {background: url('/img/hss_content/com/bul_kakao_off.png') no-repeat 50% 0}
.common-viewtitle .snsbox .tooltip-layerpopup .instagram {background: url('/img/hss_content/com/bul_insta_off.png') no-repeat 50% 0}
.common-viewtitle .snsbox .tooltip-layerpopup .facebook {background: url('/img/hss_content/com/bul_facebook_off.png') no-repeat 50% 0}
.common-viewtitle .snsbox .tooltip-layerpopup .urlcopy {background: url('/img/hss_content/com/bul_url_off.png') no-repeat 50% 0}
.common-viewtitle .snsbox .tooltip-layerpopup .sns{display:inline-block;width:79px;padding-top:65px;text-align:center;font-size:12px;font-weight:700;color:#666;}
.common-viewtitle .snsbox .tooltip-layerpopup .tooltip-layerpopup-close {background: url('/img/hss_content/com/bg_close.png');font-size:0;}
.common-viewtitle .snsbox .tooltip-layerpopup .kakao:hover {background-image: url('/img/hss_content/com/bul_kakao_on.png')}
.common-viewtitle .snsbox .tooltip-layerpopup .instagram:hover {background-image: url('/img/hss_content/com/bul_insta_on.png')}
.common-viewtitle .snsbox .tooltip-layerpopup .facebook:hover {background-image: url('/img/hss_content/com/bul_facebook_on.png')}
.common-viewtitle .snsbox .tooltip-layerpopup .urlcopy:hover {background-image: url('/img/hss_content/com/bul_url_on.png')}
.common-previous-next .link.prev::after {content:'';display:inline-block;position: absolute;left:20px;top:26px;;width:14px;height:25px;background: url('/img/hss_content/com/bul_leftarrow_off.png') no-repeat 0 0;background-size: cover;}
.common-previous-next .link.next::after {content:'';display:inline-block;position: absolute;right:20px;top:26px;;width:14px;height:25px;background: url('/img/hss_content/com/bul_rightarrow_off.png') no-repeat 0 0;background-size: cover;}
.common-previous-next .link.prev:hover::after {background-image: url('/img/hss_content/com/bul_leftarrow_on.png');}
.common-previous-next .link.next:hover::after {background-image: url('/img/hss_content/com/bul_rightarrow_on.png');}


/*팝업- 위치정보 검색결과 화면 팝업*/
.loca-pop01 {width:700px;}
.loca-info-popWp {}
.loca-pop01 .info-boxWp {padding:30px 30px;position:relative;border-bottom:1px solid #ccc;}
.loca-pop01 .info-boxWp li {display: table;vertical-align:top;width:100%;}
.loca-pop01 .info-boxWp li > strong {position:relative;display:table-cell;vertical-align:top;width:100px;padding-left:15px;font-size:16px;font-weight: 700;line-height:36px;letter-spacing:-.25px;}
.loca-pop01 .info-boxWp li > strong:before {content:'';position:absolute;left:0;top:13px;width:5px;height:6px;background: url(/img/hss_common/bul01.png) no-repeat center}
.loca-pop01 .info-boxWp li .l-info {display:table-cell;vertical-align:top;width:auto;padding-right:60px;}
.loca-pop01 .info-boxWp li .l-info p{font-size:16px;line-height:36px;letter-spacing:-.25px;}

.loca-pop01 .btn-go-map{}
.loca-pop01 .btn-go-map a {position:absolute;right:30px;top:40px;width: 55px; height: 54px; background: url(/img/hss_common/ico-map-p.png) no-repeat top ;padding-top:60px;}
.loca-pop01 .btn-go-map a span {display:block;color:#666;font-size:12px;letter-spacing:-.25px;text-align:center;}

.pop-table-wp {padding:40px 30px 30px;}
.tbl-wrap.type02 {border-top:1px solid #333;border-bottom:1px solid #ccc;margin-top:0;}
.tbl-wrap.type02 th {background:#f7f7f7;font-size:14px;border-right:1px solid #ccc;}
.pop-btn-wp {width:100%;text-align:center;margin-bottom:40px;}
.pop-btn-wp button {width:220px;height:50px;}
.pop-btn-wp button:first-child {margin-right:5px;}

/*팝업-위치정보레이어팝업*/
.str-searPop {position:relative;width:500px;}
.store-popWp {padding:75px 0px 60px;text-align:center;}
.store-popWp strong.info {font-size:22px;font-weight:700;line-height:36px;letter-spacing:-.25px;}
.store-popWp .pop-btn-wp {margin:35px 0 0;}
.store-popWp .pop-btn-wp button {width:150px;height:40px;}

.layer-container button.layer-close {position:absolute;right:30px;top:20px;width:23px;height:23px;font-size:0;text-indent:-9999em;background: url(/img/hss_common/layer-close.png) no-repeat center;}
.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;}

.pr-roomWp .common-tblinfobox{margin-bottom:20px;}

/* 영상 */
.prroom-media {margin-top:40px;}
.media-wp {height: 460px;background:#f3f9e8;padding:40px 20px 35px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:60px;}
.media-area {overflow:hidden;}
.media-area .media {float: left;width:620px;height:320px;}
.media-txtWp {float: left;width:380px;height:350px;padding:0px 0px 0 40px;overflow-y:scroll;}
.media-txtWp strong.mtit {display:block;font-size:22px;letter-spacing:-.25px;padding-top:5px;}
.media-txtWp .m-txt {padding-top:40px;}
.media-txtWp .m-txt p {color:#666;font-size:16px;letter-spacing:-.25px;line-height:28px;}
.media-wp .m-str {color:#666;font-size:14px;letter-spacing:-.25px;margin-top:18px;}
.new-thumbWp {border-top:1px solid #00397b;}
ul.new-thumb-list {overflow:hidden;margin:0 -32px;}
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;}
.new-thumbWp.media ul.new-thumb-list li .t-media-wp {width:322px;height:180px;}
.new-thumbWp.media ul.new-thumb-list li .t-media-wp img {height:180px;vertical-align:top;}
.new-thumbWp.media ul.new-thumb-list li .txt-wp {border-top:1px solid #ccc;padding:17px 20px;height:80px;box-sizing:border-box;min-height:inherit;}
ul.new-thumb-list li .tit {display:block;color:#333;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-.25px;}

/* 게시판 */
.common-list02.style01 .state {font-size:12px;font-weight:700;color:#666}
/* 다운로드 버튼 */

.btn-style01 {display:inline-block;min-width:120px;height:40px;padding:0 10px;border:1px solid #cccccc;border-radius:5px;background:#fff;color:#666;font-size:16px;text-align:center;}
.btn-style01 .download {font-size:16px;color:#666;font-weight:300;}
.common-list02.style01 li {table-layout:fixed;}
.common-list02.style01 li .info .link05 {width:693px;}
.common-list02.style01 li .info .link06 {width:818px;}
.common-list02.style01 li .number {width:90px;}
.common-list02.style01 li .state {width:160px;}
.common-list02.style01 li .snsbox {width:175px;}
.common-list02 .btn-style01 {width:155px;margin-right:20px;background: url('/img/hss_content/hps/ico_down.png') no-repeat right 20px top 10px;text-align:left}
.version-download-box .btn-style01 {padding:0 18px;background: url('/img/hss_content/hps/ico_down.png') no-repeat right 20px top 10px;text-align:left;border-radius:0 !important;vertical-align:-1px;}
.version-download-box .select-basic {margin-right:10px;}
/* 스크롤바 */
a:hover, a:focus {/* color:#00397b; */text-decoration:underline;}

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

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

/* FAQ 게시판 */

.slide-box-area.only-top .slide-box-top {border-bottom:1px solid #ccc; border-top:0 !important;}
.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/hss_common/btn_down_icon.jpg") no-repeat left 18px center;padding:24px 80px 24px 40px;}
.btn-slide {background: url("/img/hss_common/icon_select_fff.png") no-repeat center #333;width:60px; position:absolute; top:0; bottom:0; right:0;}
.slide-box-txt {max-width:100%; height:230px; overflow-y:auto; padding:30px 20px;background:#fff;}
.slide-box-txt h4, .slide-box-txt p {margin-bottom:20px;font-size:14px;line-height:1.7;}
.slide-box-area.type02 .agree-n .label-wrap:last-child:after {display:none;}
.slide-box-area.type02 .agree-n .label-wrap:first-child:before {display:none;}
.slide-box-area.type02 .chk-agree .label-wrap:first-child:before, .slide-box-area.type02 .chk-agree .label-wrap:first-child:after {display:none;}
.faq-tab .slide-box-area.type02.qna .slide-box-top .sub-title {margin:23px 0;}
.slide-box-top::after {display:block;content:'';clear:both;}
.slide-box-top + .slide-box-txt{border-bottom:1px solid #ccc;}
.slide-box-wrap{border-top:1px solid #333;border-bottom:1px solid #ccc}
.btn-slide-active .sub-title {color:#999 !important;}

.slide-box-area.qna .sub-title { font-size: 14px; font-weight: 300; }
.slide-box-area.qna .slide-box-txt {position: relative; height: auto; max-height:1000px; padding-left: 60px; font-weight: 300; background: #f7f7f7;}
.slide-box-area.qna .slide-box-txt p {font-weight: 300;}
.slide-box-area.qna .ui-accordion-text:before,
.slide-box-area.qna .slide-box-txt:before { position: absolute; top: 20px; left: 25px; content: 'Q'; color: #00397b; font-weight: 500; font-size: 16px; line-height: 20px; }
.slide-box-area.qna .slide-box-txt:before { content: 'A'; top: 30px; color: #cc0000; }
.slide-box-area.qna .ui-accordion-list.js-ui-accordion-wrap .ui-accordion-text {position: relative; padding-left: 60px; font-size: 14px; line-height: 18px; padding-top: 21px; padding-bottom: 21px; color: #333; font-weight: 300;}
.slide-box-area.qna .ui-accordion-head {background: none; border-bottom-color: #efefef;}
.slide-box-area.qna .ui-accordion-layer {border-bottom-color: #efefef;}
.slide-box-area.qna .ui-accordion-opener {border-left-color: #efefef;}

@media (max-width: 1100px) {
	.slide-box-area.qna .ui-accordion-text:before,
	.slide-box-area.qna .slide-box-txt:before {top: 15px;}
	.slide-box-area.qna .ui-accordion-text {padding-top: 16px; padding-bottom: 16px;}
}


/*연력탭*/
.tab-basic.fsb-style .tab-basic-buttons {width:460px;margin:0 auto;}
.tab-basic.fsb-style .tab-basic-buttons-item {border:none;font-size:28px;}
.tab-basic.fsb-style .tab-basic-buttons-item:before {}
.tab-basic.fsb-style .tab-basic-buttons-item + .tab-basic-buttons-item:before {top:11px;bottom:11px;margin-left:-19px;border-left:1px solid #ccc;}
.tab-basic.fsb-style .tab-basic-buttons-item.js-tabpanel-active {position:relative;background-color:#fff;color: #00397b}
.tab-basic.fsb-style .tab-basic-buttons-item.js-tabpanel-active:after {content:'';display:inline-block;position:absolute;left:0;right:0;bottom:0; width:100%;border-bottom:3px solid #00397b;}
/*연력*/
.history-box {width:1100px;margin-top:40px;padding:70px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#efefef;}
.history-box:after {content:'';display:table;clear:both;}
.history-box ul {position:relative;overflow:hidden;z-index:0;padding-bottom:15px;}
.history-box ul:after {content:'';display:table;clear:both;}
.history-box li {clear:both;width:470px;margin-bottom:-15px;}
.history-box li > div {position:relative;padding:20px;background:#fff;}
.history-box li > div:before {content:'';display:block;position:absolute;border:0 solid transparent;border-width:7px 10px;top:0;border-top-color:#fff;}
.history-box li > div:after {content:'';display:block;position:absolute;border:5px solid #00397b;border-radius:100%;top:0;width:13px;height:13px;background:#fff;}
.history-box li:nth-child(2n) {float:left;}
.history-box li:nth-child(2n) > div:before {left:100%;border-left-color:#fff;}
.history-box li:nth-child(2n) > div:after {left:100%;margin-left:28px;}
.history-box li:nth-child(2n+1) {float:right;}
.history-box li:nth-child(2n+1) > div:before {right:100%;border-right-color:#fff;}
.history-box li:nth-child(2n+1) > div:after {right:100%;margin-right:28px;}
.history-box li:last-child {position:relative;}
.history-box li:nth-child(2n):last-child:before {left:auto;right:-42px;}
.history-box li:last-child:before {content:'';display:block;position:absolute;top:-8000px;bottom:100%;left:-42px;border-left:4px solid #00397b;z-index:-1;}
.history-box .year {display:block;font-size:18px;font-weight:700;color:#00397b;}
.history-box .month {display:inline-block;width:35px;margin-top:4px;font-size:14px;font-weight:700;vertical-align:top;}
.history-box .text {display:inline-block;width:390px;font-size:14px;line-height:24px;}

@media (max-width: 1100px) {
	.history-box .text {width:100%;}
}

/* 안내문구 - 리스트 스타일 */
.notice-list-wrap {background-color: #fff;}
.popup-body01 .notice-list-wrap {margin-top: 31px;}
.notice-list-wrap .sub-text {font-size:14px;}
.notice-list-wrap + .tab-basic {margin-top:35px;}
.product-view + .notice-list-wrap {margin-top:20px;}
.table-wrap01 + .notice-list-wrap {margin-top:20px;}
.info-table-area + .notice-list-wrap {margin-top:40px;}
.sub-text + .notice-list {margin-top:10px;}
.tts + .notice-list-wrap {margin-top:40px;}
.notice-list-wrap + .tab-basic.pt50 {margin-top:-50px;}

	/* 기본 dot style */

.notice-list { max-width: 1100px; margin: 0 auto; background:#fff; }
.notice-list > li {margin-top:5px; color:#666;font-size:14px;line-height:23px;padding-left:15px;font-weight:300;}
.notice-list li:first-child {margin-top:0;}
.notice-list > li::before { content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 9px; width: 5px; height: 5px; border-radius: 50%; background-color: #999; }
.notice-list li strong {color:#333;}
.notice-list a {display:inline-block;}

	/* number style */

.notice-list.type-N > li {counter-increment: line-number;}
.notice-list.type-N > li::before {content: counter(line-number)'. ';margin-top: 0 !important;background: none !important;width: 13px !important;}

	/* Dash style */

.notice-list.type-D li::before {content: '-';margin-top: 0 !important;background: none !important;width: 9px !important;}

	/* 중첩 style : text-indent */

.notice-list .indent {padding-left: 7px;color: inherit;font-size: inherit;text-indent: -8px;line-height: inherit;}

.notice-list a {display:inline-block;}
.notice-list-wrap.type02 {background-color: transparent;}
.notice-list-wrap.type02 .notice-list {background: transparent;}
.notice-list-wrap.type02 .notice-list li {padding-left:0;}
.notice-list-wrap.type02 .notice-list li::before {display:none;}
.notice-list-in li {padding-left:0;}
.notice-list-in li:first-child {margin-top:5px;}
.notice-list-in li::before {display:none;}


/* 이벤트 상세 */
/* .bbs-head.style01 {padding:22px 33px 14px 20px} */
.bbs-head.style01 .subject {font-weight:700;vertical-align:bottom;}
.bbs-head.style01 .title {float:left;width:1010px;color:#333;font-size:20px;font-weight:700;}
.bbs-head.style01 .title .badge {margin-right:5px;vertical-align:2px;}
.bbs-head.style01 .date {display:inline-block;vertical-align:middle;font-weight:300;}
.bbs-head.style01 .snsbox {display:inline-block;vertical-align:middle}
.bbs-head.style01 .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;}
.bbs-head.style01 .snsbox .tooltip-layerpopup {display:none;position:absolute;top:50px;right:-48px;width:381px;height:148px;padding:40px 0;border:1px solid #000;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.bbs-head.style01 .snsbox .tooltip-layerpopup-close {position:absolute;top:10px;right:10px;width:10px;height:10px;background:#3399ff;z-index:100;}
.bbs-head.style01 .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;}


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

/* 190613 수정 */
.table-area .btn-area.style01{margin-top:-10px;padding-top:0;}
.search-table-area .btn-area.type02,
.info-table-area .btn-area.type02 {margin-top:40px !important; padding-top: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;}

/* 모바일 페이징 */
.paging-wrap{margin-top:-20px;text-align: center;}
.paging-wrap a{display:inline-block;width:35px;height:35px;margin-top:50px;padding-top:11px;vertical-align:top;border:1px solid #efefef;font-size:14px;color:#666;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box;}
.paging-wrap .prev {background: url('/img/hss_common/page_left.png') no-repeat 50% 50%;border:none;font-size: 0;}
.paging-wrap .next {background: url('/img/hss_common/page_right.png') no-repeat 50% 50%;border:none;font-size: 0;}
.paging-wrap .on {background: #999;color:#fff;border-color:#999}
.paging-wrap a + a {margin-left:2px;}

/*소식 - 홍보자료실 -영상 */
.prroom-media {margin-top:40px;}
.media-wp {height:460px;margin-bottom:60px;padding:40px 20px 35px 40px;background:#f3f9e8;box-sizing:border-box;-webkit-box-sizing:border-box;}
.media-area {overflow:hidden;}
.media-area .media {float:left;width:620px;height:320px;}

.media-scroll-wrap {float:left;position:relative;width:380px;height:350px;padding:0;}
.media-scroll {overflow:hidden;position:absolute;z-index:1;top:5px;bottom:5px;right:5px;left:5px;text-align:left;}
.media-scroll .scroller {position: absolute;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.media-scroll .scroller p {padding-right:20px;}
.media-area .mtit {display:block;font-size:22px;letter-spacing:-.25px;padding-top:5px;}
.media-scroll .m-txt {padding-top:40px;}
.media-scroll .m-txt p {color:#666;font-size:16px;letter-spacing:-.25px;line-height:28px;}

.media-wp .m-str {margin-top:18px;color:#666;font-size:14px;letter-spacing:-.25px;}
.new-thumbWp.media ul.new-thumb-list li .t-media-wp {width:322px;height:180px;}
.new-thumbWp.media ul.new-thumb-list li .t-media-wp img {width:100%;heigth:100%;vertical-align:middle;/*임시 : 동영상 올리고나중에 삭제해야함 */}
.new-thumbWp.media ul.new-thumb-list li .txt-wp {height:80px;border-top:1px solid #ccc;padding:17px 20px;box-sizing: border-box;-webkit-box-sizing:border-box;min-height:inherit;}

/* [공통] 검색영역 */
.searchbox-wrap {display:inline-block;font-size:0;line-height:0;}
.searchbox-wrap .input-text {width:400px;height:40px;padding:0 50px 0 11px;border:1px solid #ccc;vertical-align:middle;font-size:16px;line-height:1.6;}
.searchbox-wrap .search-send {display:inline-block;width:40px;height:42px;margin-left:-40px;background:url(/img/common/icon_search.png) right 12px center/22px 22px no-repeat;}

/* [공통] 테이블 상단 total/search 영역 */
.common-tblinfobox {width:100%;margin-top:40px;margin-bottom:20px;display: flex;}
.common-tblinfobox:after {content: '';display:table;clear:both;}
.common-tblinfobox .totalbox-wrap {float:left;margin-top:20px;font-weight:300;}
.common-tblinfobox .searchbox-wrap {float:right;}
.searchbox-wrap.type01 input {width:300px; font-weight: 300;}
/* 셀렉트박스 있을때 */
/* .common-tblinfobox.style01 .search-box {float:right;width:187px;margin-right: 13px;} */
.common-tblinfobox.style01 .search-box {display:inline-block;vertical-align:middle;width:187px;margin-right: 13px;margin-left: auto;}
.common-tblinfobox.style01 .select-basic {min-height:40px;margin-top:1px;}

/* Q&A */
.essential-box {margin-bottom:10px;text-align:right;}
.essential-box .essential {margin-right:20px;font-size:14px;font-weight:300;color:#333;}
.essential::before {content: "*";color: #cc0000;padding:3px;}
.email-box select {margin-left:10px;vertical-align:middle}
textarea {width:100%;border:1px solid #ccc;height:270px;padding:10px;resize:none;overflow-y:auto}
.org-accord-wp {margin-top:60px;}
.org-info-wp {padding:28px 20px;}
.org-info {padding-bottom:15px;}
.org-info p {display:inline-block;font-size:16px;letter-spacing: -0.5px;}
.org-info p.tel {padding-left:35px;margin-right:30px;background: url('/img/hss_common/ico-tel.gif') no-repeat left center;}
.org-info p.fax {padding-left:35px;background: url('/img/hss_common/ico-fax.gif') no-repeat left center;}
.org-info p strong {display:inline-block;margin-right:5px;font-weight:700;}
.org-txt {display:table;width:100%;}
.org-txt .wtit {display:table-cell;vertical-align:top;width:75px;padding-top:5px;}
.org-txt .wtit strong {display:block;font-size:16px;font-weight:700;letter-spacing: -0.25px;}
.org-txt .wtxt {display:table-cell;vertical-align:top;width:auto;}
.org-txt .wtxt li {position:relative;padding-left:13px;color:#666;font-size:16px;line-height:30px;letter-spacing: -0.25px;}
.org-txt .wtxt li:before {content:'';position:absolute;left:0;top:12px;width:4px;height:4px;background: url('/img/hss_common/bul02.gif') no-repeat left top;}

.noitce-wrap {margin-top:8px;}
.noitce-wrap > li {padding:0 10px 0 36px;font-size:16px;color:#333;font-weight:300;line-height:32px;text-indent: -15px;word-break: keep-all;}
.noitce-wrap li::before {content:'';display:inline-block;width:5px;height:5px;margin-top:11px;margin-right:10px;background:#999;border-radius:50%;vertical-align: top;}
.notice-tit {margin-top:20px;font-size:14px;font-weight:300;color:#cc0000;}
.notice-tit::before {content:'';display:inline-block;width:18px;height:15px;background: url('/img/hss_common/bul-notice.png') no-repeat;vertical-align:middle;}

/* 라디오버튼 */
.radio-box-wrap .radio-box + .radio-box {margin-left:55px;}

/* input-width */
.maxw-none {max-width:inherit !important;}
.w320 {max-width:320px !important;}

.pr-info01-wp {}
.pro-accord-wp {}
.pro-accordion-item {position: relative;}
.pro-accordion-head {position: relative;}
.pro-accordion-text {display: block;padding:0 20px;background-color: #fff;font-size:16px;font-weight:700;line-height: 50px;color:#333;}
.pro-accordion-opener {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top:1px solid #ccc;}
.pro-accordion-layer {height: 0;display: none;background:#f7f7f7;}
.pro-accordion-layer .component-layer-close-button {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50px;}
.pro-accordion-list {/* border-bottom:1px solid #ccc; */border-left:0;border-right:0;}
.pro-accordion-opener {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/hss_common/ico-accor.png') no-repeat 100% center}
.js-accordion-opened .pro-accordion-opener {background: url('/img/hss_common/ico-accor-on.png') no-repeat 100% center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.js-accordion-opened .pro-accordion-text {background-color: #f7f7f7;}

.pro-infoBox {padding:0 20px 30px;}
.pro-infoBox p.info-txt {padding:28px 80px 28px 0;color:#666;font-size:16px;line-height:28px;letter-spacing: -.25px;}
.table01-wrap {background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.table01-wrap table th {background:#fff;border-right:1px solid #ddd;}
.table01-wrap table th.vam {vertical-align:middle}

.ui-accordion-list.style01 {margin-top:20px;}


.terms-wrap {padding:20px 20px 15px;font-size:14px;}
.terms-wrap .terms-box {margin-top:7px;}
.terms-wrap .terms-box li,
.terms-wrap .terms-box p {font-weight:300;line-height:24px;}

/* 레이아웃 관련 */
.search-table-area, .search-table-area02, .info-table-area, .info-table-area02 { width: 100%;padding-top:40px; height: auto; margin-bottom: 0; background-color: #fff; }
.search-table-area.first-area, .search-table-area02.first-area, .info-table-area.first-area, .info-table-area02first-area {padding-top:50px;}
.search-table-area table td input, .search-table-area table td select, .search-table-area table td button, .search-table-area02 table td input, .search-table-area02 table td select, .search-table-area02 table td button { float: left; margin-right: 10px; }
.sub-title-area::after { content: ''; display: block; clear: both; }
.sub-title-area {position: relative;width:100%;height:auto;}
.sub-title-area + .table-wrap01, .sub-title-area + .com-msgbox, .sub-title-area + .steplist-box {margin-top:20px;}
.sub-title-area .notice-subtext {margin-top:15px;}
.sub-title-area + .notice-list-wrap {margin-top:15px;}
.sub-title {display:inline-block;width:auto;padding-right:15px;font-size:22px;font-weight:500;line-height:28px;}
.sub-text {font-size:16px;font-weight:500;}
.btn-area { text-align: center; padding: 40px 0 0; }
.btn-area button { margin: 0 5px; }
.icon-area::after { content: ''; display: block; clear: both; }
.content .info-table-area:first-child {padding-top:0;}
.content .info-table-area + .notice-subtext {margin-top:30px;}
.info-table-area.gap-type01 .common-text01 {margin-top:15px;}
.info-table-area.gap-type01 .btn-thin.resize {margin-top:10px;}
.tts + .sub-title-area {margin-top:40px;}

@media (max-width:1100px) {
	.info-table-area {padding-top:10px;}
	.info-table-area + .info-table-area {padding-top:40px;}
	.sub-title-area .notice-subtext {margin-top:0;}
	.sub-title {font-size:18px;}
}
.common-text04 {color:#666;font-size:16px;line-height:24px;}
/* text _ 16px #666 */
.common-text01 {font-weight:300;}
.common-text01.other-txt {margin-top:30px;}
.common-text01.dot {padding-left:15px;}
.common-text01.dot:before {content:'';display:inline-block;width:4px;height:4px;margin:-2px 5px 0 -9px;border-radius:50%;background:#666;vertical-align:middle;}
.common-text01,
.common-text01 strong {margin-top:5px;font-size:14px;color:#666;line-height:23px;}
.common-text01.sm-indent {padding-left:17px;text-indent:-14px;}
.common-text01 a {color:#666;text-decoration:underline;}
.common-text01 a:hover {color:#18a33e;}
.common-text01 + .common-stit02 {margin-top:30px;}
.common-text01 + .com-list01 {margin-top:30px;}
.common-text01 + .com-list04 {margin-top:33px;}
.common-text01 + .table-wrap01 {margin-top:35px;}
.common-text01 + .sub-title-area {margin-top:30px;}
.common-stit02 {font-size:16px;font-weight:700;margin-top:15px;}
.common-text01 .link {display:inline-block;}
.common-text03 {padding-left:16px;}
/* text _ 14px #666 */
.common-text02 {font-size:14px;color:#666;line-height:23px;}
.table-wrap01 + .common-text02 {margin-top:15px;}
.btn-area + .common-text01 {margin-top:15px;}
/* list _ 16px #666 */
/* .common-list01 {margin:8px 0 29px;} */
.common-list01 {margin:8px 0 0;}
.common-list01 li {margin-top:3px;font-size:14px;color:#666;line-height:23px;font-weight:300;}
.common-list01 li p {font-weight:300;}
.common-list01.dot > li {padding-left:15px;}
.common-list01.dot > li:before {content:'';display:inline-block;width:4px;height:4px;margin:-2px 5px 0 -9px;border-radius:50%;background:#666;vertical-align:middle;}

/* 개인정보 처리방침 */
.version-download-box {margin-top:53px;}

@media (max-width:1100px) {
	.version-download-box {margin-top: 20px;}
	.info-table-area.first-area {padding-top:30px;}
}
.com-list01 li {margin-top:11px;font-size:16px;line-height:28px;font-weight:300;}
.com-list02 {}
.com-list02 li {margin-top:0;padding-left:17px;font-size:14px;color:#666;line-height:23px;}
.com-list03 li {margin-top:0;font-size:14px;color:#666;line-height:23px;font-weight:300;}
.com-list04 li {margin-top:10px;font-size:16px;color:#666;line-height:28px;font-weight:300;}
.com-list04 li p {font-weight:300;line-height:28px;color:#666}
.com-list04 li > p.com-msg02 {padding-left:17px;text-indent:0;}
.com-list05 {margin-top:33px;}
.com-list05 li {margin-top:8px;font-size:16px;color:#666;line-height:28px;font-weight:300;}

/* 햇살론 근저당권  */
.notice-type01 {margin-left:15px;font-size:16px;}
.notice-type01 .title {margin-top:9px;font-size:16px;font-weight:500;}
.notice-type01 .text {line-height:30px;font-weight:300;}
.notice-subtext strong {font-weight:500;}
.notice-subtext {padding-left:15px;text-indent:-15px;font-size: 14px;line-height: 23px;}
.notice-subtext::before {content:'';display:inline-block;width:5px;height:5px;margin-top:8px;margin-right:10px;background:#999;border-radius:50%;vertical-align:top;}
.notice-type01 .notice-list.style02 li{padding-bottom:0;padding-left:0;line-height:24px;}
.notice-type01 .notice-list.style02 li .text {margin-top:2px;font-weight:300;line-height:24px;}
.notice-type01 .notice-list.style02 li::before {display:none;}

.table-wrap01 + .notice-list {padding-top:15px;}
.table-wrap01 + .notice-subtext {padding-top:15px;}
.table-type04.style01 td, .table-type04.style01 th {width:auto !important;}
.table-type04.style01 td {font-size:14px;font-weight:300;}
.table-type04.style01 .notice-list li p, .table-type04.style01 .notice-list li, .table-type01.style01 .notice-list li{font-size:14px;font-weight:300;}
.table-type04.style01 .notice-list li p, .table-type01.style01 .notice-list li {line-height:24px;}
.table-type04.style01 .notice-list .btn-sm-wh {margin-top:2px;}
.table-type01.style01 td, .table-type01.style01 th {line-height:24px;}

/* otp */
.bg-otpimg { margin-top:50px; padding:30px; background: #f7f7f7 url(/img/common/bg_otpimg.png) no-repeat right 80px center ; background-size:20%; }
.bg-otpimg .warn-title {width:70%;}
.bg-otpimg .warn-title:after {content:'';}
.bg-otpimg .warn-txt {width:70%;}
.bg-otpimg + .info-table-area {padding-top:50px;}
.icon-btr{ width:40px; height: 16px; background: url(/img/common/icon_btr.png) no-repeat center center / 28px; display: inline-block; vertical-align: inherit; }
.icon-lobat{ width:224px; height: 132px; background: url(/img/common/MRT-700nP_low.gif) no-repeat 50% 50%; display: inline-block; vertical-align: inherit; }
.warn-title{ font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.warn-txt{ font-size: 16px; line-height: 24px; }
.icon-otpex{ width: 540px; height: 168px; position: relative; top:0; left: 0; background: url('/img/hss_content/com/MRT-700nP_otplay.gif') no-repeat center center; margin:10px 0 10px 10px; }
.icon-otpbg{ position: absolute; top:0; left: 10px; background: url('/img/hss_content/com/icon_otpbgimg.png'); width:100%; height: 100%;}
/*190311 PEY 추가*/
.icon-list-box{ width:100%; }
.icon-list-box > li{ height: auto; min-height: 393px;/*20190531 수정*/ padding:40px 22px; width:25%; border-right: 1px solid #efefef; float: left; text-align: center; }
.icon-list-box > li:last-child{ border-right: none; }
.icon-list-txt{ font-weight: bold; font-size: 16px; padding: 20px 0; }
.icon-list01, .icon-list02, .icon-list03, .icon-list04{ width: 107px; height: 97px; background: url('/img/hss_content/com/icon_list01.png'); }
.icon-list02{background: url('/img/hss_content/com/icon_list02.png')}
.icon-list03{background: url('/img/hss_content/com/icon_list03.png')}
.icon-list04{background: url('/img/hss_content/com/icon_list04.png')}
.notice-list.nolist-type2 li {font-size: 14px;}
.notice-list.sm li {padding-bottom: 10px;font-size: 14px;}
.notice-list li:last-child {padding-bottom: 0;}

strong {font-weight:700 !important;}
/* 아이콘 태그 */
i { display: inline-block; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; }


@media (max-width:1100px) {
	.m-none {display:none;}
	.w-none {display:block;}
	.content .m-gap-none {margin-top:0;}
	.common-title {display:none;}
	.common-stit {margin-top:21px;/*font-size:15px;*/}
	.common-text01, .common-text01 strong {font-size:12px;}
	.common-text02 {font-size:12px;line-height:19px;}
	.common-list01 li {font-size:14px;line-height:21px;}
	.common-list01.dot > li {line-height:21px;}
	.common-titlestyle01 {font-size:19px;}
	/* 테이블 */
	.table-type04.style01 td, .table-type04.style01 th{width:auto !important;}
	/*버튼*/
	.btn-box-wrap {margin-top:15px;}
	.btn-box {text-align:center;}
	/*테이블*/
	.tbl-style03 th {min-width:80px;}
	/*링크탭*/
	.tab-basic-buttons.link {display:none;}
	.tab-select {display:block;}
	.tab-select .sel-basic {width:100%;}
	.tab-select ~ .fin-infobox {margin-top:30px;}

	/* fs_fsbdire_0100 _ 오시는길 */
	.fsb-bus-list > li {width:auto;padding-right:20px;}
	.fsb-bus-list .bus-badge {width:48px;margin-right:5px;font-size:12px;}
	th.fsb-transport img {width:60px;}
	/* fs_fingold_0100 _ 상단 infobox */
	.fin-infobox {min-height:auto;margin:0 -18px 0;padding:18px 16px;}
	.fin-infobox:after {display:none;}
	.fin-infobox .title {font-size:17px;}
	.fin-infobox .text {font-size:16px;line-height:23px;}
	/* fs_compoly_0101 (개인정보처리방침) */
	.version-download-box .sel-basic {width:100%;}
	.version-download-box .btn-style01 {width:100%;margin:15px 0 0 0;}
	/* fs_fsbintresta_0100 _ 설립 및 주요업무 */
	.fsb-bg-textbox {background:transparent;}
	.fsb-msg01 {font-size:15px;line-height:22px;}
	/*주요목적리스트*/
	.fsb-purpose-list > li {float:none;width:100%;min-height:150px;padding:15px 0 15px;border-left:none;border-top:1px solid #ddd;}
	.fsb-purpose-list > li:first-child {border-top:none;}
	.fsb-purpose-list > li .title:before,
	.fsb-purpose-list li:nth-child(2) .title:before,
	.fsb-purpose-list li:nth-child(3) .title:before,
	.fsb-purpose-list li:nth-child(4) .title:before {width:100%;height:100px;background-size:70px;}
	.fsb-purpose-list .title {float:left;width:115px;text-align:center;}
	.fsb-purpose-list .common-list01 {float:left;width:calc(100% - 130px);margin:0;}
	/*연력*/
	.history-box {width:100%;padding:17px;}
	.history-box li {width:calc(100% - 52px);margin-bottom:10px;}
	.history-box li:nth-child(2n) {float:right;}
	.history-box li:nth-child(2n) > div:before {right:100%;left:auto !important;border-left-color:transparent !important;border-right-color:#fff;}
	.history-box li:nth-child(2n) > div:before {right:100%;border-right-color:#fff;}
	.history-box li:nth-child(2n) > div:after {left:unset;right:100%;margin:0 28px 0 0;}
	.history-box li:nth-child(2n):last-child:before {left:-42px;right:auto;}
	/* fs_fsbethicode_0100 _ 상단 infobox _윤리강령행동지침 */
	.fsb-infobox {min-height:auto;margin:0 -18px 0;padding:18px 16px;}
	.fsb-infobox:after {display:none;}
	.fsb-infobox .title {font-size:17px;}
	.fsb-infobox .text {font-size:16px;line-height:23px;}



	.common-viewtitle .snsbox .tooltip-layerpopup{right:-3px;width:193px;height:62px;padding:19px 0 40px 0;}
	.common-viewtitle .snsbox .tooltip-layerpopup:after{right:20px}
	.common-viewtitle .snsbox .tooltip-layerpopup .kakao,
	.common-viewtitle .snsbox .tooltip-layerpopup .instagram,
	.common-viewtitle .snsbox .tooltip-layerpopup .facebook,
	.common-viewtitle .snsbox .tooltip-layerpopup .urlcopy {background-size:80%;line-height:0;}
	.common-viewtitle .snsbox .tooltip-layerpopup .sns{width:32px;padding-top:34px;font-size:0;}

	/* [공통] 버튼정렬 */
	.btnalign-box {margin-top:15px;}

	/* [공통] 상세 */
	.common-viewtitle .title {width:auto;padding-right:10px;font-size:18px;line-height:1.5;}
	.common-viewtitle .date {margin-top:5px;font-size:12px;}
	.common-viewdetail {padding:20px 10px;border-bottom:1px solid #ddd;color:#666;font-size:16px;line-height:30px;}
	.common-viewdetail p {margin-top:15px;color:#666;font-size:16px;line-height:30px;}

	/* [공통] 테이블 이전글,다음글 보기 */
	.common-previous-next {margin-top:30px;}
	.common-previous-next li {height:40px;}
	.common-previous-next li .link {height:40px;}
	.common-previous-next li .text {display:none;}
	.common-previous-next li .type {top:6px !important;}
	.common-previous-next li:first-child {border-top:none;}
	.common-list02 li .info .title a {width:auto !important;white-space:inherit;line-height:normal;padding:0;}
	.common-list02 li .number, .common-list02 li .name {width:65px;}
	.common-list02.type01 > li {position:relative;padding-top:60px;}
	.common-list02.type01 > li .state {position:absolute;top:20px;left:0;text-align:left;}
	.common-previous-next .link.next::after {top:7px;}
	.common-previous-next .link.prev::after {top:7px;}
	.common-previous-next li:first-child .type {padding-top:7px;}

	/* [공통] 검색영역 */
	.searchbox-wrap {display:inline-block;font-size:0;line-height:0;}
	.searchbox-wrap .input-text {height:40px;padding:0 11px;border:1px solid #00397b;border-radius:5px 0 0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;font-size:16px;line-height:1.6;}
	.searchbox-wrap .search-send {display:inline-block;width:41px;height:40px;margin-left:0;border-radius:0  5px 5px 0;background:#00397b  url('/img/hss_common/button/btn_search.gif') no-repeat 50%;font-size:0;line-height:0;vertical-align:middle;}

	/* [공통] 테이블 상단 total/search 영역 */
	.common-tblinfobox {width:100%;margin-top:35px;margin-bottom:20px;}
	.common-tblinfobox:after {content:'';display:table;clear:both;}
	.common-tblinfobox .totalbox-wrap {float:left;margin-top:20px;font-weight:500;}
	.common-tblinfobox .searchbox-wrap {float:right;}
	.searchbox-wrap.type01 input {width:300px; font-weight: 300;}

	.common-tblinfobox {position:relative;width:100%;margin-top:25px;}
	.common-tblinfobox:after {content: " "; display: block;height:0;clear:both;visibility: hidden;}
	.common-tblinfobox .totalbox-wrap {float:none;margin-top:0;}
	.common-tblinfobox .searchbox-wrap {/*margin-top:10px;top:0;left:0;float:none;*/width:100%;padding-right:41px;-webkit-box-sizing:border-box;box-sizing:border-box;}

	.common-list02.style01 li {position:relative;}
	.common-list02.style01 li .info {width:80%;}
	.common-list02 li .btn-style01 {width: 112px;background-position:right 14px top 11px;}
	.common-list02.style01 li .btn-style01 span {font-size:12px;}
	.common-list02 .btn-style01{float:right;width:133px;margin-top:10px;margin-right:0;}

	.searchbox-wrap .input-text {width:100%;}
	.common-list02 li .snsbox .tooltip-layerpopup {width:320px;height:118px;}
	.common-list02 li .snsbox.scroll-type .tooltip-layerpopup {right:0;}
	.common-list02 li .snsbox .tooltip-scroll-wrap {width:320px;}
	.common-viewtitle .title {width:auto;}
	.common-viewattachments .title {padding: 0 30px 0 20px;}
	.searchbox-wrap .search-send {position: absolute;}

	/* 셀렉트 박스 */
	.common-tblinfobox.style01 .searchbox-wrap {/*position:absolute;top:12px;right:0!important;left: auto;*/width:68%}
	.common-tblinfobox.style01 .search-box {float:none;width: 30%;}
	.common-tblinfobox.style01 .select-basic {border: 1px solid #00397b;}


	/*소식 _ 홍보자료실 _목록 */
	.pr-roomWp {margin:0;}
	.pr-roomWp .tab-basic-buttons {margin:15px 0 20px;}
	.searchbox-wrap.type01 {position:relative;width:100%;padding-right:41px;box-sizing: border-box;-webkit-box-sizing:border-box;}
	.searchbox-wrap.type01 input {width:100%;}
	.searchbox-wrap.type01 button {position: absolute;right:0;top:0;}
	.pr-roomWp .common-tblinfobox {margin-top:15px;padding:0 16px;box-sizing:border-box;-webkit-box-sizing:border-box;}

	ul.new-thumb-list {margin:0;/*padding:0 10px;*/}
	ul.new-thumb-list li > a {border:0;}
	ul.new-thumb-list li {width:100%;margin:0;padding:20px 16px 0;box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #ccc;}
	ul.new-thumb-list li:last-child {border-bottom:0;}
	ul.new-thumb-list li .thumb-wp {text-align:center;width:inherit;height:inherit;}
	ul.new-thumb-list li .thumb-wp img {width:100%;height:auto;}
	ul.new-thumb-list li .txt-wp {padding:13px 0px 16px;min-height:inherit;box-sizing:border-box;-webkit-box-sizing:border-box;}
	ul.new-thumb-list li .tit{color:#333;font-size:14.6px;font-weight: 700;line-height:21px;letter-spacing:-.25px;}
	ul.new-thumb-list li .txt-wp .date{display:block;margin-top:15px;color:#666;font-size:12px;font-weight: 700;letter-spacing:-.25px;}
	.new-thumbWp.tmb-type02 ul.new-thumb-list li .txt-wp {border-top:0;}
	/* 2개노출
	ul.new-thumb-list {margin:0 -5px;/*padding:0 10px;*//*}
	ul.new-thumb-list li {width:calc(50% - 10px);margin:0 5px;padding-top:20px;}
	ul.new-thumb-list li .thumb-wp {text-align:center;width:inherit;height:inherit;}
	ul.new-thumb-list li .thumb-wp img {width:100%;height:auto;}
	ul.new-thumb-list li .txt-wp {padding:10px 13px;min-height:80px;box-sizing:border-box;-webkit-box-sizing:border-box;}
	ul.new-thumb-list li .tit{color:#333;font-size:14.6px;font-weight: 700;line-height:22px;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:15px;}
	*/

	/*저축은행 - 사회공헌활동 list */
	.social-cont {margin: 20px -16px;}
	.new-thumbWp.tmb-type02 ul.new-thumb-list li .thumb-wp {width:100%;height:auto;}
	.new-thumbWp.tmb-type02 ul.new-thumb-list li .thumb-wp img {width:100%;height:auto;vertical-align:top;}
	.social-cont .common-tblinfobox {margin-top:15px;padding:0 16px;box-sizing:border-box;-webkit-box-sizing:border-box;}

	/*소식 - 저축은행지 - 목록 */
	.bankNews-cont {margin:15px -16px 0;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li {padding-bottom:20px;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li .thumb-wp {width:100%;height:auto;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li .thumb-wp img {width:100%;height:auto;vertical-align:top;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .tit {padding:11px 0 16px;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp {width:100%;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp > button {width:inherit;min-width:inherit;height:33px;width:calc(50% - 5px);margin:0;vertical-align:top;font-size:12px;line-height:33px;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp .btn-style01 .down {margin:0 3px;padding:0 25px 0 0;background: url('../img/common/button/btn_down.png') no-repeat right center;background-size:15px 15px;}
	.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp .qview {display:inline-block;padding:0 24px 0 0;background: url('../img/common/button/btn_search.png') no-repeat right center;background-size:15px 15px;}

	/*소식 - 홍보자료실 -영상 */
	.prroom-media {margin-top:20px;}
	.media-wp {height:inherit;margin-bottom:20px;padding:20px 20px 18px 20px;background:#f3f9e8;box-sizing:border-box;-webkit-box-sizing:border-box;}
	.media-area .media {float:inherit;width:100%;height:auto;margin-bottom:10px;}
	.media-area .media img {width:100%;/* 임시 나중에 동영상 넣으면 삭제*/}

	.media-scroll-wrap {float:inherit;position:relative;width:100%;height:150px;padding:0px 10px 0 10px;margin-left:0px;}
	.media-scroll {overflow:hidden;position:absolute;z-index:1;top:5px;bottom:5px;right:5px;left:5px;text-align:left;}
	.media-scroll .scroller p {padding-right:20px;}
	.media-scroll strong.mtit {display:block;padding-top:5px;font-size:17px;}
	.media-scroll .m-txt {padding-top:20px;}
	.media-scroll .m-txt p {color:#666;font-size:11px;letter-spacing:-.25px;line-height:20px;}

	.media-wp .m-str {color:#666;font-size:10px;letter-spacing:-.25px;margin-top:10px;}
	.new-thumbWp.media ul.new-thumb-list li {padding-bottom:6px;}
	.new-thumbWp.media ul.new-thumb-list li .t-media-wp {width:100%;height:auto;}
	.new-thumbWp.media ul.new-thumb-list li .t-media-wp img {width:100%;height:auto;vertical-align: top;/*임시 : 동영상 올리고나중에 삭제해야함 */}
	.new-thumbWp.media ul.new-thumb-list li .txt-wp {min-height:inherit;height:inherit;box-sizing: border-box;-webkit-box-sizing:border-box;padding:13.3px 0 6px;}

	/*저축은행찾기_빠른검색*/
	.store-searchWp {overflow:inherit;margin:30px -18px 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;/*지도 영역 높이 임시*/}
	.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;}

	/* select box */
	.mobile-viewbox .search-box .select-basic {margin-bottom:-10px;border-color:#00397b;}

	/* Q&A */
	/* .noitce-wrap li {padding: 0 10px 0 35px;;font-size:13px;line-height:21px;}
	.noitce-wrap li::before {margin-top:7px;}
	.notice-tit {margin-top:13px;font-size:12px;} */
	.noitce-wrap {display:none;}
	.notice-tit {display:none;}
	.essential-box {display:none;}
	.email-box .input-basic {width:47% !important;}
	.email-box span {margin: 3px !important;}
	.phone-box .input-basic, .phone-box .select-basic {max-width:31% !important;}
	.phone-box .select-basic {padding: 2px 40px 0 15px;}
	.phone-box .phone-mid {margin: 1px !important;}
	.form-box {display:table;position:relative;width:100%;margin-top:10px;table-layout:fixed;}
	.form-box select {width:100%;height:50px;padding:2px 53px 0 15px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff url('/img/common/bullet/bul_select.png') no-repeat right 50%;background-size:38px 13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#999;font-size:17px;}
	.form-box input[type="text"],
	.form-box input[type="date"],
	.form-box input[type="month"],
	.form-box input[type="password"],
	.form-box input[type="tel"] {width:100%;height:50px;padding:0 10px 0 10px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:15px;font-family:'Pretendard';-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;}
	.form-box input[type="text"]::-webkit-input-placeholder,
	.form-box input[type="date"]::-webkit-input-placeholder,
	.form-box input[type="month"]::-webkit-input-placeholder,
	.form-box input[type="password"]::-webkit-input-placeholder,
	.form-box input[type="tel"]::-webkit-input-placeholder {color:#888;font-size:15px;}
	.form-box input[type="text"][disabled],
	.form-box input[type="date"][disabled],
	.form-box input[type="month"][disabled],
	.form-box input[type="password"][disabled],
	.form-box input[type="tel"][disabled] {background:#f5f5f5;}
	.form-box input[type="text"][readonly],
	.form-box input[type="date"][readonly],
	.form-box input[type="month"][readonly],
	.form-box input[type="password"][readonly],
	.form-box input[type="tel"][readonly] {color:#999;background:#ebebeb;}
	.form-box input[type="text"].readonly,
	.form-box input[type="date"].readonly,
	.form-box input[type="month"].readonly,
	.form-box input[type="password"].readonly,
	.form-box input[type="tel"].readonly {background:#fff !important;}
	.form-box input[type="text"]:focus,
	.form-box input[type="date"]:focus,
	.form-box input[type="month"]:focus,
	.form-box input[type="password"]:focus,
	.form-box input[type="tel"]:focus {border-color:#215a8f;}
	.form-box .clearinput {padding-right:40px !important;}
	.form-box .clearbtn {position:absolute;right:1px;top:1px;width:40px;height:48px;border:0;background-color:#fff;text-indent:-10000px;overflow:hidden;}
	.form-box .clearbtn:after {content:'';position:absolute;top:17px;right:13px;width:13px;height:13px;background: url('/img/has_common/bul_delete.png') no-repeat 0 0;background-size:auto 13px;}
	.form-box .division-box {display:table-cell;position:relative;vertical-align:top;}
	.form-box .division-box.calendar input[type="text"].readonly {background:url('/img/common/icon/icon_calendar.png') no-repeat right 12px center / 23px !important;}
	.form-box .letter-box {display:table-cell;width:26px;font-size:30px;text-align:center;vertical-align:middle;} /* 변경가능성때문에 별도 클래스분리 */
	.form-box .letter-box img {width:26px;}
	.form-box .search-box {display:table-cell;width:65px;padding-left:5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.form-box .search-box button {margin-bottom:0;}
	.form-box .search-box02 {position:relative;display:table-cell;vertical-align:top;}
	.form-box .search-box02 input {padding-right:70px !important;}
	.form-box .search-box02 .btn-search {position:absolute;right:15px;top:15px;width:18px;height:20px;border:none;background: url('/img/common/button/btn_search.png') no-repeat 0 0;background-size:18px 20px;font-size:0;line-height:0;}
	.form-box .search-box02 .clearbtn {right:35px;}
	.form-box .select-box {display:table-cell;width:113px;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.form-box .license-box {display:table-cell;position:relative;width:calc(29%);padding-right:5px;vertical-align:top;}
	.form-box .license-box .clearbtn {right:6px;}
	.form-box .price-txt,
	.form-box .count-txt {margin-top:10px;font-size:17px;text-align:right;}
	.form-box .tel-box {display:table-cell;width:109px;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.form-box .tel-box02 {display:table-cell;width:95px;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.form-box .btn-box02 {display:table-cell;width:115px;padding-left:5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.form-box .btn-box03 {display:table-cell;width:110px;padding-left:5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.form-box .tax-box {display:table-cell;width:120px;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}

	.form-box.addr {box-sizing:border-box;}
	.form-box.addr .search-box {width:110px;}
	.form-box .select,
	.form-box input[type="text"][readonly].select {display:block;width:100%;height:50px;padding:15px 30px 13px 15px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff url('/img/common/bullet/bul_select.png') no-repeat right 50%;background-size:30px 10px;color:#999;font-size:15px;}

	.form-box + .form-box {margin-top:15px;}
	.form-box + .common-stit {margin-top:20px;}

	/* [공통] 타이틀 */
	.sub-title01 {font-size:17px;text-align:center;}
	.common-stit {position:relative;margin-top:30px;font-size:17px;} /* 바디 서브타이틀 */
	.common-stit .sub-sort {display:block;padding-bottom:3px;color:#215a8f;font-size:15px;font-weight:500;}
	.common-stit .sub-sort.none {margin-bottom:-3px;padding-bottom:0;font-weight:300;}
	.common-stit .tip-text {position:absolute;top:-3px;right:0;}
	.common-titmenu {margin-top:30px;color:#333;font-size:15px;letter-spacing:0;} /* 타이틀 메뉴 */
	.common-titmenu .number-txt {display:inline-block;padding:0 2px 0 3px;}

	.common-stit + .common-stit {margin-top:15px;}
	.common-stit + .common-noresult {margin-top:7px;}
	.common-stit + .search-info {margin-top:15px;}
	.common-stit + .common-btngroup {margin-top:12px;}
	.common-stit + .common-btn {margin-top:15px;}

	/* 더보기 버튼 */

	.btn-area {margin:30px 0;}

	/* small accodion */
	.small-accordion-list.type01 {margin-top:20px;}
	.terms-wrap {padding:0}


	/* 검색결과 없을때 */
	.common-list-noresult {padding:80px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align:center;font-size:20px;font-weight:300;}

	/* 셀렉트 박스 글씨 크기 */
	.common-tblinfobox.style01 .select-basic {font-size:14px;}
	.common-tblinfobox.style01 .totalbox-wrap {padding-bottom:10px;font-size:10px;}

	/* otp */
	.bg-otpimg {margin-top:20px;padding:24px 16px;background-image:none;}
	.bg-otpimg .warn-title {width:100%;margin-bottom:15px;font-size:20px;}
	.bg-otpimg .warn-txt {width:100%;font-size:13px;}
	.bg-otpimg + .info-table-area {padding-top:30px;}
	.icon-lobat {width:100%;height:auto;padding-top:58.92%;background-size:100%;}
	.icon-otpex {width:100%;height:auto;padding-top:31.11%;background-size:auto 100%;}
	.icon-otpbg {background-size:100%;}
	.icon-list-box > li {float:none;width:100%;min-height:auto;padding:30px 25px;border-top:1px solid #efefef;border-right:0;}
	.icon-list-box > li:first-child {border-top:0;}
	.common-list02 li .snsbox .tooltip-layerpopup-close {right:19px;}
	.common-list02 li .snsbox .tooltip-layerpopup:after {right: 31px;}

	.notice-subtext {padding-top:20px;}
	.notice-subtext.topnone {padding-top:20px !important;}
	.content .info-table-area:first-child {padding-top:20px;}
	.common-text01.dot {margin-top:20px;}


}

b { font-weight: 700; vertical-align: baseline; }
/*=====================================================
	guide_temp
=======================================================*/

/*=====================================
	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; font-size: 14px;line-height:1.5;}

.table-type01 thead tr { width: 100%; background: #f7f7f7; }
.table-type01 th { font-weight: 700; height:40px;line-height:28px;padding:0 10px;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.table-type01 th.th-style01 {border-color:#ccc !important;background:#f7f7f7 !important;}
/*thead, tbody*/
.table-type01 th:last-child,.table-type01 td:last-child { border-right: none; }
.table-type01 td { border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; font-weight: 300;}
.table-type01 tbody tr:last-child > td { border-bottom: none; }
.table-style01 td {font-weight:300;}
/*tfoot*/
.table-type01-foot { border-top: 1px solid #ccc; border-bottom: none; 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: 1rem; vertical-align: baseline; }
.td-box .money { padding: 0 2px 0 20px; font-size: 1.375rem; text-align: right; }


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

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

	.table-type01 .se-td .td-wrap button { margin: 0 5px; }
	.table-type01 .se-td .td-wrap, .table-type01 [data-cell-header]:before { display: table-cell; font-size: 1.188rem; padding: 22px 4.5%; text-align: left; }
	td 안에 가상의 th 생성
	.table-type01 [data-cell-header]:before { content: attr(data-cell-header); width: 145px; background: #f7f7f7; border-right: 1px solid #ccc; font-weight: 700; line-height: 1.2rem; box-sizing: border-box; }
	.table-type01 .se-td .td-wrap { width: -webkit-calc(100vw - 145px); width: -moz-calc(100vw - 145px); width: -o-calc(100vw - 145px); width: -ms-calc(100vw - 145px); width: calc(100vw - 145px); }
	.table-type01 .table-center:before { display: none; content: none; }
	.table-type01 .table-center .td-wrap { width: 100vw; text-align: center; }
	데이터 없는 경우 추가
	.table-type01 .no-data [data-cell-header]:before,
	.table-type01 .child [data-cell-header]:before { display: none; }
	.table-type01 .no-data .td-wrap,
	.table-type01 .child .td-wrap { width: 100vw; text-align: center; }

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

/*==========================
	유경
	table03 / table04
===========================*/
/*pc*/
.table-type03-m { display: none; }
.table-type03-w, .table-type04 { width: 100%; }
/*추가 - 190225*/
.table-type03-w th[rowspan] { border-right: 1px solid #efefef; }
/* .table-type03-w tr:first-child, .table-type04 tr:first-child { border-top: 1px solid #333; }
.table-type03-w tr:last-child, .table-type04 tr:last-child { border-bottom: 1px solid #ccc; } */
.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 16px; border-bottom: 1px solid #efefef; font-size: 0.88rem; text-align: left; line-height: 1.2rem; vertical-align: middle; }
.table-type03-w th, .table-type04 th { background: #f7f7f7; width: 23.61%; border-right: 1px solid #ccc; font-weight: 700; }
.table-type03-w td, .table-type03-m td, .table-type04 td { background: #fff; }
.table-type03-w td { width: 30.09% }
.table-type04 td { width: 81.02%; }

/*==========================
	 가로형 테이블 추가
===========================*/
.table-type005 { width: 100%; }
.table-type005 tr:last-child th, .table-type005 tr:last-child td  { border-bottom-width: 0px; }
.table-type005 th { background: #f7f7f7; width: 20%; border-right: 1px solid #ccc; font-size: 0.88rem; font-weight: 700; border-bottom: 1px solid #ccc; text-align: center;}
.table-type005 td  { padding: 18px 16px; border-bottom: 1px solid #efefef; font-size: 0.88rem; text-align: center; line-height: 1.2rem; vertical-align: middle; background: #fff; }

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

	.table-type03-w { display: none; }
	.table-type03-m { display: table; }
	.table-type03-m,
	.table-type04 { width: 100%; }
	.table-type03-m tr:first-child { border-top: 1px solid #333; }
	.table-type03-m th, .table-type03-m td { padding: 22px 4.65%; font-size: 1.19rem; line-height: 1.2rem; border-bottom: 1px solid #ccc; text-align: left; vertical-align: middle; }
	.table-type04 th, .table-type04 td { padding: 22px 4.65%; font-size: 12px; border-bottom: 1px solid #ccc; }
	.table-type03-m th, .table-type04 th { background: #f7f7f7; width: 39.35%; font-weight: 700; border-right: 1px solid #ccc; }
	.table-type03-m td, .table-type04 td { width: 60.65%; }

	.table-type005 { width: 100%; }
	.table-type005 tr:last-child th, .table-type005 tr:last-child td  { border-bottom-width: 0px; }
	.table-type005 th { background: #f7f7f7; width: 20%; border-right: 1px solid #ccc; font-size: 0.88rem; font-weight: 700; border-bottom: 1px solid #ccc; text-align: center;}
	.table-type005 td  { padding: 10px 5px; border-bottom: 1px solid #efefef; font-size: 0.88rem; text-align: center; line-height: 1.2rem; vertical-align: middle; background: #fff; }
}


/*=====================================
	TAB BASIC
	DATE : 2019-02-12
	WRITER : HJY
=======================================*/

/* ======================================= */
/*PC*/
/* .basic-tab-swiper { width: 100%; padding: 0 0 50px; background: #fff; }
.basic-tab-swiper { width: 100%; padding: 0 0 50px; background: #fff; }
.tab-basic { width: 1100px; margin: auto; }
.tab-basic .slick-track { display: table; }
.tab-basic .tab-list { display: block; float: left; border: 1px solid #ccc; border-right: none; width:20%; }
.tab-basic2 .tab-list{ width:16.66%; }
.tab-basic .tab-list:last-child { border-right: 1px solid #ccc; }
.tab-basic .tab-link { display: block; width: 100%; height: 100%; padding: 0; }
.tab-basic .tab-txt { display: block; height: 100%; padding: 15px 0; text-align: center; font-size: 1rem; font-weight: 300; }
.tab-basic .icon-tabarrow{ width:28px; height: 10px; background: url(/img/hss_common/icon_rtarrow.png) no-repeat center center; }
.tab-basic .active-tab .tab-txt { position: relative; font-weight: 700; width: 100%; color: #fff; }
.tab-basic .active-tab .line { display: none; }
.tab-basic .active-tab { background: #00397b; border: 1px solid #00397b; }
.tab-basic .active-tab .icon-tabarrow{ width:28px; height: 10px; background: url(/img/hss_common/icon_rtarrow_fff.png) no-repeat center center; }
.tab-basic .swipe-tab-content, .tab-basic .pc-tab-content { display: none; }
.swipe-tab-content:first-child, .pc-tab-content:first-child { display: block; }
.pc-tab { display: table; table-layout: fixed; width: 100%; background-color: #fff; padding: 0 0 50px; }
.pc-tab .tab-list { display: table-cell; float: none; width: auto; text-align: center; font-size: 1rem; color: #666; }
.pc-tab .tab-list a { padding: 15px 0; }
.pc-tab .tab-list.active-tab { color: #fff; font-weight: 700; } */

/* MOBILE ONLY */
/* @media (max-width: 1119px) {
	.basic-tab-swiper { width: 100%; margin-bottom: 10px; padding: 0 4.5%; }
	.tab-basic .slick-track { display: table; width: 100%; }
	.tab-basic { width: 100%; }
	.tab-basic .tab-list { display: table-cell; float: none; position: relative; vertical-align: middle; border: none; width:auto; }
	.tab-basic .tab-list:last-child { border-right: none; }
	.tab-basic .tab-link { width: 100%; height: 100%; }
	.tab-basic .tab-txt { padding: 14px 20px; font-size: 1.25rem; color: #333; }
	.tab-basic .active-tab { border: none !important; background: none !important; }
	.tab-basic .active-tab .tab-txt { color: #00397b; }
	.tab-basic .active-tab .line { position: absolute; content: ''; display: inline-block; width: 100%; height: 3px; background: #00397b; bottom: 0; left: 0; }
} */
/*
@media (min-width: 768px) { .tab-basic .slick-track { transform: none !important; } }
*/


/*=====================================
POPUP
DATE : 2019-02-11
WRITER : HJY
=======================================*/
/*POPUP 01********************************/
.popup { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 100; }
.dim-contents {position:fixed;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; z-index: 10000;}
.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 .contents { width: 100%; height: 100%; overflow-y: auto; }
.dim-contents .notice-list { padding-bottom: 20px; }
.dim-contents .notice-list li { min-height: inherit; padding: 0 0 0 15px; font-size: 16px; line-height: 23px;font-weight:300; border-bottom:0; background: none;}
.dim-contents .notice-list li::before { width: 5px; height: 5px; margin-left: -15px; /*margin-top: 9px;*/ margin-top: 6px; background-color: #999; }
.dim-contents .content-box-wrap { width: 100%; padding: 30px; border: 1px solid #ccc; margin-bottom: 30px; }
.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 .name-info, .dim-contents .name-info > span { font-size: 1.25rem; font-weight: 700; }
.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: 1rem; font-weight: 700; 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: 0.75rem; line-height: 1.5rem; }
.dim-contents .info-box .bank-name { font-size: 0.88rem; font-weight: 700; }
.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: 14px; }
.dim-contents .footer-info:after { position: absolute; top: 50%; margin-top: -0.375rem; right: 0; content: ''; width: 1px; display: inline-block; height: 0.75rem; 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: 0.75rem; line-height: 1.5rem; }
.dim-contents .footer-info dt { margin-right: 8px; }
.dim-contents .content-btn-wrap { text-align: center; padding: 40px 0 30px; }
/* 유경추가 - 테이블 마진 */
.popup .info-table-area { padding-bottom: 30px; }
.popup .info-table-area.b0 { padding-bottom: 0; }

.layer-wrap.scroll-type01 .dim-contents .btn-close-l {font-size:0}


/* MOBILE ONLY */
@media (max-width: 890px) {

	.dim-contents .notice-list li::before { margin-top: 5px; }
	.dim-contents .content-wrap, .dim-contents .content-box-wrap, .dim-contents .content-box { padding-left: 2.78%; padding-right: 2.78%; }
	.dim-contents .content-table { font-size: 13px; }
	.dim-contents .content-table .th { width: 80px; }
	.dim-contents .content-table .td { width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: -o-calc(100% - 80px); width: -ms-calc(100% - 80px); }
	.layer-wrap.scroll-type01 .layer-container {min-width:100%;padding:0 20px;background:none;}
	.layer-wrap.scroll-type01 .dim-contents {width:auto;max-height:inherit;}
	.layer-wrap.scroll-type01 .popup-body02 {max-height:800px;padding:30px;overflow: auto;}
}
/*POPUP 02
  POPUP MD********************************/
.dim-contents.position-fixed { top: 10vh !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;text-align:left;}
.dim-contents .popup-head01.no-title { padding: 0; height: 65px; background-color: #fff; border-bottom: 0; }
.dim-contents .popup-body01 { max-height: 65vh; 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: 1.125rem; font-weight: 700; line-height: 1.2; }
.dim-contents .popup-body01 .notice-list { padding-bottom: 0; background: transparent; }
.dim-contents .popup-body01 .notice-list li { font-size: 0.875rem; line-height: 1.2em; }
.dim-contents .popup-body01 .notice-list li:last-child { padding-bottom: 0; }
.dim-contents .popup-foot01 { padding: 30px 30px 40px; text-align: center; border-top: 1px solid #ccc; }
.dim-contents .popup-foot01 .right { margin-left: 8px; }
.dim-contents .popup-body01 .font-1rem li { font-size: 1rem; }
/* MOBILE ONLY */
@media (max-width: 740px) {
	.dim-contents.md { /* 40px은 팝업창 좌우 여백만큼 */width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: -o-calc(100% - 40px); width: -ms-calc(100% - 40px); width: calc(100% - 40px); }
	.dim-contents .popup-foot01 .btn-small.left { margin-right: 0px; margin-bottom: 10px; }
	.dim-contents .popup-head01 .popup-title { font-size: 1.5rem; }
	.dim-contents .popup-body01 .body-des { font-size: 1.25rem; }
	.dim-contents .popup-body01 .notice-list li { font-size: 1rem; }
	.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: 1.5rem;font-weight: 700; 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: 700; }

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

/*POPUP 05*/
.dim-contents .popup-body02 {padding:30px;}

/* MOBILE ONLY */
@media (max-width: 540px) {
	.dim-contents .popup-body01 .body-msg {font-size: 16px;}
	.dim-contents.sm { /* 40px은 팝업창 좌우 여백만큼 */width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: -o-calc(100% - 40px); width: -ms-calc(100% - 40px); width: calc(100% - 40px); }
}

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

/* 체크카드 팝업 */
.dim-contents.card-layer {position: fixed;z-index: 1000;width: 920px;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.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;min-height: 150px;overflow-y: auto;background: #fff;}
.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 {line-height:23px;}
.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 {min-height: inherit; margin-top: 3px; padding: 0 0 0 20px; font-size: 14px;line-height: 22px; border-bottom:0; background: none;}
.dim-contents.card-layer .nostyle-list li:first-child {margin-top: 0;}
.dim-contents.card-layer .notice-list {padding-bottom:0;background:transparent;}
.dim-contents.card-layer .notice-list li {font-size:14px;text-align:left;}
.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: 14px;}
.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-wrap01 + .mt20 {margin-top:20px;}
.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 .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.card-layer {max-height: 560px;}
	.dim-contents.paybooc-layer .popup-body02 {max-height:420px;}
}

.popup-close { height:50px; padding:15px 30px; background: #666;}
i.chk-w{ vertical-align: middle; width: 20px; height: 20px; background: url(/img/common/checkbox-w.png) no-repeat center / contain; display: table-cell; }
.chk-basic.white:checked~i {vertical-align: middle;width: 20px;height: 20px;background: url(/img/common/check_card.png) no-repeat center / contain; }
.chk-label.white{font-size: 14px;color: #fff;display: table-cell;padding-left: 10px;line-height: 1.2; text-align: left;vertical-align:middle; }
.popup-close-btn {float:right;padding: 2px 20px 0 0; color: #fff; background: url('/img/common/icon_popup_close.png') no-repeat right center; font-size:16px; }



/*=====================================
	보안매체정보입력 - SECURITY
	DATE : 2019-02-14
	WRITER : HJY
=======================================*/
.sec-box-wrap { padding: 30px 20px 20px 20px; border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
.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: 1.25rem; }
.sec-table-cell .input-basic.double, .sec-table-cell .input-basic.single { float:left; font-size: 22px; color: #333; font-weight: 700; 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 { color: #333; line-height: 1rem; padding: 20px 0 20px 16px; }
.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 {padding-right: 50px; background: url(/img/hss_common/ico_down.png) no-repeat calc(100% - 15px) center;}
.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: 11px; font-size: 0.6875rem;  }
.condensed-head th, .condensed td { padding: 10px 20px; }
.condensed-thin td { padding: 10px; }
.wide-table td { padding: 20px 10px; }
.code-table { width: 100%; padding: 40px 20px; border-bottom: 1px solid #ccc; }
.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: 15px; }
.search-table-area .trn-notice-i-list { padding-left: 16px; }

/*=====================================================
	박유경
	guide_item
=======================================================*/
/*mso-icon********************************/
.btn-mso-txt { font-size: 0.88rem; 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/hss_common/mso_icon01.png"); }
.btn-mso02 { background-image: url("/img/hss_common/mso_icon02.png"); }
.btn-mso03 { background-image: url("/img/hss_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/hss_common/btn_close_l.png"); }
.btn-close-s { width: 10px; height: 10px; background-image: url("/img/hss_common/btn_close_s.png"); }
/*notice*/
.notice-i-list-wrap { margin-top: 20px; }
.notice-i-list { font-size: 0.88rem; color: #666; padding-left: 20px; line-height: 1.4; font-weight:300;}
.notice-i-list + .notice-i-list {margin-top:5px;}
.notice-i-list::before { content: ''; width: 18px; height: 13px; background: url("/img/hss_common/notice_icon_m.png") no-repeat left center; background-size: 13px; display: inline-block; margin-left: -20px; vertical-align: middle; }
.notice-list-sm {  font-size: 0.69rem; color: #cc0000; padding-top: 10px; padding-left: 20px; }
/*notice i 모바일*/
@media (max-width: 1100px) {
	.notice-i-list-wrap { padding: 0 }
	.notice-i-list { font-size: 12px; }
	/*ovvi 조회 팝업 2*/
	.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/hss_common/cal_select_icon.jpg") no-repeat right 10px center; }
.ui-datepicker .ui-datepicker-title { font-weight: 700; 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%; transform: translate(-50%, -50%) ; -webkit-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/hss_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%; transform: translate(-50%, -50%) ; -webkit-transform: translate(-50%, -50%) ; z-index: -5; border-radius: 50%; }
/*detepicker 모바일*/
@media (max-width: 1100px) { .ui-datepicker .ui-datepicker-header { padding: 0.4rem; line-height: 1.2; } }
/*==========================
	유경
	lookup-01 (계좌상세조회)
===========================*/
.lookup-01-wrap { background: #efefef; width: 100%; display: table; }
.lookup-01-list { /*float: left;*/ width: 33.333%; padding: 22px 2.5%; /* border-bottom: 0;  */ border-right: 1px solid #ccc; display: table-cell; height: 100%; }
.lookup-01-list:last-child { border-right: 0; }
.lookup-01-list h5 { font-size: 1rem; margin-bottom: 14px; line-height: 1.3rem; }
.lookup-01-list p { font-size: 1rem; margin-bottom: 14px; line-height: 1.3rem; }
.lookup-01-list span { font-size: 1.38rem; font-weight: 700; word-break: break-all; }
.lookup-01-list span span{ font-size: 1rem; font-weight: 300; margin-top: 0.2rem; margin-left: 5px; }
.font-sizeup { font-size: 1.13rem !important; margin-top: -2.5px; }
/* tool 추가*/
.tool-number { text-decoration: underline; }
/*모바일*/
@media (max-width: 1100px) {
	.lookup-01-list { width: 100% !important; padding: 30px 4.26% ; border-bottom: 1px solid #ccc; border-right: 0; float: left; }
	.lookup-01-list h5 { font-size: 1.25rem; float: left; margin-bottom: 0; }
	.lookup-01-list span { font-size: 1.65rem; float: right; }
	.lookup-01-list span span{ font-size: 1.25rem; margin-left: 5px; }
	.font-sizeup { font-size: 1.25rem !important; margin-top: 0; }
 }

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

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

.input-box{ width:100%; }
.input-basic, .select-basic{ width:100%; max-width: 400px; height: auto; height: 40px; border:1px solid #ccc; background: #fff; padding:9px 10px; font-size: 0.88rem;font-weight:300;}
.input-basic::placeholder, .select-basic::placeholder {color: #888;}

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

.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: 125px; }
.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.w270, .select-basic.w270 {	max-width: 270px !important;}
.input-basic.w285, .select-basic.w285 {	max-width: 285px; }
.input-basic.w340, .select-basic.w340 {	min-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.w400, .select-basic.w400 {	max-width: 400px !important;}
.input-basic.w-jumin { max-width: 270px; }
.input-basic.w-bnum { max-width: 175px; }
/* // modified by HJY - 190220 */

.input-basic::placeholder{ color: #333; }
.input-active{ border-color:#333; }
.input-mouse{ background: #fff url(/img/hss_common/icon_mouse.png) no-repeat right 10px center / 16px; }
.vitualKeyCheck { position: relative; }
.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/hss_common/icon_mouse.png) 0/16px 24px no-repeat; cursor: pointer; }
.btn-mouse:checked + i{ background: url(/img/hss_common/icon_keyboard.png) 0/25px 20px no-repeat; }
.btn-mouse:checked + i{ background: url(/img/hss_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/hss_common/icon_mouse.png) 0/16px 24px no-repeat; }
.btn-mouse:checked{ background: url(/img/hss_common/icon_home.png) 0/16px 24px no-repeat; }
.input-www{ background: #fff url(/img/hss_common/icon_www.png) no-repeat right 10px center / 13px; }
.input-www.input-basic { padding-right: 30px; }
.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/hss_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 { width:100%; max-width: 400px; }
.date-box2 * { float: left; margin-right: 0 !important; }
.date-basic{/*  background: #fff url(/img/hss_common/icon_date.png) no-repeat right 10px center / 20px; */ }
.date-basic2{ width:186px; background: #fff url(/img/hss_common/icon_date.png) no-repeat right 10px center / 20px; }
.datemid{ display: inline-block; width: 26px; line-height: 40px; text-align: center; font-weight: 700; font-size: 1.13rem; color: #333; }
.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: 0.88rem; 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: #999; }
.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;height:50px;padding:1px 0 0;line-height:50px;cursor:pointer;}
.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: auto; 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;text-align:center;}
.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; }
a.btn-thin {display:inline-block;}
.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-link {
	position: relative;
	display: block;
	width: 200px;
	padding: 10px 20px;
	border: 1px solid var(--disable-clr2);
	text-align: center;
	margin: 20px auto;
}
.btn-link::after {
	content: '';
    position: absolute;
    top: 14px;
    right: 15px;
    border: 1px solid var(--cap-clr);
    width: 9px;
    height: 9px;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
}

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

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

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

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

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

.priod-box1{ position: relative; display: inline-block; margin-bottom: 0.36rem; }
.btn-radio{ opacity: 0; position: absolute; width:100%; height: 100%; cursor: pointer; }
.radio-basic{ display: inline-block; color:#333; vertical-align: middle; font-size: 0.75rem; 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-focus-ring-color auto 5px; outline:1px dashed #000; }
.btn-radios:focus + label, .btn-radio:focus + label{outline: 1px dashed #000;}
.btn-radio:checked + .radio-basic{ background-color:#fff; }
.btn-radios + label { position: relative; padding-left: 25px; font-weight: 700; color: #666; font-size: 1rem; cursor:pointer; }
.btn-radios + label:after{ content: ''; position: absolute; top:1px; left:0; width:16px; height: 16px; background: url(/img/hss_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/hss_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: 1rem; 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;  opacity: 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/hss_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/hss_common/icon_chk.png) no-repeat center / contain; }
.chk-label{font-size: 0.87rem;color: #333;display: table-cell;padding-left: 10px;line-height: 1.2; text-align: left;vertical-align:middle; }
input[type="checkbox"].disable~i { opacity: 0.5; }
input[type="checkbox"].disable~.chk-label { color: #999; }

/*mso-icon********************************/
.btn-mso-txt { font-size: 0.88rem; 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/hss_common/mso_icon01.png"); }
.btn-mso02 { background-image: url("/img/hss_common/mso_icon02.png"); }
.btn-mso03 { background-image: url("/img/hss_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/hss_common/btn_close_l.png"); }
.btn-close-s { width: 10px; height: 10px; background-image: url("/img/hss_common/btn_close_s.png"); }


/*tooltip-box*/

.tool-box{ position: relative; }
.tooltips{ 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/hss_common/btn_close.png) no-repeat center; }
.tooltips-ul{ padding: 10px 0; }
.tooltips-ul li { text-align: left; font-size: 0.75em; 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: 700; }
/*
.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: 700; }*/
.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; }
.trn-rowbox{ clear: both; width: 100% }
.trn-rowbox .input-basic{ max-width: 250px; }
.trn-rowbox .input-www{ max-width: 2-80px; }
.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: 1.38rem; vertical-align: baseline; }
.lookup-02-wrap .lookup-result, .lookup-03-wrap .lookup-result{ display: inline-block; font-size: 1rem;	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: 1.38rem; margin: 0 20px; background-color: #ccc; }
.lookup-03-wrap li{ width:33.3%; }
.list-date li{ float: left; font-size: 0.69rem }
.list-date li::after{ content: ''; display: block; float: left; width: 1px; height: 0.68rem; margin: 0 10px; background-color: #666; }
.list-date li:first-child::after{ display: none; }
.list-date li:nth-child(2)::after{ background: #ccc; }


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

@media (max-width: 1100px) {
	.input-basic, .select-basic{ max-width: none; min-height: none; font-size: 1.19rem; padding:10px 3.7%; }
	.text-basic { font-size: 1.19rem; max-width: none; padding:10px 3.7%; resize: none; }
	.btn-basic{ width: 100%; height: auto; padding:12px 0; font-size: 1.25rem; }
	.btn-ctactive{ height: auto; font-size: 1.25rem; font-weight: 300; max-width: none; }
	.btn-ctactive::after{ max-width: none; }
	.btn-print{ width: 100%; padding: 2px 0; }
	.btn-print span{ line-height: 1.6rem; }
	.btn-small{ font-size: 1.25rem; max-width: none; }
	.btn-sm-wh{ max-width: none; }
	.radio-basic{ width: 60px; font-size: 1.06rem; padding: 8px 0; background-color: #eeeff1; border:none;     color:#363636; }
	.btn-radio:checked + .radio-basic{ background-color:#fff; }
	.btn-reset{ display: none; }
	.btn-thin {max-width: none;height: auto; width:50px;font-size: 10px;padding: 7px 0;border-radius: 2px;}
	.btn-radios + label { font-weight: 300; padding-left: 25px; color: #363636; font-size: 1.19rem; }
	.btn-radios + label:after{ content: ''; position: absolute; top:0px; left:0; width:16px; height: 16px; background: url(/img/hss_common/btn_radio_off.png) no-repeat center / 16px; }
	.btn-radios:checked + label:after{ content: ''; position: absolute; top:0px; left:0; width:16px; height: 16px; background: url(/img/hss_common/btn_radio_click.png) no-repeat center / 16px; }
	.date-box2{ max-width: none; }
	.date-basic{ background: #fff url(/img/hss_common/icon_date.png) no-repeat right 3.7% center / 20px; }
	.date-basic2{ position: relative; width:calc(50% - 12px); background: #fff url(/img/hss_common/icon_date.png) no-repeat right 8.7% center / 20px; }
	.datemid{ display: inline-block;     width: 24px;     line-height: 40px;     font-size: 1.12rem; }
	.btn-show-list{ display: inline-block; border: 1px solid #333; padding: 8px 8.52%; color: #333; font-size: 1.25rem; width:auto; height: auto; }
	.btn-show-list.option{ width:100%; color: #363636; border: 1px solid #bbb; }
	.btn-show-list.option span{ display: inline-block; vertical-align: middle; }
	.btn-show-list.option .icon-list{ display: inline-block; vertical-align: middle; width:10px; height: 10px; background: url(/img/hss_common/icon_list.png) no-repeat center / contain; }
	.btn-show-list:before{ display: none }
	.btn-show-list::after{ display: none; }
	.btn-plus{ max-width:none; padding: 12px 0; border: 1px solid #000; border: 1px solid #e4e4e4; background: #fff; }
	.btn-plus span{ vertical-align: middle; color: #363636; font-weight: 700; font-size: 1.25rem; display: inline-block; }
	.icon-plus{ width:20px; height: 15px; background: url(/img/hss_common/icon_select_333.png) no-repeat center / 16px; vertical-align: middle; }
	.chk-label{ margin-left: 0; color: #666666; font-size: 1rem; padding-left: 5px; }
	.trn-buttonwrap button{ max-width: 60px; font-size:1.02rem; padding: 8px 0; background: #eeeff1; border: none; }
	.tooltips{ left:68px; }
	.tooltips li{ margin-bottom: 4px; line-height: 1.7rem; }
	.tooltips li a{ /*max-width: 120px;*/word-break: break-all; text-decoration: underline; text-underline-position: under; font-size: 0.88rem; }
	.tooltips span{ display: none }

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

/*===============================
	시영
================================*/
.btn-mso-txt { min-height: 20px; }
.btn-mso04 { background-image: url(/img/hss_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 > .tool-box, .btn-double > .tool-box { width: 40px; }
.btn-trio > .tool-box,.btn-double > .tool-box, .btn-double > button, .btn-trio > button { float: left; margin-right: 5px !important; margin-bottom: 0; }
.btn-double > button:last-child, .btn-trio > button:last-child { margin-right: 0 !important; }


@media (max-width: 1100px) {
	.btn-trio,
	.btn-double { width: 100%; }
	.btn-double > button, .btn-trio > button { display: block; height: auto; color: #333; background: #fff;     font-size: 1.25rem;     padding: 7px 0;     border-radius: 2px;     /* border-bottom: 1px solid #ccc; */
	}
	.btn-trio .btn-thin { max-width: calc(33.3334% - 10px); max-width: -webkit-calc(33.3334% - 10px); max-width: -moz-calc(33.3334% - 10px); max-width: -o-calc(33.3334% - 10px); max-width: -ms-calc(33.3334% - 10px); }
	.btn-double > button { width: 50%; max-width: calc(50% - 10px); max-width: -webkit-calc(50% - 10px); max-width: -moz-calc(50% - 10px); max-width: -o-calc(50% - 10px); max-width: -ms-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/hss_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/hss_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: 1.38rem; font-weight: 700; color: #333; }
.radio-box.type02 .btn-radios + label:after { left: 0; margin-left: 0; background: url(/img/hss_common/btn_radio_off.png) no-repeat center / 20px; }
/* 추가 */
.radio-box.type03 .btn-radios + label { font-size: 0.875rem; }
.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: 15px; margin-right: 5px; }
.btn-thin-wrap.top .btn-thin { margin-top: 15px; margin-right: 5px; }

@media (max-width: 1100px) {
	/*guide_item - 개월수 btn-thi(bottom, top)*/
	.btn-thin-wrap.top{ margin-top: 10px; }
	.btn-thin-wrap.bottom{ margin-bottom: 10px; }
	.btn-thin-wrap.bottom .btn-thin,
	.btn-thin-wrap.top .btn-thin { width: 60px; font-size: 1.06rem; padding: 8px 0; background-color: #eeeff1; border: none; color: #363636; }
	.btn-thin-wrap.bottom .btn-thin { margin-bottom: 5px; }
	.btn-thin-wrap.top .btn-thin { margin-top: 5px; }
	.icon-area .btn-sm-wh { margin-bottom: 7px; }
	/*계좌상세조회 - 계좌관련버튼,별명변경버튼 */
	.btn-trio > .tool-box { max-width: inherit; width: calc(33% - 10px); margin-left: 5px; }
	.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: bold; }
.fc td, .fc th { text-align: left; border: 0; }
/*전체 border*/
th.fc-day-header, td.fc-day { position: relative; }
th.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 h2 { font-size: 1.38em; font-weight: bold; }
/*<>버튼*/
.fc-state-default { border: none; background-color: transparent; background-image: url("/img/hss_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: #999; font-size: 0.86em;  }
.fc-sun span{ color: #cc0000; }
td.fc-day-top { padding: 10px 2px 0 0; }
.fc-content { margin-bottom: 10px; }
.fc-title { font-size: 0.88rem; 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.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; }
.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: 0.88rem; background: url("/img/hss_common/btn_down_icon.jpg") no-repeat left 18px center; padding: 24px 80px 24px 40px; }
.btn-slide { background: url("/img/hss_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/hss_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 { max-width: 100%; height: 230px; overflow-y: auto; padding: 30px 20px; background: #fff; }
.slide-box-txt h4, .slide-box-txt p  { margin-bottom: 20px; font-size: 0.88rem; line-height: 1.7; }

@media (max-width: 1100px) {
	.slide-box-top h3 { margin: 15px 0; }
	.radio-agree-wrap label { margin-right: 20px; font-weight: 600; }
	.slide-box-txt h4,
	.slide-box-txt p { font-size: 1.1rem; margin-bottom: 20px; }
	.radio-agree-wrap { padding: 15px; }
	.radio-agree-wrap label:last-child { margin-right: 0; }
	.btn-downlode { padding: 18px 65px 18px 30px; background: url("/img/hss_common/btn_down_icon.jpg") no-repeat 10px 50%; }
	.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: 1rem; }
.list-style.type02 li { margin-left: 20px; font-size: 0.88rem; }
.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: 0.75rem; 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: 0.88rem; line-height: 1.8rem; }
.number-list li { font-size: 1rem; 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: 0.88rem; font-weight: 700; 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: 1rem; }
/*약관동의 네모체크박스*/
.check-agree-wrap { padding: 21px; }
.check-agree-wrap .label-wrap { margin-right: 20px; font-size: 0.7rem; }
.check-agree-wrap .label-wrap:nth-of-type(5) { margin-right: 0; }
.check-agree-wrap .label-wrap span.chk-label { font-weight: 700; color: #666; }
.check-agree-wrap .check-span { font-weight: 700; color: #666; margin: 3px; }

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

/*tab txt*/
.tab-txt-list .notice-i-list { font-size: 1rem; }
.sub-tab-txt { font-size: 1rem; 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; 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-wrap{ width:100%; padding-left: 20px; border-bottom:1px solid #f7f7f7; }
.list-left-wrap{ padding:22px 0; }
.btn-right-wrap .btn-choice:first-child{ border-left:1px solid #f7f7f7; }
.btn-choice{ width:62px; background:url(/img/hss_common/icon_select_333.png) no-repeat center #fff; border-right:1px solid #f7f7f7; padding:30px 0; float: left; }
.btn-choice:focus{ background-color: #999; background-image:url(/img/hss_common/icon_select_fff.png); }
.deg180{ transform:rotate(180deg); }
.close{ background-image:url(/img/hss_common/btn_close_333.png); }
.btn-choice.close:focus{ background-color: #999; background-image:url(/img/hss_common/btn_close_fff.png) }
.list-left-wrap li{ float: left; }
.list-left-wrap li:last-child{ font-weight: bold; }
.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; }

/*190304 input-won 추가*/
.input-basic.input-won { padding-right: 40px; text-align: right; }
.input-won ~ .txt { margin-left: -38px; line-height: 43px; top: 0; right: 10px; color: #999; font-size: 0.875rem; }

/* 페이징 pagination */
.pagination {text-align:center;}
.pagination > li {display:inline-block;width: 35px; height: 35px; margin:0 2px; }
.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: 0.875rem; }
.pagination .active-page .page { background: #959595; color: #fff; font-weight: 700; }
.pagination .prev a { background: url('/img/hss_common/page_left.png') no-repeat center; }
.pagination .next a { background: url('/img/hss_common/page_right.png') no-repeat center; }


/* 오류 페이지 / error_page02.html */
html.error { font-size: 20px; }
html.error #_FSBcontainer { min-height: calc(100vh - 225px); min-height: -webkit-calc(100vh - 225px); min-height: -moz-calc(100vh - 225px); min-height: -o-calc(100vh - 225px); 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 1rem; }
.error-wrap.type02 .error-title .title01 { font-size: 3rem; color: #333; font-weight: bolder; margin-right: 15px; }
.error-wrap.type02 .error-title .title02 { font-size: 2rem; color: #999; font-weight: bold; }
.error-wrap.type02 .error-cont { background: #eeeff1; border-top: 1px solid #ccc; padding: 2rem 1rem; }
.error-wrap.type02 .error-cont li { font-size: 1rem; font-weight: bold; padding-bottom: 10px; line-height: 1.4; letter-spacing: -1px; }
.error-wrap.type02 .btn-area { padding: 1.5rem 0 0; }
.error-wrap.type02 .btn-main { display: inline-block; padding: 10px 20px; background: #666; color: #fff; font-size: 0.7rem; font-weight: bold; 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: 0.875rem; font-weight: 700; }
.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%; }


.pc-viewbox {display:block !important;}
.tablet-viewbox {display:none !important;}
.mobile-viewbox {display:none !important;}
.main-page-section-top-banner .pc-viewbox {display:flex !important;}
.main-page-section-top-banner .tablet-viewbox {display:none !important;}
.main-page-section-top-banner .mobile-viewbox {display:none !important;}



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

	.pc-viewbox {display:none !important;}
	.tablet-viewbox {display:block !important;}
	.mobile-viewbox {display:none !important;}
	.main-page-section-top-banner .tablet-viewbox {display:flex !important;}
	.main-page-section-top-banner .pc-viewbox {display:none !important;}
	.main-page-section-top-banner .mobile-viewbox {display:none !important;}

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

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

	a.btn-download.type01{width:initial;height:initial}

	.table-type04.type03 th {padding: 0 12px;font-size:13px;word-break: keep-all;}
	.table-type04.type03 td {font-size:13px;font-weight:300;}

	.btn-area button {margin:0;}
	.btn-area {padding:0;}
}

@media (max-width:720px) {
	.pc-viewbox {display:none !important;}
	.tablet-viewbox {display:none !important;}
	.mobile-viewbox {display:block !important;}
	.main-page-section-top-banner .mobile-viewbox {display:flex !important;}
	.main-page-section-top-banner .pc-viewbox {display:none !important;}
	.main-page-section-top-banner .tablet-viewbox {display:none !important;}
}

/*190311 PEY 추가*/

.table-wrap01 .table-type04 .icon-list-wrap {padding:0;}

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

.table-type03-w{ table-layout: fixed; }

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

.table-step2 > li{ width: 152px; margin-bottom: 44px; }
.table-step2 > li .num, .table-step3 > li .num{ padding-top:16px; }
.table-step2 .table .table-cell, .table-step3 .table .table-cell{ vertical-align: top; }
.table-step-txt, .table-step-txt2, .table-step-txt3{ position: absolute; bottom: -22px; right: 0; left: 0; font-size: 14px; }
.table-step-txt2{ bottom:-46px; line-height: 20px; }
.table-step-txt3{ top:100px; line-height:1.5;word-break:keep-all;}
.table-step3 > li{ width: 152px; }
.mStep.table-step > li {width:150px;}
.table-step > li { position: relative; float: left; width: 175px; height: 90px; margin-right: 10px; background: #909090; text-align: center; }
.table-step > li:last-child { margin-right: 0; }
.table-step > li:nth-child(n+6) { margin-top:10px; }/* 190911 김재원 */
.table-step > li:after,
.table-step > li:before { position: absolute; content: ''; top: 50%; right: -10px; width: 0; height: 0; border-left: 20px solid rgba(0,0,0,0); border-top: 20px solid #999; transform: rotate(45deg); transform: -webkit-rotate(45deg); transform: -moz-rotate(45deg); transform: -o-rotate(45deg); transform: -ms-rotate(45deg); margin-top: -9px; z-index: 1; }
.table-step > li:before { right: -18px; margin-top: -16.4px; border-left: 35px solid rgba(0,0,0,0); border-top: 35px solid #fff; }
.table-step > li:last-child:after,
.table-step > li:last-child:before { display: none; }
.table-step > li .num{ font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 4px; }
.table-step > li .txt{ font-size: 14px; color:#fff; line-height: 17px; }

/* 190625 추가 */
@media (max-width: 1100px) {
	.table-step {margin-top:-5px;}
	.table-step > li {margin-top:5px;}
	.product-box .product-text .btn-thin {max-width:75px;margin-left:20px;}
}

/*상단 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;}

/* 테이블 패딩 타입 */
.table-type01.wide-table-type01 td {padding:22px 10px 21px;line-height:28px;word-break: keep-all}

/* 링크 */
.terms-link {display:inline-block;color:#333;text-decoration:underline;}

/* 수수료 단위 */
.sub-title-area .unitdate {float:right;margin-top:10px;margin-bottom:0;font-size:11px;color:#333;font-weight:300;}
/* .notice-subtext + .info-table-area {padding-top:30px} */
.table-title + .unitdate {margin-top:0;}
.unitdate{margin-top:38px;margin-bottom:20px;font-size:11px;color:#333;font-weight:300;text-align:right;}
.notice-subtext.topnone{margin-top:0;}
.tts + .info-table-area .notice-subtext.topnone {margin-top:20px;}
.tts + .notice-subtext.topnone{margin-top:30px;}
.table-title {font-size:19px;text-align:center;font-weight:500;color:#333;}
/* product-box */
.product-box {margin-top:40px;border-top: 1px solid #000}
.product-box .product-title {padding:23px 20px;background:#f7f7f7;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:16px;font-weight:500;line-height:25px;}
.product-box .product-text {padding:18px 20px;border-bottom:1px solid #efefef;font-size:14px;font-weight:300;}
.product-box .product-text .btn-thin {margin-left:20px;padding: 6px 0 4px;}
.product-box .product-title + .product-text {border-bottom:0;}
@media (max-width: 720px) {
	.product-box {margin-top:0;}
}

/* table-type04 */
/* .table-type04 {table-layout:fixed} */
.media-scroll-wrap * {word-break:break-all}

/* 윤리경영 */
.ethics-list-box {margin:47px 0 0 3px;}
.ethics-list-box .ethics-list {margin-top:20px;font-size:16px;font-weight:300;color:#333;line-height:42px;}
.ethics-list-box .ethics-list:first-child {margin-top:0;}
.ethics-list-box .ethics-list .title {margin-top:47px;font-size:22px;font-weight:500;color:#333;}
.ethics-list-box .ethics-list .title:first-child {margin-top:0;}
.ethics-list-box .ethics-list .title .point-title {color:#00397b;font-weight:500;}
.ethics-list-box .ethics-list .title02 {margin-top:20px;font-size:16px;font-weight:500;}
.ethics-list-box .ethics-list .text {margin-top:10px;font-size:14px;line-height:1.4;}
.ethics-list-box .ethics-list .termlist-box .ethics-list {margin-top:10px;font-size:14px;line-height:1.4;}
.ethics-sign {margin:18px 0 0 3px;font-size:22px;color:#00397b;font-weight:300;}
.ethics-sign .text {color:#00397b;font-size:16px;font-weight:300;}

@media (max-width: 768px) {
	.ethics-list-box {margin-top:25px;}
	.ethics-list-box .ethics-list {font-size:14px;line-height:22px;}
	.ethics-list-box .ethics-list:first-child {margin-top:0;}
	.ethics-list-box .ethics-list .title {margin-bottom:10px;font-size:17px;}
	.ethics-sign {font-size:18px;}
	.ethics-sign .text {font-size:14px;}
	.table-title {margin-top:20px;}
	.table-title + .unitdate {margin-top:20px;}
}
/*부동산담보대출버튼*/
.btn-linebox {margin-top:15px;border-top:1px solid #333;border-bottom:1px solid #d3d3d3;padding:10px 28px;}
.btn-linebox .btn-style01 {padding:0 48px 0 19px;border-radius:0;border-bottom-width:2px;background: url('/img/hss_content/hps/ico_down.png') no-repeat right 20px top 10px;text-align:left;}
.certification-agency-box {margin-top:18px;}
.certification-agency-box:after {content:'';display:block;clear:both;}
.certification-agency-box .l-box {float:left;width:50%;}
.certification-agency-box .r-box {float:right;width:50%;text-align:right;}
.certification-agency-box .bank {height:21px;font-size:14px;}
.certification-agency-box .text {margin-top:5px;font-size:14px;color:#666;}
.certification-agency-box .logo-box {margin-top:-2px;}
.certification-agency-box .logo-box img {width:105px;}
.btn-area02 {margin-top:20px;text-align:right;}
.btn-area02 .btn-style08 { display:inline-block;min-width:120px;height:40px;padding-left:38px;border:1px solid #cccccc;border-bottom-width:2px;background: url('/img/hss_content/bul_printer.png') no-repeat left 28px top 10px;font-size:14px;text-align:center;color:#666;}

/*골드바*/
.w-none {display:none;}
@media (max-width: 1024px) {
	.m-none {display:none;}
	.w-none {display:block;}
	/* 모바일 더보기버튼 있는 테이블 */
	.table-wrap01 {position: relative;}
	.tbl-style04 {width:calc(100% - 30px);margin-left:30px;}
	.tbl-style04 th,
	.tbl-style04 td {padding:5px 10px;font-size:15px;line-height:28px;}
	.tbl-style04 th {font-weight:700;text-align:left;}
	.tbl-style04 td {color:#666;line-height: 28px;}
	.btn_tablemore {display:block;position:absolute;top:0;left:0; z-index: 10; width:38px;height:38px;background:url('/img/hss_common/button/btn_plus.png') no-repeat 50% 50%;background-size:18px 18px;}
	.table-accordion-item.js-accordion-opened .btn_tablemore {background-image: url('/img/hss_common/button/btn_minus.png');}
	/* table accordion */
	.table-accordion-layer.js-ui-accordion-layer {position: relative; height: 228px; overflow: hidden;}
	.table-accordion-layer .component-layer-close-button {display: none; position: absolute; width: 38px; height: 38px; top: 0; left: 0;}
	.table-accordion-item.js-accordion-opened .table-accordion-layer .component-layer-close-button {display: block;}
}
@media (max-width: 768px) {
	.certification-agency-box .l-box,
	.certification-agency-box .r-box {float:none;width:100%;}
	.certification-agency-box .r-box {text-align:left;margin-top:20px;}
	.btn-area02 .btn-style08 {display:none;}
}

.notice-date {margin-top:10px;text-align:right;font-size:14px;}
.common-titlestyle01 + 	.table-wrap01 {margin-top:15px;}
.notice-subtext.topnone + .table-wrap01 {margin-top:35px;}

/*대출 상품*/
.txt-total.loan { display: inline-block;margin-bottom: 15px;}
.txt-total.loan::after {content:"";display:block;float:none;clear:both;}
.txt-total.loan .item {float:left;font-weight:500;margin-right:10px;}
.table-type01.loan .se-td { border: none;}
.table-type01.loan th.w-44 { width: 44%; }
.table-type01.loan th.w-21 { width: 21%; }
.table-type01.loan th.w-130 { min-width: 130px; }
.table-type01.loan .se-td:first-child { text-align: left; padding: 30px 35px; }
.table-type01 td .td-wrap .link {display:inline-block;}
.ico-wrap { font-size: 11px; }

/*상품테이블 상품명*/
.product-title { font-size: 24px; font-weight: 500; padding-top: 30px; padding-bottom: 15px; }
.product-txt { font-size: 16px; line-height: 1.3; }
.loan-p-wrap { padding: 20px 0; background: #f7f7f7; /* min-height: 112px; */ }
.loan-p-wrap.one { padding: 40px 0px; }
.loan-p-wrap .loan-p-txt { font-family: 'NanumSquare'; font-size: 16px; word-break: keep-all; display: block; margin-bottom: 10px; }
.loan-p-wrap .loan-p-txt.pc-none { display: none; }
.loan-p-wrap .loan-p-txt:last-child { margin-bottom: 0; }
.loan-p-wrap .loan-p-point { font-size: 30px; color: #e3047f; font-weight: 500; line-height: 1.2; }
.loan-p-info { font-size: 20px; line-height: 1.3; padding-top: 10px; display: inline-block; }
.product-list {overflow:hidden; width:100%; border-top: 1px solid #333;}
.product-list > li {overflow:hidden; width:100%; padding:30px 3.7%; position: relative; border-bottom: 1px solid #efefef;}
.product-list > li .product-list-l {float:left; width:47%; height:100%; }
.product-list > li .product-list-tit {font-size: 24px; float:left; display: inline-block; width:380px; padding-top:37px; font-weight: 600; letter-spacing: -0.05em;}
.product-list > li .product-list-exp {width:100%; float:left; line-height: 1.5; font-size: 16px;display: inline-block; padding-top:15px;}
.product-list > li .product-list-classi { position: absolute; top:30px; left:40px;  font-size:11px; }
.product-list-btn.margin .btn-small { margin-bottom: 10px; }
.product-list > li .product-list-irate {width:38.2%; display: table; text-align: center; float:left; margin-top: 21px;}
.product-list > li .product-list-irate > li {display: table-cell;width:50%; border-left: 1px solid #efefef; margin-left: 40px; height:90px; text-align: center;font-size: 14px; letter-spacing: -0.07em;}
.product-list > li .product-list-irate > li:first-child {width:125px;  padding-left: 0; margin-left: 0; border-left: 0;}
.product-list > li .product-list-irate > li em {display: block; font-size: 20px;font-style:normal; font-weight: 600; padding:10px 0;}
.product-list > li .product-list-irate > li em i {display:inline; width:auto; color:#e3047f; font-size: 30px; font-style:normal; font-weight:600;}
.product-list > li .product-list-btn {float:left;/* top:30px; right:40px;*/width:14.8%; margin-top: 17px;}
.product-list > li .product-list-btn button {margin-bottom: 10px; }
.no-item {min-height: 178px;text-align: center;font-weight: 500; font-size: 22px;line-height: 117px;}
.product-view {width:100%; border-top: 1px solid #333;border-bottom: 1px solid #ccc; padding-top: 25px}
.product-view .product-list-l {position:relative;padding: 0 40px; }
.product-view .ico-internet,
.product-view .ico-smartphone,
.product-view .ico-shop {display: inline-block;}
.product-view .product-view-tit {font-size: 24px; display: inline-block; width:100%; padding-top:25px; font-weight: 600; letter-spacing: -0.05em;}
.product-view .product-view-exp {width:100%; line-height: 1.5; font-size: 16px;display: inline-block; padding-top:15px;}
.product-view .product-view-sns {float: right}
.product-view .product-view-sns a {float:left; margin-right:5px;}
.product-view .product-view-sns A:last-child {margin-right: 0;}
.product-view-dl {overflow:hidden; width:100%; margin-top: 35px; padding:40px; border-top: 1px solid #efefef; }
.product-view-dl > li {display:table;width:100%;padding-top:15px;}
.product-view-dl > li:first-child {padding-top:0px;}
.product-view-dl .notice {padding-left:15px; font-size:16px;font-weight: 500;line-height: 1.4; }
.product-view-dl .notice:before {content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 4px; width: 5px; height: 5px; border-radius: 50%; background-color: #999;}
.product-view-dl .product-view-dt {font-weight: 500; display: table-cell; width:165px; padding-left: 15px; padding-right:20px; vertical-align: top; font-size:14px;line-height:32px;word-break: keep-all;}
.product-view-dl .product-view-dt:before {content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 13px; width: 4px; height: 4px; border-radius: 50%; background-color: #999;}
.product-view-dl .product-view-dt.type02 {width:100%;}
.product-view-dl .product-view-dt span {display:block; margin-top:-12px;font-weight:500;}
.product-view-dl .list {overflow:hidden;padding-top: 20px;}
.product-view-dl  + .product-view-dl {margin-top:0;}
.product-view-dd .btn-thin.resize {display:inline-block;padding:4px 8px 3px;vertical-align:1px;line-height:20px;}
.pv-kdic {overflow:hidden;display:table;margin-top:25px; padding:30px 150px 30px 40px; border-top: 1px solid #efefef; background: #f7f7f7; font-size: 14px; letter-spacing: -0.05em;word-break: keep-all;}
.pv-kdic.type02 {margin-top:27px;}
.pv-kdic .pv-kdic-logo {display:table-cell; padding-right: 40px;vertical-align:middle;}
.pv-kdic .pv-kdic-txt {display:table-cell;width:calc(100% - 180px);margin-top:10px; line-height: 24px;vertical-align:middle;}
.pv-kdic + .common-text01 {margin-top:45px;}
.product-view-dl .product-view-dd .notice-list-wrap {margin-top:5px;}
.product-view-dl .product-view-dd .notice-list-wrap + .notice-list-wrap {margin-top:10px;}
.product-view-dl .product-view-dd .table-wrap01 {margin-top: 10px;}
.product-view-dl .product-view-dd .table-wrap01 + .notice-list-wrap {margin-top:15px;}
.product-view-dl .product-view-dd .table-type04 th {width: 145px;}
.product-view-dl .product-view-dd .table-type04 td {width: auto;border-right: 1px solid #efefef;}
.product-view-dl .product-view-dd .table-type04 td:last-child {border-right: 0;}
.product-view-dl .product-view-dd .img-wrap {margin-top: 10px;}
.product-view-dl .product-view-dd .img-wrap img {width:100%;}
.bbs-headinfo .snsbox,
.product-list-l .snsbox {position:relative;float:right;right:-22px;width:64px;}
.bbs-headinfo .snsbox .snslink-view,
.product-list-l .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;}
.bbs-headinfo .snsbox .tooltip-layerpopup,
.product-list-l .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;}
.bbs-headinfo .snsbox .tooltip-layerpopup-close,
.product-list-l .snsbox .tooltip-layerpopup-close {position:absolute;top:10px;right:10px;width:20px;height:20px;background:#3399ff;z-index:100;}
.bbs-headinfo .snsbox .tooltip-layerpopup:after,
.product-list-l .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-headinfo .bbs-head.style01:after,
.product-list-l .bbs-head.style01:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
/* tooltip 이미지 */
.bbs-headinfo .snsbox .tooltip-layerpopup .kakao,
.product-list-l .snsbox .tooltip-layerpopup .kakao {background: url('/img/common/bul_kakao_off.png') no-repeat 50% 0}
.bbs-headinfo .snsbox .tooltip-layerpopup .instagram,
.product-list-l .snsbox .tooltip-layerpopup .instagram {background: url('/img/common/bul_insta_off.png') no-repeat 50% 0}
.bbs-headinfo .snsbox .tooltip-layerpopup .facebook,
.product-list-l .snsbox .tooltip-layerpopup .facebook {background: url('/img/common/bul_facebook_off.png') no-repeat 50% 0}
.bbs-headinfo .snsbox .tooltip-layerpopup .urlcopy,
.product-list-l .snsbox .tooltip-layerpopup .urlcopy {background: url('/img/common/bul_url_off.png') no-repeat 50% 0}
.bbs-headinfo .snsbox .tooltip-layerpopup .sns,
.product-list-l .snsbox .tooltip-layerpopup .sns {display:inline-block;width:79px;padding-top:65px;text-align:center;font-size:12px;font-weight:700;color:#666;}
.bbs-headinfo .snsbox .tooltip-layerpopup .tooltip-layerpopup-close,
.product-list-l .snsbox .tooltip-layerpopup .tooltip-layerpopup-close {background: url('/img/common/bg_close.png') no-repeat center;font-size:0;}
.btn-area {margin-top:0;}
.btn-area.type03 {margin-top:20px !important;padding:30px 20px !important;text-align:left;background: #f7f7f7;}
.btn-sm-wh.ico_down {display:inline-block;min-width: 240px;height:40px;padding: 0 40px 0 15px;background: #fff url(/img/common/ico_down.png) no-repeat 95% center;text-align: left;line-height:40px;}
.btn-area + .notice-subtext {margin-top:30px;}
.product-list-l .common-text01 + .btn-thin {margin-top:20px;}
@media (max-width: 1100px) {
	.btn-area.type03.retouch-m {padding: 25px 16px !important;}
	.pv-kdic .pv-kdic-txt {font-size:12px;line-height:20px;}
}
@media (max-width: 1100px) {
	 .product-list > li { padding:20px 16px 35px; }
	 .product-list > li .product-list-l { width:100%;}
	 .product-list > li .product-list-classi {left:16px; top:26px; font-size: 11px; }
	 .product-list > li .product-list-exp { width:100%; font-size: 13px; color: #666}
	 .product-list .product-list-irate { position: relative; left:0px; top:10px; width:100% !important; margin-top: 0; background: #efefef; }
	 .product-list > li .product-list-tit { font-size: 16px; }
	 .product-list .product-list-irate > li { height:auto; width:50%; padding: 25px 0; margin:0; font-size: 11px; border-left: 1px solid #ccc !important; }
	 .product-list .product-list-irate > li:first-child { border:none !important; }
	 .product-list .product-list-irate > li .m-bold { font-size: 13px; font-weight: 500; }
	 .product-list .product-list-irate > li em { font-size: 18px;}
	 .product-list .product-list-irate > li em i {font-size: 24px; vertical-align: middle; }
	 .product-list > li .product-list-btn { position: relative;right:0; top:10px; width:100% ; display: inline-block; margin-top: 25px; }
	 .product-list > li .product-list-btn button { width:100% ; }
	 .no-item {padding-bottom:16px !important;font-size:19px;line-height:138px;}
	 .txt-total { display: inline-block; padding:20px 0 0 16px; font-size: 11px; color: #666; }
	 .product-view.mt50 {margin-top:15px !important;}
	 .product-view .product-view-tit {padding-top:0;font-size:20px;}
	 .product-view .product-list-l {padding:0 5px;}
	 .product-view .product-view-dl {padding:20px 5px; margin-top: 20px;}
	 .product-view .product-view-exp {font-size:14px;}
	 .pv-kdic {padding:16px; }
	 .pv-kdic .pv-kdic-logo {display:inline-block;margin-top:7px; margin-right: 20px;padding-right:0;min-width:100px;}
	 .pv-kdic .pv-kdic-logo img {max-width:100%;}
	 .product-view-dl li {overflow:hidden;}
	 .product-view-dl .product-view-dt {display: block;width:100%;padding-left:10px;line-height:20px;}
	 .product-view-dl .product-view-dt:before {margin-top:8px;margin-left:-10px;}
	 .product-view-dl .product-view-dt span {display:inline;}
	 .product-view-dl .product-view-dd {width:100%}
	 .product-view-dl .product-view-dd .table-type03-w {display:table;}
	 .product-view-dl .product-view-dd .img-wrap img {max-width: 100%;}
	 .product-view-dl .product-view-dd .notice-list-wrap {padding:0;}
	 .notice-list-wrap { background-color: #fff; padding: 15px 16px;}
	 .notice-list-wrap + .tab-basic.pt50 {margin-top:0;}
	 .notice-list li, ul .common-liststyle01 { font-size: 12px; line-height: 18px; padding-bottom: 6px; padding-left: 8px; }
	 .notice-list li {padding:0;}
	 .notice-list li::before, ul .common-liststyle01:before { margin-left: -8px; margin-top: 8px; width: 2px; height: 2px; background-color: #333; }
	 .notice-list-wrap + .tab-basic {margin-top:0;}
	/*상세페이지*/
	 .notice-list.bg { 	background: #fff; 	padding: 30px 20px; 	margin-bottom: -30px; }
	 .btn-area.retouch-m .btn-sm-wh{width: 100%; }
	 .ico-wrap { font-size: 11px; }
	 .product-title { font-size: 16px; padding-top: 25px; padding-bottom: 10px; }
	 .product-txt { font-size: 13px; }
	 .loan-p-wrap { text-align: center; padding: 30px 0 0px; }
	 .loan-p-info { width: 100%; background: #f7f7f7; text-align: center; font-size: 11px; padding-bottom: 20px; }
	 .loan-p-wrap .loan-p-txt { font-size: 16px; font-weight: 600; }
	 .loan-p-wrap .loan-p-point { font-size: 24px; }
	 .loan-p-wrap .loan-p-txt.pc-none { display: block; }
	 .table-type01.loan .se-td .td-wrap button { margin-bottom: 10px; }
	 .full-content {margin:0 -18px !important;}
	 .full-content .btn-area {padding:0 18px !important;}
	 /* 툴팁 미디어 쿼리 */
	 .snsbox .tooltip-layerpopup{right:-3px;width:155px;height:62px;padding:19px 0 40px 0;}
	 .snsbox .tooltip-layerpopup:after{right:20px}
	 .snsbox .tooltip-layerpopup .kakao,
	 .snsbox .tooltip-layerpopup .instagram,
	 .snsbox .tooltip-layerpopup .facebook,
	 .snsbox .tooltip-layerpopup .urlcopy {background-size:80%;line-height:0;}
	 .snsbox .tooltip-layerpopup .sns{width:32px;padding-top:34px;font-size:0;}
	 /* 버튼 여백 */
	 .btn-area {margin-top:25px;}
	 .btn-area button + button {margin-top:15px;}

}

/*대출 상품*/
.txt-total.loan { display: inline-block;margin-bottom: 15px;}
.txt-total.loan::after {content:"";display:block;float:none;clear:both;}
.txt-total.loan .item {float:left;font-weight:500;margin-right:10px;}
.table-type01.loan .se-td { border: none;}
.table-type01.loan th.w-44 { width: 44%; }
.table-type01.loan th.w-21 { width: 21%; }
.table-type01.loan th.w-130 { min-width: 130px; }
.table-type01.loan .se-td:first-child { text-align: left; padding: 30px 35px; }
.ico-wrap { font-size: 11px; }

/*상품테이블 상품명*/
.product-txt { font-size: 16px; line-height: 1.3; }
.loan-p-wrap { padding: 20px 0; background: #f7f7f7; /* min-height: 112px; */ }
.loan-p-wrap.one { padding: 40px 0px; }
.loan-p-wrap .loan-p-txt { font-family: 'NanumSquare'; font-size: 16px; word-break: keep-all; display: block; margin-bottom: 10px; }
.loan-p-wrap .loan-p-txt.pc-none { display: none; }
.loan-p-wrap .loan-p-txt:last-child { margin-bottom: 0; }
.loan-p-wrap .loan-p-point { font-size: 30px; color: #e3047f; font-weight: 500; line-height: 1.2; }
.loan-p-info { font-size: 20px; line-height: 1.3; padding-top: 10px; display: inline-block; }
.product-list-btn.margin .btn-small { margin-bottom: 10px; }

@media (max-width: 1100px) {
	.ico-wrap { font-size: 11px; }
	.table-type01.loan th {display:none !important;}
	.table-type01.loan .se-td::before  { display: none; }
	.table-type01.loan .se-td {display:block;border: none; width: 100%; }
	.table-type01.loan .se-td:first-child { border-top: 1px solid #333; }
	.table-type01.loan .se-td .td-wrap { padding-bottom: 0; }
	.table-type01.loan .se-td:last-child .td-wrap { padding-bottom: 20px; }
	.product-title { font-size: 16px; padding-top: 25px; padding-bottom: 10px; }
	.product-txt { font-size: 13px; }
	.loan-p-wrap { text-align: center; padding: 30px 0 0px; }
	.loan-p-info { width: 100%; background: #f7f7f7; text-align: center; font-size: 11px; padding-bottom: 20px; }
	.loan-p-wrap .loan-p-txt { font-size: 16px; font-weight: 600; }
	.loan-p-wrap .loan-p-point { font-size: 24px; }
	.loan-p-wrap .loan-p-txt.pc-none { display: block; }
	.table-type01.loan .se-td .td-wrap button { margin-bottom: 10px; }
}


.ceo-info-wrap {padding:0 100px;}
.ceo-info {text-align:center;}
.ceo-img-box {height:450px;background: url('/img/hss_content/com/img_ceo.jpg')}
.ceo-img-box + .ceo-info-wrap {margin-top:70px;}
.ceo-info .title {font-size:30px;color:#333;line-height:38px;word-break:keep-all;}
.ceo-info .text {margin-top:30px;font-size:18px;color:#666;text-align:left;line-height:30px;}
.ceo-info-wrap .ceo-text {margin-top:74px;font-size:18px;color:#666;text-align:right;line-height:30px;}
.ceo-info-wrap .ceo-text span {display:block;color:#666;line-height:50px;}
.ceo-info-wrap .ceo-sign {margin-top:36px;text-align:right;}
.ceo-img-wrap .ceo-sign.type2 {margin-top:36px;text-align:right;}/*김재원*/
/* .ceo-info-wrap .ceo-sign img {margin:0 -21px -19px 21px} */
.ceo-info-wrap .ceo-sign span {font-size:18px;color:#333;line-height:30px;}

.ceo-info-wrap.anyang-bank {padding:0 60px;} /* 안양 저축은행 */
.ceo-info-wrap.anyang-bank .text-point {color:#007b00;}

/* 경영이념 신규스타일  */
.ethics-info {text-align:center;}
.ethics-info .title {font-size:30px;color:#333;line-height:38px;word-break:keep-all;}
.ethics-info .title .title-comment {display:block; padding:50px 0; font-size:18px;color:#666;line-height:30px;}/*장현철*/
.ethics-info .ethics-img img {width:100%;}
.ethics-info .ethics-img .ethics-img-pc {display:block;}
.ethics-info .ethics-img .ethics-img-m {display:none;}
.ethics-info .txt {font-family:'Pretendard';font-size:18px;letter-spacing:-.25px;color:#666;line-height:30px;margin:100px 0;} /* 20200901 이예빈 추가 */
/* 고려저축은행 */
.organize-box.goryeo-bank img {max-width: 760px;}

/* 기업문화 인성 저축은행 */

.insung-bank .ethics-info .title .title-comment {display:block;margin:25px 0;font-family:'Pretendard';font-size:30px;color:#333;line-height:42px;letter-spacing:-.5px;}

.insung-bank .ethics-info .point-color01{color:#0c6fb3 !important;font-weight:bold;}
.insung-bank .ethics-info .point-color02{color:#2eb1d2 !important;font-weight:bold;}


/* [공통]  ceo 인사말 가로형 */
.ceo-img-box {display:table;width:100%;padding:0 0 0 49px;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;}
.ceo-img-box .text {display:table-cell;position:relative;font-size:30px;color:#fff;line-height:52px;vertical-align:middle;}
/* .ceo-img-box .text::before {display:block;content:'';position:absolute;top:134px;left:0;width:60px;height:4px;background:#008ed8;} */
.ceo-img-box .text span {display:block;color:#fff;line-height:52px;}
.ceo-img-box .text .text-point {display:inline-block;}
.ceo-img-box.hanhwa-bank {height:450px;background-image: url('/img/hss_companycontent/hanhwa_content/bg_ceo.jpg')}/* 한화저축은행  */
.ceo-img-box.koreatuja-bank {height:451px;background-image: url('/img/hss_companycontent/koreatuja_content/bg_ceo.jpg')}/* 한국투자저축은행  */
.ceo-img-box.koreatuja-bank .text .text-point {color:#71a3ea;}
.ceo-img-box.kiumyes-bank {height:330px;background-image: url('/img/hss_companycontent/kiumyes_content/bg_ceo.jpg')}/* 키움예스저축은행  */
.ceo-img-box.kiumyes-bank .text::before {top:50px;background:#008ed8;}
.ceo-img-box.jinju-bank {height:450px;background-image: url('/img/hss_companycontent/jinju_content/bg_ceo.jpg')}/* 진주저축은행  */
.ceo-img-box.jinju-bank .text .ty01 strong {color:#fff;font-weight:500;}
.ceo-img-box.yungchang-bank {height:330px;background-image: url('/img/hss_companycontent/yungchang_content/bg_ceo.jpg')}/* 융창저축은행  */
.ceo-img-box.yungchang-bank .text .text-point {color:#00a3d9;}
.ceo-img-box.out-bank {height:330px;background-image: url('/img/hss_companycontent/out_content/bg_ceo.jpg')}/* 오투저축은행  */
.ceo-img-box.out-bank .text .text-point {color:#00b4f1;}
.ceo-img-box.ms-bank {height:330px;background-image: url('/img/hss_companycontent/ms_content/bg_ceo.jpg')}/* 엠에스 저축은행  */
.ceo-img-box.ms-bank .text .text-point {font-weight:700;color:#008db2;}
.ceo-img-box.anyang-bank {height:332px;background-image: url('/img/hss_companycontent/anyang_content/bg_ceo.jpg')}/* 안양 저축은행  */
.ceo-img-box.baro-bank {height:450px;background-image: url('/img/hss_companycontent/baro_content/bg_ceo.jpg')}/* 바로 저축은행  */
.ceo-info-wrap.baro-bank {padding:0;}
.ceo-img-box.sky-bank {height:450px;background-image: url('/img/hss_companycontent/sky_content/bg_ceo.jpg');}/* 스카이	저축은행  */
.ceo-img-box.smart-bank {height:450px;background-image: url('/img/hss_companycontent/smart_content/bg_ceo.jpg')}/* 스마트	저축은행  */
.ceo-img-box.central-bank {height:450px;background-image: url('/img/hss_companycontent/central_content/bg_ceo.jpg')}/* 센트럴 저축은행  */
.ceo-img-box.central-bank .text strong {color:#fff;}
.ceo-img-box.samho-bank {height:449px;background-image: url('/img/hss_companycontent/samho_content/bg_ceo.jpg')}/* 삼호 저축은행  */
.ceo-img-box.burim-bank {height:450px;background-image: url('/img/hss_companycontent/burim_content/bg_ceo.jpg')}/* 부림 저축은행  */
.ceo-info-wrap.burim-bank .text .ty01 {display:block;color:#ed1260;font-weight: 700;}
.ceo-img-box.minguk-bank {height:450px;background-image: url('/img/hss_companycontent/minguk_content/bg_ceo.jpg')}/* 민국 저축은행  */
.ceo-img-box.raon-bank {height:450px;background-image: url('/img/hss_companycontent/raon_content/bg_ceo.jpg')}/* 라온 저축은행  */
.ceo-img-box.dream-bank {height:450px;background-image: url('/img/hss_companycontent/dream_content/bg_ceo.jpg')}/* 드림 저축은행  */
.ceo-img-box.dongyang-bank {height:240px;background-image: url('/img/hss_companycontent/dongyang_content/bg_ceo.jpg')}/* 동양 저축은행  */
.ceo-img-box.dobble-bank {height:450px;background-image: url('/img/hss_companycontent/dobble_content/bg_ceo.jpg')}/* 더블 저축은행  */
.ceo-img-box.daehan-bank {height:450px;background-image: url('/img/hss_companycontent/daehan_content/bg_ceo.jpg')}/* 대한 저축은행  */
.ceo-img-box.daewon-bank {height:450px;background-image: url('/img/hss_companycontent/daewon_content/bg_ceo.jpg')}/* 대원 저축은행  */
.ceo-img-box.daea-bank {height:450px;background-image: url('/img/hss_companycontent/daea_content/bg_ceo.jpg')}/* 대아 저축은행  */
.ceo-img-box.daeback-bank {height:240px;background-image: url('/img/hss_companycontent/daeback_content/bg_ceo.jpg')}/* 대백 저축은행  */
.ceo-img-box.goryeo-bank {height:450px;background-image: url('/img/hss_companycontent/goryeo_content/bg_ceo.jpg')}/* 고려 저축은행  */
.ceo-img-box.gangwon-bank {height:240px;background-image: url('/img/hss_companycontent/gangwon_content/bg_ceo.jpg')}/* 강원 저축은행  */
.ceo-img-box.dh-bank {height:449px;background-image: url('/img/hss_companycontent/dh_content/bg_ceo.jpg')}/* dh 저축은행  */
.ceo-img-box.star-bank {height:450px;background-image: url('/img/hss_companycontent/star_content/img_stceo.png')}/* 스타 저축은행  */
.ceo-img-box.yuanta-bank {height:330px;background-image: url('/img/hss_companycontent/yuanta_content/bg_ceo.jpg')}/* 유안타 저축은행  */

.ceo-img-box.woolee-bank {height:450px;background-image: url('/img/hss_companycontent/woolee_content/bg_ceo.jpg')}/* 우리저축은행  */
.ceo-img-box.woolee-bank > .text {text-align:center; font-family:'NanumMyeongjo';}/* 우리저축은행  */
.ceo-img-box.woolee-bank > .text strong {font-size:40px; color:#fff; font-family:'NanumMyeongjo';}/* 우리저축은행  */
.ceo-info-wrap.woolee-bank {padding:0;}/* 우리저축은행  */

.ceo-img-box.insung-bank {height:340px;background-image: url('/img/hss_companycontent/insung_content/bg_ceo.jpg')}/* 인성저축은행  */
.ceo-info-wrap.insung-bank {padding:0;}
.ceo-info-wrap.insung-bank .ceo-sign {margin:50px 0;text-align:left}



.dh-bank .ceo-info-img-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.dh-bank .ceo-info-img-wrap .ceo-info-text-box {
  margin-bottom: 30px;
}

.dh-bank .ceo-info-img-wrap .ceo-info-img {
  width: 350px;
}

.dh-bank .ceo-info-img-wrap .title {
	margin-top: 30px;
	font-size: 30px;
  line-height: 1.5;
	color: #3ab54a;
}

.dh-bank .ceo-info-img-wrap .sub-title {
	margin-bottom: 5px;
	font-size: 26px;
}

.dh-bank .ceo-info-img-wrap .text {
  margin-top: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #666;
  text-align: left;
}

.dh-bank .ceo-info-img-wrap + .ceo-info .text:first-child {
  margin-top: 10px;
}

.dh-bank .ceo-info-sign {
  font-size: 18px;
}

.dh-bank .ceo-info-sign strong {
  margin-left: 10px;
  font-size: 20px;
  font-family:'궁서체', GungsuhChe, sans-serif;
}

@media (max-width: 1200px) {
  .dh-bank .ceo-info-img-wrap .ceo-info-text-box {
    margin-bottom: 20px;
  }

	.dh-bank .ceo-info-img-wrap .title {
		font-size: 26px;
		color: #3ab54a;
	}

	.dh-bank .ceo-info-img-wrap .sub-title {
		font-size: 20px;
	}

  .dh-bank .ceo-info-img-wrap .text {
    font-size: 13px;
    line-height: 26px;
  }
}

@media (max-width: 768px) {
  .dh-bank .ceo-info-img-wrap {
    flex-direction: column-reverse;
    gap: 20px;
  }

  .dh-bank .ceo-info-img-wrap .ceo-info-img,
  .dh-bank .ceo-info-img-wrap .ceo-info-text-box {
    width: 100%;
  }

  .dh-bank .ceo-info-img-wrap .title {
    margin-top: 0;
		font-size: 18px;
		color: #3ab54a;
	}

	.dh-bank .ceo-info-img-wrap .sub-title {
		font-size: 16px;
	}

  .dh-bank .ceo-info-sign {
    font-size: 16px;
  }

  .dh-bank .ceo-info-sign strong {
    font-size: 18px;
  }
}



/* [공통] ceo 인사말  세로형 */
.ceo-img-wrap {padding-left:357px;background-repeat:no-repeat;background-position:58px 132px;}
.ceo-info-box02 .title {font-size:30px;text-align:left;line-height:46px;}
.ceo-info-box02 .text,
.ceo-info-box02 .text-box li {color:#666;font-size:18px;line-height:29px;}
.ceo-info-box02 .title + .text {margin-top:39px;}
.ceo-info-box02 .text, .ceo-info-box02 .text-box {margin-top:30px;}
.ceo-img-wrap .ceo-info-sign {margin-top:66px;}
.ceo-info-box02 .title span {display:block;line-height:46px;}
.ceo-info-box02 .title .text-point {display:inline-block;}

/* ceo 인사말 세로형(사진과 내용 순서 반대) 19.09.24 김재원 */
.ceo-img-wrap-type02 {padding-left:0px;padding-right:357px;background-position:850px 132px; }
.ceo-info-box03 .title {font-size:30px;text-align:left;line-height:46px;}
.ceo-info-box03 .text,
.ceo-info-box03 .text-box li {color:#666;font-size:18px;line-height:29px;}
.ceo-info-box03 .title + .text {margin-top:39px;}
.ceo-info-box03 .text, .ceo-info-box03 .text-box {margin-top:30px;}
.ceo-img-wrap-type02 .ceo-info-sign {margin-top:66px;}
.ceo-info-box03 .title span {display:block;line-height:46px;}
.ceo-info-box03 .title .text-point {display:inline-block;}

.ceo-img-wrap.pyeongtaek-bank {background-image: url('/img/hss_companycontent/pyeongtaek_content/img_pyeongtaekceo.jpg')}/* 평택 */
.ceo-img-wrap.cheongju-bank {background-image: url('/img/hss_companycontent/cheongju_content/bg_cheongjuceo.jpg')}/* 키움yes 저축은행 */
.ceo-img-wrap.incheon-bank {background-image: url('/img/hss_companycontent/incheon_content/bg_incheonceo.jpg')}/* 인천 저축은행 */
.ceo-img-wrap.osung-bank {background-image: url('/img/hss_companycontent/osung_content/bg_osungceo.jpg')}/* 오성 저축은행 */
.ceo-img-wrap.asan-bank {padding-left:0;background-image: none;}/* 아산 저축은행 */
.ceo-img-wrap.samjung-bank {background-image: url('/img/hss_companycontent/samjung_content/bg_ceo.jpg')}/* 삼정 저축은행 */
.ceo-img-wrap.moa-bank {background-image: url('/img/hss_companycontent/moa_content/bg_ceo.jpg')}/* 모아 저축은행 */
.ceo-img-wrap.daehan-bank {background-image: url('/img/hss_companycontent/daehan_content/bg_ceo.jpg')}/* 대한 저축은행 */
.ceo-img-wrap.daemyung-bank {background-image: url('/img/hss_companycontent/daemyung_content/bg_ceo.jpg')}/* 대명 저축은행 */
.ceo-img-wrap.namyang-bank {padding-left: 427px;background-image: url('/img/hss_companycontent/namyang_content/bg_ceo.jpg');background-size:409px;background-position:0 0;}/* 남양저축은행 */
.ceo-img-wrap.namyang-bank .ceo-info-sign {margin-top:49px;}
.ceo-img-wrap.kuemhwa-bank {background-image: url('/img/hss_companycontent/kuemhwa_content/bg_ceo.jpg')}/* 금화 저축은행 */
.ceo-img-wrap.yungchang-bank {padding-left: 427px;background-image: url('/img/hss_companycontent/yungchang_content/bg_ceo.jpg');background-size:409px;background-position:0 0;}/* 융창저축은행 */
.ceo-img-wrap.yungchang-bank-ceo {background-image: url('/img/hss_companycontent/yungchang_content/bg_yungchang_ceo.jpg');background-size:200px auto;}/* 융창 저축은행 */


@media (max-width: 1100px) {
	/* CEO 인사말 */
	.ceo-img-wrap {margin-top:20px;padding-top:272px;padding-left:0;background-position:50% top;}
	.ceo-info-box02 .title {font-size: 20px;line-height: 27px;}
	.ceo-info-box02 .title + .text {margin-top:14px;}
	.ceo-info-box02 .text, .ceo-info-box02 .text-box li {font-size:15px;line-height:22px;}

	/* CEO 인사말 13.09.24 김재원 */
	.ceo-img-wrap-type02 {margin-top:20px;padding-top:272px;padding-right:0;background-position:50% top;}
	.ceo-info-box03 .title {font-size: 20px;line-height: 27px;}
	.ceo-info-box03 .title + .text {margin-top:14px;}
	.ceo-info-box03 .text, .ceo-info-box03 .text-box li {font-size:15px;line-height:22px;}

	/* CEO 인사말 13.09.24 김재원 */
	.ceo-img-wrap-type02 {margin-top:20px;padding-top:272px;padding-left:0;background-position:50% top;}
	.ceo-info-box03 .title {font-size: 20px;line-height: 27px;}
	.ceo-info-box03 .title + .text {margin-top:14px;}
	.ceo-info-box03 .text, .ceo-info-box03 .text-box li {font-size:15px;line-height:22px;}
	/* CEO 인사말 */
	.ceo-img-box {height:200px !important;margin-top:20px;padding-left:0;background-size:100% 100%;}
	/* .ceo-img-box .text {position:relative;top:0;left:0px;margin-top:10px;font-size:18px;text-align:center;line-height:34px;font-weight:700;color:#333;} */
	.ceo-img-box .text {display:none;}
	.ceo-img-box .title span {display:inline-block;}
	.ceo-img-box .text::before {display:none;}
	.ceo-info-wrap {margin-top: 10px; padding:0;}
	.ceo-info-wrap.anyang-bank {padding:0 18px;}
	.ceo-img-box + .ceo-info-wrap {margin-top:15px;line-height:40px}
	.ceo-info .title {font-size:20px;line-height:28px;}
	.ceo-info .text {margin-top:20px;font-size:13px;line-height:26px;}
	.ceo-info-wrap .ceo-text {margin-top:20px;font-size:13px;}
	.ceo-img-wrap.namyang-bank {padding-top: 270px;padding-left:0;background-size: 210px;background-position:50% 20px;}
	.ceo-img-wrap.moa-bank {padding-top: 300px;background-size: 200px;}

	/* 경영이념 신규스타일  */
	.ethics-info .title {font-size:20px; line-height:28px;}
	.ethics-info .title .title-comment {display:block; padding:20px 0; font-size:13px; line-height:26px;}
	.ethics-info .ethics-img .ethics-img-pc {display:none;}
	.ethics-info .ethics-img .ethics-img-m {display:block;}
	.ethics-info .txt {font-size:36px;line-height:58px;margin:50px 20px;} /* 20200901 이예빈 추가 */

	/* 우리은행  */
	.ceo-img-box.woolee-bank > .text {display:block; font-size:13px; line-height: 26px;}/* 우리저축은행  */
	.ceo-img-box.woolee-bank > .text strong {font-size:16px;}/* 우리저축은행  */
	.ceo-img-box.woolee-bank {padding-top:55px;}/* 우리저축은행  */

	/* 기업문화 인성 저축은행 */

	.insung-bank .ethics-info .title .title-comment {font-size:50px;line-height:68px;margin:25px 50px;}
}

@media (max-width: 594px) {

	/* 경영이념 신규스타일  */

	.ethics-info .txt {font-size:18px;line-height:29px;margin:50px 0;} /* 20200901 이예빈 추가 */

	/* 기업문화 인성 저축은행 */

	.insung-bank .ethics-info .title .title-comment {font-size:25px;line-height:34px;}
}


/* 채권추심업무 */
.tts + .bond-infobox {margin-top:40px;}
.bond-infobox .bond-title {color:#00397b;font-size:22px;font-weight:700;line-height:27px;}
.bond-textstyle01 {padding-left:16px;color:#333;font-size:16px;text-indent:-14px;line-height:24px;}
.bond-textstyle01::before {content:'';display:inline-block;width:5px;height:5px;margin-right:9px;border-radius:50%;background:#999;vertical-align:3px;}
.info-boxstyle {padding:20px 18px 9px;margin-top:34px;background:#f7f7f7;}
.info-boxstyle .title {color:#333;font-size:16px;font-weight:700;}
.bond-list01 {margin-top:16px;}
.bond-list01 .bond-textstyle01 {margin-top:13px;}
.bond-list01 .bond-textstyle01:first-child {margin-top:0;}
.bond-infobox .bond-title:first-child {margin-top:0;}
.bond-infobox .bond-title {margin-top:36px;}
.bond-list02 {margin-top:14px;}
.bond-list02 .bond-textstyle01 {line-height:34px;}
.bond-infobox .bond-title + .bond-textstyle01 {margin-top:16px;}
.bond-list03 {margin-top:11px;}
.bond-list03 .text {margin-top:10px;padding-left:17px;text-indent:-17px;line-height:25px;}
.bond-list03 .text:first-child {margin-top:0;}
.bond-textstyle01 + .notice-tit {margin-top:32px;}

@media (max-width: 1100px) {
	.bond-infobox .bond-title:first-child {margin-top:20px;}
}

.gnb-depth2-opener {display:none;}

/* 콘텐츠 이미지 감싸는 div */
.contents-image-wrap {padding:40px 0 60px;font-size:0;line-height:0;}
.contents-image-wrap img {width:100%;}

/* 한국투자 금융상품 */
.sub-infotxt-wrap {text-align:right;}
.sub-title-area .sub-infotxt {float:right;}
.sub-infotxt {font-size:11px;}
.sub-title-area .sub-text {margin-top:13px;font-size:14px;line-height:23px;}
.product-view-dl li + .notice-i-list {margin-top:30px;}
.loan-call-txt {display:inline-block;padding:5px 10px;margin-top:10px;font-size:14px;color:#666;line-height:23px;border:1px solid #ccc;}

/*여백 추가*/
.common-titlestyle02 + .notice-list-wrap {margin-top:10px;}
.common-titlestyle02 + .common-text01 {margin-top:10px;}
.notice-list-wrap + .notice-i-list-wrap {margin-top:10px;}
.notice-i-list-wrap + .ui-accordion-list {margin-top:30px;}
.btn-area + .box-style02 {margin-top:40px;}
.btn-area.type04 {padding-top:15px;}
.ui-accordion-layer + .common-text01 {margin-top:20px;}
.content .common-titlestyle02:first-child {margin-top:0;}
.notice-i-list-wrap + .table-wrap01 {margin-top:20px;}
@media (max-width: 1100px) {
	.content .common-titlestyle02:first-child {margin-top:30px;}
	.btn-area.type04 {padding-top:0;}
}

/*약관 css*/
.termsconditions_textbox .termsconditions_thema01 {margin-top:40px;font-size:22px;font-weight:500;line-height: 1.6;}
.tts + .termsconditions_textbox .termsconditions_thema01:first-child {margin-top:40px;}
.termsconditions_textbox .termsconditions_thema01:first-child {margin-top:0;}
.termsconditions_textbox .termsconditions_thema02 {margin-top:50px;font-size:18px;font-weight:500;}
.termsconditions_textbox .termsconditions_title01 {margin-top:20px;font-size:16px;font-weight:500;line-height:28px;}
.termsconditions_textbox .termsconditions_title02 {font-size:14px;font-weight:500;}
.termsconditions_textbox .termsconditions_text01,
.termsconditions_textbox .termsconditions_caution {margin-top:15px;font-size:16px;line-height:28px;}
.termsconditions_textbox .termsconditions_text02 {font-size:14px;line-height:20px;}
.termsconditions_textbox .termsconditions_list > li {margin-top:5px;font-size:16px;line-height:28px;}
.termsconditions_textbox .termsconditions_in_list li {font-size: 15px;line-height:28px;padding-left: 15px;}
.termsconditions_thema01 + .termsconditions_text01 {margin-top:20px;}
.termsconditions_textbox .termsconditions_title01 + .termsconditions_text01 {margin-top:0;}
.termsconditions_textbox .info-table-area {padding-top:10px !important;}

/* 190418 김유빈 에디터영역, 표 영역 추가 */
.editor {margin-top:20px;padding:23px 40px 0;border-top:1px solid #ccc;font-size:14px;line-height:23px;}
.editor * {font-size:14px;line-height:23px;}
.editor th,
.editor td {border:1px solid #000 !important;}
.editor.type02 {margin-top:35px;padding-top:40px;}
.editor.type02 th,
.editor.type02 td {border:1px solid #000 !important;}

/* 190829  */
.overview-img-box {margin-top:30px;text-align: center;}
.overview-img-box img {width:100%;max-width: 800px;}

/**/
.common-btn.type04 {margin-top:20px;}
.common-btn.type04 .common-text01 {display:inline-block;margin-right:10px;}
.common-btn.type04 .link {vertical-align:3px;}

/* 한화 상품 바로가기 */
.link-list-wrap {}
.link-list {overflow:hidden;margin-top:20px;/*background: url('/img/hss_common/bg_border.png');*/}
.link-list li {display:table;float:left;width:100px;height:70px;margin-right:15px;margin-bottom:15px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;}
.link-list li a {display:table-cell;font-size:14px;font-weight:500;vertical-align:middle;text-align:center;}
.link-list li a:hover {background:#666;color:#fff;}
.link-list li a span {display:block;margin-top:10px;font-size:12px;text-align:center;}
.link-list li a:hover span {color:#fff;}

/* 금융소비자보호우수사례 */
.box-style04 {padding:51px 214px 51px 40px;background: url('/img/hss_common/bg_consumer01.png') no-repeat right 40px top 50%;border:1px solid #ddd;}
.box-style04 .title {color:#333;font-size:22px;font-weight:500;line-height:28px;}
.box-style04 .text {display:inline-block;margin-top:11px;color:#666;font-size:16px;line-height:24px;}

.financial-list-wrap {position:relative;margin-top:50px;padding-left:124px;}
.financial-list-wrap .title {position:absolute;top:5px;left:0;color:#00397b;font-size:28px;font-weight:500;}
.financial-list-text {margin-top:9px;padding-left:17px;font-size:16px;font-weight:500;text-indent:-17px;line-height:28px;}
.financial-list-text:first-child {margin-top:0;}
.financial-list-text .subtext {display:block;margin-top:8px;padding-left:13px;font-size:16px;text-indent:-13px;line-height:24px;}
.financial-list-text::before {display:inline-block;content:'';width:4px;height:4px;margin-right: 10px;background:#999;border-radius:50%;vertical-align:4px;}


@media (max-width: 1100px) {
	.box-style04 {margin-top:30px;}
}
@media (max-width: 768px) {
	.box-style04 {margin-top:20px;}
}
@media (max-width: 594px) {
	.box-style04 {padding:35px 32px;background:none;}
	.financial-list-wrap {margin-top:30px;padding-left:0;}
	.financial-list-wrap .title {position: relative;font-size:22px;}
	.financial-list-wrap .financial-list {margin-top:20px;}
}


/* 사회공헌활동 */
.common-title01 {margin-top:32px;;font-size:22px;font-weight:500;line-height:30px;}
.common-title02 {margin-top:30px;font-family:'NanumSquare';font-size:20px;font-weight:500;line-height:28px;}
.common-text04 {margin-top:8px;color:#666;font-family:'NanumSquare';font-size:16px;line-height:28px;}

.social-contribution-list {width:100%;}
.social-contribution-list::after {content:'';clear:both;display:block;}
.social-contribution-list .list {float:left;width:calc(50% - 10px);margin-top:20px;background:red;}
.social-contribution-list .list:nth-child(2n-1) {margin-right:20px;}
.social-contribution-list .list img {display:block;width:100%;height:100%;max-height:330px;}

@media (max-width: 720px) {
	.social-contribution-list .list {width:100%;margin-right:0;}
}

/* 약관 이미지 박스 */
.terms-img-box {width:100%;margin-top:10px;}
.terms-img-box img {width:100%;height:auto;}

/* 중앙회 팝업 css 소스 */

.str-searPop {position:relative;width:500px;}
.store-popWp {padding:75px 0px 60px;text-align:center;}
.store-popWp strong.info {font-size:22px;font-weight:700;line-height:36px;letter-spacing:-.25px;}
.store-popWp .pop-btn-wp {margin:35px 0 0;}
.store-popWp .pop-btn-wp button {width:150px;height:40px;}
.store-popWp.type01 {padding:0;}
.popup-btn-wrap {height:40px;background:#000;}
.layer-popup {font-size:0;}
.layer-popup img {width:100%;min-width:360px;}
.chk-wrap.style01 {float:left;margin:9px 0 0 20px;}
.chk-wrap.style01 .chk-label {color:#fff;font-size:13px;}
.chk-wrap.style01 i.icon-chk {background-image: url(../img/common/checkbox01.png)}
.chk-wrap.style01 .chk-basic:checked~i {vertical-align: middle;width: 22xp;height: 22x;background: url(../img/common/checkbox-on.png) no-repeat center / contain; }
.layer-container .layer-close.type01 {position:static;width:auto;height:100%;padding-right:17px;background:none;color:#fff;font-size:13px;text-indent:0;}


.window-popup {position:fixed;top:0;left:0;right:0;bottom:0;}
.window-popup img {display:block;width:100% !important;height:100% !important;}
.popup-btn-wrap {position: fixed;width: 100%;bottom: 0;}
.layer-close.type01 {float: right;position: static;width: auto;height: 100%;padding-right: 17px;background: none;color: #fff;font-size: 13px;text-indent: 0;}

/* table border */
.br-ef { border-right: 1px solid #efefef !important; }

/* 이벤트 팝업 css */
.event-window-popup {width:988px;height:814px;padding:40px 0 0 44px;background: url('/img/hss_common/bg_windowpopup.jpg')}
.event-window-wrap {width:900px;height:724px;padding:40px 30px 40px 40px;background: url('/img/hss_common/bg_windowpopup02.jpg')}
.event-window-wrap .event-box:first-child {margin-top:0;}
.event-window-wrap .event-box:nth-child(2) {margin-top:0;}
.event-window-wrap .info-text {margin-top:10px;font-size:16px;}
.event-box {display:inline-block;width:393px;margin-top:69px;margin-right:40px;text-align:center;}
.event-box:nth-child(2n) {margin-right:0;}
.event-box .img01 {width:145px;height:58px;}
.event-list {margin-top:20px;border-top:1px solid;border-bottom:1px solid}
.event-list .list {padding:10px 0;border-top:1px solid #ccc;}
.event-list .list:first-child {border-top:0;}
.event-list .list .title {display:inline-block;width:160px;font-size:20px;font-weight:500;text-align:left;}
.event-list .list .link01,
.event-list .list .link02 {display:inline-block;width:110px;height:45px;color:#fff;font-size:16px;font-weight:500;text-align:center;line-height:45px;}
.event-list .list .link01 {margin-right:7px;background:#587780;}
.event-list .list .link02 {background:#0a97b9;}



/* 19.09.18 김재원 */
.lifeplus-img-box.hanhwa-bank {display:block !important;}
.lifeplus-img-box.hanhwa-bank img {display:block; width: 100% !important;}
.lifeplus-btn-wrap {width:100% !important;}
.lifeplus-btn:first-child {margin-left: 50px !important;}

.lifeplus-btn {display:inline-block; width:115px; margin-left:60px !important;}

@media(max-width:400px) {
	.lifeplus-btn {display:inline-block; width:115px; margin-left:30px !important;}
	.lifeplus-btn:first-child {margin-left: 30px !important;}
}

/* 19.09.20 김재원 */
.table-text-align {text-align: left !important;}

/* 파란색 버튼  */
.btn-thin.resize.type01 {border-color:rgb(0, 57, 123) !important;background-color:rgb(0, 57, 123) !important;color:#fff;}

/*191011 김재원*/
@media (max-width: 440px) {
	.dim-contents .popup-head01 .popup-title {padding-right : 25px !important; }
}

/* // 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; }

/*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 10px;}
.termsconditions_box .chk-wrap .label-wrap i {float:left;margin-top:0;}
.termsconditions_box .chk-wrap .label-wrap:first-child {margin-left:10px;}

.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_box .termsconditions_in_list {margin-top:10px}
.termsconditions_box i.icon-chk {float:left}

.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);}

@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;}
}

.com-box01 {margin-top: 3px;padding: 10px 10px 9px;border:1px solid #ccc;word-break: keep-all;}
.com-box01 .tit{font-size:14px;font-weight:500;}


/* 190228 추가 - 체크카드 발급신청 */
.slide-box-area .sub-title, .slide-box-area.type02 .sub-title { color: #333; font-size: 22px; }
.btn-slide-active .sub-title { color: #999 !important; }
.slide-box-area.type02 .btn-right-wrap:after { content: ''; clear: both; float: none; display: block; }

.slide-box-area .btn-slide, .slide-box-area .btn-slide-active .btn-slide ,
.slide-box-area.type02 .btn-slide, .slide-box-area.type02 .btn-slide-active .btn-slide { position: static; padding: 0; height: 60px; float: right; border-left: 1px solid #ccc; background: #b5b5b5 url("/img/common/icon_select_fff_up.png") no-repeat center; }

.slide-box-area .btn-slide-active .btn-slide,
.slide-box-area.type02 .btn-slide-active .btn-slide { background: #f7f7f7 url("/img/common/icon_select_333.png") no-repeat center; transform: none; }

.slide-box-txt, .slide-box-txt p:last-child { margin-bottom: 0; }

.slide-box-area.type02 .table { background: #fff; border-top: 0; }
.table .table-cell { vertical-align: middle; }
.slide-box-area.type02 .table-cell p { margin-bottom: 10px; }
.slide-box-area.type02 .table-cell p:last-child { margin-bottom: 0; }
.slide-box-area.type02 .label-wrap { margin-right: 20px; position: relative; }
.slide-box-area.type02 .label-wrap:last-child { margin-right: 0; padding-right: 10px; }
.slide-box-area.type02 .label-wrap:first-child:before { position: absolute; left: -12px; top: 3px; content: '( '; }
.slide-box-area.type02 .label-wrap:last-child:after { position: absolute; right: 0px; top: 3px; content: ' )'; }
.slide-box-area.type02 .slide-box-top .label-wrap:first-child:before { display:none; }
.slide-box-area.type02 .slide-box-top .label-wrap:last-child:after { display:none; }
.slide-box-area.type02 .slide-box-top .label-wrap .chk-label {color:#666;font-weight:500;}
.slide-box-area .btn-downlode,
.slide-box-area.type02 .btn-downlode {display:none; border-right: 0; padding: 23px 20px 23px 40px; }

.phone-mark { display: block; float: left; margin-right: 10px; line-height: 43px; }
.slide-box-area.type02 {margin-top:40px;border-top:1px solid #ccc;}
.slide-box-area .table {display:table;}
.slide-box-area .table .table-cell {display:table-cell;}
.slide-box-area .table .table-cell .radio-box + .radio-box {margin-left:40px;}
.table-clone { width: 100%; padding: 22px 20px; background: #f7f7f7; border-top: 1px solid #333; border-bottom: 1px solid #ccc; }
.table-clone .table-cell:first-child { font-size: 16px; font-weight: 500; }


/* 율강복지재단 */
.cStyle .tab-basic-buttons-item.js-tabpanel-active,
.cStyle .tab-basic-buttons-item.is-tab-basic-active {background-color:#22b24c;}
.cStyle .tab-basic-buttons-item.js-tabpanel-active,
.cStyle .tab-basic-buttons-item.js-tabpanel-active:before,
.cStyle .tab-basic-buttons-item.js-tabpanel-active + .tab-basic-buttons-item:before,
.cStyle .tab-basic-buttons-item.is-tab-basic-active,
.cStyle .tab-basic-buttons-item.is-tab-basic-active:before,
.cStyle .tab-basic-buttons-item.is-tab-basic-active + .tab-basic-buttons-item:before {border-color:#22b24c;}

.cStyle .info-table-area:after {content:'';clear:both;display:block;}
.cStyle .intro-yul {height:168px;margin-bottom:50px;background:url('/img/hss_companycontent/asan_content/bg_intro_yul.jpg') no-repeat center center;}
.cStyle .img-yul01 {background-image:url('/img/hss_companycontent/asan_content/img_intro_yul01.jpg');}
.cStyle .img-yul02 {background-image:url('/img/hss_companycontent/asan_content/img_intro_yul02.jpg');}
.cStyle .box-yul {margin-top:55px;}
.cStyle .box-yul:first-of-type {margin-top:0;}
.cStyle .box-left {float:left;width:50%;padding-right:20px;}
.cStyle .box-right {float:right;width:50%;height:560px;background-repeat:no-repeat;background-position:center center;}
.cStyle .greeting-sTit {display:block;margin-top:15px;font-size:30px;color:#333;}
.cStyle .greeting-text {margin-top:35px;font-size:18px;color:#666;line-height:1.5;}
.cStyle .sub-title-area + .greeting-text {margin-top:15px;}
.cStyle .greeting-list {margin-top:5px;padding-left:10px;font-size:18px;color:#666;line-height:1.5;position:relative;}
.cStyle .greeting-list:first-of-type {margin-top:15px;}
.cStyle .greeting-list:after {content:'';position:absolute;top:10px;left:0px;display:block;width:2px;height:2px;border-radius:50%;background:#666;}
.cStyle .box-history {position:relative;margin-top:40px;}
.cStyle .history-years {position:absolute;top:0;left:0;font-size:22px;color:#22b24c;font-weight:700;}
.cStyle .history-lists {padding-left:270px;}
.cStyle .history-lists dl {position:relative;padding-left:90px;padding-bottom:40px;}
.cStyle .history-lists dl:before {content:'';position:absolute;top:5px;left:-3px;display:block;width:7px;height:7px;border-radius:50%;background:#22b24c;}
.cStyle .history-lists dl:after {content:'';position:absolute;top:5px;left:0;display:block;width:1px;height:100%;background:#22b24c;}
.cStyle .history-lists dl:last-of-type {padding-bottom:0;}
.cStyle .history-lists dl:last-of-type:after {height:90%;}
.cStyle .history-lists .list-tit {font-size:16px;color:#333;font-weight:700;}
.cStyle .history-lists .list-txt {margin-top:20px;padding-left:75px;font-size:16px;color:#333;}
.cStyle .history-lists .list-txt + .list-txt {margin-top:10px;}


@media (max-width: 1100px) {
	.cStyle .tab-basic-buttons-item.js-tabpanel-active,
	.cStyle .tab-basic-buttons-item.is-tab-basic-active {background:none;color:#22b24c;}
	.cStyle .tab-basic-buttons-item:after {border-color:#22b24c;}

	.cStyle .intro-yul {height:155px;margin-bottom:25px;}
	.cStyle .box-yul {margin-top:30px;}
	.cStyle .info-table-area{padding-bottom:40px;}
	.cStyle .box-left {float:none;width:100%;padding-right:0;margin-top:20px;}
	.cStyle .box-right {float:none;width:100%;height:350px;}
	.cStyle .greeting-sTit {font-size:22px;}
	.cStyle .greeting-text {margin-top:15px;font-size:14px;}
	.cStyle .greeting-list {padding-left:8px;font-size:14px;}
	.cStyle .greeting-list:first-of-type {margin-top:8px;}
	.cStyle .greeting-list:after {top:8px;}
	.cStyle .box-history {margin-top:25px;}
	.cStyle .history-years {position:relative;font-size:18px;}
	.cStyle .history-lists {margin-top:15px;padding-left:5px;}
	.cStyle .history-lists dl {padding-left:25px;}
	.cStyle .history-lists dl:before {top:4px;}
	.cStyle .history-lists .list-tit {font-size:14px;}
	.cStyle .history-lists .list-txt {padding-left:20px;font-size:14px;}
}

@media (max-width: 440px) {
	.cStyle .box-right {height:220px;background-size:100%;}
	.cStyle .history-lists dl {padding-left:15px;}
	.cStyle .history-lists .list-txt {padding-left:15px;margin-top:15px;}
	.cStyle .history-lists .list-txt + .list-txt {margin-top:7px;}
}

/* 김재원 추가 */
.margin-b {margin-bottom:40px !important;}

/* 상품설명 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;
	}
}

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

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

.btn-smart-wrap:hover {
    margin-left: 20px;
    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;
}