@charset "utf-8";
@import url('font.css');

.over_zum { background:#fff; overflow: hidden; }
.over_zum img { 
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.over_zum:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
	opacity:0.8;
}


@media (min-width:1600px) {
#slogan { margin:250px auto 60px; width:90%; max-width:1600px; }
#slogan h2 { font-size:2.0rem; color:#111; line-height:2.8rem; text-align:center; }
#slogan p { margin:0 0 20px; font-size:1.0rem; color:#999; line-height:1.5rem; letter-spacing:10px; text-align:center; }

#category { background:#fafafa; padding:90px 0; margin:90px 0; }
#category article { margin:0 0 50px; }
#category article h2 { font-size:1.8rem; color:#111; line-height:2.0rem; text-align:center; }
#category article p { margin:0 0 10px; font-size:1.0rem; color:#111; line-height:1.5rem; letter-spacing:5px; text-align:center; }
#category .content_wrap { margin:0 auto; width:90%; max-width:1600px; }

.midbanner { display: flex; justify-content: space-between; flex-wrap: wrap; margin:50px auto; width:90%; max-width:1600px; }
.midbanner article { width:30%; }
.midbanner article h2 { font-size:1.8rem; color:#111; line-height:2.4rem; }
.midbanner article h3 { margin:20px 0; font-size:1.0rem; font-weight:400; color:#111; line-height:1.5rem; letter-spacing:3px;}
.midbanner article ul { display:flex; flex-wrap: wrap; margin:20px 0 0; }
.midbanner article ul li { border-radius:30px; border:1px solid #dedede; background:#fff; padding:5px 10px; margin:5px 5px 0 0; font-size:0.9rem; text-align:center; }
.midbanner article span { display:block; margin:50px 0 0; }
.midbanner .pic { display:flex; width:65%; }
.midbanner .pic img { object-fit:cover; border-radius:20px; width:100%; }

/*행사 갤러리 타이틀 */
#case { background:#f9f9f9; margin:100px 0 0; padding:100px 0;}
#case article { margin:0 0 30px; }
#case article h2 { font-size:1.8rem; color:#111; line-height:2.0rem; text-align:center; }
#case article p { margin:0 0 10px; font-size:1.0rem; color:#111; line-height:1.5rem; letter-spacing:5px; text-align:center; }
#case .btn { margin:60px 0 0; text-align:center; }
#case .btn a { display:inline-block; border-radius:60px; border:1px solid #46868e; background:#fff; padding:15px 40px; font-size:1.0rem; font-weight:600; color:#3c868f; text-align:center; transition:.3s; }
#case .btn a:hover { border:1px solid #46868e; background:#46868e; color:#fff; }

/*행사 갤러리 리스트 */
.list-event { display: flex; justify-content: space-between; flex-wrap: wrap; width:1600px; height:100%; margin:10px auto 0; }
.list-event a { width: 23%; margin:30px 0;}
.list-event .item > .pic { border-radius:15px; }
.list-event .item > .pic>img {  width: 100%; }
.list-event .item > .desc { border:0px solid #ddd; border-top:0; padding:20px 0 0; text-align:; }
.list-event .item > .desc .sort { display:block; font-size:0.95em;  color: #036a57;}
.list-event .item > .desc .title { display:block; margin:8px 0; color: #111; font-size:1.1em; font-weight:700; line-height:1.3em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list-event .item > .desc .date { color: #888; font-size: 13px; margin-top: 5px; line-height: 1; }
.list-event .item > .desc .area { color: #444; font-size: 15px;margin-top: 14px; line-height: 1; }

}

@media (min-width:768px) and (max-width:1599px){
#slogan { margin:200px auto 60px; width:90%; }
#slogan h2 { font-size:1.7rem; color:#111; line-height:2.5rem; text-align:center; }
#slogan p { margin:0 0 15px; font-size:1.0rem; color:#999; line-height:1.5rem; letter-spacing:6px; text-align:center; }

#category { background:#fafafa; padding:80px 0; margin:80px 0; }
#category article { margin:0 0 40px; }
#category article h2 { font-size:1.8rem; color:#111; line-height:2.0rem; text-align:center; }
#category article p { margin:0 0 10px; font-size:1.0rem; color:#111; line-height:1.5rem; letter-spacing:5px; text-align:center; }
#category .content_wrap { margin:0 auto; width:90%; }

.midbanner { display: flex; justify-content: space-between; flex-wrap: wrap; margin:50px auto; width:90%; }
.midbanner article { width:30%; }
.midbanner article h2 { font-size:1.5rem; color:#111; line-height:2.2rem; }
.midbanner article h3 { margin:20px 0 10px; font-size:1.0rem; font-weight:400; color:#111; line-height:1.5rem; letter-spacing:3px;}
.midbanner article ul { display:flex; flex-wrap: wrap;margin:20px 0 0; }
.midbanner article ul li { border-radius:30px; border:1px solid #dedede; background:#fff; padding:3px 10px; margin:5px 5px 0 0; font-size:0.9rem; text-align:center; }
.midbanner article span { display:block; margin:30px 0 0; }
.midbanner article span img { height:40px; }
.midbanner .pic { display:flex; width:65%; }
.midbanner .pic img { object-fit:cover; border-radius:20px; width:100%; }

/*행사 갤러리 타이틀 */
#case { background:#f9f9f9; margin:90px 0 0; padding:90px 0;}
#case article { margin:0 0 30px; }
#case article h2 { font-size:1.8rem; color:#111; line-height:2.0rem; text-align:center; }
#case article p { margin:0 0 10px; font-size:1.0rem; color:#111; line-height:1.5rem; letter-spacing:5px; text-align:center; }
#case .btn { margin:50px 0 0; text-align:center; }
#case .btn a { display:inline-block; border-radius:60px; border:1px solid #46868e; background:#fff; padding:12px 30px; font-size:1.0rem; font-weight:600; color:#3c868f; text-align:center; transition:.3s; }
#case .btn a:hover { border:1px solid #46868e; background:#46868e; color:#fff; }

/*행사 갤러리 리스트 */
.list-event { display: flex; justify-content: space-between; flex-wrap: wrap; height:100%; width:90%; margin:10px auto 0; }
.list-event a { width: 32%; margin:30px 0;}
.list-event .item > .pic { border-radius:15px; }
.list-event .item > .pic>img {  width: 100%; }
.list-event .item > .desc { border:0px solid #ddd; border-top:0; padding:20px 0 0; text-align:; }
.list-event .item > .desc .sort { display:block; font-size:0.95em;  color: #036a57;}
.list-event .item > .desc .title { display:block; margin:8px 0; color: #111; font-size:1.1em; font-weight:700; line-height:1.3em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list-event .item > .desc .date { color: #888; font-size: 13px; margin-top: 5px; line-height: 1; }
.list-event .item > .desc .area { color: #444; font-size: 15px;margin-top: 14px; line-height: 1; }

}


@media (max-width:767px){
#slogan { margin:100px auto 30px; width:70%; }
#slogan h2 { font-size:1.2rem; color:#111; line-height:1.8rem; text-align:center; }
#slogan p { margin:0 0 10px; font-size:0.8rem; color:#999; line-height:1.3rem; letter-spacing:2px; text-align:center; }

#category { background:#fafafa; padding:50px 0; margin:30px 0; }
#category article { margin:0 0 20px; }
#category article h2 { font-size:1.3rem; color:#111; line-height:2.0rem; text-align:center; }
#category article p { margin:0 0 10px; font-size:0.9rem; color:#111; line-height:1.5rem; letter-spacing:5px; text-align:center; }
#category .content_wrap { margin:0 auto; width:85%; }

.midbanner { display: flex; justify-content: space-between; flex-wrap: wrap; margin:70px auto; width:85%; }
.midbanner article { width:100%; }
.midbanner article h2 { font-size:1.3rem; color:#111; line-height:2.0rem; }
.midbanner article h3 { margin:0 0 7px; font-size:0.9rem; font-weight:400; color:#111; line-height:1.5rem; letter-spacing:3px;}
.midbanner article ul { display:flex; flex-wrap: wrap;margin:10px 0 0; }
.midbanner article ul li { border-radius:30px; border:1px solid #dedede; background:#fff; padding:3px 10px; margin:5px 5px 0 0; font-size:0.9rem; text-align:center; }
.midbanner article span { display:block; margin:20px 0 0; }
.midbanner article span img { height:35px; }
.midbanner .pic { display:flex; width:100%; margin:30px 0 0; }
.midbanner .pic img { object-fit:cover; border-radius:10px; width:100%; }

/*행사 갤러리 타이틀 */
#case { background:#f9f9f9; margin:80px 0 0; padding:50px 0;}
#case article { margin:0 0 0; }
#case article h2 {  font-size:1.3rem; color:#111; line-height:2.0rem; text-align:center; }
#case article p { margin:0 0 10px; font-size:0.9rem; color:#111; line-height:1.5rem; letter-spacing:5px; text-align:center; }
#case .btn { margin:30px 0 0; text-align:center; }
#case .btn a { display:inline-block; border-radius:60px; border:1px solid #46868e; background:#fff; padding:12px 25px; font-size:1.0rem; font-weight:600; color:#3c868f; text-align:center; transition:.3s; }
#case .btn a:hover { border:1px solid #46868e; background:#46868e; color:#fff; }

/*행사 갤러리 리스트 */
.list-event { display: flex; justify-content: space-between; flex-wrap: wrap; height:100%; width:90%; margin:10px auto 0; }
.list-event a { width: 48%; margin:20px 0;}
.list-event .item > .pic { border-radius:10px; }
.list-event .item > .pic>img {  width: 100%; }
.list-event .item > .desc { border:0px solid #ddd; border-top:0; padding:10px 0 0; text-align:; }
.list-event .item > .desc .sort { display:block; font-size:0.95em;  color: #036a57;}
.list-event .item > .desc .title { display:block; margin:5px 0 8px; color: #111; font-size:1.1em; font-weight:700; line-height:1.3em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list-event .item > .desc .date { color: #888; font-size: 12px; margin-top: 5px; line-height: 1; }
.list-event .item > .desc .area { color: #444; font-size: 13px;margin-top: 12px; line-height: 1; }

}



/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #eaeaea; margin:0; padding:0; height:51px; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:300px; font-size:15px; font-weight:400; color:#2c2c2c; line-height:51px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:51px; letter-spacing:0.5px;}



/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }