/* 서브이미지 */
.sub_visu {
	height: 280px; background-size: 1300px 100% !important; 
}
.s_title {font-size:20px; color:fff; font-weight:600; text-align:center; z-index:9999; width:100%; height:50%;}
.sv01.sub_visu {
	background: url("../../images/center/sub_center.jpg") no-repeat top;font-size:40px; color:rgb(255, 255, 255); font-weight:400; text-align:center; letter-spacing:-1px; 
}
.sv02.sub_visu {
	background: url("../../images/volunteer/sub_volunteer.jpg") no-repeat top;font-size:40px; color:rgb(255, 255, 255); font-weight:400; text-align:center; letter-spacing:-1px; 
}
.sv03.sub_visu {
	background: url("../../images/community/sub_community.jpg") no-repeat top;font-size:40px; color:rgb(255, 255, 255); font-weight:400; text-align:center; letter-spacing:-1px; 
}
.sv04.sub_visu {
	background: url("../../images/information/sub_information.jpg") no-repeat top;font-size:40px; color:rgb(255, 255, 255); font-weight:400; text-align:center; letter-spacing:-1px;
}
.sub_layout {
	margin: 0px auto; padding: 35px 0px 0px; width: 100%; max-width: 1300px; box-sizing: border-box;
}
.sub_layout::after {
	clear: both; display: block; content: "";
}



@media all and (min-width:1024px)
{
.s_title img{height:280px; width:1300px}
}


/* 왼쪽메뉴 */
.lnb_sec {
	width: 17%; margin-right: 4%; float: left;}
