@charset "utf-8";



.article_Intro.mini{max-width: 700px;}

.sub11 .article_titWr{ background: url(../image/sub/visual/sub11.jpg) no-repeat center/cover; }
.sub12 .article_titWr{ background: url(../image/sub/visual/sub12.jpg) no-repeat center/cover; }
.sub14 .article_titWr{ background: url(../image/sub/visual/sub14.jpg) no-repeat center/cover; }
/* .sub16 .article_titWr{ background: url(../image/sub/visual/sub16.jpg) no-repeat center/cover; } */

i.left_t{	display: inline-block;  width: 50px; height: 41px;	text-align: center;
    background: url(../image/ico/left_t.svg) no-repeat center/cover;}
i.point_Top{	display: block;	width: 80px; height: 20px;
	background: url(../image/ico/t_top.svg) no-repeat center/cover;}




@media all and (max-width:640px){
  /* .article-title .title-content br{
    display: none;
  } */

}
/******* sub01 *****/
.sub01{}

.sub01 h4{ line-height: 1.4;}
.sub01, .sub01 .article_titWr{background-color: #f2ece4;}
.sub01 .article-content{
  /* border-top: 0.5px solid #000;  */
  background-color: #f2ece4;}
.sub01 .flex01{    align-items: flex-end; gap:10px;}
.sub01 .flex01 div{width: 100%;}


@media all and (max-width:1089px){
.sub01 h4 br{    display: none;  }
}

@media all and (max-width:768px){
  .sub01 .flex01{  flex-direction: column-reverse;}
  .sub01 .flex01 div{text-align: center;}
}
@media all and (max-width:640px){}


/******* sub5_a *****/
/* .sub05{}
.sub05 .doc_btn{position: relative; display: block;	margin-top: 10px;}
.sub05 .doc_btn a{ padding: 8px 17px; font-size: 16px; color: #fff;
	background-color: #a67e53;}
.sub05flex{	position: relative;	display: flex;  flex-direction: column;
	justify-content: space-between;	align-items: flex-start;
	flex-wrap: wrap;	padding-top: 55px;	padding: 0 3%;
	flex-wrap: nowrap; box-sizing: border-box;		 }
.sub05flex .sub05Box{position: relative;	display: flex;  width: 100%;
  flex-direction: row;  justify-content: center;  align-items: center;
	text-align: center;  margin-bottom: 100px;	padding: 0 2.5%;
  word-break: keep-all; box-sizing: border-box;}
.sub05flex .list_img{width: 35%; margin: 0 auto;}
.sub05Txt{  position: relative;	display: flex; width: 50%;  margin: 30px 30px;
  flex-direction: column;  align-items: center;  align-content: center;
  justify-content: space-between;}
.sub05Txt p{  margin-top:10px;}

.sub05 .doc_btn {  position: relative;  display: block;  margin-top: 25px;}

.sub05 h6{ display: block; margin-top: 20px; font-weight: bold;
	color: #000; font-size: 18px; margin: 15px 0;}

.sub05_list{	display: flex;	justify-content: space-between;
	align-items: flex-start;	flex-wrap: wrap;	padding-top: 55px;	gap:20px;}

@media all and (max-width:1089px){}
@media all and (max-width:768px){
.sub05flex .sub05Box{flex-direction: column; margin-bottom: 50px; padding: 0 1.5%; }
.sub05Txt{margin: 10px; width: 60%;}
.sub05 h6{margin: 15px 0 5px;}
.sub05Txt p{margin-top: 5px;}
.sub05 .doc_btn{margin-top: 20px;}
}
@media all and (max-width:640px){
.sub05Txt{width: 95%;}
} */


/******* sub10 *****/
.sub10{}
.sub10 .sub10Box{  position: relative; display: block; width: 100%; margin: 0 auto; text-align: center;
  box-sizing: border-box;  padding: 3% 0;}
.sub10 .sub10Box .acont{text-align: center; line-height: 1.6;}
.sub10 .sub10Box h5 {  text-align: center; color: #a67e53;  font-weight: bold;
    padding-bottom: 2%; margin-bottom: 20px;}

.sub10 .flex10{position: relative; display: flex; width: 100%; flex-direction: row;
	gap:3%;	align-items: flex-start;	justify-content: space-between;
	box-sizing: border-box;}
.sub10 .flex10Box_01{position: relative; display: flex; width: 100%; margin: 5px 5px;
  flex-direction: column;  box-sizing: border-box;}

.sub10 .tell_box .text1{font-size: 19px;}
.sub10 .tg{border-collapse:collapse;border-spacing:0;}
.sub10 .tg td{ font-size:17px;  overflow:hidden; padding:3px 5px; line-height: 1.6;word-break:normal;}
.sub10 .tg .tg_p1{ color: #000; width: 50px; font-weight: bold;
  word-break: keep-all; text-align:left;vertical-align:top}
.sub10 .tg .tg_p2{ text-align:left;vertical-align:top}

@media screen and (max-width: 768px) {
.sub10 .flex10 {  flex-direction: column;}
.sub10 .flex10Box_01{margin: 10px auto;}
.sub10 .tell_box  .text1{font-size: 18px; text-align: left;}
.sub10 .tg {width: auto !important;}
.sub10 .tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}
}



/******* sub11 *****/
.sub11{}
.sub11 h4 { margin: 2% 0 2%;}
.sub11 .sub11flex{	 gap:2%;	justify-content: space-evenly; padding: 2%;}
.sub11 .sub11flex .left{	margin-bottom: 0;text-align: center;  }
.sub11 .colorBox .acont{  margin: 0;}

@media all and (max-width:1089px){
.sub11 .sub11flex{flex-direction: column;}
.sub11 .sub11flex .left{margin-bottom: 10px;}
.sub11 h4 br, .sub11 .sub11flex br{ display: none;}
}

/******* sub12 *****/
.sub12{}
/* .sub12 .article_Intro{	max-width: 700px;} */
.sub12 .flex{gap:3%;}
.sub12 .tell_box{}
@media all and (max-width:640px){
	.sub12 .tell_box br{display: none !important;}
}

/******* sub13 *****/
.bg_bage01{background: #f0ebe5; padding: 10px 40px;}
.sub13{}
.sub13 .RD_Txt{}
.sub13 .RD_Txt p{  display: inline-block;  margin-top: 10px; padding: 3px 15px;
    font-size: 16px; line-height: 1.8;  border-radius: 25px; border: 1px solid #a67e53;
    color: #a67e53; font-weight: bold;}
.sub13 .bg_Dot::before{  content: '';  display: inline-block;  width: 3px;  height: 3px;
  border-radius: 50%;  vertical-align: middle;  margin-right: 6px;  margin-left: -10px;  background: #000;}


.sub13 .colorBox{margin: 10px 0; }
.sub13 .colorBox.linebr{ border:1px solid #a67e53; }
.sub13 .flex13{gap:5%;}
.sub13 .flex13 h4{ text-align: center; font-weight: bold; color: #a67e53;
	font-family: 'Montserrat', Sans-serif; font-size: 50px; }
.sub13 .colorBox h5{text-align: center; color: #a67e53;  font-weight: bold; padding-bottom: 2%;}
.sub13 p.acont{line-height: 1.6; margin-top: 0;}
.sub13 .sub13Btn{margin-bottom: 10px;}
.sub13 .sub13Btn p{	display: inline-block; font-size: 16px; padding: 2px 20px; border-radius: 50px;
 color: #a67e53; border:1px solid #a67e53;letter-spacing: 0; font-weight: 500;}
.sub13 .sub13Btn2 p{color: #fff; background: #a67e53;}
.sub13 .flex13_2{position: relative; display: flex; width: 100%; flex-direction: row;
	gap:3%;	align-items: flex-start;	justify-content: space-between;
	box-sizing: border-box;}
.sub13 .flex13Box02{position: relative; display: flex; width: 100%; flex-direction: column;}
.flex13_2 .boximg{margin-bottom: 0px;}
.sub13 .flex13_2 h5{font-weight: bold; color: #a67e53; margin-bottom: 5px; padding-bottom: 0;}


@media all and (max-width:768px){
.sub13 .flex13_2{flex-direction: column;}
.sub13 p.acont{text-align: center;}
}
@media all and (max-width:640px){}

/******     *****/
.sub14{}

/********* news *********/
.subNw{background-color: #f2ece4;}
.subNw .article_titWr{background-color: #f2ece4;}
.subNw .article-body{background-color: #f2ece4;}
.sub_Block{	position: relative;	display: block;	margin: 0 auto;text-align: center;
	border-top: 2px solid #000;	border-bottom: 2px solid #000;}
.sub_Block h4{margin: 0; line-height: 2;}

.subNw .newsWr{	position: relative; display: inline-block;	width: 100%; height: auto;
	background-color: #f2ece4; box-sizing: border-box; padding: 3% 5% 2%;}
.subNw .newsWr.newsWr2{padding-top: 50px;}
.newsWr .newsIn{ margin: 0 auto;	max-width: 1100px;}
.newsWr .section{background-color: #fff; max-width: 1100px; padding: 3% 5% 2%;}
.newsWr .acont{word-break: break-all; font-size: 16.5px; line-height: 1.7; margin-top: 0;}
.Nwflex{ 	position: relative;	display: flex;  align-items: center;  margin: 0 auto;
  word-break: keep-all;  box-sizing: border-box; flex-direction: column;}
.newsWr .NwBoxWr{position: relative;	border-bottom: 1px solid #d1bba3;	padding:30px 0 20px;}
.newsWr .NwBoxWr:last-child{border-bottom: none;}
.newsWr .NwBox{position: relative; display: flex; box-sizing: border-box;

  /* gap:4.5%; */
}

.newsWr .NwBox.NwBox_rv{flex-direction: row-reverse;}

.NwBox .boximg{margin-bottom: 0px;}
.NwBox div{width: 100%; box-sizing: border-box;}

.NwBox .NwBoxL{padding: 0 4% 0 0;}
.NwBox.NwBox_rv .NwBoxL{padding: 0 0 0 4%;}


.NwBox div.NwBoxL_s{width: 40%; margin: 0 auto;}

.NwTi { position: relative; display: block;font-size: 20px; color: #000;
	margin-bottom: 20px; 	 font-weight: bold; line-height: 1.4;}
.NwTi span{	 font-size: 20px;	color:#000;}

@media all and (max-width:1089px){
.subNw .newsWr{padding: 2%;}
}
@media all and (max-width:768px){
.newsWr .NwBox, .newsWr .NwBox.NwBox_rv{flex-direction: column;
  /* gap:15px; */}
.NwBox .NwBoxL,   .NwBox.NwBox_rv .NwBoxL{padding: 0 0 15px 0;}
.NwBox div.NwBoxL_s{width: 50%;}
}
@media all and (max-width:640px){
.NwBox div.NwBoxL_s{width: 70%;}
}
@media all and (max-width:420px){
.NwBox div.NwBoxL_s{width: 80%;}
}
/******* sub16 -> sub15 *****/
.sub15_color{color:#bfd88d;}
.sub15titwr{	text-decoration: underline 5px dotted #B2D4B4;  text-underline-position: under;}
.sub15titwr1{	text-decoration: underline 5px dotted #f4b3c1;  text-underline-position: under;}
.sub15tit01 { font-family: 'Cafe24Ssurround'; font-weight: bold;}
.sub15 .subList ul{	box-sizing: border-box;}
.sub15 .subList li{	margin: 5px; padding: 10px;	width: calc(100% / 2 - 15px); vertical-align: top;}
.sub15 .subList li .acont{	text-align: left;}
.sub15Box{	position: relative;  display: block;  width: 100%;	max-width: 700px;
	margin: 0 auto;  margin-top: 30px;  margin-bottom: 35px;  box-sizing: border-box;
	word-break: keep-all;}
.sub15tWr{	position: relative; display:inline-block;	width: 100%;
	border-bottom: 1px solid #000000;	padding-bottom: 20px;  box-sizing: border-box;}
.sub15txt, .sub15txt01, .sub15txt02{	position: relative; font-weight: bold;
	text-align: center !important;
 color: #000; font-size: 18px; line-height: 1.8; font-family: 'notokr-regular', 'sans-serif';}

.sub15txts{ font-size: 15px; color: #999999;}
.sub15txt01 span, .sub15txt02 span{
	position: relative; display:inline-block;  padding: 0 7px;}
.sub15txt01 span:after, .sub15txt02 span:after{
	content: '';  position: absolute; display: inline; z-index: -20;
	width: 100%;	height: .5rem;  left: 0;  bottom: 8px;  opacity: .55; }
.sub15txt01 span:after{	background: #B2D4B4;}
.sub15txt02 span:after{background: #B2D4B4;}

.sub15boximg{	position: relative;	display: block;  width: 100%;  margin: 0 auto;
  margin-bottom: 35px;  text-align: center;}
/* .sub15icoa{	position: absolute;	display: inline-block;
	bottom: 0;	left: -15px;	width: 70px;	height: 70px;	z-index: 1;}
.sub15ico01{background: url(../image/sub/sub15/ico01.png) no-repeat center/cover;}
.sub15ico02{background: url(../image/sub/sub15/ico02.png) no-repeat center/cover;}
.sub15ico03{background: url(../image/sub/sub15/ico03.png) no-repeat center/cover;}
.sub15ico04{background: url(../image/sub/sub15/ico04.png) no-repeat center/cover;}
.sub15ico05{background: url(../image/sub/sub15/ico05.png) no-repeat center/cover;}
.sub15ico06{background: url(../image/sub/sub15/ico06.png) no-repeat center/cover;}
.sub15ico07{background: url(../image/sub/sub15/ico07.png) no-repeat center/cover;}
.sub15ico08{background: url(../image/sub/sub15/ico08.png) no-repeat center/cover;} */

@media all and (max-width:768px){
.sub15 h3{font-size: 22px;}
.sub15 .subList li{width: 100%;}
.sub15icoa{	position: relative;	display: block;	margin: 0 auto;
	left: 0;	margin-top: 15px;}
.sub15boximg {margin-bottom: 10px;}
}

/******* sub16 *********/
.sub16 .article-body{ border-top: none; padding-top: 0;}
.sub16 .section{max-width: 1050px;}
.dona .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;
  box-sizing: border-box; font-family: 'notokr-regular', Sans-serif;}
.do_Box p{position: relative; font-size: 17px; color: #000;
	 line-height: 2.2; word-break: keep-all;
	 border-top: 0.5px solid #a67e53;	 box-sizing: border-box; }
.do_Box span{position: relative; display: inline-block; font-size: 13px; color:#666;}

.dona .donaBox0{position: relative;	text-align: center;}
.dona .donaflex1{position: relative; display: flex;width: 100%; gap:20px;}

.donaflex1 .donaBox01, .donaflex1 .donaBox02{position: relative; width: 100%; background-color: #f1e9e2;}
.donaflex1 .tg_wr, .donaflex2 .tg_wr{position: relative; display: block; width: 100%; height: auto; margin: 0 auto; 	  box-sizing: border-box;}
.donaflex1 .tg_wr{padding: 20px 15px;}
.donaflex1 .dona_tg, .donaflex2 .dona_tg   {	width: auto;	width: 100%;
	border-collapse:collapse; border-spacing:0;  vertical-align: middle;margin: 0 auto;}
.donaflex1 .dona_tg td, .donaflex2 .dona_tg td{font-size:16px;  overflow:hidden; padding:10px 5px; word-break:normal;}
.donaflex1 .dona_tg .tg_0{text-align:center; color:#a67e53;font-weight: bold;
	 padding:10px 10px; vertical-align: middle; }

.dona .donaflex2{position: relative;	 display: flex;width: 100%;
	align-items: flex-start; font-size: 15px; gap:10px;}

.donaflex1 .dona_tg .tg_1, .donaflex2 .dona_tg .tg_1{border-color:inherit; text-align:left;}
.donaflex2 .dona_tg .tg_1{font-size: 15px;}
.donaflex1 .dona_tg .tg_3, .donaflex2 .dona_tg .tg_3{  font-weight: 500;}
.donaflex1 .dona_tg .tg_3{font-size: 18px; color: #000; text-align:left;padding:10px 15px;}
.donaflex2 .dona_tg .tg_3{font-size: 16.5px;color: #a67e53;}
.donaflex2 .dona_tg .tg_0{	 text-align:left; color:#000;  font-weight: bold;
 	 padding:10px 5px; vertical-align: middle; }
.dona .doBx{position: relative;	width: 100%;}
.dona .doBx01{width: 95%;}
.doBx02  .tg_0{width: 32%;}
.doBx03  .tg_0{width: 25%;}
.dona .roundT{	position: relative; margin-bottom: 10px; }
.dona .roundT p{	position: relative; display: inline-block;
	color: #000; font-weight: bold; font-size: 17px;
	background-color: #f1e9e2;  padding: 7px 30px; border-radius: 20px; margin: 0;
}


@media all and (max-width:1089px){
.do_Box{  column-count: 4;  -moz-column-count: 4;  -webkit-column-count: 4;}
.do_Box p{ font-size: 16px; word-break: break-all;  }
.dona .donaflex1{gap:10px;}
.donaflex1 .tg_wr, .donaflex2 .tg_wr{padding: 15px 10px;}
}

@media all and (max-width:768px){
.donaflex1 .dona_tg {width: 100%;}
.donaflex1 .tg_wr, .donaflex2 .tg_wr{padding: 10px 5px;}
.do_BW {padding: 5px 0px 0px 5px;}
.do_Box{  column-count: 3;  -moz-column-count: 3;  -webkit-column-count: 3;}
.do_Box p{ font-size: 15px;}
.dona .doBx{margin-bottom: 10px;}
.donaflex1 .dona_tg, .donaflex2 .dona_tg {width: 100%;}
}


@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;}
}

/************/
.dona .do_tb02{width: 100%;}
.dona .do_tb02 th{background-color: #a57d53; color:#fff; font-weight: normal;  padding: 1%; border:1px solid #fff;}
.dona .do_tb02 td{ padding: 1%; border:1px solid #666; text-align: center;}
.dona .do_tb02 .td01{	text-align: center;	word-break: break-word !important;}
.dona .do_tb02 .Left{width: 35%;}
@media all and (max-width:1089px){
.dona .do_tb02{font-size: 14px;}
}
@media all and (max-width:768px){
.dona .do_tb02{font-size: 13px;}
.dona .do_tb02 td{word-break: break-all;}
}
@media all and (max-width:420px){
.dona .do_tb02{font-size: 12px;}
}
/* .sub16{	background-color: #d7e3ad;}
.event_btn{	position: relative;	display: block;	width: 100%;	margin: 0 auto;
 text-align: center;	margin-top: 50px;}
.event_btn a{	position: relative;	display: inline-block;	width: initial;
 padding: 10px 30px;	font-size: 18px;
 background-color: rgba(236, 190, 53, 0.9);
 color: #ffffff;	border: 1px solid #ecbe35;	border-radius: 5px;}
.sub16 .article-title::after{border-bottom: none;} */
