@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* mainpop */
#divpop1 {display:none;}
#divpop2 {display:none;}

#divpop_m { display:block;max-width:280px; width:100%; height:auto; margin:0 auto; text-align:center; overflow:hidden;}
#divpop_m img{ max-width:100%; height:auto;}
#divpop_m .popfooter { padding:1em; color:#fff; font-size:14px;}

#wrap { width:100%; margin:0 auto;}
.main_content {width: 90%; margin: 0 auto; }
.section02_content {width: 90%; margin: 0 auto;}

/* 메인슬라이드 */
.main_slider {position: relative; width:100%;height:100%; padding-top: 50px; overflow: hidden;}
.main_slider .swiper-container {
      width: 100%;
      height: 100%;}
.main_slider .swiper-slide {background-position: center center;background-repeat: no-repeat; background-size: cover;
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
    }
.main_slider .swiper-slide a {display:block;width:100%; height: 100%;}
.main_slider .swiper-slide img {display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;}

.main_slider .swiper-button-next {position: absolute; color: #e7e7e7;}
.main_slider .swiper-button-next:after {font-size:50px;}
.main_slider .swiper-button-prev {position: absolute;color: #fff;}
.main_slider .swiper-button-prev:after {font-size:50px;}
.main_slider .swiper-pagination {
    position: absolute;
}
.main_slider .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #e4e9f9; opacity: 1; }
.main_slider .swiper-pagination-bullet-active { width: 40px; transition: width .5s; border-radius: 5px; background: #e4e9f9; border: 1px solid transparent; }

h2 {position: relative; width:100%; display:block;font-size:22px; font-weight: 500; text-align: center; margin-bottom: 20px;}
h2 a {position: absolute;top:0; right: 0; display:block; font-size:14px;font-weight:400;}
h2 a:after {content:''; vertical-align: middle;width:26px; height: 22px; display:inline-block; background-image: url("/images/main/main_arrow.png"); background-repeat: no-repeat; background-position: right center; background-size: contain; padding-left:30px;}

/* 공지사항 */
.section_box {width:100%; padding: 30px 0;}
.section_box:after {content: " ";display: table; clear:both;} 
ul.notice_area {width:100%;border-top:2px solid #222; border-bottom:1px solid #222; padding:10px 0;}
ul.notice_area li {width:100%; display:block; padding:10px 0; display: flex;
  flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    justify-content:space-between;
    margin: 0 auto; border-bottom:1px solid #e8e8e8;
    }
ul.notice_area li:last-child {border-bottom:0;}
ul.notice_area li span {flex-basis:20%;display:block;}
ul.notice_area li span.tit {flex-basis:45%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
ul.notice_area li .sort {text-align: left; border-right:1px solid #e8e8e8;}
ul.notice_area li .date {text-align: center;}

/* 행사일정 */
.section02 {width:100%; padding: 30px 0;background-image: url("/images/main/forum_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}

/* 행사리스트 */
ul.forum_area { width:100%;
    margin: 0 auto;
    display: flex;
  flex-flow:column wrap;
    -webkit-box-align: center;
    align-items: center;
   justify-content:space-between;}
ul.forum_area li {flex-basis: 100%; margin-bottom:20px;}
ul.forum_area li a { display:block;overflow: hidden;}
ul.forum_area li a.imghover { position:relative;width:100%;height:150px; margin-bottom:20px;}
ul.forum_area li a.imghover .thumb {
  opacity: 1;
  transition: .5s ease;
  backface-visibility: hidden;
}
ul.forum_area li .thumb {width:100%; height: 100%;border:1px solid #eee; border-radius:10px;display:block;overflow: hidden;}
ul.forum_area li .thumb img {width:100%; height:100%;display:block; object-fit:cover; }

.list_box {width:260px;}
.list_box p {display:block;padding-bottom: 15px;text-align: left;padding-left:40px; }

.list_box p.tit {color: #222;font-weight: 700; font-size:16px;
                                 background-image: url("/images/common/forum_icon01.png"); background-position:5px 2px; background-repeat: no-repeat;
                                text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

ul.forum_area li .list_box p.date {background-image: url("/images/common/forum_icon02.png"); background-position:left 5px top 4px; background-repeat: no-repeat;}
ul.forum_area li .list_box p.date strong {display:inline-block; font-weight: 400;}
ul.forum_area li .list_box p.date strong:after {content:'│'; display:inline-block;width:20px; text-align: center;}
ul.forum_area li .list_box p.venue {background-image: url("/images/common/forum_icon03.png"); background-position:4px 2px; background-repeat: no-repeat;}


/* 갤러리슬라이드 */
.gallery_area {position: relative; width:100%;}
.gallery_area .gallery_swiper {position:static!important;
      width: 100%;
      height: 100%; }
.gallery_area .swiper-slide {background-position: center center;background-repeat: no-repeat; background-size: cover;
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
    }
.gallery_area .swiper-slide a {display:block;width:100%; height: 100%;}
.gallery_area .swiper-slide img {display: block;
        width: 100%;
        height: 250px;
        object-fit: cover; overflow: hidden;}

.gallery_area .swiper-button-next {position: absolute; top:50%; right: 0;
    background-image: url("/images/main/list_arrow_right.png"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.gallery_area .swiper-button-prev {position: absolute;top:50%; left:0;background-image: url("/images/main/list_arrow_left.png"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.gallery_area .swiper-button-next::after,
.gallery_area .swiper-button-prev::after {
  display: none;
}

/* 회원사 */
.section03 {width:100%; height: 330px; padding:30px 0;background-image: url("/images/main/member_bg.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; margin-top:20px;}
.section03_content {width: 90%;  margin: 0 auto;}
.section03_tit {width:100%; height:50px; display:block;}
.section03_tit h2.mem_tit {position: relative; width:100%;display:block;font-size:22px; font-weight: 500;text-align: center;}
.section03_tit h2.mem_tit a {position: absolute;top:0; right: 0; display:block; font-size:14px; font-weight:400;}
.section03_tit h2.mem_tit a:after {content:''; vertical-align: middle;width:26px; height: 22px; display:inline-block; background-image: url("/images/main/main_arrow.png"); background-repeat: no-repeat; background-position: right center; background-size: contain; padding-left:30px;}

.section03_content .member_area {position: relative; display:block;width:100%; padding:30px; background-color: #fff; }

.member_area .mem_swiper {position:static!important;
      width: 100%;
      height: 100%; }
.member_area .mem_swiper .swiper-slide {background-position: center center;background-repeat: no-repeat; background-size: cover;
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
    }
.member_area .mem_swiper .swiper-slide a {display:block;width:100%; height: 100%;}
.member_area .mem_swiper .swiper-slide img {display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;}

.member_area .swiper-button-next2 {position: absolute;top:50%; right: 0; cursor: pointer;z-index: 99;}
.member_area .swiper-button-next2 img {max-width:60%; height: auto;}
.member_area .swiper-button-prev2 {position: absolute;top:50%; left:0;cursor: pointer; }
.member_area .swiper-button-prev2 img {max-width:60%; height: auto;}
.member_area .swiper-button-next2::after,
.member_area .swiper-button-prev2::after {
  display: none;}

@media screen and (min-width:768px)  {
     /* 행사리스트 */
ul.forum_area {
  flex-flow: row wrap; justify-content: space-around;}
    ul.forum_area li {flex-basis: 30%; margin-bottom:0px;} 
    /*회원사*/
    .section03 { height: 580px; padding: 50px 0;margin-top:30px;}
}

@media screen and (min-width:1024px)  { 
     /* mainpop */
    #divpop1 {display:block;}
    #divpop2 {display:block;}
    #divpop_m { display:none;}
    
    .main_content {width: 57%;min-width: 1000px;}
    .section02_content {width: 57%;min-width: 1000px;}
    .section03_content {width: 57%;min-width: 1000px;}
    
    .main_slider {height:100%;min-height: 500px; padding-top: 0;}
    .main_slider .swiper-button-next {position: absolute; top:250px;}
    .main_slider .swiper-button-prev {position: absolute;top:250px;}
    
    h2 {position: static; float:left;width:20%;font-size:36px; text-align: left; margin-bottom: 0;}
    h2 a {position: static;width:100%; font-size:18px; margin-top: 10px;}
    h2 a:after {content:''; width:31px; height: 27px; padding-left:80px;}
    
    /* 공지사항 */
.section_box { padding: 50px 0;}
ul.notice_area {width:80%; margin-left: 20%;}
ul.notice_area li a:hover {color:#20abe3;}
ul.notice_area li span {flex-basis: 10%;}
ul.notice_area li span.tit {flex-basis:70%;}
ul.notice_area li .sort { padding-left: 20px;}
/* 행사일정 */
.section02 {padding: 50px 0;}

 /* 행사리스트 */
ul.forum_area { width:80%; margin-left: 20%;justify-content:space-between;}
ul.forum_area li {flex-basis: 30%; margin-bottom: 0;}  
    ul.forum_area li .thumb { height:150px;}
ul.forum_area li .middle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
 background-color: rgba(19, 34, 53, 0.6); border-radius: 10px;
}

ul.forum_area li .imghover:hover .thumb {
  opacity: 1;
}

ul.forum_area li .imghover:hover .middle {
  opacity: 1;
}

ul.forum_area li .text {border-radius: 50%; width:50px; height: 50px; background-color: #007ec3;
  color:#fff; border:1px solid #5b6a7c;
  font-size:30px; font-weight:700;  line-height:45px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.list_box {width:210px;}
.list_box p {padding-left:45px;font-size:14px;}
.list_box p.tit {font-size:18px;}
    
    ul.forum_area li .list_box p.date strong {display:block;}
    ul.forum_area li .list_box p.date strong:after {content: ''; width:0; } 

/*갤러리 */
.gallery_area { width:80%; margin-left: 20%; padding-top: 55px;}
 .gallery_area .swiper-button-next { top:30px; right: 0;}
.gallery_area .swiper-button-prev {top:30px; left:90%;}
    /*회원사*/
.section03_tit {height: 150px; }
.section03_tit h2.mem_tit {position: static; width:30%;font-size:36px;text-align: left;}
.section03_tit h2.mem_tit a {position: static;width:100%; font-size:18px; margin-top: 10px;}
.section03_tit h2.mem_tit a:after {width:31px; height: 27px;padding-left:80px;}

.section03_content .member_area { padding:50px; }
.member_area .swiper-button-next2 {top:-120px; right: 0;}
.member_area .swiper-button-prev2 {top:-120px; left:90%;}
 
}
@media screen and (min-width:1200px)  {
     .main_content {width: 1100px;}
    .section02_content {width: 1100px;}
    .section03_content {width: 1100px;}
    
     .main_slider {min-height: 600px;}
    .main_slider .swiper-button-next {position: absolute; top:50%;}
    .main_slider .swiper-button-prev {position: absolute;top:50%;}
    
    /*갤러리 */
   .gallery_area .swiper-button-prev {top:30px; left:93%;}
    /*회원사 */
    .member_area .swiper-button-prev2 {top:-120px; left:93%;}
   .list_box p {padding-left:35px;font-size:16px;}
}
@media screen and (min-width:1440px)  {
    .main_content {width: 1200px;}
    .section02_content {width: 1200px;}
    .section03_content {width: 1200px;}
    /* 행사리스트 */
.list_box {width:300px;}
    .list_box p {padding-left:45px;}
     ul.forum_area li .list_box p.date strong {display:inline-block;}
    ul.forum_area li .list_box p.date strong:after {content: '│'; width:30px; } 
}
@media screen and (min-width:1920px)  {   
   .main_content {width: 1400px;}
    .section02_content {width: 1400px;}
    .section03_content {width: 1400px;}
    
    .main_slider {min-height: 800px;}
 /*갤러리 */
    .gallery_area .swiper-button-prev {left:95%;}
    /*회원사 */
    .member_area .swiper-button-prev2 { left:94.99999%;}
}