.fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; }
@keyframes fadeInLeft{
	  0% {opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px);}
	  100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
	}

.fadeIn {-webkit-animation-name:fadeIn; animation-name:fadeIn;  animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; }
@keyframes fadeIn{
	  0% {opacity:0; display:none; }
	  100% {opacity:1; display:block; }
	}



.pop-container { position:relative; z-index:90;  }
.popup { position:absolute; top:75px; left:0px;  display:none; width:340px;  }
.popup .pop-img img {  width:340px; height:420px;  max-width: 100% !important; height: auto !important;}  /* important 부분 휴관 배너 내려가면 삭제 */
.pop-input-wrap { padding:10px; color:#fff; background:#000; text-align:right;   }
.pop-input-wrap label { font-weight:normal;  display:inline-block;margin-top:2px; }
.pop-input-wrap * {  line-height:1; vertical-align:top;  }
.pop-input-wrap input  {  }
.pop-input-wrap .pop-close { margin-top:3px; display:inline-block;  }
.main .pop-input-wrap a { margin-left:10px; color:#fff;  }
.main .pop-input-wrap .pop-close {   }
.pop-container  .pupup-btn { position:absolute; bottom:10px; left:0px; padding-left:10px;    }
.pop-container  .pupup-btn *  { vertical-align:middle; }
.pop-container  .pupup-btn div { display:inline-block; color:#fff;   }
.pop-container  .pupup-btn div a {display:inline-block; color:#fff; font-size:16px;  margin-top:-1px;   }







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

.main { position:relative;  background:url(../images/main/list_bg.jpg) repeat-x left bottom; }

.main-section01 {width:100%;   height:860px;   }
.main-section01 .main-bg-rolling { position:absolute; top:0px; left:0px; width:100%; height:860px; z-index:-1; }
.main-section01 .main-bg-rolling ul li {width:100%;   height:860px; background-repeat: no-repeat; background-position:center top;    }
.main-section01 .container { position:relative;  height:860px;text-align:center; padding-top:75px; }
.main-section01 .main-text { color:#fff; font-family:'ns';  background:rgba(0,0,0,0.5); height:785px; width:520px; margin:0 auto;  padding-top:160px; }
.main-section01 .main-text .title { font-size:29px; line-height:1.8;    }
.main-section01 .main-text .title strong{ display:block; font-size:50px; letter-spacing:20px;  padding-left:20px; }
.main-section01 .main-text .eng  {margin-bottom:10px;  font-size:48px;  font-weight:bold; color:#ff9c00;   }
.main-section01 .main-text .text  {font-size:17px; }
.main-section01 .main-bg-rolling-btn { position:absolute; bottom:50px; left:0px; width:100%;  text-align:center;  }
.main-section01 .main-bg-rolling-btn *  { vertical-align:top; }
.main-section01 .main-bg-rolling-btn div { display:inline-block;  }
.main-section01 .main-bg-rolling-btn div a {display:inline-block;  margin:0 5px;   }
.main-section01 .main-bg-rolling-btn div.rolling-pager { margin:0px;  }
.main-section01 .main-bg-rolling-btn div.rolling-pager a { width:18px; height:18px; background:url(../images/main/c_off.png) no-repeat left top; text-indent:-99999px;  }
.main-section01 .main-bg-rolling-btn div.rolling-pager a.active { background:url(../images/main/c_on.png) no-repeat left top; }

.main-section02 {  }
.main-section02 .top-part {padding-top:90px; padding-bottom:50px;   background:url(../images/main/txt_bg.jpg) no-repeat center 50px; }
.main-section02 .top-part ul { padding:0 20px;  }
.main-section02 .top-part ul li { float:left; width:25%;  }
.main-section02 .top-part ul li a { display:block;  }
.main-section02 .top-part ul li a .img { float:left; }
.main-section02 .top-part ul li a .text-wrap { margin-left:60px; }
.main-section02 .top-part ul li a .text-wrap .title { font-size:20px; font-weight:bold; color:#000;  margin-bottom:5px; }
.main-section02 .top-part ul li a .text-wrap .text { font-size:15px; color:#666; }

.main-section02 .middle-part { padding-bottom:50px;   }
.main-section02 .middle-part  .notice-wrap { float:left; width:45%; margin-right:7%;  position:relative;  height:280px; border-top:1px solid #e0e0e0;  }
.main-section02 .middle-part  .notice-wrap h3 {   float:left; font-size:26px;     margin-right:30px;  }
.main-section02 .middle-part  .notice-wrap h3 a { color:#7b7b7b;  display:block;  height:70px; padding-top:20px; border-top:6px solid #fff;   padding-left:10px; padding-right:10px; }
.main-section02 .middle-part  .notice-wrap .news-list {display:none;   position:absolute; top:60px; left:0px; width:100%; padding-top:25px;   }
.main-section02 .middle-part  .notice-wrap .news-list ul li { width:100%; font-size:18px; margin-bottom:15px; float:left;  }
.main-section02 .middle-part  .notice-wrap .news-list ul li a { float:left; color:#000; width:80%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .middle-part  .notice-wrap .news-list ul li span {float:right; color:#555; font-size:16px;  }
.main-section02 .middle-part  .notice-wrap .more {  position:absolute; top:-35px; right:0px;  }
.main-section02 .middle-part  .notice-wrap .notice.active h3 a { border-top:6px solid #ff9c00; font-weight:bold; color:#000;   text-decoration:none; }
.main-section02 .middle-part  .notice-wrap .notice.active .news-list  { display:block;  }

.main-section02 .middle-part .calendar-wrap { float:left; width:48%;  }
.main-section02 .middle-part .calendar-wrap .calendar-top { float:left; width:175px; padding-right:30px; position:relative;   }
.main-section02 .middle-part .calendar-wrap .calendar-top:after { content:''; display:inline-block;  width:20px; height:20px; background:#ff9c00; position:absolute; top:65px; right:20px; border-radius:10px; }
.main-section02 .middle-part .calendar-wrap .calendar-top .month {text-align:center;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month .month-text { display:block; letter-spacing:-2px; color:#555;  font-size:90px; margin-bottom:10px; line-height:1;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month a { font-size:22px; color:#b0b0b0; display:inline-block;   margin-top:10px;    }
.main-section02 .middle-part .calendar-wrap .calendar-top .month span { font-size:20px; color:#555; display:inline-block;   margin: 0 1px; }
.main-section02 .middle-part .calendar   {float:left; width:calc(100% - 175px); border-top:1px solid #e0e0e0; border-collapse:collapse;  }
.main-section02 .middle-part .calendar thead { border-bottom:2px solid #000;  }
.main-section02 .middle-part .calendar th { text-align:center; font-size:15px; color:#333; font-weight:bold;   height:50px;  }
.main-section02 .middle-part .calendar td { text-align:center;  font-size:15px; color:#666; height:40px; padding:3px 0 ;  }
.main-section02 .middle-part .calendar td.no-date { color:#a09d9d;  }
.main-section02 .middle-part .calendar td a {  color:#fff !important;    background:#ff9c00;   display:inline-block; width:40px; height:40px; border-radius:20px;padding-top:10px;  }

.main-section02 .middle-part .calendar td span {   display:inline-block; width:40px; height:40px; padding-top:10px;  }
.main-section02 .middle-part .calendar td span.none {  color:#fff !important;    background:#ff9c00;    border-radius:20px; }
.main-section02 .middle-part .calendar tr th:first-child , 
.main-section02 .middle-part .calendar tr td:first-child {color:#FD3333;   }
.main-section02 .middle-part .calendar-wrap .more { text-align:right; color:#000; font-size:16px;  }
.main-section02 .middle-part .calendar-wrap .state { padding-top:10px;  }
.main-section02 .middle-part .calendar-wrap .state span { display:inline-block; margin-right:5px;  width:10px; height:10px; border-radius:5px;  }
.main-section02 .middle-part .calendar-wrap .state .ing { background:#ff9c00; }
.main-section02 .middle-part .calendar-wrap .state .closed { background:#a09d9d; }


.main-section02 .bottom-part { padding-bottom:70px;  min-height:300px;   }
.main-section02 .bottom-part ul {margin:0 -15px 50px;  }
.main-section02 .bottom-part ul li { float:left; width:25%; padding:0 15px; overflow:hidden;  text-align:center;  }
.main-section02 .bottom-part ul li span {position:relative;  display:block;  }
.main-section02 .bottom-part ul li span img { max-width:100%;  height:373px; width:100%; }
.main-section02 .bottom-part ul li span:hover   img { }
.main-section02 .bottom-part ul li dl {display:none; opacity:0;  position:absolute; left:0px; top:0px; width:100%; height:100%; background:#7b5224; padding:30px;  text-align:left;  color:#fff; }
.main-section02 .bottom-part ul li dl dt { font-size:19px; line-height:1.5; margin-bottom:30px;   font-weight:normal; }
.main-section02 .bottom-part ul li dl dd { font-size:14px; margin-bottom:10px; font-weight:normal;  }
.main-section02 .bottom-part ul li dl dd.go { margin-top:30px; border-bottom:2px solid #ccc;  display:inline-block;   }
.main-section02 .bottom-part ul li span:hover dl {   animation-name:fadeIn;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s; opacity:1; display:block;  }


.main-section02 .bottom-part .more { text-align:center;  }
.main-section02 .bottom-part .more a  { padding-bottom:15px; border-bottom:3px solid #ff9c00; display:inline-block; font-size:16px; color:#333; }








}

@media (min-width: 992px) and (max-width: 1199px) {
.main-section02 .middle-part  .notice-wrap {width:47%; margin-right:5%;   }
.main-section02 .middle-part  .notice-wrap h3 {    font-size:24px;     }

.main-section02 .middle-part  .notice-wrap .news-list ul li { font-size:16px;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month .month-text {  font-size:60px;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month a { font-size:20px;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month span { font-size:18px;   margin: 0 1px; }

.main-section02 .middle-part .calendar-wrap .calendar-top {  width:150px; padding-right:20px;  }

.main-section02 .middle-part .calendar-wrap .calendar-top:after {  width:14px; top:45px; right:30px;  height:14px; border-radius:7px; }
.main-section02 .middle-part .calendar   { width:calc(100% - 150px);   }
.main-section02 .middle-part .calendar td {  font-size:14px;  height:36px; padding:4px 0 ;  }
.main-section02 .middle-part .calendar td a { width:36px; height:36px; border-radius:18px;padding-top:8px;  }
.main-section02 .middle-part .calendar td span {   width:36px; height:36px; padding-top:8px;  }
.main-section02 .middle-part .calendar td span.none {  border-radius:18px;  }

.main-section02 .bottom-part ul {margin:0 -7px 50px;  }
.main-section02 .bottom-part ul li { float:left; width:25%; padding:0 7px;  }
.main-section02 .bottom-part ul li dl { padding:15px; }
.main-section02 .bottom-part ul li dl dt { font-size:17px; margin-bottom:20px;   }
.main-section02 .bottom-part ul li dl dd { font-size:13px; margin-bottom:7px;  }
.main-section02 .bottom-part ul li dl dd.go { margin-top:20px;    }

}




@media (max-width: 991px) {

 .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

.main { position:relative;  background:url(../images/main/list_bg.jpg) repeat-x left bottom; }
.pop-container { width:340px;  }
.popup { width:100%; text-align:center;   top:0px;  }
.popup .pop-input-wrap { max-width:340px;  margin:0 auto;  }
.popup img {  }

.main-section01 {width:100%;   height:500px;   }
.main-section01 .main-bg-rolling { position:absolute; top:0px; left:0px; width:100%; height:500px; z-index:-1; }
.main-section01 .main-bg-rolling ul li {width:100%;   height:500px; background-repeat: no-repeat; background-position:center top;    }
.main-section01 .container { position:relative;  height:500px;text-align:center; padding:0 40px;  }
.main-section01 .main-text { color:#fff;   background:rgba(0,0,0,0.5);  height:500px; width:100%; margin:0 auto;  padding-top:70px; }
.main-section01 .main-text .title { font-size:22px; line-height:1.8;   font-family:'ns'; }
.main-section01 .main-text .title strong{ display:block; font-size:30px; letter-spacing:20px;  padding-left:20px; }
.main-section01 .main-text .eng  {margin-bottom:20px;  font-size:28px;  font-weight:bold; color:#ff9c00;  font-family:'ns'; }
.main-section01 .main-text .text  {font-size:15px; letter-spacing:-1.8px;  }
.main-section01 .main-bg-rolling-btn { position:absolute; bottom:30px; left:0px; width:100%;  text-align:center;  }
.main-section01 .main-bg-rolling-btn *  { vertical-align:top; }
.main-section01 .main-bg-rolling-btn div { display:inline-block;  }
.main-section01 .main-bg-rolling-btn div a {display:inline-block;  margin:0 5px;    }
.main-section01 .main-bg-rolling-btn div.rolling-paly a {width:11px; height:15px;    }
.main-section01 .main-bg-rolling-btn div.rolling-pager { margin:0px;  }
.main-section01 .main-bg-rolling-btn div.rolling-pager a { width:15px; height:15px; background:url(../images/main/c_off.png) no-repeat left top; text-indent:-99999px; background-size:cover;   }
.main-section01 .main-bg-rolling-btn div.rolling-pager a.active { background:url(../images/main/c_on.png) no-repeat left top;background-size:cover; }

.main-section02 { padding:0 15px;  }
.main-section02 .top-part {padding-top:40px; padding-bottom:20px;   background:url(../images/main/txt_bg.jpg) no-repeat center 20px;  background-size:80% auto; }
.main-section02 .top-part ul {   }
.main-section02 .top-part ul li { float:left; width:50%; margin-bottom:20px;  }
.main-section02 .top-part ul li.list03 { clear:both;  }
.main-section02 .top-part ul li a { display:block;  }
.main-section02 .top-part ul li a .img { float:left; width:23%; margin-right:2%;  }
.main-section02 .top-part ul li a .img img {  }
.main-section02 .top-part ul li a .text-wrap {float:left; width:70%;  }
.main-section02 .top-part ul li a .text-wrap .title { font-size:16px; font-weight:bold; color:#000;  margin-bottom:5px; }
.main-section02 .top-part ul li a .text-wrap .text { font-size:13px; color:#666; }

.main-section02 .middle-part { padding-bottom:50px;   }
.main-section02 .middle-part  .notice-wrap {   margin-bottom:15px;   position:relative;  height:280px; border-top:1px solid #e0e0e0;  }
.main-section02 .middle-part  .notice-wrap h3 {   float:left; font-size:20px;     margin-right:15px;  }
.main-section02 .middle-part  .notice-wrap h3 a { color:#7b7b7b;  display:block;  height:50px; padding-top:10px; border-top:3px solid #fff;   padding-left:10px; padding-right:10px; }
.main-section02 .middle-part  .notice-wrap .news-list {display:none;   position:absolute; top:30px; left:0px; width:100%; padding-top:25px;   }
.main-section02 .middle-part  .notice-wrap .news-list ul li { width:100%; font-size:16px; margin-bottom:15px; float:left;  }
.main-section02 .middle-part  .notice-wrap .news-list ul li a { float:left; color:#000; width:70%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .middle-part  .notice-wrap .news-list ul li span {float:right; color:#555; }
.main-section02 .middle-part  .notice-wrap .more {  position:absolute; top:-15px; right:0px;  }
.main-section02 .middle-part  .notice-wrap .more img { width:22px;  }
.main-section02 .middle-part  .notice-wrap .notice.active h3 a { border-top:3px solid #ff9c00; font-weight:bold; color:#000;   text-decoration:none; }
.main-section02 .middle-part  .notice-wrap .notice.active .news-list  { display:block;  }

.main-section02 .middle-part .calendar-wrap { }
.main-section02 .middle-part .calendar-wrap .calendar-top {  width:100%;  margin-bottom:20px; position:relative;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month {text-align:center;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month .month-text {display:none; letter-spacing:-2px; color:#555;  font-size:50px; margin-bottom:5px; line-height:1;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month a { font-size:22px; color:#b0b0b0; display:inline-block;   margin-top:10px;    }
.main-section02 .middle-part .calendar-wrap .calendar-top .month span { font-size:20px; color:#555; display:inline-block;   margin: 0 2px; }
.main-section02 .middle-part .calendar   {  width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;  }
.main-section02 .middle-part .calendar thead { border-bottom:2px solid #000;  }
.main-section02 .middle-part .calendar th { text-align:center; font-size:15px; color:#333; font-weight:bold;   height:50px;  }
.main-section02 .middle-part .calendar td { text-align:center;  font-size:15px; color:#666; height:40px; padding:3px 0 ;  }
.main-section02 .middle-part .calendar td.no-date { color:#a09d9d;  }
.main-section02 .middle-part .calendar td a { color:#fff !important;  background:#ff9c00;   display:inline-block; width:40px; height:40px; border-radius:20px;padding-top:10px;  }
.main-section02 .middle-part .calendar td span {   display:inline-block; width:40px; height:40px; padding-top:10px;  }
.main-section02 .middle-part .calendar td span.none { color:#fff !important;  background:#ff9c00;  border-radius:20px;}
.main-section02 .middle-part .calendar tr th:first-child , 
.main-section02 .middle-part .calendar tr td:first-child {color:#FD3333;   }
.main-section02 .middle-part .calendar-wrap .more { text-align:right; color:#000; font-size:16px;  }
.main-section02 .middle-part .calendar-wrap .state { padding-top:10px;  }
.main-section02 .middle-part .calendar-wrap .state span { display:inline-block; width:10px; height:10px; border-radius:5px;  }
.main-section02 .middle-part .calendar-wrap .state .ing { background:#ff9c00; }
.main-section02 .middle-part .calendar-wrap .state .closed { background:#a09d9d; }


.main-section02 .bottom-part { padding-bottom:50px; min-height:10rem;    }
.main-section02 .bottom-part ul {margin:0 -3% 30px;  }
.main-section02 .bottom-part ul li { float:left; width:50%; padding:0 3%; overflow:hidden;  text-align:center;  }
.main-section02 .bottom-part ul li:nth-of-type(3),.main-section02 .bottom-part ul li:nth-of-type(4) { display:none;  }
.main-section02 .bottom-part ul li span img { max-width:100%;  height:373px;  width:100%; }
.main-section02 .bottom-part ul li span { display:block; position:relative;  }

.main-section02 .bottom-part ul li dl {display:none; opacity:0;  position:absolute; left:0px; top:0px; width:100%; height:100%; background:#7b5224; padding:15px;  text-align:left;  color:#fff; }
.main-section02 .bottom-part ul li dl dt { font-size:16px; line-height:1.5; margin-bottom:15px;   font-weight:normal; }
.main-section02 .bottom-part ul li dl dd { font-size:12px; margin-bottom:8px; font-weight:normal;  }
.main-section02 .bottom-part ul li dl dd.go { margin-top:20px; border-bottom:2px solid #ccc;  display:inline-block;   }
.main-section02 .bottom-part ul li span:hover dl {   animation-name:fadeIn;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s; opacity:1; display:block;  }

.main-section02 .bottom-part .more { text-align:center;  }
.main-section02 .bottom-part .more a  { padding-bottom:10px; border-bottom:3px solid #ff9c00; display:inline-block; font-size:16px; color:#333; }


}




@media (min-width: 520px) and (max-width: 991px) {

.main-section02 .middle-part .calendar-wrap .calendar-top { float:left; width:175px; padding-right:30px; position:relative; margin-bottom:0px;   }
.main-section02 .middle-part .calendar-wrap .calendar-top:after { content:''; display:inline-block;  width:20px; height:20px; background:#ff9c00; position:absolute; top:65px; right:20px; border-radius:10px; }
.main-section02 .middle-part .calendar-wrap .calendar-top .month .month-text {  display:block; font-size:90px; margin-bottom:10px;   }
.main-section02 .middle-part .calendar-wrap .calendar-top .month a { font-size:22px;     }
.main-section02 .middle-part .calendar   {float:left; width:calc(100% - 175px);  }


}