@charset "utf-8";

.main-container { padding: 20px 0 50px 0; }

.e-notice { width:100%; /*height:55px;*/  border:1px solid #ddd; box-sizing: border-box; display:flex; align-items: center; padding:15px 22px;}
.e-notice .tit { display:flex; align-items: center; width:120px; }
.e-notice .tit::before { content:""; display:block; width:20px; height:20px; background-image:url(../images/ico_notice_m.png); background-repeat:no-repeat; margin-right:8px; }
.e-notice .tit span { color:#d62d05; font-size:1.7rem; letter-spacing: -0.05em; font-weight:500; }

.e-notice .e-notice-list { width:calc(100% - 265px) }
.e-notice .e-notice-list .e-notice-item { display:flex; align-items: center; width:100%; }
.e-notice .e-notice-list .e-notice-item span.cate { display:block; padding:4px 10px; line-height:1; text-align: center; font-size:1.5rem; color:#fff; background-color:#0b4476; border-radius:4px; max-width:130px; margin-right:8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.e-notice .e-notice-list .e-notice-item span.date { display:block; font-size:1.5rem; color:#555; width:80px; text-align: right; margin-left:8px; }
.e-notice .e-notice-list .e-notice-item pre { display:block; width:calc(100% - 226px); white-space: pre-wrap; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ }
.e-notice .e-notice-list .e-notice-item pre a { display:block; font-size:1.5rem; color:#000; }
.e-notice .e-notice-list .e-notice-item .tit { display:none; }
.e-notice .list-slide-control { display:flex; width:145px;  align-items: center; justify-content: center;}
.e-notice .list-slide-control button { width:24px; height:24px; border:1px solid #dddddd; font-size:0; text-indent:-9999999em}
.e-notice .list-slide-control button.list-prev { background-image:url(../images/btn_arrow02.png); background-position:center;  background-repeat:no-repeat; }
.e-notice .list-slide-control button.list-next { background-image:url(../images/btn_arrow01.png); background-position:center;  background-repeat:no-repeat; }
.e-notice .list-slide-control .pagination { text-align: center; width:auto; margin:0 10px; font-size:1.4rem }
.e-notice .list-slide-control .pagination .swiper-pagination-current { color:#000; font-weight:500; }

.main-visual { display:flex; justify-content: space-between; margin-top:20px; }
.main-visual .banner-area { width:384px; margin-right:6px; overflow: hidden; }
.main-visual .banner-area .bannerimg-wrap { position:relative; width:100%; height:0; padding-top:calc(452 / 384 * 100%); }
.main-visual .banner-area .bannerimg-wrap img { position:absolute; left:0; top:0; width:100%; height:100%; }
.main-visual .banner-area .banner-control { position:relative; width:100%; height:50px; background-color:#063144; }
.main-visual .banner-area .banner-control .pagination { position:absolute; bottom:auto; top:50%; transform: translateY(-50%); left:15px; width:auto; color:#fff; }
.main-visual .banner-area .banner-control .pagination span { color:#fff; font-size:1.7rem; }
.main-visual .banner-area .banner-control .pagination span.swiper-pagination-current { font-weight:600;}
.main-visual .banner-area .banner-control .control { display:flex; align-items: center; justify-content: center; height:100%;}
.main-visual .banner-area .banner-control .control button { border:none; font-size:0; text-indent:-99999999em; }
.main-visual .banner-area .banner-control .control button.banner-prev,
.main-visual .banner-area .banner-control .control button.banner-next { width:9px; height:16px; background-position:center; background-repeat:no-repeat; }
.main-visual .banner-area .banner-control .control button.banner-prev { background-image:url(../images/main/banner_prev.png) }
.main-visual .banner-area .banner-control .control button.banner-next { background-image:url(../images/main/banner_next.png) }
.main-visual .banner-area .banner-control .control button.banner-auto { width:10px; height:15px; background-position:center; background-repeat:no-repeat; margin:0 18px; }
.main-visual .banner-area .banner-control .control button.banner-auto.stop { background-image: url(../images/main/auto_stop.png); }
.main-visual .banner-area .banner-control .control button.banner-auto.play { background-image: url(../images/main/auto_play.png); }

.main-visual .park-images { position:relative; width:890px; /*height:502px;*/ overflow: hidden;}
.main-visual .park-images .img-item { position:relative; height:100%; }
.main-visual .park-images .img-item .img-wrap { position:relative; width:100%; height:0; padding-top:calc(502 / 890 * 100%); }
.main-visual .park-images .img-item .img-wrap img { position:absolute; left:0; top:0; height:100%; width:100%; }
.main-visual .park-images .img-item .img-name { position:absolute; bottom:0; width:100%; height:50px; box-sizing: border-box; background-color:rgba(0,0,0,0.5); display:flex; align-items: center; padding:15px; }
.main-visual .park-images .img-item .img-name p { color:#fff; text-overflow: ellipsis; width:calc(100% - 150px); overflow: hidden; white-space: nowrap; }
.main-visual .park-images .image-control { position:absolute; bottom:2%; right:15px; z-index:1; display:flex; align-items: center; width:auto; }
.main-visual .park-images .image-control .pagination { width: auto; color:#fff; }
.main-visual .park-images .image-control .pagination span { color:#fff; font-size:1.7rem; }
.main-visual .park-images .image-control .pagination span.swiper-pagination-current { font-weight:600;}
.main-visual .park-images .image-control .control { display:flex; margin-left:15px; }
.main-visual .park-images .image-control .control button { width:32px; height:32px; font-size:0; text-indent: -9999999em; border-radius:50%; border:1px solid #fff; }
.main-visual .park-images .image-control .control button.image-prev,
.main-visual .park-images .image-control .control button.image-next { background-position:center; background-repeat:no-repeat; }
.main-visual .park-images .image-control .control button.image-prev { background-image:url(../images/main/image_prev.png) }
.main-visual .park-images .image-control .control button.image-next { background-image:url(../images/main/image_next.png) }
.main-visual .park-images .image-control .control button.image-auto { background-position:center; background-repeat:no-repeat; margin:0 10px; background-size:8px 12px; }
.main-visual .park-images .image-control .control button.image-auto.stop { background-image: url(../images/main/auto_stop.png); }
.main-visual .park-images .image-control .control button.image-auto.play { background-image: url(../images/main/auto_play.png); }

.hotkeyword { display:flex; margin-top:60px; }
.hotkeyword .tit { width:190px; margin-right:50px;}
.hotkeyword .tit h2 { display:block; text-align:right; font-size:2.3rem; letter-spacing: -0.05em; font-weight:600; color:#000; margin-bottom:8px; }
.hotkeyword .tit h2 span { font-weight:600; color:#004dc1; }
.hotkeyword .tit p { font-size:1.7rem; letter-spacing: -0.05em; color:#555555; text-align: right;}

.hotkeyword .keyword-list { width:calc(100% - 240px); }
.hotkeyword .keyword-list ul { display:flex; flex-wrap:wrap;}
.hotkeyword .keyword-list ul li { width:calc(100% / 5 - 8px); margin-right:10px; margin-top:10px; }
.hotkeyword .keyword-list ul li:nth-child(-n+5) { margin-top:0; } 
.hotkeyword .keyword-list ul li:nth-child(5n) { margin-right:0; }
.hotkeyword .keyword-list ul li a { display:flex; align-items: center; justify-content: center; width:100%; padding:0 10px; box-sizing:border-box; height:50px; border:1px solid #ddd; font-size:1.6rem; letter-spacing: -0.025em; color:#555555; }
.hotkeyword .keyword-list ul li a:hover { border:2px solid #003dad; color:#003dad; font-weight:500; }
.hotkeyword .keyword-list ul li a span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }


.news-area { display:flex; margin-top:70px; }
.news-area .board-latest { position:relative; width:500px; margin-right:49px; }
.news-area .board-latest > ul { display:flex; }
.news-area .board-latest > ul li.latest-item .board-tab { display:flex; align-items: center; justify-content: center; font-size:2rem; height:22px; color:#555; letter-spacing: -0.025em; border:none; width:115px; border-right:1px solid #dddddd; }
.news-area .board-latest > ul li.latest-item:last-child .board-tab { border-right:0; }
.news-area .board-latest > ul li.latest-item.on .board-tab { font-size:2.3rem; color:#003dad; font-weight:600; letter-spacing: -0.025em; }
.news-area .board-latest > ul li.latest-item .latest-list { display:none; position:absolute; left:0; margin-top:25px; width:100%;  }
.news-area .board-latest > ul li.latest-item.on .latest-list { display:block; }
.news-area .board-latest > ul li.latest-item .latest-list ul li { display:flex; align-items: center; font-size:1.5rem; font-weight:300; color:#000; }
.news-area .board-latest > ul li.latest-item .latest-list ul li.latest-notice { border-top:1px solid #000; border-bottom:1px solid #ddd; align-items: center; width:100%; height:135px; box-sizing: border-box; margin-bottom:15px; }
.news-area .board-latest > ul li.latest-item .latest-list ul li.latest-notice a { display:flex; font-size:1.5rem; font-weight:300; color:#000; width:100%; }
.news-area .board-latest > ul li.latest-item .latest-list ul li .ico { width:80px; height:80px; border-radius:50%; background-color:#f7f7f7; background-image:url(../images/main/latest_ico.png); background-repeat:no-repeat; background-position:center; margin-right:20px; }
.news-area .board-latest > ul li.latest-item .latest-list ul li dl { width:calc(100% - 100px)}
.news-area .board-latest > ul li.latest-item .latest-list ul li dl dt { display:block; width:100%; font-size:1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:600; color:#000; }
.news-area .board-latest > ul li.latest-item .latest-list ul li dl dd.content { width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-area .board-latest > ul li.latest-item .latest-list ul li dl dd.date { color:#555555; margin-top:5px;}
.news-area .board-latest > ul li.latest-item .latest-list ul li.list-item { height:35px;}
.news-area .board-latest > ul li.latest-item .latest-list ul li.list-item::before { content:""; display:block; width:4px; height:4px; background-color:#000; border-radius:50%; margin-right:6px; }
.news-area .board-latest > ul li.latest-item .latest-list ul li.list-item a { display:block; width:calc(100% - 150px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-area .board-latest > ul li.latest-item .latest-list ul li.list-item span { display:block; width:80px; margin-left:52px;}
.news-area .board-latest > ul li.latest-item .latest-list ul li:nth-child(5) { display:none; }
.news-area .board-latest > ul li.latest-item a.more-btn { position:absolute; right:0; top:5px; font-size:0; text-indent:-999999em; display:none; }
.news-area .board-latest > ul li.latest-item.on a.more-btn { display:block; width:16px; height:16px; background-image:url(../images/main/more_btn.png); background-repeat:no-repeat; } 

.news-area .hangang-news { position:relative; width:290px; overflow: hidden;  margin-right:45px; }
.news-area .hangang-news .news-top { display:flex; justify-content: space-between; margin-bottom:23px; }
.news-area .hangang-news .news-top h2 { font-size:2.3rem; letter-spacing: -0.05em; line-height: 1; font-weight:600; color:#000; }
.news-area .hangang-news .news-top .news-control { display:flex; align-items: center; margin-right:30px; }
.news-area .hangang-news .news-top .news-control a.more-btn { display:block; width:16px; height:16px; background-image:url(../images/main/more_btn.png); background-repeat:no-repeat; font-size:0; text-indent:-999999em; margin-left:15px; }
.news-area .hangang-news .news-top .news-control button { font-size:0; text-indent:-9999999em; border:none; }
.news-area .hangang-news .news-top .news-control button.news-prev,
.news-area .hangang-news .news-top .news-control button.news-next { width:13px; height:20px; background-position:center; background-repeat:no-repeat; margin-left:15px; }
.news-area .hangang-news .news-top .news-control button.news-prev { background-image:url(../images/main/news_prev.png) }
.news-area .hangang-news .news-top .news-control button.news-next { background-image:url(../images/main/news_next.png) }
.news-area .hangang-news .news-top .news-control button.news-auto { width:9px; height:13px; background-position:center; background-repeat:no-repeat; margin:0 15px; }
.news-area .hangang-news .news-top .news-control button.news-auto.stop { background-image:url(../images/main/news_stop.png) }
.news-area .hangang-news .news-top .news-control button.news-auto.play { background-image:url(../images/main/news_play.png) }
.news-area .hangang-news a.more-btn { position:absolute; right:0; top:4px; display:block; width:16px; height:16px; background-image:url(../images/main/more_btn.png); background-repeat:no-repeat; font-size:0; text-indent:-999999em; }

.news-area .hangang-news .hangang-news-slide { width:100%; height:255px; }
.news-area .hangang-news .hangang-news-slide .news-item { width:100%; height:100%; box-sizing: border-box; border:1px solid #ddd; }
.news-area .hangang-news .hangang-news-slide .news-item .news-img { width:100%; height:168px; overflow: hidden;}
.news-area .hangang-news .hangang-news-slide .news-item .news-img img { width:100%; }
.news-area .hangang-news .hangang-news-slide .news-item .news-info { width:100%; height:87px; display:flex; align-items: center; padding:0 15px; font-size:1.5rem; }
.news-area .hangang-news .hangang-news-slide .news-item .news-info dl dt { font-weight:500; color:#000; line-height:1.2; max-height:2.4em; display:-webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-area .hangang-news .hangang-news-slide .news-item .news-info dl dd.date { color:#555; font-weight:300; line-height:1; margin-top:8px; }

.news-area .notification { width:395px; overflow: hidden; }
.news-area .notification .notification-top { display:flex; justify-content: space-between; margin-bottom:23px; }
.news-area .notification .notification-top h2 { font-size:2.3rem; letter-spacing: -0.05em; line-height: 1; font-weight:600; color:#000; }
.news-area .notification .notification-top .notification-control { display:flex; align-items: center; }
.news-area .notification .notification-top .notification-control a.more-btn { display:block; width:16px; height:16px; background-image:url(../images/main/more_btn.png); background-repeat:no-repeat; font-size:0; text-indent:-999999em; margin-left:15px; }
.news-area .notification .notification-top .notification-control button { font-size:0; text-indent:-9999999em; border:none; }
.news-area .notification .notification-top .notification-control button.notification-prev,
.news-area .notification .notification-top .notification-control button.notification-next { width:13px; height:20px; background-position:center; background-repeat:no-repeat; }
.news-area .notification .notification-top .notification-control button.notification-prev { background-image:url(../images/main/news_prev.png) }
.news-area .notification .notification-top .notification-control button.notification-next { background-image:url(../images/main/news_next.png) }
.news-area .notification .notification-top .notification-control button.notification-auto { width:9px; height:13px; background-position:center; background-repeat:no-repeat; margin:0 15px; }
.news-area .notification .notification-top .notification-control button.notification-auto.stop { background-image:url(../images/main/news_stop.png) }
.news-area .notification .notification-top .notification-control button.notification-auto.play { background-image:url(../images/main/news_play.png) }
.news-area .notification .notification-top .notification-control .pagination { width: auto; color:#000; margin-right:8px; line-height:1; }
.news-area .notification .notification-top .notification-control .pagination span { color:#000; font-size:1.5rem; }
.news-area .notification .notification-top .notification-control .pagination span.swiper-pagination-current { font-weight:600;}
.news-area .notification .notification-slide a.link-notification { display:block; width:100%; height:100%; border:1px solid #ddd; box-sizing: border-box; }
.news-area .notification .notification-slide .nolink { display:block; width:100%; height:100%; border:1px solid #ddd; box-sizing: border-box; }
.news-area .notification .notification-slide .notification-img { position:relative; width:100%; height:0; padding-top:calc(255 / 395 * 100%); }
.news-area .notification .notification-slide .notification-img img { position:absolute; left:0; top:0; width:100%; height:100%; }
.news-area .notification .notification-slide .bannerimg-wrap { position:relative; width:100%; height:0; padding-top:calc(255 / 395 * 100%); }
.news-area .notification .notification-slide .bannerimg-wrap img { position:absolute; left:0; top:0; width:100%; height:100%; }


.quick-area { display:flex; margin-top:70px; }
.quick-area .fac-search { display:flex; align-items: center; width:840px; height:330px; box-sizing: border-box; border:1px solid #dddddd; background-color:#f7f9fa; margin-right:45px; padding:0 60px; }
.quick-area .fac-search .search-input { width:215px; margin-right:45px; }
.quick-area .fac-search .search-input .ico { width:49px; height:49px; margin:0 auto; background-image:url(../images/main/fac_search.png); background-position:center; background-repeat:no-repeat; }
.quick-area .fac-search .search-input h2 { display:block; margin:18px 0; text-align: center; line-height:1; font-size:2.3rem; color:#000; letter-spacing: -0.05em; }
.quick-area .fac-search .search-input h2 span { font-weight:600; color:#000; }
.quick-area .fac-search .search-input select { width:100%; display:block; height:40px; font-size:1.5rem; padding:0 8px; box-sizing: border-box; color:#777; letter-spacing: -0.025em; margin-bottom:3px; }
.quick-area .fac-search .search-input input[type="text"] { width:100%; height:40px; display:block; font-size:1.5rem; padding:0 10px; box-sizing: border-box; color:#777; letter-spacing: -0.025em; }
.quick-area .fac-search .search-input button.searchbtn { width:100%; background-color:#003dad; height:43px; color:#fff; border:none; font-weight:500; font-size:1.6rem; margin-top:8px; }
.quick-area .fac-search .search-cate { width:calc(100% - 260px); }
.quick-area .fac-search .search-cate ul { display:flex; flex-wrap:wrap; }
.quick-area .fac-search .search-cate ul li { width: calc(100% / 3 - 12px); margin:6px; }
.quick-area .fac-search .search-cate ul li a .ico { display:block; width:74px; height:74px; border-radius:50%; background-color:#fff; margin:0 auto; background-repeat:no-repeat; background-position:center }
.quick-area .fac-search .search-cate ul li a .ico.cate01 { background-image:url(../images/main/cate01.png) }
.quick-area .fac-search .search-cate ul li a .ico.cate02 { background-image:url(../images/main/cate02.png) }
.quick-area .fac-search .search-cate ul li a .ico.cate03 { background-image:url(../images/main/cate03.png) }
.quick-area .fac-search .search-cate ul li a .ico.cate04 { background-image:url(../images/main/cate04.png) }
.quick-area .fac-search .search-cate ul li a .ico.cate05 { background-image:url(../images/main/cate05.png) }
.quick-area .fac-search .search-cate ul li a .ico.cate06 { background-image:url(../images/main/cate06.png) }
.quick-area .fac-search .search-cate ul li a .ico.cate07 { background-image:url(../images/main/cate07.png) }
.quick-area .fac-search .search-cate ul li a .ico.cate08 { background-image:url(../images/main/cate08.png) }
.quick-area .fac-search .search-cate ul li a p { text-align: center; margin-top:10px; font-size:1.5rem; letter-spacing: -0.05em; color:#000;}
.quick-area .fac-search .search-cate ul li a:hover .ico { border:2px solid #ddd; }
.quick-area .fac-search .search-cate ul li a:hover p { font-weight:600;}

.quick-area .quick-links { width:395px; }
.quick-area .quick-links h2 { font-size:2.3rem; letter-spacing: -0.05em; line-height: 1; font-weight:600; color:#000; margin-bottom:12px; }
.quick-area .quick-links .link-list ul { display:flex; flex-wrap:wrap; }
.quick-area .quick-links .link-list ul li.link-item { width:calc(50% - 2.5px); margin-right:5px; margin-top:5px; }
.quick-area .quick-links .link-list ul li.link-item:nth-child(2n) { margin-right:0; }
.quick-area .quick-links .link-list ul li.link-item a { display:flex; align-items: center; justify-content: space-between; padding:0 15px; width:100%; height:55px; border:1px solid #ddd; box-sizing: border-box; }
.quick-area .quick-links .link-list ul li.link-item a:hover { background-color:#f9f9f9;}
.quick-area .quick-links .link-list ul li.link-item a::after { content:""; display:block; width:6px; height:9px; background-image:url(../images/main/link_arrow.png); background-repeat:no-repeat; background-position:center; }
.quick-area .quick-links .link-list ul li.link-item a span { display:flex; font-size:1.5rem; letter-spacing: -0.05em; font-weight:100; color:#000; }
.quick-area .quick-links .link-list ul li.link-item a .ico { content:""; position:relative; display:block; width:24px; height:24px; background-position:center; background-repeat:no-repeat; margin-right:5px; }
.quick-area .quick-links .link-list ul li.link-item a .ico img { position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); }
/* .quick-area .quick-links .link-list ul li.link-item a span::before { content:""; display:block; width:24px; height:24px; background-position:center; background-repeat:no-repeat; margin-right:5px; } */
.quick-area .quick-links .link-list ul li.link-item:nth-child(1),
.quick-area .quick-links .link-list ul li.link-item:nth-child(2) { margin-top:0; }
/* .quick-area .quick-links .link-list ul li.link-item:nth-child(1) a span::before { background-image:url(../images/main/link01.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(2) a span::before { background-image:url(../images/main/link02.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(3) a span::before { background-image:url(../images/main/link03.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(4) a span::before { background-image:url(../images/main/link04.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(5) a span::before { background-image:url(../images/main/link05.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(6) a span::before { background-image:url(../images/main/link06.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(7) a span::before { background-image:url(../images/main/link07.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(8) a span::before { background-image:url(../images/main/link08.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(9) a span::before { background-image:url(../images/main/link09.png); }
.quick-area .quick-links .link-list ul li.link-item:nth-child(10) a span::before { background-image:url(../images/main/link10.png); } */

.event-area { display:flex; margin:70px 0 50px 0;}
.event-area .event-info { width:840px; margin-right:45px; position:relative; }
.event-area .event-info .event-top { display:flex; align-items: center; justify-content: space-between; margin-bottom:8px; margin-right:30px; }
.event-area .event-info .event-top .tit { display:flex; align-items: center; }
.event-area .event-info .event-top .tit h2 { font-size:2.3rem; letter-spacing: -0.05em; line-height: 1; font-weight:600; color:#000; }
.event-area .event-info .event-top .tit a.event-request { display:flex; align-items: center; color:#000; letter-spacing: -0.05em; font-size:1.5rem; font-weight:500; height:40px; border:1px solid #ddd; box-sizing: border-box; padding:0 15px; margin-left:20px;}
.event-area .event-info .event-top .tit a.event-request::before { content:""; display:block; width:18px; height:19px; margin-right:10px; background-image:url(../images/main/req_ico.png); background-repeat:no-repeat; background-position:center; }
.event-area .event-info .event-top .event-control { display:flex; align-items: center; }
.event-area .event-info .event-top .event-control button { font-size:0; text-indent:-999999em; width:40px; height:40px; border-radius:50%; background-repeat:no-repeat; background-position:center; }
.event-area .event-info .event-top .event-control button.event-prev { background-image:url(../images/main/event_prev.png) }
.event-area .event-info .event-top .event-control button.event-next { background-image:url(../images/main/event_next.png); margin-left:8px; }
.event-area .event-info .event-top .event-control a.more-btn { display:block; width:16px; height:16px; background-image:url(../images/main/more_btn.png); background-repeat:no-repeat; font-size:0; text-indent:-999999em; margin-left:15px; }
.event-area a.more-btn { position:absolute; right:0; top:12px; display:block; width:16px; height:16px; background-image:url(../images/main/more_btn.png); background-repeat:no-repeat; font-size:0; text-indent:-999999em; }



.event-area .event-info .event-list { display:flex; align-items: center; height:320px; border:1px solid #ddd; box-sizing: border-box; padding:0 35px; }
.event-area .event-info .event-list .slide-wrap { width:100%; overflow: hidden; }
.event-area .event-info .event-list .event-slide .slide-item { display:flex; }
.event-area .event-info .event-list .event-slide .slide-item .ep-poster { width:150px; }
.event-area .event-info .event-list .event-slide .slide-item .ep-poster .poster-wrap { width:100%; height:0; padding-top:calc( 260 / 184 * 100% ); position:relative; }
.event-area .event-info .event-list .event-slide .slide-item .ep-poster .poster-wrap img { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info { padding:0px 0 20px 20px; width:calc(100% - 150px); }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul { display:flex; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li { display:flex; align-items: center; justify-content: center; width:auto; height:30px; padding:0 6px; box-sizing: border-box; letter-spacing: -0.05rem; font-size:1.4rem; font-weight:500; margin-right:3px; box-sizing: border-box; border:1px solid #dddddd; color:#000; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li:last-child { margin-right:0; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.cate { color:#ffffff; background-color:#182a95; letter-spacing: -0.05rem; font-size:1.4rem; border:none; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.cate.pe { background-color:#182a95 }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.cate.fes { background-color:#e96f0c; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.cate.art { background-color:#c02292; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.cate.award { background-color:#00a753; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.status.end { color:#888888; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.event-ind.head { background-color:#e50041; color:#fff; padding:0 10px; border:none; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.event-ind.head::before { content:""; width:12px; height:12px; display:block; background-image:url(../images/head_home.png); background-repeat:no-repeat; background-position:center; background-size:cover; margin-right:3px; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info strong { font-size:1.6rem; color:#000; display:block; line-height:1; margin:25px 0 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info dl {font-size:1.5rem;line-height:1;margin-bottom:10px;margin-top: 20px;}
.event-area .event-info .event-list .event-slide .slide-item .ep-info dl dt { font-weight:500; color:#000; letter-spacing: -0.05em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:10px;  }
.event-area .event-info .event-list .event-slide .slide-item .ep-info dl dd { font-weight:300; color:#555555; letter-spacing: -0.05em; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:8px;  }
.event-area .event-info .event-list .event-slide .slide-item .ep-info dl dd.time { min-height:15px; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-btns {display:flex;margin-top: 20px;}
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-btns a { display:flex; justify-content: center; align-items: center; font-size:1.4rem; color:#555555; line-height:1; width:125px; height:35px; border:1px solid #dddddd; background-color:#fafafa; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-btns a:last-of-type { margin-right:0; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-btns a.detail-view::before { content:""; width:14px; height:14px; display:block; background-image:url(../images/facility_search_btn.png); background-position:center; background-size:cover; background-repeat:no-repeat; margin-right:5px; }
.event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-btns a.event-location::before { content:""; width:12px; height:14px; display:block; background-image:url(../images/loc_btn_ico.png); background-position:center; background-size:cover; background-repeat:no-repeat; margin-right:5px; }
.event-area .event-info .event-list .no-event { display:flex; align-items: center; justify-content: center; width:100%; height:100%; color:#777777; }

.event-area .sns-box { width:395px; }
.event-area .sns-box .sns-top { display:flex; justify-content: space-between; align-items: center; margin-bottom:8px; }
.event-area .sns-box .sns-top h2 { font-size:2.3rem; letter-spacing: -0.05em; line-height: 1; font-weight:600; color:#000; }
.event-area .sns-box .sns-top .sns-links ul { display:flex; }
.event-area .sns-box .sns-top .sns-links ul li { margin-right:3px; }
.event-area .sns-box .sns-top .sns-links ul li:last-child { margin-right:0; }
.event-area .sns-box .sns-top .sns-links ul li a { display:block; width:32px; height:32px; border-radius:50%; background-position:center; background-repeat:no-repeat; font-size:0; text-indent:-9999999em }
.event-area .sns-box .sns-top .sns-links ul li a.blog { background-color:#32b44a; background-image:url(../images/main/sns_blog.png); }
.event-area .sns-box .sns-top .sns-links ul li a.insta { background-image:url(../images/main/sns_insta.png); }
.event-area .sns-box .sns-top .sns-links ul li a.youtube { background-color:#ff0000; background-image:url(../images/main/sns_youtube.png); }
.event-area .sns-box .sns-top .sns-links ul li a.fb { background-color:#3c5b9a; background-image:url(../images/main/sns_fb.png); }
/*.event-area .sns-box .sns-top .sns-links ul li a.twitter { background-color:#28a9e0; background-image:url(../images/main/sns_twitter.png); }*/
.event-area .sns-box .sns-top .sns-links ul li a.twitter { background-color:#ffffff; border:1px solid #aaaaaa; box-sizing:border-box; background-image:url(../images/main/sns_twitter_new.png); }
.event-area .sns-box .sns-blog { width:100%; height:320px; border:1px solid #ddd; box-sizing: border-box;; }
.event-area .sns-box .sns-blog .blog-top { display:flex; align-items: center; background-color:#0da028; width:100%; height:50px; padding:0 20px; }
.event-area .sns-box .sns-blog .blog-top::before { content:""; display:block; width:30px; height:30px; background-image:url(../images/main/ico_blog.png); background-repeat:no-repeat; background-position:center; }
.event-area .sns-box .sns-blog .blog-top span { color:#fff; font-size:1.6rem; letter-spacing: -0.05em; font-weight:500; }
.event-area .sns-box .sns-blog .blog-list { height:248px; overflow-y:scroll; margin:10px 0; padding:0 10px; box-sizing: border-box; border-right:5px solid #fff  }
.event-area .sns-box .sns-blog .blog-list::-webkit-scrollbar { width: 8px; }
.event-area .sns-box .sns-blog .blog-list::-webkit-scrollbar-thumb { background-color: #717171; }
.event-area .sns-box .sns-blog .blog-list::-webkit-scrollbar-track { background-color: #e1e1e1; }
.event-area .sns-box .sns-blog .blog-list ul li { padding:10px; border-top:1px solid #dddddd; }
.event-area .sns-box .sns-blog .blog-list ul li:first-child { padding-top:0; border-top:0; }
.event-area .sns-box .sns-blog .blog-list ul li a dl dt { font-size:1.6rem; color:#000; margin-bottom:5px; line-height:1.4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.event-area .sns-box .sns-blog .blog-list ul li a dl dd { display:-webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#555; font-size:1.6rem; font-weight:300; line-height:1.4em; max-height:2.8em; }

#weather-open-btn { display: flex; align-items: center; color: #000; letter-spacing: -0.05em; font-size: 1.5rem; font-weight: 500; height: 40px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 15px; margin-left: 20px; }

.seoul-banner { max-width:1200px; margin:0 auto;}
.seoul-banner img { width:100%; height:100%; }

.m-seoul-banner { display:none; }
.m-seoul-banner img { width:100%; height:100%; }

/* .popuparea-wrap { display:none; } */
.popup-conwrap { position:absolute; left:0; top:0; /* height:calc(100% - 50px); */ z-index: 9999; }
.popup-conwrap.fixed { position:fixed; }
.popup-conwrap.center { left:50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.popup-conwrap.whcenter { left:50%; top:50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);} 
.popup-conwrap .popup-image { position:relative; width:100%; /* height:calc(100% - 50px) */ }
.popup-conwrap .popup-image .image-wrap { width:100%; height:100%; /*padding-top:calc(700 / 600 * 100%);*/ }
.popup-conwrap .popup-image .image-wrap img { /*position:absolute; left:0; top:0;*/ width:100%; height:100%; vertical-align: top; border: 1px solid #ddd;}
.popup-conwrap .today-close { display:flex; align-items: center; justify-content: space-between; width:100%; height:50px; text-align:left; background-color:#222; color:#fff; padding:10px; border:1px solid #333; box-sizing: border-box;  }
.popup-conwrap .today-close input[type="checkbox"] { width:15px; height:15px; vertical-align: middle; }
.popup-conwrap .today-close label { font-size:16px; vertical-align: middle; color:#fff; }
.popup-conwrap .today-close .close-imagepop { position:relative; display:block; z-index:1; width:24px; height:24px; overflow:hidden; text-indent:-9999px; }
.popup-conwrap .today-close .close-imagepop:before { content:""; position:absolute; left:0px; right:0px; top:11px; height:2px; background:#fff; transform:translate3D(0,0px,0) rotate(-45deg); }
.popup-conwrap .today-close .close-imagepop:after { content:""; position:absolute; left:0px; right:0px; bottom:11px; height:2px; background:#fff; transform:translate3D(0,0px,0) rotate(45deg); }


@media (max-width:1320px){
    .main-visual { justify-content: flex-start;}
    .main-visual .banner-area { width:29%; margin-right:2%; }
    .main-visual .park-images { width:67%; }

    .quick-area { display:block; }
    .quick-area .fac-search { width:100%; margin-right:0;  margin-bottom:40px; }
    .quick-area .fac-search .search-cate ul li { width:calc(100% / 3 - 12px); }
    .quick-area .quick-links { width:100%; }

    .event-area { display:block; }
    .event-area .event-info { width:100%; margin-right:0; }
    .event-area .sns-box { width:100%; margin-top:30px; }

    .event-area .event-info .event-list { height: auto; padding:35px; }

}


@media (max-width:1024px){
    .main-visual .banner-area { width:28.7%; margin-right:2%; }
    .main-visual .park-images { width:69.3%; }

    .quick-area .fac-search { padding: 0 25px;}

    .e-notice { flex-wrap:wrap; padding:10px 22px; height:auto; justify-content: space-between; }
    .e-notice .tit { display:none; width:100%; margin-bottom:5px;}
    .e-notice .e-notice-list { width:calc(100% - 145px); }
    .e-notice .e-notice-list .e-notice-item { flex-wrap:wrap; }
    .e-notice .e-notice-list .e-notice-item pre { width:calc(100% - 88px); }
    .e-notice .e-notice-list .e-notice-item span.cate { width:100%; }
    .e-notice .list-slide-control { width:auto; justify-content: flex-end;}

    .e-notice .e-notice-list .e-notice-item .tit { display:flex; width:auto; margin-right:8px;  }
    .e-notice .e-notice-list .e-notice-item .tit span { font-size:1.5rem; }

    .news-area { flex-wrap:wrap; }
    .news-area .board-latest { width:100%; height:302px; margin-bottom:40px; margin-right:0;}
    .news-area .hangang-news { width:calc(100% - 440px); }

    .popup-conwrap { height:auto; }
}

@media (max-width:960px){

    .main-visual .park-images .img-item .img-wrap { position:relative; width:100%; height:0; padding-top:calc(428 / 875 * 100%); }
    .main-visual .park-images .img-item .img-wrap img { position:absolute; left:0; top:0;}
    .main-visual .park-images .img-item .img-name { position:static; background-color:#111; }

    .hotkeyword { display:block; margin-top:30px;}
    .hotkeyword .tit { width:100%; margin-bottom:15px; }
    .hotkeyword .tit h2 { text-align: center;}
    .hotkeyword .tit p { text-align: center; }
    .hotkeyword .keyword-list { width:100%; }
    .hotkeyword .keyword-list ul li a { font-size:1.4rem;}

    .news-area .hangang-news { margin-right:20px; width:calc(100% - 420px); }
    .news-area .hangang-news .news-top { margin-bottom:15px; }
    .news-area .hangang-news .news-top h2 { font-size:2rem; }
    .news-area .notification .notification-top { margin-bottom:15px;}
    .news-area .notification .notification-top h2 { font-size:2rem; }
    .news-area .hangang-news a.more-btn { top:2px }

    .quick-area .fac-search .search-input h2 { font-size:2rem; }
    .quick-area .quick-links h2 { font-size:2rem; }
    .event-area .event-info .event-top .tit h2 { font-size:2rem; }
    .event-area .event-info .event-top .tit a.event-request { font-size:1.3rem; height:30px; padding:0 10px; }
    .event-area .event-info .event-top .tit a.event-request::before { width:13px; height:14px; background-size:cover; }
    .event-area .event-info .event-top .event-control button { width:35px; height:35px; }
    .event-area a.more-btn { top:9px }

    .event-area .event-info .event-list { padding:15px; }
    .event-area .event-info .event-list .event-slide .slide-item { display:block;}
    .event-area .event-info .event-list .event-slide .slide-item .ep-poster {  }
    .event-area .event-info .event-list .event-slide .slide-item .ep-info { width:100%; padding:15px 0; }
    
    .event-area .sns-box .sns-top h2 { font-size:2rem; }
    .event-area .sns-box .sns-blog .blog-list ul li a dl dt { font-size:1.4rem; }
    .event-area .sns-box .sns-blog .blog-list ul li a dl dd{ font-size:1.3rem; }
}

@media (max-width:768px){
    .e-notice { padding:15px 15px 20px 15px; border-radius:8px; position:relative; }
    .e-notice .e-notice-list { width:100%;}
    .e-notice .e-notice-list .e-notice-item span.cate { font-size:1.5rem; max-width:240px; margin-right:0; margin-bottom:8px; width:auto; padding:4px 6px; }
    .e-notice .e-notice-list .e-notice-item pre { width:100%; }
    .e-notice .e-notice-list .e-notice-item pre a { font-size:1.5rem; }
    .e-notice .e-notice-list .e-notice-item span.date { font-size:1.3rem; width:auto; margin-left:0; margin-top:8px; }
    .e-notice .list-slide-control { position:absolute; z-index:1; right:15px; bottom:15px; width:100%; margin-top:8px;}
    
    .main-visual .banner-area .banner-control { height:40px; }
    .main-visual .banner-area .banner-control .pagination { font-size:1.4rem; }
    .main-visual .banner-area .banner-control .pagination span { font-size:1.4rem; }
    .main-visual .banner-area .banner-control .control { justify-content: flex-end; padding-right:15px;}
    .main-visual .park-images .img-item .img-name { height:40px; padding:0 15px; }
    .main-visual .park-images .img-item .img-name p { font-size:1.4rem; }
    .main-visual .park-images .image-control { bottom:3%; }
    .main-visual .park-images .image-control .pagination span { font-size:1.4rem; }
    .main-visual .park-images .image-control .control button { width:25px; height:25px; }
    
    .hotkeyword .keyword-list ul li { width:calc(100% / 2 - 5px)}
    .hotkeyword .keyword-list ul li:nth-child(5n) { margin-right:10px; }
    .hotkeyword .keyword-list ul li:nth-child(2n) { margin-right:0; }
    .hotkeyword .keyword-list ul li:nth-child(-n+5) { margin-top:10px;}
    .hotkeyword .keyword-list ul li:nth-child(-n+2) { margin-top:0; }
    .hotkeyword .keyword-list ul li a { height:40px;}

    .news-area .board-latest > ul li.latest-item .board-tab { width:72px; font-size:1.4rem;  height:1em; }
    .news-area .board-latest > ul li.latest-item.on .board-tab { font-size:1.5rem; }
    .news-area .board-latest > ul li.latest-item a.more-btn { top:0; }

    .news-area .hangang-news { margin-right:0; width:100%; }
    .news-area .hangang-news .hangang-news-slide { height:auto; }
    .news-area .hangang-news .hangang-news-slide .news-item .news-img { height:200PX;}
    .news-area .notification { width:100%; margin-top:40px;}

    .quick-area .fac-search { display:block; height:auto; padding:25px 15px; }
    .quick-area .fac-search .search-input { width:100%; margin-right:0;}
    .quick-area .fac-search .search-cate { width:100%; margin-right:0; margin-top:25px; }
    .quick-area .fac-search .search-cate ul li a p { font-size:1.3rem; }
    .quick-area .fac-search .search-input select { font-size:1.4rem; }
    .quick-area .fac-search .search-input input[type="text"] { font-size:1.4rem; }

    .news-area .board-latest > ul li.latest-item .latest-list ul li dl dt { font-size:1.6rem; }
    .news-area .board-latest > ul li.latest-item .latest-list ul li dl dd { font-size:1.3rem; }
    .news-area .board-latest > ul li.latest-item .latest-list ul li.list-item { font-size:1.3rem; }
    .news-area .board-latest > ul li.latest-item .latest-list ul li.list-item a { width:calc(100% - 110px); }
    .news-area .board-latest > ul li.latest-item .latest-list ul li.list-item span { margin-left:30px }


}

@media (max-width:640px){

    .main-visual { flex-wrap:wrap; /*flex-direction: column-reverse;*/}
    .main-visual .banner-area { margin:0 auto 20px auto; width:100%; }
    .main-visual .park-images { width:100%; }

    .seoul-banner { display:none }
    .m-seoul-banner { display:block }
    .popup-conwrap { width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; left: 0px !IMPORTANT; }
}

@media (max-width:500px){
    .event-area .event-info .event-list  { padding:0; border:none; }
    .event-area .event-info .event-list .event-slide .slide-item .ep-poster {  margin:0 auto; display:none; }
    .event-area .event-info .event-list .event-slide .slide-item .ep-info { border:1px solid #ddd; padding:10px 4px; }
    .event-area .event-info .event-list .event-slide .slide-item .ep-info dl { text-align: center; }
    .event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul { justify-content: center; }
    .event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-btns { justify-content: center;}
    .event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li {  font-size:1.3rem; height:25px; padding:0 5px; }
    .event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.event-ind.head { padding:0 5px; }
    .event-area .event-info .event-list .event-slide .slide-item .ep-info .ep-top ul li.event-ind.head::before { display:none; }

    .quick-area .fac-search .search-cate ul li { width:calc(100% / 3 - 12px); }
    /* .quick-area .quick-links .link-list ul li.link-item { width:100%; margin-right:0; }
    .quick-area .quick-links .link-list ul li.link-item:nth-child(2) { margin-top:5px; } */
    .quick-area .quick-links .link-list ul li.link-item a { padding:0 10px; height:45px; }
    .quick-area .quick-links .link-list ul li.link-item a .ico { margin-right:3px; }
    .event-area .event-info .event-top .tit a.event-request { display:none;}
}