@charset "utf-8";

/* 조직도 */
.organ-area {position: relative; padding: 50px 100px 90px; background: #efefef;}
.organ-area:after {content: ''; display: table; clear: both;}
.organ-area h4 {position: relative; width: 115px; height: 115px; background: #00397b; margin: 0 auto 30px; border-radius: 100%; font-size: 22px; line-height: 115px; white-space: nowrap; color: #fff; text-align: center; font-weight: 500;}
.organ-area h4 strong {color: #fff; font-weight: 500;}
.organ-area h4:before,
.organ-area h5:before,
.organ-side strong:before,
.organ:before,
.organ:after {content: ''; display: block; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 1px; height: 30px; background: #ccc;}
.organ-area h5,
.organ-side strong,
.organ-side .org,
.organ h6,
.organ li {display: block; position: relative; box-sizing: border-box; width: 180px; padding: 14px 15px; font-size: 18px; line-height: 22px; text-align: center; color: #fff; font-weight: 500; border-radius: 5px; background: #1b569a; margin: 0 auto;}
.organ-area h5 {margin-bottom: 90px;}
.organ-area h5:before {height: 90px;}
.organ-area h5 strong {color: #fff; font-weight: 500;}
.organ-side {position: absolute; top: 195px; right: 190px;}
.organ-side strong {margin-bottom: 20px;}
.organ-side .org {margin-bottom: 20px; padding: 13px 14px; border: 1px solid #1b569a; color: #333; background-color: #e6e8ee;}
.organ-side .org p {font-size: 18px; line-height: 22px; color: #333;}
.organ-wp {display: flex; justify-content: center; margin:0 auto;}
.organ-wp:after {content: ''; display: table; clear: both;}
.organ {width: 200px;position: relative;margin-top: 30px;}
.organ + .organ {margin-left: 33px;}
.organ:before {top: auto; bottom: 100%;}
.organ:after {top: -30px; left: -17px; right: -17px; width: auto; height: 1px; margin: 0;}
.organ:first-child:after {left: 50%;}
.organ:last-child:after {right: 50%;}
.organ h6 {width: auto; padding: 13px 14px; border: 1px solid #1b569a; color: #333; background-color: #e6e8ee;}
.organ li {margin-top: 10px; width: auto; padding: 13px 14px; border: 1px solid #1b569a; font-size: 16px; letter-spacing: -1px; color: #333; background-color: #fff;}

/* 스타저축은행 조직도 */
.organ-wrap.style02.star-bank .organ-area h4:before,
.organ-wrap.style02.star-bank .organ-area h5:before,
.organ-wrap.style02.star-bank .organ-side strong:before,
.organ-wrap.style02.star-bank .organ:before,
.organ-wrap.style02.star-bank .organ:after {background-color:#787878;}

/* 인재채용 */
.tab-basic .talent-wrap {margin-top:40px;}

.talent-title {font-size: 22px; line-height: 26px; margin: 40px 0 10px;}
.talent-title:first-child {margin-top: 0;}
.talent-text {font-size: 16px; line-height: 28px; color: #666; font-weight: 300;}

.talent-icon-list:after {content: ''; display: table; clear: both;}
.talent-icon-list {border: 1px solid #ddd; position: relative;}
.talent-icon-list:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 33.3%; right: 33.3%; bottom: 0; border:1px solid #ddd; border-width: 0 1px;}

.talent-icon-list-item {width: 33.3%; float: left; box-sizing: border-box; padding: 30px 0 28px; text-align: center; word-wrap: break-word; word-break: keep-all;}
.talent-icon-list-item:nth-child(3n-1) {width: 33.4%;}
.talent-icon-list-item:nth-child(3n+1) {clear: both;}
.talent-icon-list-item:nth-child(3) ~ .talent-icon-list-item {border-top: 1px solid #ddd;}

.talent-icon-list-item:before {content: ''; display: block; width: 130px; height: 130px; margin: 0 auto 15px; border-radius: 100%; background: no-repeat 50% 50% #efefef;}
.talent-icon-list-item-type1:before {background-image: url('/img/hss_content/hps/talent-icon-01.png');}
.talent-icon-list-item-type2:before {background-image: url('/img/hss_content/hps/talent-icon-02.png');}
.talent-icon-list-item-type3:before {background-image: url('/img/hss_content/hps/talent-icon-03.png');}
.talent-icon-list-item-type4:before {background-image: url('/img/hss_content/hps/talent-icon-04.png');}
.talent-icon-list-item-type5:before {background-image: url('/img/hss_content/hps/talent-icon-05.png');}
.talent-icon-list-item-type6:before {background-image: url('/img/hss_content/hps/talent-icon-06.png');}
.talent-icon-list-item-type7:before {background-image: url('/img/hss_content/hps/talent-icon-07.png');}
.talent-icon-list-item-type8:before {background-image: url('/img/hss_content/hps/talent-icon-08.png');}
.talent-icon-list-item-type9:before {background-image: url('/img/hss_content/hps/talent-icon-09.png');}
.talent-icon-list-item-type10:before {background-image: url('/img/hss_content/hps/talent-icon-10.png');}
.talent-icon-list-title {display: block; padding: 0 30px; margin-bottom: 6px; font-size: 20px; line-height: 24px; font-weight: 500;}
.talent-icon-list-text {display: block; padding: 0 30px; font-size: 16px; line-height: 30px; font-weight: 500; color: #666; font-weight: 300;}

.talent-left-title-list {margin: 30px 0;}
.talent-left-title-list-item + .talent-left-title-list-item {border-top: 1px solid #ddd;}
.talent-left-title-list-item {padding: 33px 0 33px 245px; word-wrap: break-word; word-break: keep-all;}
.talent-left-title-list-item:after {content: ''; display: table; clear: both;}
.talent-left-title-list-title {display: block; float: left; margin-left: -245px; width: 230px; font-size: 20px; line-height: 36px; font-weight: 500;}
.talent-left-title-list-text {display: block; font-size: 16px; line-height: 28px; font-weight: 300; color: #666;}

.talent-info-list {margin: 30px 0 90px -70px; font-size: 0; line-height: 0; text-align: center;}
.talent-info-list-item {display: inline-block; width: 320px; margin-left: 70px; text-align: left; word-wrap: break-word; word-break: keep-all; vertical-align: top;}
.talent-info-list-item:nth-child(3) ~ .talent-info-list-item {margin-top: 70px;}
.talent-info-list-title {display: block; padding: 0 20px; height: 216px; font-size: 24px; line-height: 30px; font-weight: 500; color: #fff; background: no-repeat 50% 0;text-shadow: 1px 3px 3px
#000;}
.talent-info-list-num {display: block; padding: 85px 0 8px; font-size: 48px; line-height: 50px; font-weight: 500; color: #fff;}
.talent-info-list-text {display: block; padding: 16px 20px; font-size: 16px; line-height: 24px; font-weight: 300; border: 1px solid #ccc; box-sizing: content-box; min-height: 96px;}
.sub-title-area + .talent-icon-list {margin-top:20px;}

.talent-icon-list.type01 {border-bottom:0;border-right:0;}
.talent-icon-list.type01 .talent-icon-list-item {border-top:0;border-bottom:1px solid #ddd;}
.talent-icon-list.type01 .talent-icon-list-item:nth-child(3n) {border-right:1px solid #ddd;}
@media (max-width: 1100px) {
	.talent-icon-list.type01 {border-bottom:1px solid #ddd;}
	.talent-icon-list.type01 .talent-icon-list-item {border-right:1px solid #ddd;}
}
/* 스타 저축은행 */
.talent-icon-list.star-bank .talent-icon-list-item-type1:before {background-image: url('/img/hss_companycontent/star_content/talent-icon-01.png');}
.talent-icon-list.star-bank .talent-icon-list-item-type2:before {background-image: url('/img/hss_companycontent/star_content/talent-icon-02.png');}
.talent-icon-list.star-bank .talent-icon-list-item-type3:before {background-image: url('/img/hss_companycontent/star_content/talent-icon-03.png');}
/* 키움예스 저축은행*/
.talent-icon-list.kiumyes-bank:before {z-index:1;}
.talent-icon-list.kiumyes-bank .talent-icon-list-item-type1:before {background-image: url('/img/hss_companycontent/kiumyes_content/talent-icon-01.png');}
.talent-icon-list.kiumyes-bank .talent-icon-list-item-type2:before {background-image: url('/img/hss_companycontent/kiumyes_content/talent-icon-02.png');}
.talent-icon-list.kiumyes-bank .talent-icon-list-item-type3:before {background-image: url('/img/hss_companycontent/kiumyes_content/talent-icon-03.png');}
/* 고려 저축은행 */
.talent-wrap.goryeo-bank .talent-sub-title {font-size: 36px; text-align: center;}
.talent-icon-list.goryeo-bank {border: none;}
.talent-icon-list.goryeo-bank:before {display: none;}
.talent-icon-list.goryeo-bank .talent-icon-list-item {width: 25%; float: left; box-sizing: border-box; padding: 30px 0 28px; border: none; text-align: center; word-wrap: break-word; word-break: keep-all; clear: none;}
.talent-icon-list.goryeo-bank .talent-icon-list-item:nth-child(4n+1) {clear: both;}
.talent-icon-list.goryeo-bank .talent-icon-list-item:nth-child(4) ~ .talent-icon-list-item {border-top: 1px solid #ddd;}
.talent-icon-list.goryeo-bank .talent-icon-list-item:before {width: 200px; height: 200px; margin-bottom: 40px; background-color: transparent; border-radius: 0;}
.talent-icon-list.goryeo-bank .talent-icon-list-item-type1:before {background-image: url('/img/hss_companycontent/goryeo_content/talent-icon-01.png');}
.talent-icon-list.goryeo-bank .talent-icon-list-item-type2:before {background-image: url('/img/hss_companycontent/goryeo_content/talent-icon-02.png');}
.talent-icon-list.goryeo-bank .talent-icon-list-item-type3:before {background-image: url('/img/hss_companycontent/goryeo_content/talent-icon-03.png');}
.talent-icon-list.goryeo-bank .talent-icon-list-item-type4:before {background-image: url('/img/hss_companycontent/goryeo_content/talent-icon-04.png');}
.talent-icon-list.goryeo-bank .talent-icon-list-title {margin-bottom: 15px;font-size: 34px;color: #9f8438;}
.talent-icon-list.goryeo-bank .talent-icon-list-title span {display: block; margin-top: 10px; font-size: 18px;}
.talent-icon-list.goryeo-bank .talent-icon-list-text {line-height: 25px;}
/* 모아 저축은행*/
.sub-text02 {margin-top:7px;color:#666;font-size:16px;line-height:30px;}
.sub-text02 + .talent-icon-list {margin-top:25px;}
/* 스마트 저축은행 */
.talent-icon-list.type-smart {
    display: flex;
}

.talent-icon-list.type-smart::before {
    display: none;
}

.talent-icon-list.type-smart .talent-icon-list-item {
    float: none;
    width: 20%;
}

.talent-icon-list.type-smart .talent-icon-list-item:nth-child(3) ~ .talent-icon-list-item {
    border: none;
}

.talent-icon-list.type-smart .talent-icon-list-item-type1:before {background-image:url(/img/hss_companycontent/smart_content/talent-icon-01.png); background-size: 70px;}
.talent-icon-list.type-smart .talent-icon-list-item-type2:before {background-image:url(/img/hss_companycontent/smart_content/talent-icon-02.png); background-size: 70px;}
.talent-icon-list.type-smart .talent-icon-list-item-type3:before {background-image:url(/img/hss_companycontent/smart_content/talent-icon-03.png); background-size: 70px;}
.talent-icon-list.type-smart .talent-icon-list-item-type4:before {background-image:url(/img/hss_companycontent/smart_content/talent-icon-04.png); background-size: 70px;}
.talent-icon-list.type-smart .talent-icon-list-item-type5:before {background-image:url(/img/hss_companycontent/smart_content/talent-icon-05.png); background-size: 70px;}
.talent-info-list.type-smart .talent-info-list-title {
    text-shadow: none;
    color: #000;
}

.talent-info-list.type-smart .talent-info-list-num {
    color: #ed6408;
}
.talent-icon-list.smart-bank .talent-icon-list-title {font-size:20px; color:#333;line-height:36px;}

@media (max-width: 768px) {
	.talent-icon-list.type-smart {
    	flex-direction: column;
	}
	.talent-icon-list.type-smart .talent-icon-list-item {
		width: 100%;
		border-bottom: 1px solid #ccc !important;
	}
}
/* 인천 저축은행 */
.talent-icon-list.type02 {display:flex;}
.talent-icon-list.type02:before {content:none;display:none;}
.talent-icon-list.type02 .talent-icon-list-item {flex:1;width:25%;}
.talent-icon-list.type02 .talent-icon-list-item {border-left:1px solid #ddd;}
.talent-icon-list.type02 .talent-icon-list-item:first-child {border-left:none;}
.talent-icon-list.type02 .talent-icon-list-item:nth-child(3n+1) {clear:initial;}
.talent-icon-list.type02 .talent-icon-list-item:nth-child(3) ~ .talent-icon-list-item {border-top:none;}
.talent-icon-list.type02 .talent-icon-list-text {padding:0 10px;}
.talent-icon-list .incheon-bank.talent-icon-list-item-type1:before {background-image: url('/img/hss_companycontent/incheon_content/talent-icon-01.png');}
.talent-icon-list .incheon-bank.talent-icon-list-item-type3:before {background-image: url('/img/hss_companycontent/incheon_content/talent-icon-02.png');}
.talent-icon-list .incheon-bank.talent-icon-list-item-type4:before {background-image: url('/img/hss_content/hps/talent-icon-03.png');}
.talent-icon-list .incheon-bank02.talent-icon-list-item-type7:before {background-image: url('/img/hss_content/hps/talent-icon-10.png');}
.talent-icon-list .incheon-bank02.talent-icon-list-item-type10:before {background-image: url('/img/hss_content/hps/talent-icon-07.png');}
.talent-icon-list .incheon-bank02.talent-icon-list-item-type11:before {background-image: url('/img/hss_content/hps/talent-icon-11.png');}
@media (max-width: 1100px) {
	.talent-icon-list.type02 {display:block;}
	.talent-icon-list.type02 .talent-icon-list-item {width:100%;border-left:none;}
}
/* 진주 저축은행 */
.talent-icon-list .jinju-bank.talent-icon-list-item-type1:before {background-image: url('/img/hss_companycontent/jinju_content/talent-icon-01.png');}
.talent-icon-list .jinju-bank.talent-icon-list-item-type2:before {background-image: url('/img/hss_companycontent/jinju_content/talent-icon-02.png');}
.talent-icon-list .jinju-bank.talent-icon-list-item-type3:before {background-image: url('/img/hss_companycontent/jinju_content/talent-icon-03.png');}
.talent-icon-list .jinju-bank.talent-icon-list-item-type4:before {background-image: url('/img/hss_companycontent/jinju_content/talent-icon-04.png');}
.talent-icon-list-item.jinju-bank:before {margin:0 auto 30px;}
.talent-icon-list-item.jinju-bank .talent-icon-list-title {padding:0 20px;}
/* 한국투자 저축은행 */
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type1:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-01.png');}
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type3:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-03.png');}
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type4:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-04.png');}
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type5:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-05.png');}
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type6:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-06.png');}
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type7:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-07.png');}
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type8:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-08.png');}
.talent-icon-list .koreatuja-bank.talent-icon-list-item-type9:before {background-image: url('/img/hss_companycontent/koreatuja_content/talent-icon-09.png');}
.talent-icon-list .talent-icon-list-item.koreatuja-bank .talent-icon-list-text {padding:0 15px;}
/* 금웅소비자보호헌장 */
.consumer-box {margin-top:35px;padding:82px 100px 72px 485px;background:#f7f7f7 url('/img/hss_common/img_ready.jpg') no-repeat 0 50%;}
.consumer-box:after {content:'';display:block;clear:both;}
.consumer-box .logo-box {display:none;float:left;width:50%;padding-top:18px;}
.consumer-box .logo-box img {height:77px;}
.consumer-box .text-box {float:left;padding-left:55px;}
.consumer-box .text-box .text {font-size:16px;color:#666;line-height: 28px;font-weight:300;}
.consumer-box .text-box .text strong {display:block;margin-bottom:15px;font-size:20px;color:#333;}
.consumer-list {margin-top:45px;}
.consumer-list li {font-size:18px;font-weight:300;line-height:40px;}
.consumer-list li strong {margin-right:25px;color:#00397b;}
.consumer-box.insung-bank {margin-top:35px;padding:82px 100px 72px 485px;background:#f7f7f7 url(/img/hss_content/ptc_151.png) no-repeat 40px 50%;}/*20201008 김재원 추가*/
/* 한국투자저축은행 */
.consumer-box.koreatuja-bank {margin-top:35px;padding:82px 123px 72px 550px;background:#f7f7f7 url('/img/hss_companycontent/koreatuja_content/img_koreatuja_logo.png') no-repeat 40px 50%;}
/* 모아저축은행 */
.consumer-box.moa-bank {margin-top:35;padding:52px 123px 42px 550px;background-image:url('/img/hss_companycontent/moa_content/img_consumer_logo.png');background-position:7%;}
.consumer-box.moa-bank .text-box {padding:0;}
.consumer-box.moa-bank .text {word-break: keep-all;}
/* 바로저축은행 */
.consumer-box.baro-bank {margin-top:35px;padding:82px 123px 72px 550px;background:#f7f7f7 url('/img/hss_companycontent/baro_content/img_baro_logo.png') no-repeat 105px 50%;}
/* 민국저축은행 */
.consumer-box.minguk-bank {margin-top:0;padding:52px 90px 42px 433px;background-image:url('/img/hss_companycontent/minguk_content/img_consumer_logo.png');background-position:16%;}

@media (max-width: 1100px) {
	.consumer-box {margin-top:30px !important;padding:82px 50px 72px 390px !important;background-size:270px !important;}
	.consumer-box.baro-bank {background-size:200px !important;} /* 바로 저축은행 */
	.consumer-box.minguk-bank {background-size:140px !important;} /* 민국 저축은행 */

}
@media (max-width: 720px) {
	.consumer-box {padding:70px 20px 20px !important;background-position: 50% 20px !important;background-size:190px !important;}
	.consumer-box.baro-bank {background-size:150px !important;} /* 바로 저축은행 */
	.consumer-box.minguk-bank {padding-top:50px !important;background-size:130px !important;} /* 민국 저축은행 */
}

/* 금융소비자보호조직도 */
.organ-wrap.style02 .organ-wp {width:433px;display: flex;justify-content: center;margin:0 auto;}
.organ-wrap.style02 {margin-top:35px;}

/* mobile */
@media (max-width: 1100px) {
	/* 조직도 */
	.organ-wrap {margin-top:30px;}
	.organ-area {padding: 20px 15px 20px;}
	.organ-area h4 {width: 90px; height: 90px; margin: 0 0 115px; font-size: 16px; line-height: 90px;}
	.organ-area h4:before {height: 115px; right: auto; margin: 0; left: 45px;}
	.organ-area h5,
	.organ-side strong,
	.organ-side .org,
	.organ h6,
	.organ li {width: auto; font-size: 14px; line-height: 20px; margin: 0 0 10px; padding: 10px 5px;}
	.organ-area h5 {width: 90px;}
	.organ-area h5:before {height: 10px; right: auto; margin: 0; left: 45px;}
	.organ-side {top: 130px; right: 15px; left: 150px; width: auto;}
	.organ-side strong:before {height: 10px;}
	.organ-side .org p {font-size: 14px; line-height: 18px;}
	.organ {width: auto; float: none; margin: 0 0 0 135px;}
	.organ + .organ {margin-left: 135px;}
	.organ h6,
	.organ li {line-height: 18px;}
	.organ:before {top: 0; left: -90px; right: auto; bottom: -10px; height: auto;}
	.organ:last-child:before {bottom: auto; height: 20px;}
	.organ:after,
	.organ:first-child:after,
	.organ:last-child:after {top: 20px; left: -90px; right: 100%;}
	.organ-wp {display: block;}

	/* 금웅소비자보호헌장 */
	.consumer-box {padding:20px;}
	.consumer-box .logo-box {float:none;width:100%;padding-top:0;}
	.consumer-box .logo-box img {height:30px;}
	.consumer-box .text-box {float:none;width:100%;margin-top:10px;padding-left:0;}
	.consumer-box .text-box .text {font-size:14px;line-height: 26px;}
	.consumer-box .text-box .text strong {margin-bottom:10px;font-size:17px;}
	.consumer-list {margin-top:30px;padding-left:44px;}
	.consumer-list li {font-size:14px;line-height:25px;text-indent:-39px;}
	.consumer-list li strong {margin-right:8px;}

	/* 금융소비자보호조직도 */
	.organ-wrap.style02 .organ-wp {width:auto;display: block;}
	.organ-wrap.style02 .organ-area h5 {width:100px;}

	/* 인재채용 */
	.talent-wrap {margin-top:20px;}
	.talent-icon-list .talent-icon-list-item {border-bottom:1px solid #ccc;}
	.talent-icon-list .talent-icon-list-item:last-child {border-bottom:none}
	.talent-icon-list-item {width:100%;float:none;}
	.talent-icon-list:before {border:none;}
	.talent-icon-list-item:nth-child(3n-1) {width:auto;}
	.talent-left-title-list-item {padding-left:0;}
	.talent-left-title-list-title {float:none;margin-left:0;}
	.talent-info-list-item {margin-top:20px;}

	.kdicbox-wrap {margin-top:30px !important;}
}

@media (max-width: 1100px) {
	.organ-wrap {margin-top:20px;}
}


/* 금융거래 유의사항,약관,이용사항 등의 텍스트정보페이지 */
.common-titlestyle01 {margin-top:39px;color:#333;font-size:22px;font-weight:500;line-height:1.5;}
.common-titlestyle01:first-child {margin-top:0px;}
.common-titlestyle02 {margin-top:30px;color:#333;font-size:18px;font-weight:500;line-height:1.5;}
.common-titlestyle02 + .table-wrap01 {margin-top:10px;}
.noticestyle-list01 li {margin-top:20px;color:#333;font-size:16px;line-height:1.5;}
.noticestyle-list01 li:first-child {margin-top:25px;}
.common-textstyle01 {margin:0 0 0 16px;color:#333;font-size:16px;font-weight:300;line-height:36px;}
.common-textstyle02 {margin-top:2px;color:#333;font-size:16px;font-weight:300;line-height:36px;}
.common-textstyle03 {margin-top:2px;color:#333;font-size:14px;font-weight:300;line-height:26px;}
.common-textstyle03 + .notice-list-wrap {margin-top:5px;}
.common-textstyle03 a {display:inline-block;}

.common-liststyle01 {font-size: 16px; line-height: 1.8em; padding-bottom: 6px; padding-left: 15px;font-weight:300;}
.common-liststyle01:before {content: ''; display: inline-block; float: left; margin-left: -15px; margin-top: 9px; width: 5px; height: 5px; border-radius: 50%; background-color: #999; }
.common-liststyle02 {display:block;position:relative;margin-top:31px;padding:0 0 0 27px;color:#333;font-size:16px;font-weight:300;line-height:36px;}
.common-liststyle02:first-child {margin-top:2px;}
.common-liststyle02:after {content:' ';position:absolute;top:14px;left:16px;display:block;width:7px;background:#696969;}
.common-liststyle01 .common-liststyle02 {margin:2px 0 0 -16px;padding-left:13px;}
.common-list-instyle01 {margin:31px 0 0 -16px;}
.common-list-instyle01 li {padding:0 0 0 16px;color:#333333;font-size:16px;font-weight:300;line-height:36px;text-indent:-16px;}

.common-titlestyle01 + .complaint-process {margin-top:20px;margin-bottom:0;}
.common-titlestyle01 + .notice-list-wrap {margin-top:10px;}

@media (max-width:1100px) {
	.common-titlestyle01 {font-size:19px;}
}

.process-img img {max-width:100%;}

/* 예금자보호법 */
.kdicbox-wrap {overflow:hidden;width:100%;margin-top:65px;padding:30px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f7f7f7;}
.kdicbox-wrap .imgbox {float:left;font-size:0;line-height:0;}
.kdicbox-wrap .info {float:left;margin:5px 0 0 41px;}
.kdicbox-wrap .info dt {color:#666;font-size:14px;font-weight:300;line-height:24px;}
.kdicbox-wrap .info dt .str {color:#cc0000;}
.kdicbox-wrap .info dd {color:#666;font-size:14px;font-weight:300;line-height:24px;}
.deposit-box {margin-top:20px;font-size:0;line-height:0;}
@media (max-width: 1100px) {
.kdicbox-wrap .info {clear:both;margin:20px 0 0 0;}
.deposit-box .mobile {display:block;}
.deposit-box .pc {display:none;}
}


.arsguide-box {overflow:hidden;width:100%;margin-top:40px;}
.arsguide-box .table-wrap01 {margin-top:7px;}
.arsguide-box .type01 {float:left;width:530px;}
.arsguide-box .type01 td, .arsguide-box .type02 td {text-align: left}
.arsguide-box .type02 {float:right;width:540px;}
.bbc-line {border-bottom-color:#ccc !important;}

@media (max-width: 1100px) {
	.arsguide-box .type01 {margin-bottom:40px;}
	.arsguide-box .type02 {margin-top:20px;float:none;}
}

/* 신안카드 */

.checkcash-cards li {position:relative;min-height:160px;padding:40px 180px 30px 331px;border-bottom:1px solid #ddd;background-repeat: no-repeat;background-position: 20px 30px;-webkit-box-sizing:initial;box-sizing:initial;}
.checkcash-cards li .title {color:#333;font-size:16px;font-weight:700;}
.checkcash-cards li .benefits {margin-top:14px;color:#666;font-size:12px;font-weight:700;}
.checkcash-cards li .info {margin-top:10px;color:#666;font-size:14px;font-weight:300;line-height:27px;}
.checkcash-cards li .title + .info {margin-top:35px;}
.checkcash-cards li .link-box {position:absolute;right:20px;bottom:30px;}
.checkcash-cards li .link-box .btn-style01 + .btn-style01 {margin-left:7px;}
.notice-i-list.color-red {color:#cc0000;}
.notice-list.type02 {margin:10px 0 0 20px;}
.alert-card-txt {display:inline-block;margin:15px 0 0 20px;font-size:14px;color:#666;line-height:1.5;}
.checkcash-cards li .link-box .btn-style01{cursor:pointer;}
/* 신안카드 태블릿 */
@media (max-width: 1100px) {
	.checkcash-cards li {padding:30px 20px 30px 331px;}
	.checkcash-cards li .title + .info {margin-top:17px;}
	.checkcash-cards li .link-box {position:static;margin-top:10px;}
}
/* 신안카드 모바일 */
@media (max-width: 768px) {
	.notice-list.type02 {margin:10px 0 0 15px;}
	.notice-list.type02 li {font-size:12px;}
	.notice-list.type02 li::before { content: ''; display: inline-block; float: left; margin-left: -10px; margin-top: 7px; width: 5px; height: 5px; border-radius: 50%; background-color: #999; }
	.alert-card-txt {display:inline-block;margin:10px 0 0 20px;font-size:12px;color:#666;line-height:1.5;}
	.checkcash-cards li {position:relative;min-height:160px;padding:200px 18px 18px;border-bottom:1px solid #ddd;background-repeat: no-repeat;background-position: 20px 30px;background-size: auto 150px;}
    .checkcash-cards li .link-box {position:relative;right:0;bottom:0;margin-top:20px;}
}
/* 경영이념 */
.management-philosophy-box {overflow:hidden;width:100%;padding:50px 100px 50px 100px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#efefef;}
.management-philosophy {}
.management-philosophy dt {clear:both;float:left;width:116px;padding-top:40px;color:#333333;font-size:14px;line-height:35px;}
.management-philosophy dd {margin-left:116px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.management-philosophy dd.box-style01 {overflow:hidden;height:138px;padding:0 20px;border-radius:5px;background:#1b569a;text-align:center;}
.management-philosophy dd.box-style01 .sub-title {display:block;margin-top:27px;color:#ffffff;font-size:18px;}
.management-philosophy dd.box-style01 .sub-style01 {display:block;margin-top:12px;color:#ffffff;font-size:16px;}
.management-philosophy dd.box-style01 .sub-style02 {display:block;margin-top:24px;color:#ffffff;font-size:14px;}


.management-philosophy dd.box-style02 {overflow:hidden;height:105px;margin-top:12px;padding:0 20px;border-radius:5px;border:1px solid #1b569a;background:#e6e8ee;text-align:center;}
.management-philosophy dd.box-style02 .sub-title {display:block;margin-top:24px;color:#333333;font-size:16px;line-height:1.4;}
.management-philosophy dd.box-style02 .sub-style01 {display:block;margin-top:24px;color:#333333;font-size:14px;line-height:1.4;}

.management-philosophy dd.box-style03 {overflow:hidden;margin-top:24px;}
.management-philosophy dd .list {overflow:hidden;width:calc(100% + 7px);margin-left:-7px;}
.management-philosophy dd .list li {float:left;width:20%;padding-left:7px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.management-philosophy dd .list li .mpsub-title {width:100%;height:50px;padding-top:16px;border-radius:5px;border:1px solid #1b569a;-webkit-box-sizing:border-box;box-sizing:border-box;background:#e6e8ee;color:#333333;font-size:16px;font-weight:700;text-align:center;}
.management-philosophy dd .list li .sub-text {width:100%;height:172px;margin-top:10px;padding-top:12px;border:1px solid #1b569a;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;color:#333;font-size:14px;text-align:center;line-height:24px;}

.management-philosophy dd .list li .sub-text .gap01 {display:block;line-height:24px;}
@media (max-width:1100px) {
	.management-philosophy-box {margin-top:30px;}
}
@media (max-width:1024px) {

	.management-philosophy dd.box-style01 .sub-style02 {margin-top:10px;line-height:1.5;}
	.management-philosophy dd.box-style02 .sub-style01 {margin-top:10px;}
	.management-philosophy dd .list {width:100%;margin:0;}
	.management-philosophy dd .list li {overflow:hidden;width:100%;float:none;margin-top:30px;padding:0;}
	.management-philosophy dd .list li:first-child {margin:0;}
	.management-philosophy dd .list li .sub-text {padding:0 10px;}
	.management-philosophy dd .list li .sub-text .gap01 {display:inline-block;line-height:24px;}
	.management-philosophy dd .list li .sub-text {width:100%;height:auto;padding:20px;}
}

@media (max-width:835px) {
	.management-philosophy dd.box-style01 .sub-style01 {line-height:1.5;}
	.management-philosophy-box {padding:20px 30px;}
	.management-philosophy dd.box-style01 {height:auto;padding-bottom:24px;}
	.management-philosophy dd.box-style02 {height:auto;padding-bottom:24px;}
}
@media (max-width:720px) {
	.management-philosophy-box {margin-top:20px;}
}
@media (max-width:480px) {
.management-philosophy dt {float:none;margin-top:20px;padding-top:0;line-height:1.5;}
.management-philosophy dt:first-child {margin-top:0;}
.management-philosophy dd {margin:0;}
}
.table-wrap01 + .notice-date {margin-top:50px;}

/* 금융소비자보호광장 */
.link-wrap {}
.gate-list:after {content:'';clear:both;display:table;}
.gate-list > li {float:left;width:33.33%;padding:5px;}
.gate-list > li.sum-list {width:66.66%;}
.gate-list > li.sum-list .notice-list-wrap {float:left;width:50%;}
.gate-list .cont-box {overflow:hidden;border:1px solid #ccc;}
.gate-list .gate-title {padding:20px;font-size:16px;border-bottom:1px solid #ccc;}
.gate-list .notice-list-wrap {padding:20px;min-height:290px;}

@media (max-width:720px) {
	.gate-list {margin-top:40px;}
	.gate-list > li {float:none;width:100%;}
	.gate-list > li.sum-list {width:100%;}
	.gate-list .gate-title {padding:15px;font-size:14px;}
	.gate-list .notice-list-wrap {padding:15px;height:auto;}
}


/* [공통]보호금융상품등록부 */
.protection-financial-product {padding:59px 273px 51px 41px;background:#eeeff1 url('/img/hss_content/bg_money.gif') no-repeat right 50%;color:#333333;font-size:22px;font-weight:700;line-height:36px;}
.protection-financial-product .str {display:block;color:#00397b;font-weight:700;}
.insurance-corporation-box {display:table;width:100%;margin-top:22px;padding:21px 22px 21px 36px;-webkit-box-sizing: border-box;box-sizing: border-box;background:#f7f7f7;}
.insurance-corporation-box .img-box {display:table-cell;width:134px;vertical-align:middle;}
.insurance-corporation-box .list {display:table-cell;padding-left:55px;vertical-align:middle;}
.insurance-corporation-box .list li {color:#666666;font-size:14px;line-height:24px;}
.protection-financial-product-box {width:100%;margin-top:50px;padding:40px 30px 50px;border:2px solid #ccc;}
.protection-financial-product-box .title {font-size:20px;font-weight:700;text-align:center;}
.protection-financial-product-box .text {margin-top:32px;font-size:16px;line-height:25px;text-align:left;}
.protection-attachment-box {margin-top:39px;position:relative;width:100%;padding-left:55px;}
.protection-attachment-box .protection-attachment-title {position:absolute;top:4px;left:0;font-size:16px;font-weight:700;}
.protection-attachment-box .attachment-list-text {color:#0a67b1;font-size:16px;font-weight:700;line-height:25px;text-align:left;}
.protection-financial-sign {margin-top:38px;font-size:18px;font-weight:700;text-align:center;line-height:24px;}
.protection-info-box {width:100%;margin-top:34px;padding:24px 38px 20px;background:#f3f1ef;text-align:left;}
.protection-info-box .protection-info-text {font-size:14px;line-height:25px;}
.protection-info-text .str {color:#0a67b1;}
.protection-info-text .str .underline {color:#0a67b1;text-decoration: underline;text-decoration-color:#0a67b1;}
.protection-info-text .str .underline.link {display:inline-block;}
.protection-info-text + .protection-info-list {margin-top:21px;padding-top:24px;border-top:1px solid #d4d4d4;}

.protection-financial-product.dh-bank .str {color:#0a67b1;} /* dh 저축은행 */
.protection-financial-product.goryeo-bank .str {color:#2e1263;}
.protection-financial-product-box.goryeo-bank .protection-attachment-box .attachment-list-text {color:#2e1263;}
.protection-financial-product-box.goryeo-bank .str,
.protection-financial-product-box.goryeo-bank .underline {color:#2e1263;} /* 고려 저축은행 */

@media (max-width:1100px) {
	.protection-financial-product {margin-top:30px;}
}
@media (max-width:835px) {
	.protection-financial-product .str {display:inline-block;}
	.protection-financial-product {margin-top:20px;padding:33px 41px 29px 41px;background-image:none;font-size: 18px;line-height: 31px;}
	.insurance-corporation-box {margin-top:30px;padding:13px 22px 21px 18px;}
	.insurance-corporation-box .img-box,
	.insurance-corporation-box .list {display:block;}
	.insurance-corporation-box .list {padding-left:6px;}
}


/* 대출신청안내 */

.steplist-box > li {overflow:hidden;display:table;width:100%;margin-top:20px;}
.steplist-box li:first-child {margin-top:0;}
.steplist-box li .title {position:relative;display:table-cell;width:275px;height:89px;background:#00397b;color:#ffffff;font-size:14px;text-align:center;vertical-align:middle;}
/* .steplist-box li .title:after {content:' ';position:absolute;top:50%;right:-14px;margin-top:-15px;width:14px;height:29px;background:url('/img/hss_content/com/bul_step_blue.png') no-repeat 0 0;} */
.steplist-box li .title .str {display:block;margin-bottom:12px;color:#fff;font-size:18px;font-weight:700;}
.steplist-box li .info {display:table-cell;height:89px;padding-right:20px;border-left:34px solid #fff;background:#f7f7f7;vertical-align:middle;}
.steplist-box li .text {position:relative;padding-left:44px;color:#333333;font-size:16px;line-height:36px;}
/* .steplist-box li .text::after {content:'';display:block;position:absolute;top:48%;left:28px;width:5px;height:5px;border-radius:50%;background:#999999;} */
.steplist-box li .text::before {content:'';display:inline-block;width:5px;height:5px;margin-right:10px;border-radius:50%;background:#999999;-webkit-transform: translateY(-50%); transform:translateY(-50%);}

@media (max-width:830px) {
.steplist-box > li {display:block;}
.steplist-box li .title {display:block;width:100%;height:auto;padding:10px;text-align:left;}
.steplist-box li .title .str {display:inline-block;margin:0 5px 0 0;font-size:16px;}
.steplist-box li .info {display:block;width:100%;height:auto;padding:10px;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
.steplist-box li .info .text {padding:0;}
.steplist-box li .text {line-height:1.5;}
.steplist-box li .text:after {display:none;}
}

/* 상품공시이용메뉴얼 */
.product-manual-top {padding:59px 273px 51px 41px;background:#eeeff1 url('/img/hss_content/bg_hand.png') no-repeat right 50%;color:#333333;font-size:22px;font-weight:700;line-height:36px;}
.product-manual-top .str {display:inline-block;color:#00397b;font-weight:700;}

.product-manual-box {margin-top:50px;border-top:1px solid #000;}
.product-manual-box li {padding:30px 0 30px 220px;min-height:180px;border-bottom:1px solid #efefef;}
.product-manual-box li:first-child {background:url('/img/hss_content/bg_manualimg01.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(2) {background:url('/img/hss_content/bg_manualimg02.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(3) {background:url('/img/hss_content/bg_manualimg03.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(4) {background:url('/img/hss_content/bg_manualimg04.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(5) {background:url('/img/hss_content/bg_manualimg05.png') no-repeat 0px 50%;}
.product-manual-box li:nth-child(6) {background:url('/img/hss_content/bg_manualimg06.png') no-repeat 0px 50%;border-bottom:1px solid #ccc;}

.product-manual-box li .text {font-size:16px;color:#333;font-weight:700;line-height:25px;}
.product-manual-box li .shortcut {display:inline-block;margin-top:16px;font-size:14px;color:#333;}
.product-manual-box li .shortcut + .shortcut {margin-left:20px;}
.product-manual-box li .shortcut .link {display:inline-block;width:72px;margin-left:20px;padding:5px 10px;border:1px solid #ccc;}

@media (max-width:1100px) {
	.product-manual-top {margin-top:20px;}
	.product-manual-box li {padding:155px 0 30px 0;}
	.product-manual-box li:first-child {background-position: 50% 20px;}
	.product-manual-box li:nth-child(2) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(3) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(4) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(5) {background-position: 50% 20px;}
	.product-manual-box li:nth-child(6) {background-position: 50% 20px;border-bottom:1px solid #ccc;}
	.product-manual-box li .shortcut {display:block;}
	.product-manual-box li .shortcut + .shortcut {margin-left:0;}
	.product-manual-box li .shortcut .link { display:block;margin:10px 0 0 0;}
}

@media (max-width:835px) {
	.product-manual-top {padding:33px 41px 29px 41px;background-image:none;font-size: 18px;line-height: 31px;}
}

/* 한국투자 저축은행 */
.product-manual-top.koreatuja-bank {padding:59px 385px 51px 41px;background:#eeeff1 url('/img/hss_content/bg_hand.png') no-repeat right 50%;color:#333333;font-size:16px;font-weight:700;line-height:28px;}
.product-manual-top.koreatuja-bank .str {display:inline-block;color:#00397b;font-size:22px;font-weight:700;line-height:36px;}

.product-manual-box.koreatuja-bank li:first-child {background:url('/img/hss_content/bg_manualimg02.png') no-repeat 0px 50%;}
.product-manual-box.koreatuja-bank li:nth-child(2) {background:url('/img/hss_content/bg_manualimg03.png') no-repeat 0px 50%;}
.product-manual-box.koreatuja-bank li:nth-child(3) {background:url('/img/hss_content/bg_manualimg04.png') no-repeat 0px 50%;}
.product-manual-box.koreatuja-bank li:nth-child(4) {background:url('/img/hss_content/bg_manualimg05.png') no-repeat 0px 50%;}
.product-manual-box.koreatuja-bank li:nth-child(5) {background:url('/img/hss_content/bg_manualimg06.png') no-repeat 0px 50%;border-bottom:1px solid #ccc;}
@media (max-width:1100px) {
	.product-manual-box.koreatuja-bank li:first-child {background-position: 50% 20px;}
	.product-manual-box.koreatuja-bank li:nth-child(2) {background-position: 50% 20px;}
	.product-manual-box.koreatuja-bank li:nth-child(3) {background-position: 50% 20px;}
	.product-manual-box.koreatuja-bank li:nth-child(4) {background-position: 50% 20px;}
	.product-manual-box.koreatuja-bank li:nth-child(5) {background-position: 50% 20px;border-bottom:1px solid #ccc;}
}
@media (max-width:835px) {
	.product-manual-top.koreatuja-bank {padding:33px 41px 29px 41px;background-image:none;font-size: 14px;line-height: 23px;}
	.product-manual-top.koreatuja-bank .str {font-size:18px;font-weight:700;line-height:26px;}
}


/* 대출유의사항 */
.tts + .common-guideinfo {margin-top:40px;}
.common-guideinfo {padding:55px 322px 47px 41px;background:#eeeff1 url('/img/hss_content/bg_money02.png') no-repeat right 32px top 50%;color:#333333;font-size:22px;font-weight:700;line-height:36px;}
.common-guideinfo + .bond-list01 {margin-top:50px;}
.common-guideinfo .str {display:block;color:#00397b;font-weight:700;line-height:32px;}

@media (max-width:835px) {
	.common-guideinfo {padding:33px 41px 29px 41px;background-image:none;font-size: 18px;line-height: 31px;}
	.common-guideinfo + .bond-list01 {margin-top:20px;}
	.common-guideinfo + .bond-list01 .bond-textstyle01 {font-size:14px;line-height:22px;}
}

/* [공통] 전자민원신청 */
.complaint-process {margin-bottom:75px;padding:40px 10px;border:1px solid #ddd;}
.complaint-process ol {display:table;width:100%;}
.complaint-process ol li {display:table-cell;width:20%;text-align:center;position:relative;}
.complaint-process ol li:after {content:"";display:block;width:21px;height:40px;position:absolute;top:47px;right:-10px;background:url('/img/hss_content/bg_apply_arrow.png') no-repeat 0 0;}
.complaint-process ol li:last-child:after {background:none;}
.complaint-process ol li p {padding-top:146px;font-size:16px;font-weight:500;line-height:25px;background-position:50% 0;background-repeat:no-repeat;}
.complaint-process ol li p > span {font-size:14px;}
.complaint-process ol li p.pcs-type1 {background-image: url('/img/hss_content/bg_applyimg01.png');}
.complaint-process ol li p.pcs-type2 {background-image: url('/img/hss_content/bg_applyimg02.png');}
.complaint-process ol li p.pcs-type3 {background-image: url('/img/hss_content/bg_applyimg03.png');}
.complaint-process ol li p.pcs-type4 {background-image: url('/img/hss_content/bg_applyimg04.png');}
.complaint-process ol li p.pcs-type5 {background-image: url('/img/hss_content/bg_applyimg05.png');}
.complaint-process ol li .txt {display:block;margin-top:10px;padding:0 10px;font-size:14px;text-align:left;line-height:20px;}

/* 키움예스 대출신청절차 */
.sub-text01 {margin-top:7px;color:#333;font-size:16px;line-height:25px;}
.sub-text01 + .complaint-process {margin-top:16px;}
.sub-text01 + .protectinfo-img-box {margin-top:20px;}
.complaint-process.kiumyes-bank {padding: 25px 10px 26px;}
.complaint-process.kiumyes-bank .pcs-type4 {color:#00397c;}
.complaint-process.kiumyes-bank .pcs-type5 {padding-top:154px;background-image: url('/img/hss_companycontent/kiumyes_content/bg_applyimg05.png');background-position:50% 0;color:#00397c;}
@media (max-width: 830px) {
	.complaint-process.kiumyes-bank li:nth-child(4)::after {top:75px;}
}
@media (max-width: 480px) {
	.complaint-process.kiumyes-bank li:nth-child(4)::after {top:auto;}
}



.terms-wrap .terms-title {line-height:24px;}
.terms-wrap .terms-box strong {font-weight:400;}

.complaint-popup.str-searPop {width:850px;}
.complaint-complete {padding:90px 0 40px;}
.complaint-complete .com-wp {display:table;width:100%;padding-left:90px;padding-bottom:30px;text-align:left;border-bottom:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;}
.complaint-complete .com-wp .img-box {display:table-cell;vertical-align:top;}
.complaint-complete .com-wp .txt-box {display:table-cell;vertical-align:top;padding-left:35px;}
.complaint-complete .com-wp .txt-box h4 {color:#333;font-size:40px;font-weight:400;}
.complaint-complete .com-wp .txt-box p {margin-top:30px;color:#666;font-size:18px;line-height:24px;}
.complaint-complete .com-wp .txt-box p strong {color:#333;font-size:18px;font-weight:400;}
.complaint-complete .com-btn-wp {margin-top:30px;margin-bottom:0;}
.complaint-complete .com-btn-wp button {width:220px;}

@media (max-width:835px) {
	.complaint-process {margin-top:20px;margin-bottom:40px;padding:40px 10px;}
	.complaint-process ol li {display:inline-block;width:33%;vertical-align:top;}
	.complaint-process ol li:nth-child(3):after {display:none;}
	.complaint-process ol li:nth-child(4) {margin-top:40px;}
	.complaint-process ol li:nth-child(5) {margin-top:40px;}

	.complaint-popup.str-searPop {width:auto;margin:0 20px;}
	.complaint-complete {padding:60px 0 30px;}
	.complaint-complete .com-wp {padding-left:30px;padding-right:30px;}
	.complaint-complete .com-wp .img-box img {width:100px;}
	.complaint-complete .com-wp .txt-box {padding-left:20px;}
	.complaint-complete .com-wp .txt-box h4 {font-size:30px;line-height:1.2;}
	.complaint-complete .com-wp .txt-box p {margin-top:20px;font-size:16px;line-height:20px;}
	.complaint-complete .com-wp .txt-box p strong {font-size:16px;}
}
@media (max-width:540px) {
	.complaint-complete .com-wp .img-box {display:none;}
	.complaint-complete .com-wp .txt-box {padding-left:0;}
}
@media (max-width:480px) {
	.complaint-process ol li {width:100%;padding-top:40px;}
	.complaint-process ol li:after {width:13px;height:25px;top:auto;bottom:-30px;right:50%;margin-right:-6.5px;background-size:cover;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
	.complaint-process ol li:first-child {padding-top:0;}
	.complaint-process ol li:nth-child(3):after {display:block;}
	.complaint-process ol li:nth-child(4) {margin-top:0;}
	.complaint-process ol li:nth-child(5) {margin-top:0;}
	.complaint-process ol li:last-child .txt {margin-bottom:0;}
	.complaint-process ol li p {padding-top:140px;font-size:17px;}
	.complaint-process ol li p > span {font-size:15px;}
	.complaint-process ol li .txt {margin-bottom:10px;}

	.complaint-complete .com-wp {padding-left:20px;padding-right:20px;padding-bottom:20px;}
	.complaint-complete .com-wp .txt-box h4 {font-size:20px;}
	.complaint-complete .com-wp .txt-box p {margin-top:10px}
	.complaint-complete .com-btn-wp button {width:auto;}
}



/* 스타 저축은행  */
.ceo-info-wrap.star-bank .ceo-info .text {text-align:center;}
.ceo-info-wrap.star-bank .ceo-sign img {margin:0;}
.ceo-info-wrap.star-bank .ceo-sign {margin-top:75px;}
.ethics-box.star-bank {width:100%;padding:55px 291px 56px 39px; background: #f7f7f7 url('/img/star_content/bg_ethics.png')}
.ethics-box.star-bank .text {display:block;color:#333;font-size:18px;line-height:30px;}
.ethics-box.star-bank .text strong {font-size:18px;}
.ethics-box.star-bank .text + .text {margin-top:5px;}
.ethics-box.star-bank + .ethics-list.star-bank {margin-top:38px;}

.ethics-list-text {margin-top:10px;padding-left:20px;font-size:14px;line-height: 18px;text-indent:-20px;}
.ethics-list-text::before {content:'';display:inline-block;width:5px;height:5px;margin-right: 15px;background:#999;border-radius:50%;vertical-align: 3px;}
.ethics-list-text:first-child {margin-top:0;}
.slide-box-area.star-bank .slide-box-top {padding:23px 15px 20px;}
.slide-box-area.star-bank .slide-box-top .sub-title {color:#333;font-size:18px;}
.slide-box-area.star-bank .slide-box-txt {height:213px;}
.slide-box-area.star-bank .slide-box-txt p {font-size:14px;}
.slide-box-area.star-bank .slide-box-txt .title {margin-bottom:0;font-weight:500;}
.slide-box-area.star-bank .slide-box-txt .text {margin-top:28px;margin-bottom:0;line-height:26px}
.ethics-list.star-bank + .slide-box-area.star-bank {margin-top:58px;}

.management-philosophy-box.star-bank .management-philosophy dt {font-size:14px;font-weight:500;}
.management-philosophy-box.star-bank dd.box-style01 {height:auto;padding:30px 20px 29px;}
.management-philosophy-box.star-bank dd.box-style01 .sub-title {margin-top:0;line-height:22px;}
.management-philosophy-box.star-bank dd.box-style02 {height:auto;padding:26px 20px 24px;}
.management-philosophy-box.star-bank dd.box-style02 .sub-style01 {margin-top:0;font-size:14px;line-height:23px;}
.management-philosophy-box.star-bank dd.box-style03 {padding:19px 20px 17px;background:#fff;border:1px solid #014c9a;border-radius:5px;font-size:14px;text-align:center;line-height:18px;}

.gnb-link:hover, .gnb-link:focus {color:#0282C9}
.stat-bank.pc-viewbox {display:block;}
.stat-bank.tablet-viewbox {display:none;}
.stat-bank.mobile-viewbox {display:none;}
.header-tab-item.is-active .header-tab-link {color:#0282C9}
.header-count-time-number {color: #00397b;}

.nonfacing-stepbox {margin-top:10px;padding:28px 0 28px 0;border:1px solid #dddddd;}
.nonfacing-stepbox .step-list {display:table;width:100%;}
.nonfacing-stepbox .step-list li {display:table-cell;width:25%;text-align:center;}
.nonfacing-stepbox .step-list li .step {height:189px;background-repeat:no-repeat;background-position:left 50% top 37px;}
.nonfacing-stepbox .step-list li .step-style01 {background-image:url('/img/hss_content/bg_accountimg01.png')}
.nonfacing-stepbox .step-list li .step-style02 {background-image:url('/img/hss_content/bg_accountimg02.png')}
.nonfacing-stepbox .step-list li .step-style03 {background-image:url('/img/hss_content/bg_accountimg03.png')}
.nonfacing-stepbox .step-list li .step-style04 {background-image:url('/img/hss_content/bg_accountimg04.png')}
.nonfacing-stepbox .step-list li .text {color:#333333;font-size:16px;line-height:25px;}
.nonfacing-stepbox + .sub-title-area {margin-top:60px;}
.notice-subtext.type01 {margin-top:0;}
.notice-subtext.type01 + .sub-title-area {margin-top:42px;}

/* 텍스트만 있는 타입 */
.nonfacing-stepbox.type01 {margin-top:20px;padding-bottom:12px;}
.nonfacing-stepbox.type01 .step-list li .step {height:auto;background:none;}
.nonfacing-stepbox.type01 .step-list li .title {margin-top:20px;font-weight:500;}
.nonfacing-stepbox.type01 .step-list li .list {margin-top:14px;}
.nonfacing-stepbox.type01 .step-list li .text {display:inline-block;width:100%;font-size:14px;font-weight:300;}

.steplistbox-wrap {display:table;width:100%;}
.steplistbox-wrap li {position:relative;display:table-cell;width:1%;height:89px;background:url('/img/hss_content/bg_step.png') no-repeat;background-color:#00397b;color:#fff;font-size:14px;text-align:center;vertical-align:middle;}
.steplistbox-wrap li:first-child{background-image:none;}
.steplistbox-wrap li .str {display:block;margin-bottom:20px;color:#fff;font-size:18px;font-weight:700;}
.steplistbox-wrap + .sub-title-area {margin-top:50px;}
.tts + .steplistbox-wrap {margin-top:40px;}
.table-type01 .th-style03 {border-right:0;border-bottom-color:#efefef;}
.bb-none {border-bottom:0 !important;}
.steplistbox-wrap + .steplistbox-wrap {margin-top:40px;}

.step-list .step strong {color:#00397b;font-family:'NanumSquare';font-size:22px;font-weight:500;}
.step-list .step::after {content:'';display:inline-block;width:100%;height:100%;background:url('/img/hss_content/bg_apply_arrow.png') no-repeat left top 55px;}
.step-list li:first-child .step::after {display:none;}
.step-list .text .str {color:#00397b;font-size:16px;font-weight:500;}
.step-list .text {font-weight:500;}
.step-list .text02 {font-weight:300;}
.th-style02 {border-bottom-color:#efefef !important;}

@media (max-width: 1100px) {
	.com-msgbox {margin-top:20px;}
	.common-titlestyle01:first-child {margin-top:20px;}
	.arsguide-box {margin-top:0;}
	.steplist-box {margin-top:20px;}
	.common-viewtitle {margin-top:20px;}
	.notice-subtext.type01 {margin-top:20px;}
	.nonfacing-stepbox .step-list {display:block;}
	.nonfacing-stepbox .step-list li {display:block;width:100%;margin-top:30px;}
	.nonfacing-stepbox .step-list li:first-child {margin-top:0;}
	.step-list .step::after {display:none;}
}

@media (max-width: 1310px){
.swiper-active-switch .main-page-service-tab-button {
    width: 53px;
    background-color: #339dd7;
}
}

/* @media (max-width: 1100px) {
	.ceo-img-box {height:230px !important;background-repeat:no-repeat;background-size:100% 100%;}
	.ceo-img-box .text {display:none;}
	.ceo-info-wrap.star-bank .ceo-sign {margin-top:20px;}
	.stat-bank.tablet-viewbox {display:block;}
	.stat-bank.mobile-viewbox {display:none;}
	.stat-bank.pc-viewbox {display:none;}
} */

@media (max-width: 960px) {
	.ethics-box.star-bank {padding:43px 238px 44px 39px;}
}

@media (max-width: 900px) {
	.ethics-box.star-bank {padding-right:175px;}
}

@media (max-width: 845px) {
	.ethics-box.star-bank .text {font-size:15px;}
	.ethics-box.star-bank .text strong {font-size:15px;}
	.ethics-box.star-bank {padding:33px 39px 34px;background-image:none;}
	.ethics-list-text::before {width:3px;height:3px;background:#000;}
	.ethics-box.star-bank + .ethics-list.star-bank {margin-top:28px;}
	.ethics-list.star-bank + .slide-box-area.star-bank {margin-top:38px;}
}

@media (max-width: 720px) {
	.stat-bank.tablet-viewbox {display:none;}
	.stat-bank.mobile-viewbox {display:block;}
	.stat-bank.pc-viewbox {display:none;}
}

@media (max-width: 470px) {
	.management-philosophy-box.star-bank dd.box-style01,
	.management-philosophy-box.star-bank dd.box-style03 {margin-top:9px;}
}

/* 별첨 다운로드 박스  */
.box-style05 {width:100%;margin-top:15px;padding:10px 30px 18px;background:#f7f7f7;}
.box-style05 .down-list {margin-top:15px;}
.box-style05 .down-list:first-child {margin-top:0;}
.box-style05 .down-list .title {display:inline-block;margin-right:15px;font-size:14px;font-weight:500;}
.box-style05 .down {display:inline-block;margin-top:10px;margin-right:20px;padding-left:25px;background: url('/img/hss_content/bg_download.png') no-repeat;background-size:14px;font-size:14px;}

@media (max-width: 1100px) {
	.box-style05 .down {background-size:12px;}
}

/* 체크카드 팝업 */
.card-info .card-wrap {position:relative;}
.card-info .scroll-box {max-height: 690px;overflow-y: auto;}
.card-info .popup-body02 {max-height: inherit;text-align: left;padding: 30px 30px 60px;min-height: 150px;overflow-y: auto;background: #fff;}
.card-info .body-box {margin-top: 35px;}
.card-info .body-box:first-child {margin-top: 0;}
.card-info .tit-des {margin-bottom: 20px;font-size: 20px;font-weight: 500;}
.card-info .sub-des {margin-top: 20px;margin-bottom: 15px;font-size: 16px;font-weight: 500;line-height:1.3;}
.card-info .notice-list .font-088 {padding-top: 20px; line-height: 23px;}
.card-info .notice-list .notice-i-list {margin-top:0;}
.card-info .notice-list li .notice-i-list {padding-left:0;}
.card-info .notice-i-list {margin-top: 20px;color: #333;}
.card-info .nostyle-list {max-width: 1100px; margin:0 auto;}
.card-info .nostyle-list li {margin-top: 3px; font-size: 14px;line-height: 22px;}
.card-info .nostyle-list li:first-child {margin-top: 0;}
.card-info .notice-box {margin-top: 30px; padding:25px 20px; background: #f7f7f7;}
.card-info .notice-box .sub-des {margin-top: 0;}
.card-info .notice-box .notice-list {padding-top:0;}
.card-info .notice-box .notice-list li {margin-top:0; padding-left:10px; font-size: 12px;}
.card-info .notice-box .notice-list li a {display:inline; font-weight:500;}
.card-info .notice-box .nostyle-list li {font-size:12px;}
.card-info .notice-box .notice-i-list {margin-top:0; font-size:12px;}
.card-info .notice-box .notice-i-list::before {margin-left:-10px;}
.card-info .step-ux {margin-top: 30px; padding:30px 60px; background: #f7f7f7;}
.card-info .step-ux ul {display: table;width: 100%;}
.card-info .step-ux ul li {position: relative; display: table-cell; vertical-align: top; width: 25%; text-align: center;}
.card-info .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;}
.card-info .step-ux ul li:last-child:before {display:none;}
.card-info .step-ux ul li p {padding-top: 128px; font-size:14px; line-height:25px; background-repeat: no-repeat; background-position: center top;}
.card-info .step-ux ul li p.step-t01 {background-image: url('/img/mypage/card_check_step01.png'); padding-top: 120px;}
.card-info .step-ux ul li p.step-t02 {background-image: url('/img/mypage/card_check_step02.png');}
.card-info .step-ux ul li p.step-t03 {background-image: url('/img/mypage/card_check_step03.png');}
.card-info .step-ux ul li p.step-t04 {background-image: url('/img/mypage/card_check_step04.png');}
.card-info .table-type04 th {width:160px;}
.card-info .table-type04 td {padding:14px 10px 13px 10px;}
.card-info td .notice-list {margin-left:10px;}
.checkcash-cards + .card-info {margin-top:30px;}
.popup-foot01.foot-style01 {padding:30px 0 40px;}
.table-title + .table-wrap {margin-top:15px;}
.notice-list + .popup-top-number {margin-top:20px;}

@media (max-width: 1100px) {
	.card-info .step-ux {padding: 30px 10px;}
	.card-info {margin-top:30px;}
}

/* 요약공시 */
.common-stit {position:relative;margin-top:52px;font-size:22px;font-weight:700;}
.common-text02 {margin-top:5px;font-size:14px;color:#666;line-height:24px;}

.searchselect-wrap {width:100%;margin-top:25px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;}
.searchselect-wrap .btn-basic {width:150px;min-width:150px;height:40px;padding:0;background:#666;color:#fff;font-size:16px;font-weight:700;line-height:15px;text-decoration:none;}
.searchselect-wrap .datebox {display:inline-block;vertical-align:middle;font-size:0;line-height:0;}
.searchselect-wrap .datebox .datebox-interval {display:inline-block;vertical-align:middle;margin-right:10px;}
.searchselect-wrap .datebox .datebox-interval02 {display:inline-block;vertical-align:middle;}
.searchselect-wrap .datebox .datebox-interval select {min-width:150px;padding:2px 30px 0 10px;color:#666;}

.info-box {position:relative;display:table;width:100%;margin-top:10px;}
.info-box .left {display:table-cell;width:50%;vertical-align:bottom;}
.info-box .right {display:table-cell;width:50%;vertical-align:bottom;text-align:right;}
.info-box .text {display:block;margin-top:15px;font-size:14px;color:#666;line-height:20px;}
.info-box .text + .text {margin-top:3px;}
.info-box .select-basic {width:130px;margin-top:35px;}

.tbl-wrap {margin-top:10px;border-top:1px solid #333;border-bottom:1px solid #ccc;}
.tbl-style02 {width:100%;}
.tbl-style02 th {height:40px;padding:0 10px;font-weight:700;font-size:14px;line-height:1.5;vertical-align:middle;word-break:break-all;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl-style02 td {height:auto;padding:17px 10px;font-weight:300;font-size:14px;line-height:1.5;vertical-align:middle;word-break:break-all;border-right:1px solid #efefef;border-bottom:1px solid #efefef;}
.tbl-style02 th:last-child, .tbl-style02 td:last-child {border-right:none;}
.tbl-style02 th.sub-text {color:#666;font-size:14px;border-top:1px solid #ccc;}
.tbl-style02 th.sub-text:last-child {border-right:1px solid #ccc;}
.tbl-style02 thead tr + tr th {border-top:1px solid #ccc;}
.tbl-style02 thead tr {width:100%;background:#f7f7f7;}
.tbl-style02 tbody tr:last-child td {border-bottom:none;}
.tbl-style02 td a {color:#666;text-decoration:underline;}
.tbl-style02 td a:hover {color:#00397c;}
.tbl-style02.type02 th {height:70px;}

@media (max-width:770px) {
	.temp-view-tbl {position:relative;overflow:hidden;margin-top:16px;}
	.temp-view-tbl:after {content:'';position:absolute;top:0;left:100%;display:block;width:20px;height:100%;border-radius:10px 0 0 10px / 50% 0 0 50%;box-shadow:-5px 0 10px rgba(0,0,0,0.25);}
	.temp-view-tbl .tbl-wrap {overflow-x:auto;margin:0;}
	.temp-view-tbl .tbl-wrap table {width:680px;}
	.temp-view-tbl .tbl-wrap table.wide-tbl {width:900px;}

	.common-stit {margin-top:25px;font-size:15px;}
	.common-text02 {font-size:12px;line-height:20px;}

	.searchselect-wrap {margin-top:10px;text-align:left;}
	.searchselect-wrap .btn-basic {width:100%;}
	.searchselect-wrap .datebox {width:100%;}
	.searchselect-wrap .datebox .datebox-interval {width:100%;margin-right:0;}
	.searchselect-wrap .datebox .datebox-interval select {width:100%;}
	.searchselect-wrap .datebox .datebox-interval02 {width:100%;margin-top:10px;}

	.info-box .text {margin-top:10px;}
	.info-box .left{position: absolute;bottom:0;left:0;display:block;width:100%;}
	.info-box .right{display:block;width:100%;margin-top:10px;}
	.info-box .text {font-size:12px;}

	.tbl-style02 th, .tbl-style02 td {height:auto;padding:12px 5px;font-size:12px;line-height:18px;}
}


/* 한화저축은행 계열사소개 페이지 스타일 2019.09.16 김재원 */
.group-info {background-image: url('/img/hss_companycontent/hanhwa_content/bg_group_info.jpg') !important;}
.group-info .text .text-point {font-size: 30px !important;}
.group-info .text .ty01 {color:#fff; font-size: 30px; line-height: 45px !important;}
.group-info-text {color:#666; font-size: 18px; margin-top:45px; line-height:30px !important;}


@media (max-width:960px) {
	.group-info .text .text-point {font-size: 25px !important;}
	.group-info .text .ty01 {color:#fff; font-size: 25px; line-height: 35px !important;}
}
@media (max-width:560px) {
	.group-info .text .text-point {font-size: 20px !important;}
	.group-info .text .ty01 {color:#fff; font-size: 20px; line-height: 30px !important;}
}


/*금융상품_신용카드*/
.credInfo-wp .cred-title {padding: 55px 0 17px;font-size: 22px;font-weight: 700;letter-spacing: -.25px;}
.cInfo-top {position:relative;padding:45px 330px 50px 40px;background-color:#f7f7f7;-moz-box-sizing:border-box;box-sizing:border-box;}
.cInfo-top:after {content:'';display:inline-block;position:absolute;top:calc(50% - 62px);right:40px;width:192px;height:124px;background:url('/img/hss_companycontent/dream_content/bg_fincred.png') no-repeat;}
.cInfo-top .title {max-width:600px;padding:0;font-size:18px;line-height:30px;letter-spacing:-0.25px;}
.cInfo-top .cInfo-img {position:absolute;right:46px;top:20px;}
.cred-kinds p {color:#666;font-size:16px;letter-spacing:-.25px;}

.cred-list {border-top:1px solid #00397c;}
.cred-list li {display:table;width:100%;padding-bottom:25px;border-bottom:1px solid #ddd;}
.cred-list li .thumb {display:table-cell;vertical-align:top;width:270px;padding:40px 0 0 45px;}
.cred-list li .info {display:table-cell;vertical-align:top;width:auto;padding:50px 0 0 20px;}
.cred-list li .info strong {display:block;padding-bottom:10px;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-0.25px;}
.cred-list li .info p {color:#666;font-size:14px;line-height:26px;letter-spacing:-0.25px;}

.cred-infoWp .btn-wp {text-align:center;padding:40px 0 0 0;}
.cred-infoWp .btn-wp button {width:180px;padding:0;}

.save-infoWp .tbl-wrap {margin:0 0 5px;}
.save-infoWp table th.wh {background:#fff;border-right:1px solid #ddd;}
.save-infoWp table th.wh.last {border-right:0;}
.save-infoWp .tbl-style03 th{text-align:center;}
.save-infoWp .tbl-style03 td{text-align:center;}
.save-infoWp > p {color:#666;font-size:14px;line-height:24px;letter-spacing:-0.25px;}

.save-mInfo {display:none;}
.caution-wp {margin-top:55px;}
.c-detailWp {padding:0 20px 20px;}
.c-detailWp strong.ctit {display:block;padding:25px 0 15px;font-size:16px;letter-spacing:-0.25px;}
.c-detailWp .ctxt {}
.c-detailWp .ctxt ul.bul {}
.c-detailWp .ctxt ul.bul li{position:relative;padding-left:13px;color:#666;font-size:16px;line-height:24px;letter-spacing:-0.25px;}
.c-detailWp .ctxt ul.bul li:before {content:'';position:absolute;left:0;top:8px;width:4px;height:4px;background:url(../img/common/bul02.gif) no-repeat left top;}
.c-detailWp .ctxt ul.bul li p{position:relative;color:#666;font-size:16px;line-height:24px;letter-spacing:-0.25px;padding-left:13px;}
.c-detailWp .ctxt ul.bul li p:before {content:'-';position:absolute;left:0;top:0px;}
.c-detailWp .ctxt ul.bul li strong{color:#333;font-weight:400;}

.c-detailWp .ctxt ul.str li{position:relative;padding-left:13px;color:#666;font-size:16px;line-height:24px;letter-spacing:-0.25px;}
.c-detailWp .ctxt ul.str li:before {content:'-';position:absolute;left:0;top:0px;}
.c-detailWp .ctxt ul.str li span{color:#333;margin-right:5px;}
.c-detailWp .ctxt ul.str li p {padding-left:40px;color:#666;text-indent:-40px;}
.c-detailWp .ctxt ul.str li p.point {color:#333;font-size:14px;letter-spacing:-.25px;}

.bank-cInfoWp .tbl-wrap {margin-top:0;}
.bank-cInfoWp table th {text-align:center;}
.bank-cInfoWp table th.thr {border-right:1px solid #b5c7de;}
.bank-cInfoWp table td span {display:inline-block;line-height:17px;border-bottom:1px solid #bcbcbc;color:#666;}

@media (max-width:1100px) {
	/* 상단 infobox */
	.fin-infobox {min-height:auto;margin:0 -18px 0;padding:18px 16px;}
	.fin-infobox:after {display:none;}

	/*금융상품_신용카드*/
	.credInfo-wp .cred-title {font-size:14.6px;padding:20px 0 11px;}
	.save-infoWp .tbl-wrap {display:none;}
	.save-mInfo {display:block;}
	.save-mInfo dl {padding-bottom:5px;}
	.save-mInfo dt{display:block;margin-bottom:10px;padding:8px 10px;background:#f7f7f7;font-size:14px;font-weight:700;}
	.save-mInfo dd{padding-left:10px;}
	.save-mInfo ul li {margin-bottom:10px;}
	.save-mInfo ul li strong {display:block;font-size:13.3px;margin-bottom:5px;}
	.save-mInfo ul li p {color:#666;font-size:12px;line-height:20px;}
	.save-infoWp > p {margin-left:10px;padding-left:15px;font-size:11px;line-height:20px;text-indent:-15px;}

	.cInfo-top {margin-top:30px;padding:25px 15px;}
	.cInfo-top:after {display:none;}
	.cInfo-top strong {font-size:14px;line-height:20px;}
	.cInfo-top strong br {display:none}
	.cInfo-top .cInfo-img {position:absolute;right:15px;top:50%;margin-top:-30px;}
	.cInfo-top .cInfo-img img {width:110px;height:61px;}
	.cInfo-top .title {font-size:14px;line-height:22px;}
	.cred-kinds p {font-size:13px;}

	.cred-list li {width:100%;padding-bottom:15px;}
	.cred-list li .thumb {width:100px;padding:15px 10px 0 10px;}
	.cred-list li .thumb img {width:100%;}
	.cred-list li .info {padding:20px 0 0 0;}
	.cred-list li .info strong {display:block;padding-bottom:5px;font-size:13px;line-height:20px;}
	.cred-list li .info p {font-size:12px;line-height:20px;}

	.cred-infoWp .btn-wp {overflow:hidden;margin:0;padding:15px 0 0 0;text-align:center;}
	.cred-infoWp .btn-wp span {display:inline-block;float:left;width:50%;box-sizing:border-box;-webkit-box-sizing:border-box}
	.cred-infoWp .btn-wp span:first-of-type {padding-right:6px;}
	.cred-infoWp .btn-wp span:last-of-type{padding-left:6px;}
	.cred-infoWp .btn-wp button {vertical-align:top;width:inherit;width:100%;height:34px;margin:0;padding:0;min-width:inherit;font-size:12px;}

	.caution-wp {margin-top:25px;}
	.c-detailWp {padding:0 16px 10px;}
	.c-detailWp strong.ctit {display:block;padding:15px 0 5px;font-size:13.3px;}

	.c-detailWp .ctxt ul.bul li{font-size:13.3px;line-height:22px;padding-left:10px;}
	.c-detailWp .ctxt ul.bul li:before {content:'';top:4px;width:3px;height:3px;background-size:3px 3px;}
	.c-detailWp .ctxt ul.bul li p{padding-left:10px;font-size:13.3px;line-height:22px;}
	.c-detailWp .ctxt ul.bul li p:before {content:'-';top:0px;}

	.c-detailWp .ctxt ul.str li{margin-bottom:5px;padding-left:10px;font-size:13.3px;line-height:22px;}
	.c-detailWp .ctxt ul.str li p {text-indent:-30px;padding-left:30px;}
	.c-detailWp .ctxt ul.str li p.point {font-size:13.3px;}

	.bank-cInfoWp table th {padding:7px 10px 6px;text-align:center;font-size:13px;}
	.bank-cInfoWp table td {padding:7px 10px 6px;font-size:13px;line-height:20px;}
	.bank-cInfoWp table th.thr {border-right:1px solid #b5c7de;}
	.bank-cInfoWp table td span {display:inline-block;line-height:14px;border-bottom:1px solid #bcbcbc;color:#666;}
}

.tbl-style03 {width:100%;}
.tbl-style03 tr {border-bottom:1px solid #dfdfdf;}
.tbl-style03 th {padding:12px 20px 11px;background:#eff7f9;font-size:16px;font-weight:700;text-align:left;line-height:28px;word-break:keep-all;}
.tbl-style03 td {padding:12px 20px 11px;border-right:1px solid #dfdfdf;font-size:16px;color:#666;line-height:28px;word-break:break-all;}
.tbl-style03 tr td:last-child {border-right:none;}
.tbl-style03 tr:last-child {border-bottom:none;;}
.tbl-style03 tr:last-child td {border-bottom:none;}
.tbl-style03 th label {font-weight:700;}

@media (max-width:1100px) {
	.tbl-style03 .common-desc-i {margin:10px 0 0 0;}
}

.cardinfo-wrap {overflow:hidden;margin-top:40px;border-top:1px solid #9eb5d3;border-bottom:1px solid #dddddd;padding:20px 0 21px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cardinfo-divide {display:table;float:left;width:calc(100% - 402px);}
.cardinfo-design {display:table-cell;min-width:236px;vertical-align:top;font-size:0;line-height:0;}
.cardinfo-btn {width:100%;max-width:236px;text-align:center;}
.cardinfo-detail {display:table-cell;width:351px;padding-right:10px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cardinfo-title {padding-top:25px;color:#333333;font-size:21px;font-weight:700;}
.cardinfo-text {margin-top:10px;color:#666666;font-size:12px;line-height:18px;}
.cardinfo-annualfee {display:table;width:296px;height:44px;margin-top:35px;border:1px solid #ccc;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cardinfo-annualfee-title  {display:table-cell;width:62px;padding-top:2px;color:#333333;font-size:12px;font-weight:700;vertical-align:middle;text-align:center;}
.cardinfo-annualfee-text {position:relative;display:table-cell;width:137px;color:#666666;font-size:12px;line-height:18px;vertical-align:middle;text-align:center;}
.cardinfo-annualfee-text:after {content: ''; display:block;position:absolute;top:7px;left:0;width:1px;height:29px;background:#d5d5d5;}
.cardinfo-annualfee-title + .cardinfo-annualfee-text {width:95px;}
.saleinfo-list-wrap {display:table;float:right;width:402px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box;}
.saleinfo-list-wrap li {position:relative;display:table-cell;width:50%;height:200px;padding-top:57px;vertical-align:top;text-align:center;}
.saleinfo-list-wrap li .saletext {height:40px;color:#00397c;font-size:30px;font-weight:700;text-align:center;}
.saleinfo-list-wrap li .saleinfo {color:#666666;font-size:12px;font-weight:700;text-align:center;line-height:24px;}
.saleinfo-list-wrap li:first-child:after {content: ''; display:block;position:absolute;top:104px;right:0;width:1px;height:72px;margin-top:-36px;background:#ccc;}
@media (max-width:1100px) {
	.cardinfo-wrap {margin:40px -18px;padding: 20px 0 21px 0;}
	/* .first-gap-style {margin-top:-20px;} */
	.cardinfo-divide {display:block;float:none;width:100%;}
	.cardinfo-design {display:block;width:100%;text-align:center;}
	.cardinfo-detail {display:block;width:100%;padding:0 22px;}
	.cardinfo-title {padding-top:25px;text-align:center;}
	.cardinfo-text {margin-top:5px;text-align:center;}
	.cardinfo-annualfee {width:100%;margin-top:15px;}
	.cardinfo-btn {max-width:100%;}
	.saleinfo-list-wrap {float:none;width:100%;margin-top:20px;}
	.saleinfo-list-wrap li {position:relative;display:table-cell;width:50%;height:120px;padding-top:20px;vertical-align:top;text-align:center;}
	.saleinfo-list-wrap li:first-child:after {content: ''; display:block;position:absolute;top:54px;right:0;width:1px;height:72px;margin-top:-36px;background:#ccc;}
	.saleinfo-list-wrap li .saletext {height:30px;font-size:20px;}
}

/* [공통] 유의사항 */
.common-noticebox-wrap {position:relative;margin:60px 0 0;padding:24px 20px 18px;background:#f7f7f7;}
.common-noticebox-title {padding-left:21px;background: url('/img/hss_content/bg_att_i.png') no-repeat 0 2px;color:#f15757;font-size:16px;font-weight:600;}
.common-noticebox-list {margin-top:8px;}
.common-noticebox-list > li {padding-left:20px;color:#666;font-size:16px;line-height:30px;}
.common-noticebox-list > li::before {content:'';position:relative;top:-3px;left:0;display:inline-block;width:4px;height:4px;margin-right:5px;background:#666;border-radius:50%;}
.common-noticebox-list li .link {color:#666;font-weight:700;}
.common-noticebox-in-list {margin-left:15px;}
.common-noticebox-in-list li {color:#666;font-size:16px;line-height:30px;}

/* [공통] 아코디언 내부 타이틀,텍스트,테이블 스타일 */
.common-accordion-gapstyle-wrap {padding:26px 20px 25px;}
.common-subtitle-wrap01 {margin-top:23px;color:#333333;font-size:16px;font-weight:700;line-height:1.5;}
.common-subtitle-wrap01:first-child {margin:0;}
.common-subtext-wrap01 {margin-top:11px;color:#666666;font-size:16px;line-height:1.5;}
.common-subtext-wrap01.type01 {margin-top:0;}
.common-subtable-wrap01 {margin-top:15px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.common-subtable-wrap01 .common-subtable {width:100%;border-top:1px solid #dddddd;background:#fff;}
.common-subtable-wrap01 .common-subtable thead th {height:45px;border-left:1px solid #dddddd;color:#333333;font-size:14px;text-align:center;vertical-align:middle;}
.common-subtable-wrap01 .common-subtable thead th:first-child {border-left:none;}
.common-subtable-wrap01 .common-subtable tbody td {height:74px;padding:0 10px 0 18px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;color:#333333;font-size:14px;line-height:24px;text-align:center;vertical-align:middle;}
.common-subtable-wrap01 .common-subtable tbody td:first-child {border-left:none;}
.common-subtable-wrap01 .common-subtable tbody td.al-l {text-align:left;}

/* [공통] 모바일 스타일 */
@media (max-width:1100px) {
	.common-noticebox-title {padding-left:18px;background: url('/img/hss_content/bg_att_i.png') no-repeat 0 1px;font-size:14px;}
	.caution-wp + .cardinfo-wrap {margin-top:20px;}
	.common-noticebox-wrap {margin:20px -18px 0;}
	.common-noticebox-list > li {padding-left:0;font-size:12px;line-height:15px;}
	.common-noticebox-list > li::before {content:'';position:relative;top:-3px;left:0;display:inline-block;width:2px;height:2px;margin-right:5px;background:#666;border-radius:50%;}
	.common-noticebox-in-list li {font-size:12px;line-height:15px;}
	.common-btn-mobile-style01 {width:176px;margin:0 auto;}
	.common-btn-bullet-down {}
	.common-caution-text {font-size:12px;}
	ul.common-caution-text li {font-size:12px;}
}
.common-btn-style01 {display:inline-block;height:30px;padding:0 17px;border:1px solid #cccccc;	border-radius:5px;color:#666666;font-size:12px;font-weight:700;line-height:30px;text-align:center;}
.common-btn-bullet-down {display:inline-block;padding:1px 24px 0 0;background: url('/img/hss_common/bul_down.png') no-repeat right 1px top 7px;color:#666666;font-size:12px;font-weight:700;}

/* 진주 ci 소개 */
.sub-text03 {color:#666;font-family: 'NanumSquare';font-size:16px;line-height:28px;}
.cibg-wrap {width:100%;height:auto;margin-top:30px;}
.cibg-wrap .logo {width:100%;}
.ci-color-listbox {margin-top:32px;}
.ci-color-listbox::after {content: '';clear: both;display: block;}
.ci-color-listbox .color-list {float:left;height: 140px;margin-right:30px;}
.ci-color-listbox .color-list:last-child {margin-right:0;}
.ci-color-listbox li .color {display:block;}
.ci-color-listbox li .color-text {display:block;color:#999;font-family: 'NanumSquare';font-size:14px;font-weight:700;line-height:18px;}
.ci-color-listbox li .color-text:nth-child(2) {margin-top:8px;}

/* 진주 도서문화 상품권 */
.talent-icon-list.jinju-bank {margin-top:40px;}
.talent-icon-list.jinju-bank .talent-icon-list-item:before {background-image:none;background-color:#fff;}
.talent-icon-list.jinju-bank .talent-icon-list-item-type1:before {background-image:url('/img/hss_companycontent/jinju_content/content/bookcard-icon_39.jpg')}
.talent-icon-list.jinju-bank .talent-icon-list-item-type2:before {background-image:url('/img/hss_companycontent/jinju_content/content/bookcard-icon_41.png')}
.talent-icon-list.jinju-bank .talent-icon-list-item-type3:before {background-image:url('/img/hss_companycontent/jinju_content/content/bookcard-icon_44.jpg')}
.talent-icon-list.jinju-bank .talent-icon-list-item-type4:before {background-image:url('/img/hss_companycontent/jinju_content/content/bookcard-icon_46.jpg')}
.sub-text03 + .table-wrap01 {margin-top:13px;}

/* 민원처리절차 */

.arrow-list {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 70px;
}

.arrow-list li {
    position: relative;
    width: 300px;
    background: #fff;
}


.arrow-list li::after {
    content: '';
    position: absolute;
    right: -55px;
    top: 50%;
    width: 32px;
    height: 20px;
    margin-top: -10px;
    display: block;
    background: url(/img/common/icon_titlearrow.png) no-repeat center;
}

.arrow-list li:last-child::after {
    display: none;
}

.arrow-tit {
    padding: 20px;
    background: #0B9444;
    color: #fff;
    text-align: center;
    font-size: 21px;
}

.arrow-txt {
    text-align: center;
    padding: 10px;
    border: 1px solid #0B9444;
}


/* ci 소개 (진주저축은행) */

.color-chip-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px;
    margin-top: 20px;
}

.color-chip-item {
    width: 350px;
    background: #455465;
    padding: 20px;
    border-radius: 0 0 110px 0;
}

.color-chip-item.jade {
    background: #60A786;
}

.color-chip-item.brown {
    background: #eda65d;
}

.color-chip-item.beige {
    background: #b7a99a;
}

.color-chip-item.pink {
    background: #f14b5d;
}

.color-chip-item.green {
    background: #009c4e;
}

.color-chip-item .color-tit {
    display: inline-block;
    width: 200px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    font-family: 'NanumSquare';
}

.color-chip-item .color-txt {
    font-size: 18px;
    color: #eee;
    font-family: 'NanumSquare';
}

.color-chip-item .color-txt strong {
    color: #fff;
    font-weight: 500 !important;
    font-family: 'NanumSquare';
}


@media (max-width: 768px) {
	.color-chip-list {
	    grid-template-columns: repeat(1, 1fr);
	}

	.color-chip-item {
		width: 100%;
	}
}