/* 서브이미지 */
.sub_visu {
	height: 340px; 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: 27px; font-weight:600; margin-bottom: -1px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 0px; border-bottom-style: solid; letter-spacing:-1px;
	height:162px; padding-top:0px; text-align:center; background: url(/images/common/bg_lefttop.jpg) no-repeat; line-height: 160px; 
}
.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: #f4f4f4; color:#76990d
}
.lnb_sec .lnbnew > li:hover > a {
	background: #f4f4f4; color:#76990d;text-decoration:none
}
.lnb_sec .lnbnew > li > a:focus {
	background: #f4f4f4; color:#76990d;
}
.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: 5px; margin-bottom: 35px; border-bottom-color:#A2A2A2; border-bottom-width: 0px; border-bottom-style: solid; background: url(../images/common/bar01.gif) no-repeat 8px 0px; padding-top: 10px }
.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: 20px; font-weight: 700; margin-bottom: 10px; background:url(/images/common/ico_02.png) no-repeat 15px 12px; padding-left:30px; margin-top:5px ; height: 45px
}
.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 #9fcd60; 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)
{

.sub_cont{width:100%;}
.s0301 .arti01 .img{text-align:center;}

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




			/* 연혁 */
.history_style_01 {padding: 40px 0; border-top: 1px solid #eee;}
.history_style_01:after {content:''; display:block; clear:both;}
.history_style_01 > div .title {margin: 20px 0 0 0; padding: 0 20px; cursor: pointer; background: #f3f0e8; border: 1px solid #dfd7c2; color: #000}
.history_style_01 > div .title h2 {position: relative; font-weight: normal; margin:10px 0;}
.history_style_01 > div .title h2 i {display: block; overflow: hidden; position: absolute; right: 12px; top: 50%; width: 10px; height: 10px; margin-top: -6px; text-indent: -9999px;}
.history_style_01 > div .title h2 i:after, .history_style_01 > div .title h2 i:before {content: ''; display: block; position: absolute;	background: #000;}
.history_style_01 > div .title h2 i:after {width: 100%; height: 2px; left: 0;	top: 50%; margin-top: -1px;}
.history_style_01 > div .title h2 i:before {height: 100%;	width: 2px;	left: 50%; top: 0; margin-left: -1px;}
.history_style_01 > div .title.first {margin: 0;}
.history_style_01 > div .title.on h2 i:before {display: none;}
.history_style_01 > div .text {display: none;	margin: -1px 0 0 0;	padding: 10px 20px;	border: 1px solid #dfd7c2;	border-top: none;}
.history_style_01 > div .text p {margin: 0; padding: 5px 0; font-size: 14px; letter-spacing:-.5px;}
.history_style_01 > div .text.on { display: block;}
.history_style_01 > figure {text-align: center;}
.history_style_01.first {padding-top: 0;border-top: none;}

.visible_br{display:inline;}

@media screen and (max-width: 1300px) {
.visible_br{display:none;}
}

@media screen and (min-width: 1100px) {
	.history_style_01 .left {float: left; width: 68%;}
	.history_style_01 .right {float: right;	width: 30%;}
	.history_style_01 > div .text p {font-size: 15px;}
}


@media screen and (min-width: 1100px) {
.att{display:none;}
}


@media screen and (max-width: 1099px) {
.att{}
}




/*1365실적조회*/




.check_num{width:100px; height:30px; background:#abcf2d; color:#fff; font-size:12px;}

.find_box{width:100%;font-size:14px;border-top:2px solid #000;}
.find_name{width:100%;  margin:0; background:#fff; height:auto; border-bottom:1px solid #ccc;  }
.find_name .f_label{width:20%; float:left;text-align:center;font-size:16px; padding: 10px; background:#f9f8f8; box-sizing:border-box;}
.find_name .f_input{width:80%; display:inline-block; }
.f_name_i{width:275px; height:30px; border:1px solid #ccc; margin:10px 2px 10px 10px;}
.birthday{width:87px; height:30px; border:1px solid #ccc;margin:10px 1px;}
#birthday1{margin-left:10px;}
#hp1{margin-left:10px;}
.hp_s{width:87px; height:30px; border:1px solid #ccc;margin:10px 1px;}
.onlynum{width:87px; height:30px; border:1px solid #ccc;margin:10px 1px;}
.label_name{word-spacing:22px;}
.label_t{word-spacing:2px;}
.find_agree{width:100%;  margin:0; background:#fff; height:120px;margin-bottom:30px;border-bottom:1px solid #ccc;}
.fa_label{width:20%; float:left;text-align:center;font-size:16px;   height:120px;  line-height:120px;word-spacing:17px; background:#f9f8f8;}
.fa_input{width:80%;  float:right;}
.fa_input span{margin-left:10px;display: inherit;}
.radio_b{margin:10px; position:relative; top:3px;}
.input_btn_box{width:120px; height:40px; margin:0 auto 20px;}


.input_btn{ background:#abcf2d; color:#fff; font-size:15px; width:120px; height:40px; line-height:40px; border-radius:5px;}

.input_btn2{background:#abcf2d; color:#fff; font-size:15px; width:100px; height:35px; line-height:35px; border-radius:5px; float:right; margin-bottom:10px;}

.fa_input .agr_btn{
	display: flex;
  align-items: center;
}

.fa_input .agr_btn > span{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left:0;
}

.fa_input .agr_btn > span:first-child{margin-right:20px;}

.fa_input .agr_btn > span > input{
	margin:0;
	margin-right:3px;
	top:auto;
}

.byfi .fa_input{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.find_box .f_input > input{
	padding-left:3px;
}


.by_img{
	position:relative;
	width:100%;
	margin-bottom:40px;
	padding:0 5px;
	box-sizing:border-box;
}

.s0301 .by_img:last-child{margin-bottom:0;}

.by_img > img{width:100%;}

.by_vision .arti_tit{
	margin-bottom:5px;
}

.by_img .button-center > a {display:inline-block;}

.by_img .button-center > a > button{
	margin-bottom:0;
}
    

@media all and (max-width:900px){
	.f_name_i{width:252px;}
	.birthday{width:80px;}
	.onlynum{width:80px;}
	.hp_s{width:80px;}
	.check_num{width:80px;}
	.find_name .f_label{width:15%;font-size:12px;padding: 10px 0;}
	.find_name .f_input{width:85%}
	.f_name_i{width:252px;}
	.birthday{width:80px;}
	.onlynum{width:80px;}
	.hp_s{width:80px;}
	.check_num{width:80px;}
	.fa_label{width:15%; font-size:12px;padding:0;}
	.fa_input{width:85%;}
}


@media all and (max-width:800px){
	.toggle_wrap{box-sizing:border-box;}
	.history_style_01 > div .title{box-sizing:border-box;}
	.history_style_01 > div .text{
		box-sizing:border-box;
		width:98%;
	}
}



@media all and (max-width:430px){
	.nn{display:none;}
	.f_name_i{width:220px;}
	.birthday{width:70px;}
	.onlynum{width:70px;}
	.hp_s{width:70px;}
	.check_num{width:50px; font-size:12px;}
	.radio_b,.radio_l {
		position:relative;
		top:-5px;
	}
	.fa_input .agr_btn > span > input.radio_b,.radio_l{
		top:0;
	}
	.find_agree.byfi{
		height:125px;
	}
	.byfi .fa_label{
		height:125px;
	}
	.by_img{margin-bottom:20px;}
}

@media all and (max-width:348px){
	.label_name{word-spacing:2px;}
	.f_name_i{width:190px;}
	.birthday{width:60px;}
	.onlynum{width:60px;}
	.hp_s{width:60px;}
}