.lnb_sec dt {
	color: rgb(255, 255, 255); padding-bottom: 1px; font-size: 25px; font-weight:500; margin-bottom: 0px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 0px; border-bottom-style: solid; letter-spacing:-1px;
	background:#2d3b6a;height:80px; padding-top:40px; text-align:center
}
.lnb_sec > dt::before {
	background:#e54125; left: 0px; top: 30px; width: 25px; height: 4px; display: block; position: absolute; content: "";
}
.lnb_sec .lnbnew {
	border-top-color: rgb(219, 219, 219); border-top-width: 1px; border-top-style: solid;
}
.lnb_sec .lnbnew > li {
	border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.lnb_sec .lnbnew > li > a {
 transition:0.2s; position: relative; line-height: 45px; padding: 0px 20px; display: block; font-size: 15px; font-weight:600; color: rgb(51, 51, 51);
}
/* .lnb_sec .lnbnew > li > a::before {
	background: rgb(255, 255, 255); transition:right 0.4s; top: 23px; width: 10px; height: 2px; right: -10px; position: absolute; content: "";line-height: 50px;
}*/
.lnb_sec .lnbnew > li.current > a {
	background: #5b96c8; color: rgb(255, 255, 255);
}
.lnb_sec .lnbnew > li:hover > a {
	background: #5b96c8; color: rgb(255, 255, 255);text-decoration:none
}
.lnb_sec .lnbnew > li > a:focus {
	background: #5b96c8; color: rgb(255, 255, 255);
}
.lnb_sec .lnbnew > li.current > a::before {
	right: 15px;
}
.lnb_sec .lnbnew > li:hover > a::before {
	right: 15px;
}
.lnb_sec .lnbnew > li > a:focus::before {
	right: 15px;
}
.lnb_sec .lnbnew > li > a.blank::after {
	background: url("../../images/template/ico_blank_g.png") no-repeat center; width: 14px; height: 24px; margin-left: 5px; vertical-align: top; display: inline-block; content: "";
}
.lnb_sec .lnbnew > li > a.blank:hover::after {
	background: url("../../images/template/ico_blank.png") no-repeat center;
}
.lnb_sec .lnbnew > li > a.blank:focus::after {
	background: url("../../images/template/ico_blank.png") no-repeat center;
}
.lnb_sec .lnbnew > li > a.blank:active::after {
	background: url("../../images/template/ico_blank.png") no-repeat center;
}
.lnb_sec .lnbnew > li .lnb_dep3 {
	background: rgb(245, 245, 245); padding: 0px; transition:0.4s; height: 0px; overflow: hidden; letter-spacing:-1px; 
}
.lnb_sec .lnbnew > li.current .lnb_dep3 {
	padding: 15px 0px; height: auto;
}
.lnb_sec .lnbnew > li:hover .lnb_dep3 {
	padding: 15px 0px; height: auto;
}
.lnb_sec .lnbnew > li > a:focus .lnb_dep3 {
	padding: 15px 0px; height: auto;
}
.lnb_sec .lnbnew > li .lnb_dep3 > li > a {
	padding: 0px 15px; transition:color 0.4s; line-height: 24px; font-size: 13px; color:#666; font-weight:500
}
.lnb_sec .lnbnew > li .lnb_dep3 > li > a.blank::after {
	background: url("../../images/template/ico_blank_g.png") no-repeat center; width: 14px; height: 30px; margin-left: 5px; vertical-align: top; display: inline-block; content: "";
}
.lnb_sec .lnbnew > li .lnb_dep3 > li.current > a {
	color: rgb(0, 141, 184);
}
.lnb_sec .lnbnew > li .lnb_dep3 > li > a:hover {
	color: rgb(0, 141, 184);
}
.lnb_sec .lnbnew > li .lnb_dep3 > li:focus > a {
	color: rgb(0, 141, 184);
}
.lnb_sec .lnbnew > li .lnb_dep3 > li > a.blank:hover::after {
	background: url("../../images/template/ico_blank_ov.png") no-repeat center;
}
.lnb_sec .lnbnew > li .lnb_dep3 > li > a.blank:focus::after {
	background: url("../../images/template/ico_blank_ov.png") no-repeat center;
}
.lnb_sec .lnbnew > li .lnb_dep3 > li > a.blank:active::after {
	background: url("../../images/template/ico_blank_ov.png") no-repeat center;
}
.lnb_sec .lnbnew > li .lnb_dep4 {
	background: rgb(219, 219, 219); padding: 0px; transition:0.4s; height: 0px; overflow: hidden;
}
.lnb_dep3 > li.current .lnb_dep4 {
	padding: 5px 0px; height: auto;
}
.lnb_dep3 > li:hover .lnb_dep4 {
	padding: 5px 0px; height: auto;
}
.lnb_dep3 > li > a:focus .lnb_dep4 {
	padding: 5px 0px; height: auto;
}
.lnb_dep4 > li > a {
	padding: 0px 15px 0px 20px; transition:0.4s; line-height: 28px; font-size: 13px;
}
.lnb_dep4 > li.current > a {
	background: rgb(192, 163, 83); color: rgb(255, 255, 255);
}
.lnb_dep4 > li:hover > a {
	background: rgb(192, 163, 83); color: rgb(255, 255, 255);
}
.lnb_dep4 > li > a:focus {
	background: rgb(192, 163, 83); color: rgb(255, 255, 255);
}




.sub_cont {
	width: 79%; float: left;
}
.sub_tit_sec {
	padding-bottom: 11px; margin-bottom: 35px; border-bottom-color: rgb(91, 150, 200); border-bottom-width: 2px; border-bottom-style: solid;
}
.sub_tit_sec::after {
	clear: both; display: block; content: "";
}
.sub_title {
	color: rgb(51, 51, 51); font-size: 28px; font-weight: 600; float: left; padding-left:5px; padding-top:5px; 
}
#breadcrumbs {
	text-align: right; font-size: 0px; margin-top: 10px; float: right;
}
#breadcrumbs > li {
	color: rgb(153, 153, 153); font-size: 14px; vertical-align: top; display: inline-block;
}
#breadcrumbs > li.home {
	background: url("../images/common/ico_home.png") no-repeat center; width: 20px; color:#fff 
}
#breadcrumbs > li.last {
	color: rgb(102, 102, 102); font-weight: 500;
}
#breadcrumbs > li::before {
	margin: 0px 10px; color: rgb(153, 153, 153); vertical-align: top; display: inline-block; content: ">";
}
#breadcrumbs > li.home::before {
	display: none;
}
.sub_cont > section {
	margin-bottom: 120px; min-height: 500px;
}
.sub_cont > section > article {
	margin-top: 50px;
}
.sub_cont > section > article:first-child {
	margin: 0px;
}
.arti_tit {
	color: rgb(51, 51, 51); font-size: 22px; font-weight: 700; margin-bottom: 10px; background:url(../images/common/ico_02.png) no-repeat 0px 12px; padding-left:25px
}
.arti_tit > span {
	color: rgb(1, 157, 219); font-weight: 700;
}
.arti_tit2 {
	color: rgb(51, 51, 51); font-size: 22px; font-weight: 700; margin-bottom: 10px; background:url(../images/common/ico_02.png) no-repeat 0px 12px; padding-left:25px; margin-top:40px
}
.arti_tit2 > span {
	color: rgb(0, 0, 0); font-weight: 600;
}
.dot_list > li {
	padding-left: 10px; font-size: 16px; position: relative;
}
.dot_list > li::before {
	background: rgb(153, 153, 153); border-radius: 100%; left: 0px; top: 14px; width: 4px; height: 4px; position: absolute; content: "";
}
.table_ty .dot_list > li {
	padding: 5px 0px 5px 10px; color: rgb(102, 102, 102);
}
.table_ty .dot_list > li::before {
	top: 19px;
}
.cc_list > li {
	color: rgb(51, 51, 51); padding-left: 30px; font-size: 16px; position: relative;
}
.cc_list > li::before {
	border-radius: 100%; border: 2px solid #5b96c8; border-image: none; left: 15px; top: 12px; width: 8px; height: 8px; position: absolute; content: ""; box-sizing: border-box;
}
.cc_list > li > span {
	color: rgb(102, 102, 102);
}
.cc_list2 > li {
	color: rgb(51, 51, 51); padding-left: 30px; font-size: 16px; position: relative; 
}
.cc_list2 > li a{
	 display:inline; color:#056fb9
}
.cc_list2 > li::before {
	border-radius: 100%; border: 2px solid #000; border-image: none; left: 20px; top: 13px; width: 4px; height: 4px; position: absolute; content: ""; box-sizing: border-box;
}
.cc_list2 > li > span {
	color: rgb(102, 102, 102);
}

