@charset "utf-8";

#wrapper {padding-top:0;}
#header {background:#0c2544;}
.header-fixed #header {background:#0c2544;}


.video-section {padding:35px 0 25px 0; width:100%;}
.video-section.main-video {position:absolute; padding: 50px 0; left:15px; right:15px; z-index:80; margin: 0 auto;}
.video-section.main-video .video-container {position:relative; /*padding-bottom:56.25%;*/}
.video-section.main-video .video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.visual-section img {width:100%;}
.visual-section .slick-dots {position:absolute; bottom:20px; left:0; width:100%; z-index:50; text-align:center; line-height:0;}
.visual-section .slick-dots li {display:inline-block; margin:0 3px;}
.visual-section .slick-dots li button {display:block; width:10px; height:10px; background:#fff; border:0; border-radius:100%; overflow:hidden; text-indent:-999em;}
.visual-section .slick-dots li.slick-active button {background:#c7953b;}

.m-title {text-align:center; color:#282828; font-size:20px; font-weight:500; line-height:1.3em; margin-bottom:15px;}



.event-section {padding:30px 0 50px; background:url("../") 50% 50% no-repeat; background-size:cover; overflow:hidden;}
/*



.event-slider   {                                 
   overflow-x: auto;
  display: flex;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch; 
  scrollbar-width: none; 
}

.event-slider::-webkit-scrollbar {  display: none;}
.event-slider { display: flex;}
.event-slider .item {padding:0 6px; width:80% !important scroll-snap-align: start;}
.event-slider .item a {display:block; position:relative;}
.event-slider .item a:before {content:""; position:absolute; top:0; left:0; right:0; height:50%; background-image:linear-gradient(rgba(0,0,0,.7), transparent);}
.event-slider .item .img {padding-bottom:146.6%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.event-slider .item .info {position:absolute; top:0; left:0; width:100%; color:#fff; padding:13px 15px;}
.event-slider .item .info p {font-size:12px;}
.event-slider .item .info h3 {font-size:18px; line-height:1.3em; letter-spacing:-.03em; margin-top:2px;}

*/





.event-slider {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.event-slider::-webkit-scrollbar {
  display: none;
}

.event-slider .items {
  display: flex;
  scroll-snap-type: x mandatory;
  gap: 12px; /* ¾ÆÀÌÅÛ °£ °£°Ý */
  padding: 0 12px;
}

.event-slider .item {
  flex: 0 0 80%;
  scroll-snap-align: start;
  padding: 0;
}

.event-slider .item a {
  display: block;
  position: relative;
}

.event-slider .item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-image: linear-gradient(rgba(0,0,0,0.7), transparent);
}

.event-slider .item .img {
  padding-bottom: 146.6%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.event-slider .item .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 13px 15px;
}

.event-slider .item .info p {
  font-size: 12px;
}

.event-slider .item .info h3 {
  font-size: 18px;
  line-height: 1.3em;
  letter-spacing: -0.03em;
  margin-top: 2px;
}





.map-section {padding:50px 15px; text-align:center; background:url("../images/main/map_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.map-section .m-title {color:#fff;}
.map-section .bt {display:block; padding:9px 0; color:#fff; background:#282828; font-size:13px; line-height:1.3em;}
.map-section .bt:before {content:"";display:inline-block;vertical-align:middle;margin:-.2em 6px 0 0;width:16px;height:16px;background:url("../images/main/more.png") 50% 50% no-repeat;background-size:contain;}

.notice-section {padding:50px 15px; //*background:url("../images/main/notice_bg.jpg") 50% 50% no-repeat; *//background-size:cover;}
.notice-section .contain {position:relative;}
.notice-section .list ul {border-top:3px solid #282828;}
.notice-section .list ul li {border-bottom:1px solid #282828; padding:12px 5px;}
.notice-section .list ul li a {display:table; table-layout:fixed; width:100%;}
.notice-section .list ul li .date {display:table-cell; vertical-align:middle; text-align:center; width:56px; color:#fff; font-size:12px; font-weight:700; line-height:1.2em;}
.notice-section .list ul li .date span {display:block; padding:12px 0; width:56px; height:56px; background:#0c2544; border-radius:100%;}
.notice-section .list ul li .txt {display:table-cell; vertical-align:middle; padding-left:15px;}
.notice-section .list ul li .txt dt {font-size:14px; font-weight:700; letter-spacing:-.02em; line-height:1.4em; overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}
.notice-section .list ul li .txt dd {font-size:12px; font-weight:400; letter-spacing:-.02em; line-height:1.4em; margin-top:3px; overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}
.notice-section .list ul li a:hover dt {text-decoration:underline;}
.notice-section .more {position:absolute; top:17px; right:0; font-size:14px; font-weight:700; line-height:1.2em;}