/* Common */
.cB::after {display:block; content:''; clear:both;}
strong {font-weight:600;}
p.basic_txt {position:relative; padding:10px 0px 0px 10px; color:#444; line-height:27px;}
p.basic_txt > span.bul {font-family: 'S-CoreDream-4Regular','Malgun Gothic', dotum, sans-serif; color:#32144f; position:absolute; left:0; top:9px; }
p.basic_txt > span.emphass {color:#000; font-weight:600;}

.bu1 {background:#f9f9f9; padding:30px 30px;margin:0 0 25px 0; font-size:20px; line-height:25px; border-radius:10px 10px 25px;}
.bu1 > strong {font-size:20px;}
.bu1 > b {font-weight:600;}
.bu2 {background:#ffffff; padding:25px 0px;margin:0 0 25px 0; }
.bu3 {background:#fff; padding:5px 0px 35px;margin:0 0 25px 0; font-size:18px; border-radius:15px;}
.bu3 > h4 {font-size:20px; font-weight:800;}
.bu3 > p {position:relative; padding-left:80px; line-height:40px; letter-spacing:-1px;  }
.bu3 > p > span {font-weight:600;  display:block; position:absolute; left:0; top:4px; text-align:justify;}


.p-round {border-radius:15px;}

/* 테이블 */
.tbl {margin-top:10px; margin-bottom:10px;}
.tbl th {text-align:center; }
.tbl td, .tbl th {padding:15px; border:1px solid #cccccc; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all;}
.tbl thead tr:first-child th {border-bottom:none; background:#f8f8f8; }
.tbl thead th {background:#f8f8f8; color:#555; /*border-bottom: none;*/ font-weight: 600;}

.tbl tbody th {background:#fafafa;}
.tbl tbody td {line-height:30px;}
.tbl tfoot th {background:#f7faef; color:#555;}
.tbl td {background: #fff;}
.tbl td > ul{margin-top:0;}
.tbl td.b_bg {background: #f4f8fc;}

.tbl-lr .tbl th:first-child, .tbl-lr .tbl td:first-child {border-left:none;}
.tbl-lr .tbl th:last-child, .tbl-lr .tbl td:last-child {border-right:none;}

/* table */
.tbl_wrap .tbl{ border-top: 2px solid #4f4f4f; }
.tbl_wrap .tbl_guide, .table_responsive .p_notice {display: none;}

.tbl_wrap.intbl {margin-left:20px;}

@media all and (max-width:1023px) {
.tbl_wrap.intbl {margin-left:0px;}
}

/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 18px; color: #0f8095; font-size: 13px; background: url('/common/img/ico_tbl_guide.gif') 0px 19px no-repeat; line-height: 130%;}
	.tbl_wrap .tbl{width: 768px;}
	
	.table_responsive { width: 100%; overflow: hidden; overflow-x: scroll; }
	.table_responsive .p_notice { display: block; padding: 20px 0 0 18px; color: #0f8095; font-size: 13px; background: url('/common/img/ico_tbl_guide.gif') 0px 19px no-repeat; line-height: 130%;}
	.table_responsive .table_st{width: 100%;}
}
/* 인사말 */
.INTRO {position:relative; padding:299px 0 0; word-break:break-all;}
.INTRO:before {position:absolute; top:-25px; left:0; content:''; width:90%; height:309px; background:url('../images/img_greeting01.png') center bottom no-repeat; background-size:cover; border-radius:20px;}
.INTRO:after {position:absolute; top:20px; left:0; content:""; width:100%; height:270px; /*background:#f5f5f5;*/ border-radius:20px; z-index:-1;}
.INTRO .TIT {font-family:'SCDream'; font-size:24px; line-height:1.3; margin:0 0 30px;}
.INTRO .TIT strong {color:#003894; font-family:'SCDream'; font-weight:700; letter-spacing:-2px;}
.INTRO ul {text-align:justify; font-size:18px;}

@media(min-width:767px) {
	.INTRO {padding:0 400px 0 0;}
	.INTRO:before {top:30px; left:inherit; right:50px; width:300px; height:406px; background:url('../images/img_greeting01.png') center bottom no-repeat; border-radius:30px;}
	.INTRO:after {top:40px; left:inherit; right:40px; width:300px; height:406px; border-radius:30px;}
	.INTRO .TIT {font-size:34px;}
	.INTRO ul {line-height:1.9; font-size:18px;}
	.name > p {font-size:20px;}
}

@media(min-width:1200px) {
	.INTRO {padding:0px 440px 0 0;}
	.INTRO:before {top:50px; left:inherit; right:20px; width:360px; height:471px; background:url('../images/img_greeting01.png') center no-repeat;}
	.INTRO:after {top:60px; left:inherit; right:10px; width:485px; height:460px; border-radius:40px;}
	.INTRO .TIT {font-size:38px; line-height:1.3; margin:0 0 50px;}
	.INTRO ul {line-height:1.7; font-size:22px; letter-spacing:-1px;}
	.name > p {font-size:20px;}
}

.INTRO2 {position:relative; padding:320px 0 0; word-break:break-all;}
.INTRO2:before {position:absolute; top:0px; left:0; content:''; width:100%; height:271px; background:url('../images/img_greeting02.png') center top no-repeat; background-size:cover; border-radius:20px;}
.INTRO2:after {position:absolute; top:20px; left:0; content:""; width:100%; height:270px; background:#f5f5f5; border-radius:20px; z-index:-1;}
.INTRO2 .TIT {font-family:'SCDream'; font-size:24px; line-height:1.3; margin:0 0 30px;}
.INTRO2 .TIT strong {color:#003894; font-family:'SCDream'; font-weight:900; letter-spacing:-2px;}
.INTRO2 ul {text-align:justify; font-size:18px;}

@media(min-width:767px) {
	.INTRO2 {padding:0 400px 0 0;}
	.INTRO2:before {top:30px; left:inherit; right:50px; width:300px; height:406px; background:url('../images/img_greeting02.png') center bottom no-repeat; border-radius:30px;}
	.INTRO2:after {top:40px; left:inherit; right:40px; width:300px; height:406px; border-radius:30px;}
	.INTRO2 .TIT {font-size:34px;}
	.INTRO2 ul {line-height:1.9; font-size:18px;}
}

@media(min-width:1200px) {
	.INTRO2 {padding:0px 450px 0 0;}
	.INTRO2:before {top:50px; left:inherit; right:20px; width:380px; height:460px; background:url('../images/img_greeting02.png') center no-repeat;}
	.INTRO2:after {top:60px; left:inherit; right:10px; width:380px; height:460px; border-radius:40px;}
	.INTRO2 .TIT {font-size:39px; line-height:1.3; margin:0 0 50px;}
	.INTRO2 ul {line-height:1.7; font-size:20px; letter-spacing:-1px;}
}

.INTRO3 {position:relative; padding:320px 0 0; word-break:break-all;}
.INTRO3:before {position:absolute; top:0px; left:0; content:''; width:100%; height:271px; background:url('../images/img_greeting03.png') center top no-repeat; background-size:cover; border-radius:20px;}
.INTRO3:after {position:absolute; top:20px; left:0; content:""; width:100%; height:270px; background:#f5f5f5; border-radius:20px; z-index:-1;}
.INTRO3 .TIT {font-family:'SCDream'; font-size:24px; line-height:1.3; margin:0 0 30px;}
.INTRO3 .TIT strong {color:#003894; font-family:'SCDream'; font-weight:900; letter-spacing:-2px;}
.INTRO3 ul {text-align:justify; font-size:18px;}

@media(min-width:767px) {
	.INTRO3 {padding:0 400px 0 0;}
	.INTRO3:before {top:30px; left:inherit; right:50px; width:300px; height:406px; background:url('../images/img_greeting03.png') center bottom no-repeat; border-radius:30px;}
	.INTRO3:after {top:40px; left:inherit; right:40px; width:300px; height:406px; border-radius:30px;}
	.INTRO3 .TIT {font-size:34px;}
	.INTRO3 ul {line-height:1.9; font-size:18px;}
}

@media(min-width:1200px) {
	.INTRO3 {padding:0px 450px 0 0;}
	.INTRO3:before {top:50px; left:inherit; right:20px; width:380px; height:460px; background:url('../images/img_greeting03.png') center no-repeat;}
	.INTRO3:after {top:60px; left:inherit; right:10px; width:380px; height:460px; border-radius:40px;}
	.INTRO3 .TIT {font-size:39px; line-height:1.3; margin:0 0 50px;}
	.INTRO3 ul {line-height:1.7; font-size:20px; letter-spacing:-1px;}
}

.pblock {display:block;}
@media(min-width:1024px) {
	.inblock {display:inline-block;}
	.mblock {display:inline-block;} 
	.pblock {display:block;}
}

@media only screen and (max-width: 1024px){
img{max-width: 100%;}
}

.mg_t50 {margin-top:50px !important;}

.tbl {margin-top:10px; margin-bottom:10px;}
.tbl th {text-align:center; }
.tbl td, .tbl th {padding:15px; border:1px solid #cccccc; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all;}
.tbl thead tr:first-child th {border-bottom:none; background:#f8f8f8; }
.tbl thead th {background:#f8f8f8; color:#555; /*border-bottom: none;*/}

.tbl tbody th {background:#fafafa; font-weight: normal;}
.tbl tbody td {line-height:28px;}
.tbl tfoot th {background:#f7faef; color:#555;}
.tbl td {background: #fff;}
.tbl td > ul{margin-top:0;}
.tbl td.b_bg {background: #f4f8fc;}



/* table */
.tbl_wrap .tbl_guide, .table_responsive .p_notice {display: none;}

.tbl_wrap.intbl {margin-left:20px;}

@media all and (max-width:1023px) {
.tbl_wrap.intbl {margin-left:0px;}
}

/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 18px; color: #0f8095; font-size: 13px; background: url('/common/img/ico_tbl_guide.gif') 0px 19px no-repeat; line-height: 130%;}
	.tbl_wrap .tbl{width: 900px;}
	
	.table_responsive { width: 100%; overflow: hidden; overflow-x: scroll; }
	.table_responsive .p_notice { display: block; padding: 20px 0 0 18px; color: #0f8095; font-size: 13px; background: url('/common/img/ico_tbl_guide.gif') 0px 19px no-repeat; line-height: 130%;}
	.table_responsive .table_st{width: 100%;}
}
.tbl-lr .tbl th:first-child, .tbl-lr .tbl td:first-child {
    border-left: none;
}

/* 탭메뉴 */
.tab-bar {padding-bottom: 0px; }
.tab-bar li {border: 1px solid #ddd; border-right: none; box-sizing: border-box; float: left; text-align: center; font-size: 20px; padding: 20px 0; background:#fff;}
/*.tab-bar li:last-child {border-right: 1px solid #ddd;}*/
.tab-bar li:last-child {border-right: 1px solid #ddd; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.tab-bar li:first-child {border-top-left-radius:10px; border-bottom-left-radius:10px;}

.tab-bar li:hover, .tab-bar li.on {background: rgb(77, 153, 162);
    /* background: linear-gradient(270deg, rgba(77, 153, 162, 1) 0%, rgba(151, 183, 138, 1) 100%); */
    background-image: linear-gradient(to right, #8cbb7e 0%, #1e9cad 100%) !important;
}
.tab-bar li:hover a, .tab-bar li.on a {color: #fff;}
.tab-bar li a {position: relative; display:block;}

.tab-bar2 li {width: 50%;}
.tab-bar3 li {width: 33.33333%;}
.tab-bar4 li {width: 25%;}
.tab-bar5 li {width: 20%;}
.tab-bar6 li {width: 16.6%;}

.margin-bottom-div {margin-bottom:20px;}

.btn_confirm {width:80%; max-width:500px; margin:0 auto;}
.btn_confirm .btn_submit,
.btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:18px; border-radius:25px;}
.btn_confirm {text-align:left}
.btn_confirm .btn_submit {margin-left:1%; text-align: center; line-height: 50px; }

.sub_t {
	position: relative;
	font-size: 22px;
	padding-left: 12px;
	/*margin-bottom: 1.5%;*/
	float: left;
	width: 100%;
	margin-left: 0px;
	font-family: "TheJamsil";
	
}
.sub_t:before {
	padding: 3px;
	background-color: #003894;
	border-radius: 300px;
	position: absolute;
	content: "";
	margin-left: -10px;
	margin-top: 10px;
}
.sub_t:after {
	clear:both;
}
.cB::after {
    display: block;
    content: '';
    clear: both;
}
.sub_comm_contain h3 {
    position: relative;
    font-size: 30px;
    padding-left: 0px;
    margin: 20px 0 5px 0px;
    color: #333;
    font-weight: 700;
    /* letter-spacing: -0.1em; */
    font-family: "TheJamsil";
}
/* History */
.row {margin-top:30px;}
.row:after {display:block;visibility:hidden;clear:both;content:""}
.HistoryYear {float:left; width:100px;}
.HistoryYear h4 {width:90px; padding:3px 10px; background-color:#888888; color:#fff; font-size:24px; text-align:center; border-radius:7px 7px 20px;}.HistoryDetail {float:left; display:inline-block;}
.HistoryDetail p {margin-bottom:10px; color:#555555; font-size:20px;}
.HistoryDetail p > span {padding-right:10px; font-weight:bold; color:#333; font-size:18px;}
/* HR LINE */
.hr_line {border:0; height:1px; background:#dddddd; margin:15px 0; width:100%; display:block;}

.trans_txt { padding-left:110px !important; position:relative;}
.trans_txt strong { left:0; position:absolute; padding: 3px 15px !important;}

.content-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.facility-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.facility-text {
  flex: 1;
  font-size: 20px;
  line-height: 1.7;
  color: #333;
}

.facility-text h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.facility-image {
  width: 320px;
  min-width: 280px;
  flex-shrink: 0;
  text-align: center;
}

.facility-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .facility-box {
    flex-direction: column;
    text-align: center;
  }

  .facility-image {
    width: 100%;
    max-width: 400px;
    margin-top: 20px;
  }

  .facility-text {
    font-size: 18px;
  }
}

.donation-btn {
  display: inline-block;
  padding: 8px 20px;
  border: 1px solid #005bac;
  border-radius: 30px;
  background-color: #fff;
  color: #005bac;
  font-weight: bold;
  margin-bottom: 15px;
  transition: all 0.2s;
  text-decoration: none;
}

.donation-btn:hover {
  background-color: #005bac;
  color: #fff;
}

.donation-card p {
  font-size: 18px;
  color: #333;
  line-height: 1.6;
}
.donation-card img {}
.donation-card > span {background-color:#fff; border-radius:50%; width:80px; height:80px;}
.donation-card > span > i {font-size:40px; padding:20px;}