@charset "utf-8";

/* -----------------------------------	donation  -------------------------------------------------*/


/****** sub09*****/
.sub09flex01{
  gap:20px;
}

/*************/

.donation{}
.donation .section{max-width: 1050px;}

.dona_btn{  position: relative;  display: flex;  width: 100%;  height: auto;
  margin: 20px auto 35px; padding: 10px 0; flex-direction: row;  justify-content: center;
  align-items: center; box-sizing: border-box;}
.dona_btn div{  margin: 5px 7px;}
.dona_btn a{  width: 100%; height: 100%;  padding: 5px 15px;
  background-color: #6dc090;  border-radius: 15px;  color: #fff;
  line-height: 1.4; font-size: 18px;}
.dona_btn a:hover{background-color: #5a74aa;}
.donation .boximg{text-align: right;}

@media all and (max-width:1089px){
.donation .boximg{ text-align: center;}
.boximg{margin-bottom: 30px;}
/* .donation .sub_Box div p{width: 200px;} */
.dona_btn{margin: 0 auto;  flex-direction: row;  justify-content: center;
  align-content: center;  align-items: flex-start;  flex-wrap: wrap;}
.dona_btn a{font-size: 16px;}
}

@media all and (max-width:768px){
.boximg{margin-bottom: 25px;}
.dona_btn div{margin: 7px 2px;}
.dona_btn a{padding: 5px 15px; border-radius: 0px;font-size: 15px;}
}

@media all and (max-width:319px){
.dona_btn a{font-size: 14px; padding: 5px 6px;}
}

.donation .contFlex{  position: relative;  display: flex;  width: 100%;  height: auto;
  gap:20px;  box-sizing: border-box;}
.contFlex .contFl_tit, .contFlex .contFl_cont{ position: relative; height: auto;
  box-sizing: border-box;}
.contFlex .contFl_tit{  position: relative; display: inline-block;
  text-align: left;  width: 50%;max-width: 305px;
  padding-left: 23px; box-sizing: border-box;}

.fl_titWr{position: relative; width: 100%; height: 100%;  box-sizing: border-box; }
.fl_titCon{  position: relative; display: flex; align-items: center; width: 100%; height: auto;  padding: 15px 0; border-bottom:3px dotted #6dc090; box-sizing: border-box;  }
.fl_titCon p{ position: relative; }

.d_pt01{ width:25%; font-size: 20px; color: #6dc090; font-weight: bold;}
.d_pt02{font-size: 42px; color: #000; font-weight: 800;  font-family: 'Montserrat', Sans-serif;}
.d_pt02 span{font-size: 17px; color: #000; font-weight: normal;  font-family: 'notokr-regular', Sans-serif;}

.fl_titWr h4::before{  content:'';  display: inline-block;  width: 18px; height: 14px;
 margin-left: -23px;  margin-bottom: 5px;  margin-right: 6px;vertical-align: middle;
  background:url(../image/ico/name_ico.png) no-repeat center/cover;}
.donation h4{ font-size: 26px;  color: #3cb37a;  margin: 10px 0 2%;  font-weight: 600; line-height: 1.3;}
.donation h4 span.titwrsp{ display: block; font-size: 18px; font-weight: 400; color: #3cb37a; }
.contFlex .contFl_cont{ display: flex; width: 100%;  flex-direction: column;
  align-content: flex-end;  align-items: flex-end;  justify-content: flex-start;}
.contFl_contWr{  position: relative; display: inline-block; width: 100%; height: 100%;  margin: 0 auto 10px;}
.dn_consub{font-size: 15px; color: #666666; text-align: right; padding-right: 5px;  margin-bottom: 3px;}
.dona15 .article_Intro{  padding: 30px 0 35px;  border-top: 1px solid #000;}
.article_Intro .intro{font-size: 20px; margin-top: 0;}
.acont li, .acont p{line-height: 1.6;}
.acont li a{color: #6dc090;}

.text_section .acont { text-align: left;  color: #444;}

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

.text_section .acont {    font-size: 15px;}

.donation .contFlex{gap:10px;}
.dn_consub{font-size: 14px; padding-right: 3px;}
.contFlex .contFl_tit, .contFlex .contFl_tit h4, .donation h4{ font-size: 22px;}
.article_Intro .intro{font-size: 16px;}
.acont, .acont li, .acont p{font-size: 15px;}
}

@media all and (max-width:768px){
.dn_consub{font-size: 13px;}
.fl_titWr{align-items: center;}
.donation .contFlex{flex-direction: column; gap:0;}
.contFlex .contFl_tit{max-width: inherit; width: 100%;text-align: center; }
.contFlex .contFl_tit h4, .donation h4{ font-size: 20px; text-align: center;}
.contFlex .contFl_cont{align-content: center;}
.article_Intro .intro{font-size: 15px;}
.fl_titCon{ display: block; }
}

/****** dona12 *****/
ul.donalist{ display: flex; justify-content: space-around;  align-items: flex-start;  flex-wrap: wrap; background:url(../image/sub/sub12/bg.png) no-repeat center bottom 25%; }
ul.donalist li{ width: 42%; margin:80px 0; }
ul.donalist li strong{display: block; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #000; font-size: 24px; font-weight: 600; color: #000; }
ul.donalist li p{ margin-bottom:20px; line-height: 1.8; font-size: 18px; color: #000; }


/****** dona14 *****/
.dona14 .section .boximg img{ width:100%; }
.dona14 .fl_titWr{ margin-bottom:80px; border-top:3px dotted #6dc090; }


/****** dona15 list*****/
.dona15{}
.dona15 .section{max-width: 1050px;}
.doList{position: relative; display: inline-block; width: 100%; height: 100%;  box-sizing: border-box;}
.doWr{  position: relative; display: flex; width: 100%; height: auto;
    flex-direction: column; flex-wrap: wrap; box-sizing: border-box;  }
.do_BW {position: relative; display: block; width: 100%; height: 100%;box-sizing: border-box;
  margin: 15px auto; padding: 10px 0px 0px 10px;}
.do_BW h2{  position: relative; font-size: 26px; font-weight: bold; color: #3cb37a; margin-bottom: 10px;  }
.do_Box{  position: relative; display: block; width: 100%; margin: 0px auto;
  column-count: 5; -moz-column-count: 5; -webkit-column-count: 5;
  -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;
  column-rule: 0.5px solid #000;  -webkit-column-rule: 0.5px solid #000;
  -moz-column-rule: 0.5px solid #000;
  box-sizing: border-box; font-family: 'notokr-regular', Sans-serif;}

.do_Box p{position: relative;  font-size: 17px;  color: #000;
  line-height: 1.8; word-break: keep-all;  box-sizing: border-box;}

/**/
.dona16{}
.dona16 .section{max-width: 1000px;}
.name_ico{	position: relative; display: inline-block; width: 18px; height: 14px;  vertical-align: middle; margin-top: -5px;  margin-right: 5px; background:url(../image/ico/name_ico.png) no-repeat center/cover;}


@media all and (max-width:1089px){
.do_Box h2{font-size: 24px;}
.do_Box{  column-count: 4;  -moz-column-count: 4;  -webkit-column-count: 4;}
.do_Box p{ font-size: 16px; word-break: break-all;  }
}

@media all and (max-width:768px){
.do_BW {padding: 5px 0px 0px 5px;}
.do_Box h2{font-size: 22px;}
.do_Box{  column-count: 3;  -moz-column-count: 3;  -webkit-column-count: 3;}
.do_Box p{ font-size: 15px;}
ul.donalist { flex-direction: column;  align-items: center; }
ul.donalist li{ width: 100%; margin:40px 0; }
}


@media all and (max-width:420px){
.do_Box{ column-count: 2;  -moz-column-count: 2;  -webkit-column-count: 2;}
.do_Box p{ font-size: 14px;}
}




/******/
.sub_viso .name_ico{  display: inline-block;
  width: 18px;  height: 14px;
  margin: 0 6px;
  vertical-align: middle;
  background: url(../image/ico/name_ico.png) no-repeat center/cover;
}
/******/
.sub_viso i.movie{  display: inline-block;
  width: 32px; height: 30px; margin-right: 10px;margin-top: -5px;
  background: url(../image/sub/sub08/movie.svg) no-repeat center/cover;
  vertical-align: middle;}
.sub_video{ position:relative; padding-bottom:56.25%;
  padding-top:30px; height:0; overflow:hidden;}
.sub_video iframe, .sub_video object, .sub_video embed{  position:absolute;
  top:0; left:0; width:100%; height:100%;}
.sub_viso h4{  font-size: 36px;  margin: 10% 0 3%; font-weight: 500; color: #000;
  font-family: 'IBM Plex Sans KR', sans-serif; text-align: center;  box-sizing: border-box;}
.sub_viso h5{  font-size: 32px;  margin: 30px 0; font-weight: 500; color: #000;
    font-family: 'IBM Plex Sans KR', sans-serif; text-align: center;  box-sizing: border-box;}
.sub_viso h4.brown{color: #b5623d;}
.sub_viso .P_Txt{  font-size: 20px; font-family: 'Noto Sans KR';  color: #000;}
.sub_viso .P_Txt span{color: #000; font-weight: bold; font-size: 20px; }

@media all and (max-width:1089px){
.sub_viso h4{font-size:24px;}
.sub_viso h5{font-size:22px;}
}
@media only screen and (max-width: 768px) {
.sub_viso h4{font-size:22px;}
.sub_viso h5{font-size:20px;}
.sub_viso .name_ico{margin: 0 3px;}
}


/******/
.heritage{}
.heritage .txt-box01{color: #000;}
.fa-quote-left, .fa-quote-right { display: block; vertical-align: middle;
  font-size: 18px; font-weight: 100;  font-style: normal;
  font-family: FontAwesome;  margin-right: 3px;}
.txt-box01 i {  padding: 10px;}

/* .heritage .section{max-width: 1100px;} */
/* .pColor{color: #b5623d;}
.brown{color: #b5623d !important;} */
.timewr{	position: relative;	display: block;	max-width: 1000px; width: 100%;
	padding: 30px 0%;  margin: 0 auto;	margin-top: 50px;	margin-bottom: 55px;
	box-sizing: border-box;}
.heritage h4{  font-size: 36px;  margin: 10% 0 3%; font-weight: 500; color: #000;
  font-family: 'IBM Plex Sans KR', sans-serif; text-align: center;  box-sizing: border-box;}
.heritage h4.brown{color: #b5623d;}

.time_start, .time_end { display: table; width: 100%; vertical-align: middle; background: #fff;
   color: #b5623d; background-color: #fff; margin: 0 auto;  text-align: center; font-size: 40px;
  font-family: 'Montserrat', Sans-serif; box-sizing: border-box;}
.time_start{font-weight: bold;}
.time_end{  line-height: 22px;}
.time_end .endico{  position: relative;  box-sizing: border-box;}
.time_end .endico i {  display: block;  font-size: 60px;  line-height: 0.35;}
.fa-angle-down{  display: inline-block;  font-family: 'FontAwesome';
  vertical-align: middle;  font-style: normal;  font-weight: lighter;
  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.timeline { position: relative;	display: block; width: 100%; height: 100%;  margin: 0 auto;
  color: #b5623d;  box-sizing: border-box;}
.timeline .center_line { position: absolute; width: 2px;  height: 100%; top: 0;	left: 50%;
  transform: translatex(-50%);  background: #b5623d; z-index: -1;}

.timeline .timeline_cont { 	 padding-top: 20px; padding-bottom: 20px;}
.time_article {	position: relative; width: 100%; height: 100%;overflow: hidden;/* margin: 20px 0;*/}
.time_article .cont_Lbox, .time_article .cont_Rbox { display: block; width: 100%;
  max-width: 47%;	box-sizing: border-box;}
.time_article .cont_L, .time_article .cont_R { position: relative; width: auto; padding: 15px 15px 10px;
  margin: 5px 0;	background-color: #fff;  box-sizing: border-box;
  border: 1px solid rgba(181, 98, 61, 0.7);}
.time_article h6, .time_article .contTxt{ font-size: 16px; text-align: left; font-family: 'notokr-regular', Sans-serif;}
.time_article h6{font-weight: bold;  margin: 8px 0 5px; line-height: 1.3;}
.time_article .contTxt {	position: relative; padding: 3px 0;		line-height: 140%;  }
.time_article .t_img{position: relative; display: block; width: 100%;
  margin-top: 10px;  -webkit-perspective: 1;  image-rendering: -webkit-optimize-contrast;}
.t_img_sup{position: relative; display:block;  font-size: 14.5px;
   margin-top: 3px;  font-family: 'Noto Sans KR',Sans-serif;}
.t_img_sup span{  position: relative; display:block; line-height: 1.3;}
.time_article .article_num { font-size: 24px; font-weight: bold;  font-family:'Montserrat', Sans-serif;}
.time_article .article_num span{font-family: 'notokr-regular', Sans-serif;}
.time_article .cont_Lbox {  float: left;}
.time_article .cont_Rbox {  float: right;}
.time_article .cont_L:before, .time_article .cont_R:before{ position: absolute; top: 15px;
	font-size: 23px;	color: #b5623d;	 font-family: "FontAwesome";}
.time_article .cont_L:before {  content: "\f0da";  right: -8px;}
.time_article .cont_R:before {  content: "\f0d9";  left: -8px;}
.time_article .cont_L:before, .time_article .cont_R:before{display: none;}
.time_article .cont_L:nth-child(1):before, .time_article .cont_R:nth-child(1):before{display: block;}
.time_article .meta_date { content: ''; position: absolute; width: 10px; height: 10px;
	margin-top: 36px; left: 50%; transform: translatex(-50%);	color: #fff;
	background-color: rgba(181, 98, 61, 1);  border: 1px solid #b5623d;
   border-radius: 50%;}

@media all and (max-width:1089px){
.timewr{margin: 30px auto;}
.time_tit h2{font-size: 26px;}
.heritage h4{font-size:24px;}
}

@media only screen and (max-width: 768px) {
.heritage h4{font-size:22px;}
.time_start, .time_end {text-align: left; }
.time_end {padding-left:12px;}
.time_end .endico i {font-size: 40px;}

.timewr .time_tit h2{text-align: left;}
.timeline .center_line { margin-left: 0; left: 25px; text-align: left;}
.time_article .meta_date {  margin-left: 0;  left: 25px;}
.time_article .cont_Lbox, .time_article .cont_Rbox { max-width: 100%;	width: auto;
	float: none;  margin-left: 50px; margin-bottom: 15px;}
.time_article .cont_L, .time_article .cont_R { width: 99%; padding: 10px 15px; min-height: inherit;}
.time_article .cont_L:before, .time_article .cont_R:before{top: 18px;}
.time_article .cont_L:before {  content: "\f0d9";  right: auto;  left: -8px;}
.time_article .article_num{font-size: 24px; }
.time_article h6{margin: 5px 0 5px;}
.time_article h6, .time_article .contTxt{ font-size: 15px;}
.t_img_sup{font-size: 13px;}
}