/* 칭호부여 */
.namebox_tit {
	color: rgb(51, 51, 51); font-size: 17px; font-weight: 700;  padding-left:25px; background:#fff; vertical-align: middle
}
.namebox ul > li {
	color: rgb(51, 51, 51); padding-left: 30px; font-size: 15px; position: relative; float:left
}
.namebox ul > li::before {
	border-radius: 100%; border: 2px solid #000; border-image: none; left: 20px; top: 13px; width: 4px; height: 4px; position: absolute; content: ""; box-sizing: border-box;
}
.namebox ul > li > span {
	color: rgb(102, 102, 102);
}
.namebox {width:97%; padding:15px;   background:#f5f5f5; margin-top:5px; margin-bottom:20px}




.s0301 .arti01 .arti_tit {
	line-height: 40px; font-size: 30px; font-weight: 400; margin-bottom: 30px;
}
.s0301 .arti01 .img {
	margin-bottom: 25px;
}
.s0301 .arti01 .de_txt {
	font-size: 16px;
}
.s0301 .arti02 .ht_slog {
	text-align: center; margin-bottom: 70px;
}
.s0301 .arti02 .ht_slog > dt {
	background: url("../../images/sub/s0301_arti01_slog.png") no-repeat top; color: rgb(51, 51, 51); line-height: 80px; letter-spacing: 4px; font-size: 20px; margin-bottom: 10px;
}
.s0301 .arti02 .ht_slog > dt > span {
	color: rgb(255, 255, 255);
}
.s0301 .arti02 .ht_slog > dd {
	color: rgb(1, 157, 219); line-height: 60px; font-size: 48px; font-weight: 300;
}
.s0301 .arti02 .ht_slog > dd > span {
	vertical-align: top; border-bottom-color: rgb(1, 157, 219); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.s0301 .arti02 .cell_txt_sec {
	margin: 0px -25px;
}
.s0301 .arti02 .cell_txt {
	width: 100%; display: table; table-layout: fixed;
}
.s0301 .arti02 .cell_txt > li {
	padding: 0px 25px; font-size: 16px; vertical-align: top; display: table-cell;
}
.s0301 .arti02 .cell_txt > li .ht {
	color: rgb(1, 157, 219); font-weight: 700;
}
.s0301 .arti02 .sign {
	text-align: right; color: rgb(153, 153, 153); font-size: 14px; font-weight: 700; margin-top: 60px;
}
.s0301 .arti02 .sign > span {
	color: rgb(102, 102, 102); font-size: 20px; font-weight: 400; display: block;
}
.s0301 .arti02 .sign > span > strong {
	color: rgb(51, 51, 51); font-size: 26px; font-weight: 700;
}

.box_info {
	margin-top: 20px;
}
.box_info::after {
	clear: both; display: block; content: "";
}
.box_info > dt {
	background: rgb(1, 157, 219); padding: 22px 10px; width: 20%; text-align: center; color: rgb(255, 255, 255); line-height: 26px; font-size: 18px; margin-right: 2%; float: left; box-sizing: border-box; 
}
.box_info > dt > span {
	font-weight: 700; display: block;
}
.box_info > dd {
	background: rgb(245, 245, 245); padding: 33px 10px; width: 78%; text-align: left; color: rgb(51, 51, 51); font-size: 16px; float: left; box-sizing: border-box;
}
.box02.box_info > dd {
	padding: 18px 10px;
}
.box02.box_info > dd a{ text-decoration:underline; display:inherit
}
.box_info > dd > strong {
	color: rgb(1, 157, 219); font-weight: 700;
}

.bd_sec {
	margin: 0px auto 80px; width: 100%; max-width: 1300px;
}
#bo_v_img {
	margin: 10px 0px; text-align: center;
}
#bo_v_img > a {
	vertical-align: top; display: inline-block;
}
#bo_v_img img {
	width: auto !important;
}
/* faq타이틀 */
.fqtitle {
	text-align: center; margin-bottom: 50px;
}
.fqtitle {
	color: rgb(4, 33, 97); line-height: 40px; font-size: 36px; font-weight: 400;
}
.fqtitle > span {
	vertical-align: top; border-bottom-color: rgb(4, 33, 97); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}

