.bg-big {-webkit-animation-name:fadeInLeft; animation-name:bg-big;  animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; } 
@keyframes bg-big{
	  0% {background-size:100%; }
	  100% {background-size:120%; }
	}




@media (min-width: 992px) {
  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

.main {  }
.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:1050px; background-repeat: no-repeat; background-position:center 50px;   }

.main-section01 {width:100%;    }
.main-section01 .main-text { height:545px;  padding-top:180px;  text-align:center; color:#fff; }
.main-section01 .main-text .title { font-size:57px;  font-weight:bold;  line-height:1.6;  margin-bottom:10px; letter-spacing:-1.5px; }
.main-section01 .main-text .text { font-size:25px; color:#e2e2e1;  font-weight:normal; line-height:1.8; letter-spacing:1px;   }

.main-section01 .bottom {   }
.main-section01 .bottom .part {height:225px;  }
.main-section01 .donation { float:left; width:50%;  background:#fff; padding:30px 0 ; }
.main-section01 .donation .left , .main-section01 .donation .right { float:left; width:50%; padding-top:20px;  position:relative;  }
.main-section01 .donation .right  { border-left:1px solid #c8c8c8;  padding-left:50px;height:100%;  }
.main-section01 .donation h3 {  font-size:35px; text-align:center; color:#333; font-weight:normal; margin-bottom:30px;  }
.main-section01 .donation p.tel {  padding-left:70px; font-size:18px; color:#333;  margin-bottom:5px; }
.main-section01 .donation p.tel strong{  font-weight:bold; color:#915840;  }
.main-section01 .donation .right  ul {  }
.main-section01 .donation .right  ul  li { float:left; width:50%; margin-bottom:10px;    }
.main-section01 .donation .right  ul  li a {font-size:16px; color:#666;  }
.main-section01 .donation .right  .more { position:absolute; bottom:0px; right:40px;   }
.main-section01 .donation .right  .more a {display:inline-block; font-size:14px; color:#333; border:2px solid #666; padding:5px 15px;  border-radius:20px;  }

.main-section01 .info { float:left; width:50%;   }	
.main-section01 .info .bg { width:50%; float:left; height:100%; background:url(../images/main/bn_bgimg_05.jpg) no-repeat left top;  }
.main-section01 .info .text { width:50%; float:left; height:100%;  background:#413030;  text-align:center; color:#fff; padding-top:70px;   }
.main-section01 .info .text p { line-height:1.8; font-size:22px;  }
.main-section01 .info .text p span  { font-size:16px; }

.main-section01 .quick-menu { }
.main-section01 .quick-menu ul  {  height:100%;  }
.main-section01 .quick-menu ul li  {width:25%; float:left;  position:relative;  text-align:center; height:100%;  }
.main-section01 .quick-menu ul li a  { color:#fff; font-size:20px; font-weight:bold;  display:block; width:100%; height:100%; padding-top:55px;   }
.main-section01 .quick-menu ul li a img { display:block; margin:0 auto 20px;  }
.main-section01 .quick-menu ul li.list01 a { background:url(../images/main/bn_bgimg_01.jpg) no-repeat center center;  }
.main-section01 .quick-menu ul li.list02 a { background:url(../images/main/bn_bgimg_02.jpg) no-repeat center center;  }
.main-section01 .quick-menu ul li.list03 a { background:url(../images/main/bn_bgimg_03.jpg) no-repeat center center;  }
.main-section01 .quick-menu ul li.list04 a { background:url(../images/main/bn_bgimg_04.jpg) no-repeat center center;  }


.main-section02 { background:#f5f5f5; height:400px; padding-top:80px; padding-bottom:80px;  }
.main-section02 .notice-wrap {   position:relative;  text-align:center;  }
.main-section02 .notice-wrap .notice { display:inline-block; }
.main-section02 .notice-wrap h3 {   padding-left:30px; padding-right:30px; display:inline-block;  font-weight:normal;  position:relative; }
.main-section02 .notice-wrap h3:before { border-left:2px solid #ababab; width:2px; height:30px; content:''; display:inline-block; position:absolute; left:0px; top:5px;  }
.main-section02 .notice-wrap .notice:first-child h3:before { border-left:0px;  }
.main-section02 .notice-wrap .notice:first-child h3 {  padding-left:0px; }
.main-section02 .notice-wrap h3 a {   color:#666;   font-size:35px;  text-align:center; font-weight:normal; }
.main-section02 .notice-wrap ul { text-align:left; display:none; position:absolute; top:80px;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li { float:left;   width:33.333%;  font-size:16px; height:160px;  font-weight:normal;    border-left:1px solid #c8c8c8; }
.main-section02 .notice-wrap ul li:first-child  {border-left:0px; }
.main-section02 .notice-wrap ul li a { float:left; display:block; position:relative; color:#666;  padding:0 20px; height:100%; width:100%;   }
.main-section02 .notice-wrap ul li a span.title {  margin-bottom:20px;  font-size:18px; font-weight:bold; color:#333;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice-wrap ul li a span.text {   font-size:16px; }
.main-section02 .notice-wrap ul li a span.date {  font-size:16px;  position:absolute; bottom:0px; left:20px; }
.main-section02 .notice-wrap .more { display:none;  position:absolute; top:5px; right:0px;  }
.main-section02 .notice-wrap .notice.active h3 a { border:0px; color:#000; text-decoration:none;   }
.main-section02 .notice-wrap .notice.active ul  , .main-section02 .notice-wrap  .notice.active .more { display:block;  }

.main-section03 { background:#fff;  padding-top:80px; padding-bottom:80px;  }
.main-section03 .container{ position:relative;  }
.main-section03  h3  {   color:#000;  margin-bottom:40px;  font-size:35px;  text-align:center; font-weight:normal; }
.main-section03  ul { margin:0 -10px;  }
.main-section03  ul  li { float:left; width:25%; padding:0 10px; text-align:center;  }
.main-section03  ul  li a {display:block; width:100%;  font-size:20px; color:#333; overflow:hidden; }
.main-section03  ul  li a img {width:100%; height:200px; margin-bottom:15px; }
.main-section03  ul  li a:hover   img {transform: scale(1.1); transition : all 0.5s ease ; }
.main-section03 .more {  position:absolute; top:5px; right:0px;  }


.main-section04 { background:#2a2a2a; padding:40px 0 ; color:#fff;  } 
.main-section04  h3 { font-size:24px; float:left;  color:#fff; position:relative;   font-weight:normal;  }
.main-section04  h3  strong { font-weight:bold; }
.main-section04 ul {float:right; padding-top:5px; }
.main-section04 ul li {float:left; font-size:18px; position:relative;   }
.main-section04 ul li strong {color:#d4c598; }
.main-section04 ul li:before  { content:'|'; display:inline-block; color:#666; padding:0 40px;  }
.main-section04 ul li:first-child:before  { content:''; display:inline-block;  }





}

@media (min-width: 992px) and (max-width: 1199px) {


.main-section01 .donation h3 {  font-size:30px;  }
.main-section01 .donation p.tel {  padding-left:40px; font-size:16px; }
.main-section01 .donation .right  { padding-left:30px;}
.main-section03  ul  li a { font-size:18px;}
.main-section03  ul  li a img {height:160px}

}



@media (max-width: 991px) {
.main {   }
.main .main-bg  { position:absolute; top:0px; left:0px;  width:100%; height:15rem;  background-repeat: no-repeat; background-size:cover;  background-position:center bottom;   }


.main-section01 { position:relative; width:100%;   padding-left:15px; padding-right:15px;   }

.main-section01 .main-text {color:#fff; text-align:center;  padding-top:2rem; height:7rem;  }
.main-section01 .main-text .title { font-size:0.8rem;  font-weight:bold; font-family: 'Noto Sans KR' , 'Arial'; line-height:1.6;  margin-bottom:15px; }
.main-section01 .main-text .title strong{ font-size:1.2rem;font-weight:bold;  }
.main-section01 .main-text .text { font-size:0.55rem; font-weight:normal; line-height:1.8;   }



.main-section01 .bottom {   }
.main-section01 .bottom .part {height:7rem;  }
.main-section01 .donation { width:100%;  background:#fff; padding:0.4rem 0 ; }
.main-section01 .donation .left , .main-section01 .donation .right { float:left; width:50%; padding-top:0.8rem;  position:relative;  }
.main-section01 .donation .right  { border-left:1px solid #c8c8c8;  padding-left:0.5rem;height:100%;  }
.main-section01 .donation h3 {  font-size:0.8rem; text-align:center; color:#333; font-weight:normal; margin-bottom:0.4rem;  }
.main-section01 .donation p.tel { text-align:center;  font-size:0.6rem; color:#333;  margin-bottom:5px; }
.main-section01 .donation p.tel strong{  font-weight:bold; color:#915840;  }
.main-section01 .donation .right  ul {  }
.main-section01 .donation .right  ul  li { float:left; width:50%; margin-bottom:10px;    }
.main-section01 .donation .right  ul  li a {font-size:0.58rem; color:#666;  }
.main-section01 .donation .right  .more { position:absolute; bottom:0px; left:0px; text-align:center; width:100%;  }
.main-section01 .donation .right  .more a {display:inline-block; font-size:0.55rem; color:#333; border:2px solid #666; padding:0.2rem 15px;  border-radius:20px;  }

.main-section01 .info {width:100%;    }	
.main-section01 .info .bg { width:50%; float:left; height:100%; background:url(../images/main/bn_bgimg_05.jpg) no-repeat left top; background-size:cover;   }
.main-section01 .info .text { width:50%; float:left; height:100%;  background:#413030;  text-align:center; color:#fff; padding-top:2rem;   }
.main-section01 .info .text p { line-height:1.8; font-size:0.7rem;  }
.main-section01 .info .text p span  { font-size:0.6rem; }

.main-section01 .quick-menu {width:100%;  }
.main-section01 .quick-menu ul  {  height:100%;  }
.main-section01 .quick-menu ul li  {width:50%; float:left;  position:relative;  text-align:center; height:100%;  }
.main-section01 .quick-menu ul li a  { color:#fff; font-size:0.7rem; font-weight:bold;  display:block; width:100%; height:100%; padding-top:1rem;  background-size:cover;   }
.main-section01 .quick-menu ul li a img { display:block; margin:0 auto 0.4rem;  }
.main-section01 .quick-menu ul li.list01 a { background:url(../images/main/bn_bgimg_01.jpg) no-repeat center center; background-size:cover;  }
.main-section01 .quick-menu ul li.list02 a { background:url(../images/main/bn_bgimg_02.jpg) no-repeat center center;background-size:cover;   }
.main-section01 .quick-menu ul li.list03 a { background:url(../images/main/bn_bgimg_03.jpg) no-repeat center center; background-size:cover;  }
.main-section01 .quick-menu ul li.list04 a { background:url(../images/main/bn_bgimg_04.jpg) no-repeat center center; background-size:cover;  }




.main-section02  {  background:#f5f5f5ff; width:100%; padding:1rem 15px;  height:19rem;      }
.main-section02 .notice-wrap {width:100%;   position:relative;  text-align:center;  }
.main-section02 .notice-wrap .notice { display:inline-block; }
.main-section02 .notice-wrap h3 {padding-left:0.4rem; padding-right:0.3rem;  float:left;     font-weight:normal; position:relative;  }
.main-section02 .notice-wrap h3:before { border-left:1px solid #ababab; width:1px; height:14px; content:''; display:inline-block; position:absolute; left:0px; top:7px;  }
.main-section02 .notice-wrap .notice:first-child h3:before { border-left:0px;  }
.main-section02 .notice-wrap .notice:first-child h3 {  padding-left:0px; }
.main-section02 .notice-wrap h3 a { color:#666; display:block;   font-size:0.9rem;  text-align:center;  padding-left:0.2rem; padding-right:0.2rem;  vertical-align:middle; width:100%;  height:1.5rem;  padding-top:0.2rem; }
.main-section02 .notice-wrap ul { text-align:left; display:none; position:absolute; top:2rem;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li { float:left;   width:100%;  font-size:58rem; height:5rem; padding:0.5rem 0 ;   font-weight:normal;    border-bottom:1px solid #c8c8c8; }
.main-section02 .notice-wrap ul li:first-child  {border-left:0px; }
.main-section02 .notice-wrap ul li a { float:left; display:block; position:relative; color:#666;  padding:0 0.4rem; height:100%; width:100%;   }
.main-section02 .notice-wrap ul li a span.title {  margin-bottom:0.2rem;  font-size:0.6rem; font-weight:bold; color:#333;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice-wrap ul li a span.text {   font-size:0.58rem; }
.main-section02 .notice-wrap ul li a span.date {  font-size:0.58rem;  position:absolute; bottom:0px; left:0.4rem; }
.main-section02 .notice-wrap .more { display:none; font-size:30px; color:#333;  display:none; position:absolute; top:5px; right:0px;  }
.main-section02 .notice-wrap .more img { width:0.7rem;  }
.main-section02 .notice-wrap .notice.active h3 a { border:0px; color:#000;   }
.main-section02 .notice-wrap .notice.active ul  ,.main-section02 .notice-wrap  .notice.active .more { display:block;  }
.main-section02 .notice-wrap  .notice.active .more  * { vertical-align:top;  }



.main-section03 { background:#fff;  padding:1rem 15px;}
.main-section03 .container{ position:relative;  }
.main-section03  h3  {   color:#000;  margin-bottom:1rem;    font-size:0.9rem;  text-align:center; font-weight:normal; }
.main-section03  ul { margin:0 -0.2rem;  }
.main-section03  ul  li { float:left; width:50%; padding:0 0.2rem; text-align:center;  }
.main-section03  ul  li:nth-of-type(3),.main-section03  ul  li:nth-of-type(4) { display:none;  }
.main-section03  ul  li a {display:block; width:100%;  font-size:0.6rem; color:#333; overflow:hidden; }
.main-section03  ul  li a img {width:100%; height:5rem; margin-bottom:0.3rem; }
.main-section03  ul  li a:hover   img {transform: scale(1.1); transition : all 0.5s ease ; }
.main-section03 .more {  position:absolute; top:5px; right:0px;  }
.main-section03 .more img { width:0.7rem;  }



.main-section04 { background:#2a2a2a; padding:1rem 15px ; color:#fff;  } 
.main-section04 h3 { font-size:0.75rem;  margin-bottom:10px;   font-weight:normal;  }
.main-section04  h3  strong { font-weight:bold; }
.main-section04 ul {padding-top:10px; }
.main-section04 ul li strong {color:#d4c598; }
.main-section04 ul li {float:left; font-size:0.6rem; position:relative; margin-right:0.6rem;   }



}