@charset "utf-8";

section{margin:0em 0 5em 0;overflow:hidden;font-size:18px; }
section *{  word-break:keep-all;}
section h3 {position:relative; display:block; color:#222; margin:0px 0 1em 0; font-size:160%;   padding-left:15px; font-family:'Noto bold';}
section h3:before {content:'';position:absolute;left:0px; top:8px; bottom:5px; width:4px; background:#2266cb}
section h3:after {content:'';position:absolute;left:0px; top:50%; bottom:5px; width:4px; background:#000}
section h4 {position:relative; display:block; margin-bottom:1%; padding-left:15px; font-family:'Noto Medium'; font-size:24px;}
section h4:before {content:'';position:absolute;left:0px; top:15px; width:7px; height:3px; background:#777}
section h5{display:block; font-size:130%; margin-bottom:5px; font-family:'Noto Medium';}
section span{font-weight:inherit }
section .round{font-size:130%; border-radius:30px; padding:5px 25px; color:#fff; margin-bottom:1%; display:inline-block }
section p{ color:#222; line-height:1.8em; font-size:90%;}
section span.block{display:block}
section strong{color:#222;  font-weight:600}
section strong span{font-weight:400}
section dt{font-weight:normal ; }
section th{font-weight:normal ; }
section .list li{position:relative;overflow:hidden; padding:0px 5px 5px 15px;text-align:left;line-height:1.8em; }
section .list li:before{content:''; position:absolute; top:15px; left:0px; background:#999; width:3px; height:3px; border-radius:10px; }
section .list li ul li:before{background:#999; width:4px; height:2px;  }
section .fl {float:left}
section .fr {float:right}
section .tb{font-size:110%; }
section .tb01{font-size:130%; }
section .center *{ text-align:center ; }
section.privacy p{font-size:14px}
section.privacy h4{font-size:18px}
section.privacy p:before{content:''; display:block; background:rgba(0,0,0,0.0); height:1px; margin:0 0}
section .color_box {position:relative;background:#eee; padding:3.5% 5%; border-radius:7px; overflow:hidden}
section .color_box.blue {color:#fff; background:#2e384c; font-size:120%; border-radius:7px;}
section .gray_box {background:#f6f6f6; padding:2% 4%;  overflow:hidden; border-radius:7px;}
section .line_box {border:1px solid #ddd; padding:5% 7%;  overflow:hidden; margin:2% 0; font-size:120%; border-radius:7px;}
section .line_box2{border:1px solid rgba(0,0,0,0.1); background:#f9f9f9;padding:3% 4%;font-size:110%; margin:5px 0; overflow:hidden;border-radius:7px; }
section i{font-style:normal; font-weight:400; font-family:'Noto Regular';}
section ol.list_num{position:relative; margin:10px 0px; }
section ol.list_num li{ position:relative; padding:3px 0px 3px 5px; list-style-type:decimal;  margin-left:25px; }
section hr {border-top:1px dashed #ccc; margin:6% 0;display:block}

section .list.v2 li{float:left; width:50%; font-size:115%; padding-left:40px; line-height:200%; font-family:'s-core-dream';font-weight:400; letter-spacing:-0.05em}
section .list.v2 li:before{content:''; position:absolute; top:10px; left:0px; width:27px; height:27px; border-radius:50%; background:#13429e url(/user/default/image/contents/icon_check.png) center center no-repeat}
section .list.v2 li ul li{font-size:80%;width:100%; line-height:150%; padding-left:10px; }
section .list.v2 li ul li:before{background:#999; width:4px; height:2px; top:10px; }

.row p{color:#666;}


.dl_t {font-size:100%;}
.dl_t dt {color:#000;font-family:'Noto Medium';  margin:10px 0px; font-size:120%;}
.dl_t dd span{color:#000; font-weight:400  }
.dl_t dd { margin:10px 0px 1em 0px; color:#555; }

.dl_t.ver2 {font-size:120%;}
.dl_t.ver2 dt{font-size:140%;}

img {vertical-align:middle}

.pad_box { padding:2% 1%; overflow:hidden }
.pad_box2 { padding:8% 1% 4% 1%; overflow:hidden }

.title_box p {font-size:180%; }
.title_box strong {font-size:350%;}
.title_box strong span{font-family: 'Noto Bold';}

.bg_color1{background:#006bd3; }
.bg_color2{background:#555;}
.bg_color3{background:#254471;}
.tc1{color:#006bd3;}
.tc2{color:red !important;}
.tc3{color:#254471;}
.tc4{color:#fff;}
.tc5{color:#000;}
.tc6{color:#666;}
.t_mar1 {margin-top:1% !important}
.t_mar2 {margin-top:2% !important}
.t_mar3 {margin-top:3% !important}
.t_mar4 {margin-top:4% !important}
.t_mar5 {margin-top:5% !important}
.t_mar6 {margin-top:6% !important}
.t_mar7 {margin-top:7% !important}
.t_mar8 {margin-top:8% !important}
.l_mar3 {margin-left:3% !important}

.f120 {font-size:120%}
.f150 {font-size:150%}
.w30 {width:30%;}
.bor img{border:1px solid #ddd}
.banner img {float:left; margin:10px 0;}

.patb{padding:4px;background:url(../image/pat3.png);border-radius:10px;margin:0 auto;display:table;width:100%;height:100%} 
.patb > div{padding:4%;background:#fff;height:100%;vertical-align:middle;display:table-cell; font-size:110%;}

.s_title *{text-align:center;}
.s_title dt {font-size:180%; color:#fff8cb; padding-bottom:1%}
.s_title dt:after {content:''; display:block; width:100px; border-bottom:1px solid rgba(255,255,255,0.7); margin:2% auto;}
.s_title dd {font-size:90%; color:#fff; font-family:'Noto Light';}
.s_title dd SPAN{display:block; }

.con_bottom {font-size:130%;}
a.a_btn {background:#c00000 url(../image/pat2.png);display:block; color:#fff !important; font-family:'s-core-dream';font-weight:500;text-align:center; font-size:120%; padding:1% 0; border-radius:7px;}


.pd10.comment {background:#666; padding:2%; color:#fff; font-size:130%; text-align:center; margin-bottom:15px; border:2px dashed #ccc}



/*테이블*/
.table_design {width:100%;line-height:150%;border-collapse:collapse; margin:10px 0px;  border-top:2px solid #000;color:#555; font-size:100%}
.table_design th, .table_design td {border:1px solid #ddd;  padding:1% 5px;  }
.table_design thead th {color:#000; background-color:#fafafa;border-bottom:1px solid #bbb; padding:1.5% 5px; text-align:center}
.table_design tbody th {text-align:center}
.table_design td {background-color:#fff; }
.table_design a{font-size:80%; text-decoration:underline}
.table_design p{font-size:80%; color:#666; }
.p0502 .table_design tbody tr td:nth-child(odd) {text-align:center}

.mobile_table {}
.mobile_table p{display:none; }

.agreement .frame{height:70px !important}

.TabMenu{overflow:hidden;text-align:center;margin-bottom:30px;}
.TabMenu ul {border-top:3px solid #e13b45}
.TabMenu ul li{width:50%;    display: block;overflow: hidden; float:left;  }
.TabMenu a{display:block;float:left;position:relative;padding:15px 0;font-size:150%;overflow:hidden; width:100% !important; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.TabMenu a.on{background:#e13b45; color:#fff; border-left:1px solid #e13b45;border-right:1px solid #e13b45;border-bottom:1px solid #e13b45;}

/* 탭디자인 */
.mem_tab { position:relative; margin-bottom:8%; overflow:hidden; text-align:center;}
.mem_tab li{padding:2px;}
.mem_tab li A{ background:#e3e3e3; font-size:90%; display:block; color:#555;  padding:10px 0px; text-align:center; }
.mem_tab .on A{background:#040e23;  display:block; color:#fff;}

.tab_container {position:relative; }
.sub_container {position:relative;display:block;}
.sub_container .tab_content {display:none}
.sub_container .on {display:block}


.table_basic .colDate {width:180px}
.table_basic thead th *{font-family: 'Noto Bold';}
.table_basic thead th, .table_list thead th {line-height:55px;font-size: 16px;}
.table_basic tbody td, .table_list tbody td{font-size: 16px;height:55px;}

.full_bg {padding:5% 0;}
.bg0101 {background:url(../image/contents/sub0101_img01.jpg) fixed;}
.bg0105 {background:url(../image/contents/sub0105_img01.jpg) center center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover; }
.bg03 {background:url(../image/contents/sub0301_img01.jpg) fixed no-repeat;}
.bg03 *{color:#fff; font-size:120%; word-break:keep-all;}
.bg03 span{display:block; font-size:140%; font-weight:bold}
.bg03.bg04 {background-image:url(../image/contents/sub0401_img01.jpg)}
.bg03.bg05 {background-image:url(../image/contents/sub0501_img01.jpg)}
.bg03.bg06 {background-image:url(../image/contents/sub0601_img01.jpg)}

/* 인사말 */
.p0101 {font-size:20px;}
.p0101 .img{float:left;}
.p0101 .txt {overflow: hidden;padding-left: 5%;}
.p0101 h3{padding-left:0px; margin-top:20px;}
.p0101 h3:before {content:none;}
.p0101 h3:after{content:none;}
.p0101 .right{margin-top:40px; color:#222;}
.p0101 .right span em{font-weight:bold; font-size:120%;}

/* 연혁 */
.p0102{}
.p0102 .history_line{border-bottom:2px solid #eee;overflow: hidden; padding:5% 0;}
.p0102 .history_line:last-child{border-bottom:0px;}
.p0102 h3{color:#0087a9;font-family: Roboto;font-weight: 700; font-size:300%; margin:0;}
.p0102 h3:before {content:none;}
.p0102 h3:after{content:none;}
.p0102 .list li {padding: 0px 5px 0px 15px;}


/* 조직도 */
.org-tree { text-align: center; position: relative;font-size: 100%;  }
.org-tree span { display: block; padding: 17px 0; }
.org-tree .board-director:before, .org-tree .sub-org2::before, .org-tree .head::before{ content: ""; background: #e1e1e1; position: absolute; top: -30px; left: 50%; z-index: -1; }
.org-tree .board-director {border: 25px solid #cce7ee ;  font-size:150%;display: block;width: 18.5rem; height: 18.5rem; line-height: 12.5rem;border-radius: 50%; padding:20px; margin: 0 auto 3rem; background-color: #0087a9; color:#fff; text-align: center; position: relative; }
.org-tree .board-director img{vertical-align: middle;}
.org-tree .board-director::before { width: 1px; height: 15.9rem; top: 100%; left: 49.9%; }
.org-tree .sub-org { display: inline-block; width: 100%; position: relative; }
.org-tree .sub-org > li { width: 31.3%;margin:0 auto;padding: 0 1rem; position: relative; }
.org-tree .sub-org > li .head { position: relative; border: 1px solid #0087a9; background-color: #66b7cb; border-radius: 10px 0 0 0; color: #fff; font-size: 120%; display: block; width: 100%; margin-bottom: 20px; }
.org-tree .sub-org > li .head::before, .org-tree .sub-org > li .quarter::before { width: 1px; height: 2.8rem; top: -2.8rem; }
.org-tree .sub-org2 { display: inline-block; width: 100%; position: relative; z-index:99;}
.org-tree .sub-org2 > li { width: 31.3%; margin:0 auto; padding: 0 1rem; position: relative; text-align:center;}
.org-tree .sub-org2 > li .head { position: relative; border: 1px solid #0087a9; background-color:#0087a9; border-radius:10px 0 0 0; color: #fff; font-size: 120%;display: block; width: 100%; margin-bottom:50px; }
.org-tree .sub-org2 > li .head::before, .org-tree .sub-org2 > li .quarter::before { width: 1px; height: 2.8rem; top: -2.8rem; }

.kc_table {width:100%; margin-top:20px}
.kc_table thead {border-bottom:1px solid #8a8a8a; border-top:2px solid #8a8a8a}
.kc_table thead th {font-size:110%; font-family: 'Noto Bold'; padding:15px 0; border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7; text-align:center}
.kc_table tbody th, .kc_table tbody td {line-height:155%; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:15px 10px; font-size:16px;text-align:center}
.kc_table .brd_right {border-right:0}
.kc_table tbody th {font-weight:400}
.kc_table .tb_left {text-align:left}
.ward-table{width:100%;}

.table_kccont01 {display:inline-table; margin:15px 0}
.table_kccont01 thead {border-top:3px solid #0087a9; background:#efefef; }
.table_kccont01 thead th {padding:15px 0; font-size:90%;}
.table_kccont01 tbody th {background:#f6f6f6;  font-family: 'Noto Bold';}
.table_kccont01 tbody td { font-size:16px; color:#666;}
.table_kccont01 tbody td strong{color:#222;font-family: 'Noto Bold';}
.table_kccont01 tbody td ul{padding-left:10px;}
.table_kccont01 tbody td ul li{position:relative; padding-left:10px;}
.table_kccont01 tbody td ul li:before{display:block; position:absolute; left:0; top:11px; content:''; width:3px; height:3px; background:#9f9fa0;}

/* 사업내용 */
.p003{}
.business_box .imgbox {position:relative;}
.business_box .imgbox .col_box{position:absolute; background:#0087a9; color:#fff; padding:3% 10%; font-size:150%;}
.business_box .imgbox .col_box01, .business_box .imgbox .col_box03{left:0;border-radius: 0 0 50px 0;}
.business_box .imgbox .col_box02, .business_box .imgbox .col_box04{right:0;border-radius: 0 0 0 50px;background: #295074;}


/* 출연절차 */
#sub_t004001 section{margin: 0em 0 0em 0;}
#sub_t004001 .conts{padding-bottom:0 !important;}
.donation_step{ overflow:hidden;text-align: center;}
.donation_step .col-md-5{float:unset; display:inline-block;}
.donation_step .photo {display: inline-block;position:relative;}
.donation_step .photo dl{position:absolute; bottom:0; left:0; text-align:left;}
.donation_step .photo dl{background:#0087a9; min-height:190px; min-width:500px; color:#fff; padding:8% 10%;border-radius: 0 50px 0 0;}
.donation_step .photo dl.color{background:#295074;}
.donation_step .photo dl dt{font-size:160%;font-family: 'Noto Bold';}
.donation_step .photo dl dd{font-size:17px; margin-top:10px;opacity: 0.8;}

.donation_cell{background:url(../image/sub/donation_bg.jpg) center center no-repeat;  overflow: hidden; padding:5% 0; margin-top:5%;}
.donation_cell .col-md-5 *{color:#fff;}
.donation_cell .col-md-5 p {font-size:18px; margin-top:15%; display:inline-block;}
.donation_cell .col-md-5 p span{display:block; font-size:250%;font-family: 'Noto Bold'; margin-top:10px;}
.donation_cell .col-md-7{background-color:rgba(255,255,255,0.9); padding:4%;border-radius: 0 0px 50px 0;}
.donation_cell .col-md-7 li{line-height:1.9; }
.donation_cell .col-md-7 li span{font-family: 'Noto Bold'; margin-right:20px; width:50px; display: inline-block;}

.donation_btn{text-align:center; overflow:hidden;}
.donation_btn a{background:#fff;border:3px solid #ddd; color:#555; padding:2% 10%;overflow:hidden;display: inline-block; font-size:130%; border-radius: 50px;}
.donation_btn a:hover{border:3px solid #555; background:#555; color:#fff;text-decoration: none;}
.donation_btn a i{margin-left:10px;}

.icon-point-dot {display: inline-flex;align-self: flex-end;border-radius: 50%;width: 9px;height: 9px;margin-left:7px; margin-top:25px; background-color: #2db9dc;transform: translateY(50%);}

#sub_t004002 .table_basic{position:relative}
#sub_t004002 .table_basic:after{content: '단위:만원'; position:absolute;right:0; top:-20px; font-size:16px;}



@media only screen and (min-width:992px) {



}





@media only screen and (min-width:1400px){	


}





@media only screen and (max-width:1400px){	

.donation_step .photo dl{min-width: 400px;}
.donation_cell .col-md-5 p span{font-size:200%;}
}









@media only screen and (max-width:1200px) {
	section{margin-top:20px;font-size:15px; }
	.p0101 .img{width:50%;}

	


}

@media only screen and (max-width:980px){	




section .list.v2 li{float:none; width:100%; font-size:120%;  line-height:190%;}
section .list.v2 li:before{top:5px}

.donation_step .col-md-5{width:100%; margin-bottom:20px;}
.donation_step .photo{width:100%;}
.donation_step .photo img{width:100%;}
.donation_cell .col-md-5 p {font-size: 18px;margin-top:2%;}
.donation_cell .col-md-7 {border-radius: 0 0px 50px 0; margin-top:2%;}
.donation_btn.t_mar5{margin:2% 0 7% 0 !important;}

.p0101 .img{width:100%;}
.p0101 .img img{width:100%;}
.p0101 .txt {padding-left:1%;}


}

@media only screen and (max-width:767px) {


.t_mar5 {margin-top:10% !important}

	section{font-size:13px; }

	section span.block{display:inline}
	section h3 {font-size:19px;}
	section h3:before { top:2px;}
	section h4 {font-size:15px;}
	section h4:before { top:8px;}
	section ul li:before{top:9px;}
	section .list li:before {top: 10px;}
	section .list li{font-size:15px;}

	.mobile_table { overflow-x:auto}
	.mobile_table p{display:block}
	.table_design.tw {width:1000px;}


	.p0101 {font-size:16px;}
	.s_title dt {font-size:150%;}
	.s_title dd {font-size:90%;}


	.p0102 h3 {font-size:200%; margin-bottom:20px;}

	.pd10.comment {font-size:100%; }


	.org-tree .sub-org2 > li{width:80%;}
	.org-tree .sub-org > li{width:80%;}

	.donation_step .photo dl {min-width:100%; min-height:auto;}
	.donation_cell .col-md-5 p span {font-size: 150%;margin-top:0px;}
	.donation_cell .col-md-7 {margin-top:5%;}
	.donation_step .photo dl dd{font-size:16px;}
	.donation_btn a{font-size:16px;}
	.donation_cell .col-md-7 li span{display:inline;}

	.business_box .imgbox .col_box{ padding:3% 10%; font-size:120%;}
	.business_box .imgbox .col_box01, .business_box .imgbox .col_box03{border-radius: 0 0 20px 0;}
	.business_box .imgbox .col_box02, .business_box .imgbox .col_box04{border-radius: 0 0 0 20px;}

	.table_kccont01 thead th {font-size:15px;}
	.kc_table tbody th, .kc_table tbody td{font-size:15px;}

}




@media only screen and (max-width:540px){

.donation_step .photo dl dd {font-size: 15px;}
.donation_cell{padding:13% 0;}
.donation_cell .col-md-5 p{line-height: 1.5em;}
.donation_cell .col-md-5 p span {font-size: 120%}
.donation_cell .col-md-7{padding:7%;}

}