/* use타이틀 */
.usetitle {
	text-align: center; margin-bottom: 30px; margin-top:50px
}
.usetitle {
	color: rgb(4, 33, 97); line-height: 34px; font-size: 26px; font-weight: 400;
}
.usetitle > span {
	vertical-align: top; border-bottom-color: rgb(4, 33, 97); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}


/* 기부방법 */

.partList {
	background: rgb(255, 255, 255); padding: 30px 0 0 30px;
}
.partList ul::after {
	clear: both; display: block; content: "";
}
.partList ul li {
	width: 238px; height: 466px; text-align: center; margin-right: 8px; float: left; position: relative;
}
.partList ul li.no1 {
	background: url("/images/participation/dobg01.png") no-repeat 0% 0% / cover; margin-left: 0px;
}
.partList ul li.no2 {
	background: url("/images/participation/dobg02.png") no-repeat 0% 0% / cover;
}
.partList ul li.no3 {
	background: url("/images/participation/dobg03.png") no-repeat 0% 0% / cover;
}
.partList ul li.no4 {
	background: url("/images/participation/dobg04.png") no-repeat 0% 0% / cover;
}
.partList ul li .img {
	padding: 25px 0px 5px;
}
.partList ul li .tit {
	color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 24px; margin-bottom: 8px;
}
.partList ul li .tit2 {
	color: rgb(255, 255, 255); padding-bottom: 55px; font-size: 14px; margin-bottom: 70px; position: relative; line-height:20px
}
.partList ul li .tit2 a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.partList ul li .tit2::after {
	background: rgb(255, 255, 255); left: 50%; width: 40px; height: 0px; bottom: 0px; margin-left: -20px; display: block; position: absolute; content: "";
}
.partList ul li .btnBox {
	left: 0px; width: 100%; text-align: center; bottom: 65px; position: absolute;
}
.partList ul li .btnBox .line {
	margin-bottom: 8px;
}
.partList ul li .btnBox a {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 80%; height: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 16px; display: inline-block;transition:0.4s;
}
.partList ul li .btnBox a:hover {	background: rgb(255, 255, 255); color: rgb(118, 118, 118);}

.partList ul li .btnBox2 {
	left: 0px; width: 100%; text-align: center; bottom: 20px; position: absolute;
}
.partList ul li .btnBox2 .line {
	margin-bottom: 8px;
}
.partList ul li .btnBox2 a {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 80%; height: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 16px; display: inline-block;transition:0.4s;
}
.partList ul li .btnBox2 a:hover {	background: rgb(255, 255, 255); color: rgb(118, 118, 118);}

