@charset "utf-8";

.sub_contents {width:100%;  line-height:1.55; color:#222;  font-size:1.8rem; margin-top:0rem }
.sub_contents2 {width:100%;  line-height:1.55;  font-size:1.8rem;  }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#d71820 !important;}
.grey_bg {background:#f8f8f8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}

.div_scroll, .div_scroll2 {overflow: auto;position: relative}

.only_pc {display:block;}
.only_mob {display:none;}

@media( max-width:1600px) {
	.side_pd {padding-left:20px !important; padding-right:20px !important;}
	.sub_contents {overflow-x:hidden; }
}

@media( max-width:1024px) {
.only_pc {display:none;}
.only_mob {display:block;}

}

@media( max-width:768px) {
.div_scroll2 table {width:760px; font-size:15px;}
.div_scroll2 img {max-width:1024px !important;}
.sub_contents {margin-top:0rem; overflow-y:hidden;}
}



@media( max-width:600px) {
.div_scroll table {width:600px; font-size:15px;}
.div_scroll img {max-width:768px !important;}
.sub_contents {margin-top:0rem;}
}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:1.0rem!important;}
.mg_t20{margin-top:2.0rem!important;}
.mg_t30{margin-top:3.0rem!important;}
.mg_t40{margin-top:4.0rem!important;}
.mg_t50{margin-top:5.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t100{margin-top:10.0rem!important;}
.mg_t120{margin-top:12.0rem!important;}
.mg_t150{margin-top:15.0rem!important;}


.mg_b10{margin-bottom:1.0rem!important;}
.mg_b20{margin-bottom:2.0rem!important;}
.mg_b30{margin-bottom:3.0rem!important;}
.mg_b40{margin-bottom:4.0rem!important;}
.mg_b50{margin-bottom:5.0rem!important;}
.mg_b80{margin-bottom:8.0rem!important;}


.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.flex_box {display:flex; flex-wrap:wrap;}

/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}



.table2 {width:100%;  text-align:center;   position:relative; font-size: 15px; background:transparent; line-height: 1.45;}
.table2 thead { border-top: 3px solid #2a303a; background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

.table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table2 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}




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

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

}
@media screen and (max-width: 768px){

}