.partList ul li.no2 .tit2 {
	padding-bottom: 0px; margin-bottom: 62px;
}
.partList ul li.no2 .tit2::after {
	content: none;
}
.partList ul li.no2 .tit2 > dl {
	padding-left: 33px;
}
.partList ul li.no3 .tit2 {
	padding-bottom: 0px; padding-left: 0px; margin-bottom: 61px;
}
.partList ul li.no3 .tit2::after {
	display: none;
}
.partList ul li.no4 .tit2 {
	padding-bottom: 0px; padding-left: 0px; margin-bottom: 61px;
}
.partList ul li.no4 .tit2::after {
	display: none;
}
.partList ul li .tit2 dl {
	text-align: center; line-height: 20px; margin-bottom: 5px;
}
.partList ul li .tit2 dl::after {
	clear: both; display: block; content: "";
}
.partList ul li .tit2 dl dt {
	width: 65px; float:left
}
.partList ul li .tit2 dl dd { float:left
	
}


@media all and (max-width:640px)
{

.partList { margin-left:15%
}
}

/* 온라인약정 스텝 */
.stepList {
	margin-bottom: 60px;
}
.stepList.mb50 {
	margin-bottom: 43px;
}
.stepList ul::after {
	clear: both; display: block; content: "";
}
.stepList ul li {
	width: 22%; float: left; border: 1px solid rgb(233, 233, 233); padding:5px; margin-left:1%
}
.stepList ul li::after {
	clear: both; display: block; content: "";
}
.stepList ul li .num {
	color: rgb(144, 144, 144); letter-spacing: -1px; font-size: 37px;  font-weight: bold; float: left;
}
.stepList ul li .txt {
	 padding:0 0 0 10px; color: rgb(144, 144, 144); letter-spacing: -1px; font-size: 15px; font-weight: bold; float: left; cursor: pointer;
}
.stepList ul li.check {border: 1px solid rgb(1, 157, 219);}
.stepList ul li.check .num {
	color: rgb(1, 157, 219);
}
.stepList ul li.check .txt {
	 padding: 0px 0px 0px 10px; color: rgb(1, 157, 219);
}

@media all and (max-width:800px)
{
.stepList ul li { width:46%
	
}
.stepList ul li .num {
	font-size: 15px; margin-top: 10px;
}
.stepList ul li .txt {
	padding: 5px 0px 5px 5px; width: 170px; font-size: 12px; background-size: 100% 100%;
}
.stepList ul li.check .txt {
	padding: 5px 0px 5px 5px; background-size: 100% 100%;
}

}
@media all and (max-width:480px)
{

.stepList.mb50 {
	margin-bottom: 20px;
}
.stepList ul li { width:45%
	
}
.stepList ul li .num {
	font-size: 15px; margin-top: 5px;
}
.stepList ul li .txt {
	padding: 5px 0px 5px 5px; width: 140px; font-size: 11px; background-size: 100% 100%;
}
}










.bd_arti_tit {
	color: rgb(0, 121, 194); font-size: 24px; font-weight: 600; margin-bottom: 10px;
}
.bd_de_txt {
	margin-bottom: 20px;
}









.personalWrap {
	padding: 25px 30px 15px; border: 1px solid rgb(223, 223, 223); border-image: none; margin-bottom: 5px;
}
.personalWrap .tit01 {
	color: rgb(34, 34, 34); line-height: 23px; font-size: 14px; font-weight: bold;
}
.personalWrap .tix02 {
	color:#444; line-height: 23px; padding-left: 15px; font-size: 14px; margin-bottom: 30px; font-weight: 100
}







.checkAgree {
	margin: 0px 0px 17px 0px; width: 100%;
}
.checkAgree::after {
	clear: both; display: block; content: "";
}
.checkAgree .left {
	color: rgb(34, 34, 34); font-size: 14px; font-weight: bold; float: left; min-height: auto;
}
.checkAgree .right {
	color: rgb(34, 34, 34); font-size: 14px; float: right; min-height: auto;
}
.checkAgree .right input {
	margin-right: 3px; margin-left: 20px;
}

.checkAgreeAll {
	margin: 0px 0px 17px 0px; width: 100%;
}
.checkAgreeAll::after {
	clear: both; display: block; content: "";
}
.checkAgreeAll .left {
	color: rgb(196, 51, 71); font-size: 15px; font-weight: bold; float: left; min-height: auto;
}
.checkAgreeAll .right {
	color: rgb(34, 34, 34); font-size: 15px; float: right; min-height: auto;
}
.checkAgreeAll .right input {
	margin-right: 3px; margin-left: 20px;
}










.tableType01 table {
	border-top-color: rgb(223, 223, 223); border-top-width: 1px; border-top-style: solid; margin-top:10px
}
.tableType01 table.bdt-none {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.tableType01 table td {
	padding: 9px 0px 9px 14px; border-bottom-color: rgb(223, 223, 223); border-left-color: rgb(223, 223, 223); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;
}

.tableType01 table tr td:first-child {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.tableType01 table tr .tBlue01 {
	color: rgb(55, 171, 241); font-size: 15px; margin-right: 19px;
}

/* 발전기금의 용도 */
		.boxType02 {
	background: rgb(255, 255, 255); padding: 10px 0px 0px 0px; margin-bottom: 0px;
}
.boxType02 > ul {
	margin-left: -25px;
}
.boxType02 > ul::after {
	clear: both; display: block; content: "";
}
.boxType02 > ul > li {
	width: 320px; height: 260px; margin-left: 25px; float: left; 
}
.boxType02 > ul > li .titWrap {
	padding: 0px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; margin-bottom: 23px; height:120px; line-height: 30px;
}
.boxType02 > ul > li .titWrap span {
	padding: 17px 0px 17px 53px;
}
.boxType02 > ul > li.no1 .titWrap {
	background: url("/images/fund/usebg_01.png") no-repeat center;border-top: 0px solid rgb(4, 141, 186); 
}
.boxType02 > ul > li.no1 .titWrap span {
	background: url("images/sub/subIco03.png") no-repeat 5px;
}
.boxType02 > ul > li.no2 .titWrap {
	background: url("/images/fund/usebg_02.png") no-repeat center;border-top: 0px solid rgb(4, 141, 186); 
}
.boxType02 > ul > li.no2 .titWrap span {
	background: url("images/sub/subIco04.png") no-repeat left;
}
.boxType02 > ul > li.no3 .titWrap {
	background: url("/images/fund/usebg_03.png") no-repeat center;border-top: 0px solid rgb(4, 141, 186); 
}
.boxType02 > ul > li.no3 .titWrap span {
	background: url("images/sub/subIco05.png") no-repeat left 5px;
}
.boxType02 > ul > li.no4 .titWrap {
	background: url("/images/fund/usebg_04.png") no-repeat center;border-top: 0px solid rgb(4, 141, 186); 
}
.boxType02 > ul > li.no4 .titWrap span {
	background: url("images/sub/subIco06.png") no-repeat left;
}
.boxType02 > ul > li.no5 .titWrap {
	background: url("/images/fund/usebg_05.png") no-repeat center;border-top: 0px solid rgb(4, 141, 186); 
}
.boxType02 > ul > li.no5 .titWrap span {
	background: url("images/sub/subIco07.png") no-repeat left;
}
.boxType02 > ul > li.no6 .titWrap {
	background: url("/images/fund/usebg_06.png") no-repeat center;border-top: 0px solid rgb(4, 141, 186); 
}
.boxType02 > ul > li.no6 .titWrap span {
	background: url("images/sub/subIco08.png") no-repeat left;
}
.boxType02 > ul > li.no7 .titWrap {
	background: url("images/sub/subBg12.png") no-repeat center;
}
.boxType02 > ul > li.no7 .titWrap span {
	background: url("images/sub/subIco15.png") no-repeat left;
}
.boxType02 > ul > li.no8 .titWrap {
	background: url("images/sub/subBg13.png") no-repeat center;
}
.boxType02 > ul > li.no8 .titWrap span {
	background: url("images/sub/subIco16.png") no-repeat left;
}
.boxType02 > ul > li.no9 .titWrap {
	background: url("images/sub/subBg14.png") no-repeat center;
}
.boxType02 > ul > li.no9 .titWrap span {
	background: url("images/sub/subIco17.png") no-repeat left;
}
.boxType02 > ul > li .txt01 {
	text-align: left; color: rgb(34, 34, 34); line-height: 20px; letter-spacing: -1.6px; font-size: 15px;
}
.boxType02 > ul > li .txt01 span {
	text-align: left; color: rgb(150, 150, 150); line-height: 20px; letter-spacing: -1.2px; font-size: 15px;
}
.boxType02.type2 > ul > li .titWrap {
	margin-bottom: 18px;
}

@media all and (max-width:1200px)
{


.boxType02 {
	padding: 20px;
}
.boxType02 > ul {
	margin: 0px auto; width: 780px;
}
.boxType02 > ul > li {
	
}
}

@media all and (max-width:800px)
{

.boxType02 {
	padding: 20px; margin-bottom: 0px;
}
.boxType02 > ul {
	margin: 0px auto; width: auto; text-align: center;
}
.boxType02 > ul > li {
	width: 100%; margin-left: 0px; float: none; display: inline-block;
}
}



/* 링크관련 */
.sub_cont a {
	color: rgb(102, 102, 102); font-weight: 400; text-decoration: none; vertical-align: top;
}
.programCon a {	color: rgb(102, 102, 102); font-weight: 400; text-decoration: none; vertical-align: top;
}


/* 이미지관련 추가 */
img {
	width: auto; max-width: 100%;
}



/* 간편전화상담 테이블 */
.table_small {
	border-top-color: rgb(1, 157, 219); border-top-width: 2px; border-top-style: solid;
}
.table_small th {
	padding: 10px; text-align: center; border-right-color: rgb(219, 219, 219); border-bottom-color: rgb(219, 219, 219); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.table_small td {
	padding: 10px; text-align: center; border-right-color: rgb(219, 219, 219); border-bottom-color: rgb(219, 219, 219); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.table_small th:first-child {
	border-left-color: rgb(219, 219, 219); border-left-width: 1px; border-left-style: solid;
}
.table_small td:first-child {
	border-left-color: rgb(219, 219, 219); border-left-width: 1px; border-left-style: solid;
}
.table_small thead th {
	background: rgb(242, 250, 253); padding: 8px 10px; color: rgb(1, 157, 219); font-size: 14px; font-weight: 600;
}
.table_small tbody th {
	background: rgb(242, 250, 253); color: rgb(1, 157, 219); font-size: 14px; font-weight: 600;
}
.table_small td {
	color: rgb(51, 51, 51); font-size: 14px;font-weight: 500;
}
.table_small td.left{
	color: rgb(51, 51, 51); font-size: 14px; text-align:left
}
.table_small .tl {
	text-align: left;
}
.table_small .tr {
	text-align: right;
}
.table_small .tc {
	text-align: center;
}


/* 찾아오시는길 */
.map {width:100%;  border-color: rgb(204, 204, 204); border-width: 1px; border-style: solid;}




/* 연혁 */
.his_list {
	padding: 30px 10px 30px 20px; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box;background:#F7F7F7
}
.his_list.first {
	border-top-color:rgb(219, 219, 219); border-top-width: 1px; border-top-style: solid; background:#F7F7F7
}
.his_list dt {
	width: 14%; color:#5b96c8; line-height: 28px; font-size: 24px; float: left; font-weight:600
}
.his_list dt.gr{
	width: 14%; color:#d08d22; line-height: 28px; font-size: 24px; float: left; font-weight:600
}
.his_list dd {
	width: 86%; float: right;
}
.his_list.gr{
	background:#fff
}
.his_list dd::after {
	clear: both; display: block; content: "";
}
.his_list.none dt {
	width: 100%; text-align: center;
}
.his_list.none dd {
	display: none;
}
.his_list dd .month {
	width: 8%; color: rgb(51, 51, 51); line-height: 35px; float: left;font-weight:600
}
.his_list dd .dot_list {
	width: 92%; float: left;
}
.his_list dd .dot_list > li {
	line-height: 35px;
}
.his_list dd .dot_list > li::before {
	top: 18px;
}


@media (max-width:640px){
.his_list {padding:20px;}
.his_list dt {width:16%;font-size:24px;line-height:34px;}
.his_list dt.gr {width:16%;font-size:24px;line-height:34px;}
.his_list dd {width:84%;}
.his_list dd .month {width:10%;line-height:34px;}
.his_list dd .dot_list {width:90%;}
.his_list dd .dot_list > li {padding:4px 0 4px 10px;line-height:26px;}
}


@media (max-width:480px){
.his_list {padding:20px 0;}
.his_list dt {width:20%;font-size:20px;line-height:30px;}
.his_list dt.gr{width:20%;font-size:20px;line-height:30px;}
.his_list dd {width:80%;size:9px}
.his_list dd .month {line-height:30px; width: 12%}
.his_list dd .dot_list > li {line-height:22px; width: 88%}
.his_list dd .dot_list > li:before {top:16px;}
}