/*공통*/
.cont_wrap {}
.cont_wrap h3 {font-size:2.4rem; font-weight:600; color:#000; padding-left:1.8rem; position:relative;}
.cont_wrap h3:before { content:''; width:0.7rem; height:2.2rem; left:0; top:0.7rem; position:absolute; background:#d71820;  }
.cont_wrap .normal_p {padding:1.0rem 0 0 1.5rem;  font-size:2.2rem;}


@media screen and (max-width: 768px){
.cont_wrap .normal_p {font-size:1.8rem; }
}




/*후원회란*/

.company_bg {background: url("../../pages/images/compnay_bg.jpg") no-repeat center center; background-size:cover; color:#fff; padding:15.0rem 8.0rem; font-size:3.2rem; line-height:1.35; font-weight:600;}
.company_box { justify-content: space-between; margin-top:3.0rem;}
.company_box .company_inner {width:49%; padding:5.0rem; background:#feecec; margin-bottom:2.5rem; border-radius:7px;}
.company_box .company_inner dt {font-size:2.0rem; color:#000; font-weight:600; margin-bottom:2.0rem; }
.company_box .company_inner dd {}
.company_box .company_inner dd ul li { margin-bottom:0.3rem;  }
.company_box .company_inner dd ul li:before {content:'-'; margin-right:1.0rem; }


@media screen and (max-width: 768px){
.company_bg {padding:8.0rem 3.0rem; font-size:2.4rem; }
.company_box .company_inner {width:100%; padding:4.0rem; }
}



/*연혁*/
.his_wrap {background: url("../../pages/images/his_bg.jpg") no-repeat center center; background-size:cover; color:#fff; padding:15.0rem 8.0rem; font-size:3.2rem; line-height:1.35; font-weight:600;}

.his_conts {margin-top:8.0rem}
.his_conts .his_left {width:40%; font-size:4.0rem; font-weight:600;}
.his_conts .his_right {width:60%; border-top:2px solid #222;}
.his_conts .his_right dl {display:flex; padding:2.0rem 0rem; border-bottom:1px solid #ddd;  }
.his_conts .his_right dl dt {font-size:1.8rem; font-weight:500; width:25.0rem; text-align:center;}
.his_conts .his_right dl dd {font-size:1.8rem; color:#5c5c5c;  width:calc(100% - 25.0rem);}

@media screen and (max-width: 1024px){
.his_conts .his_left {display:none;}
.his_conts .his_right {width:100%;}

.his_conts .his_right dl dt {width:15.0rem; }
.his_conts .his_right dl dd {width:calc(100% - 15.0rem);}


}


@media screen and (max-width: 768px){
.his_wrap {padding:8.0rem 3.0rem; font-size:2.4rem; }

}

/*오시는길*/
.location_map { border-top:1px solid #222;}
.loc_txt { padding:5.0rem; border-bottom:0px solid #ddd; background:#f8f8f8;}
.loc_txt .loc_left {width:40%; border-right:1px solid #ddd; text-align:center; }
.loc_txt .loc_left img {max-width:70%; padding-top:2.0rem; }
.loc_txt .loc_right {margin:2.0rem 0 0 8.0rem;}
.loc_txt .loc_right dt {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}
.loc_txt .loc_right dd {font-size:1.8rem; color:#888; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}

.loc_map {width:100%; margin-top:0rem; padding:2.0rem 0;}
.loc_map .map_height {height:400px; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}


@media screen and (max-width: 1024px){
.loc_txt .loc_left  {width:100%; display:none;}
.loc_txt .loc_left img {}
.loc_txt .loc_right {margin:0rem 0 0 }
}


@media screen and (max-width: 768px){
.loc_txt {padding:3.0rem ;}
.loc_map .map_height {height:350px;}
.loc_txt .loc_right dd ul li {width:100%;}
}



/*힐링음악회*/
.concert_wrap {padding:8.0rem 3.0rem; background:#f8f8f8; text-align:center; }
.concert_wrap > .txt1 {font-size:2.8rem; font-weight:600; color:#000; }
.concert_wrap > .txt2 {font-size:2.0rem; color:#222;  margin-top:2.0rem; }

.concert_gallery {margin-top:8.0rem;  justify-content: center; align-items: center; gap:3.5rem; }
.concert_gallery > div {width:40%; }
.concert_gallery > div.bigimg {width:82%; }


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

.concert_wrap {padding:8.0rem 15.0rem;}
 
}


@media screen and (max-width: 1024px){
.concert_wrap {padding:8.0rem 5.0rem;}
.concert_gallery > div {width:45%; }
.concert_gallery > div.bigimg {width:82%; }

}


@media screen and (max-width: 768px){
.concert_gallery {margin-top:5.0rem; gap:2.0rem;}
.concert_gallery > div {width:100%; }
.concert_gallery > div.bigimg {width:100%; }
}


/*사업소개*/
.gallery2 {gap:3.5rem; margin-top:3.0rem;  padding-left:1.5rem; }


@media screen and (max-width: 1200px){
.gallery2 > div {width:45%;}

}


@media screen and (max-width: 768px){
.gallery2 > div {width:100%;}

}





/*후원안내*/
.sponsorship_bg {background: url("../../pages/images/sponsorship_guide_bg.jpg") no-repeat center center; background-size:cover; color:#fff; padding:15.0rem 8.0rem; font-size:3.2rem; line-height:1.35; font-weight:600;}

.account_box {background:#f9f9f9; padding:3.0rem; font-size:2.0rem; color:#000;  margin-top:1.0rem; font-weight:600; line-height:1.45; }

.ul_li li { margin-bottom:0.3rem;  }
.ul_li li:before {content:'-'; margin-right:1.0rem; }

.div_dl {padding:1.0rem 0 0 1.5rem}

.div_dl dt {font-weight:500; color:#000; font-size:1.8rem; margin-bottom:0.5rem;}
.div_dl dd {}


@media screen and (max-width:768px){
	.sponsorship_bg {padding:8.0rem 3.0rem; font-size:2.4rem; }

}


/*정기후원신청*/

.regular_bg {background: url("../../pages/images/regular_bg.jpg") no-repeat center center; background-size:cover; color:#fff; padding:15.0rem 8.0rem; font-size:3.2rem; line-height:1.35; font-weight:600;}


.btn_down {margin-top:3.0rem; display:flex;  }
.btn_down a { display:flex;  justify-content: center; align-items: center; gap:3.0rem; font-size:2.4rem; font-weight:600; color:#fff; background:#d71820; padding:2.0rem 5.0rem; border-radius:15px;  }
.btn_down a .material-icons {font-size:2.6rem; }



@media screen and (max-width:768px){
	.regular_bg {padding:8.0rem 3.0rem; font-size:2.4rem; }
	.btn_down a {width:100%; }

}



/*후원중단절차*/
.discontinued_bg {background: url("../../pages/images/discontinued_bg.jpg") no-repeat center center; background-size:cover; color:#fff; padding:15.0rem 8.0rem; font-size:3.2rem; line-height:1.35; font-weight:600;}

.discontinued_process {display:flex; gap:20px; margin-top:2.0rem; }
.discontinued_process .process_box {position:relative; width:33%; background:#f8f8f8; display:flex; flex-direction: column;  align-items: center;border-radius:15px; padding:3.0rem 5.0rem; }
.discontinued_process .process_box > span {position:absolute; border-radius:100%;  display:flex;  justify-content: center; align-items: center; 
										width:3.5rem; height:3.5rem; left:2.0rem; top:2.0rem;  background:#d71820; font-size:1.8rem; color:#fff; margin-bottom:1.0rem; font-weight:600;}
.discontinued_process .process_box > div {}
.discontinued_process .process_box > p {text-align:center; font-size:1.8rem; margin-top:2.0rem; color:#000;}

.btn_call {margin-top:5.0rem; display:flex;  justify-content: center;}
.btn_call a { display:flex;  justify-content: center; align-items: center; gap:3.0rem; font-size:2.4rem; font-weight:600; color:#fff; background:#d71820; padding:2.0rem 5.0rem; border-radius:5.0rem;  }
.btn_call a .material-icons {font-size:3.0rem; }

.fax_number {margin-top:2.0rem; background:#f8f8f8; font-size:2.6rem; padding:3.5rem; color:#000; text-align:center; font-weight:800; }

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

.discontinued_bg {padding:8.0rem 3.0rem; font-size:2.4rem; }
.discontinued_process  {flex-direction: column;}
.discontinued_process .process_box  {width:100%; }

.fax_number {font-size:2.2rem;}

.btn_call a {width:100%; font-size:2.2rem;}


}