/**
* OLYM Cascading Style Sheets
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2021.05.13
* Update : 2021.05.13
* Copyright(c) 2021 OLYM Communications. All Rights Reserved.
*/
/* 메인 공통 */
section { width: 100%; padding-bottom:20%;}
.opac3{opacity: .3; margin-bottom:40px;}


/* 우측 페이징 버튼 */
#fp-nav ul li a span, .fp-slidesNav ul li a span{height:18px !important; width:18px !important; background:rgba(0,0,0,0.0) !important; border:5px solid #e1e1e1 !important; margin:-5px 0 0 -5px !important; box-sizing: border-box;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin:-5px 0 0 -5px !important; background:#e1e1e1 !important;}
#fp-nav ul li, .fp-slidesNav ul li{margin:17px 7px !important;}

/* 하단고정 메뉴 */
.bottom_nav{width:100%; background:rgba(0,0,0,0.9); border-radius: 50px; align-items: center; justify-content: space-between; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); overflow: hidden; max-width:1400px; margin:25px auto 0; position: fixed; bottom:20px; z-index: 9999; left:50%; transform: translate(-50%,0);}
.bottom_nav ul.menu { align-items: center;}
.bottom_nav ul.menu li{padding:0 20px; align-items: center; position: relative; z-index: 1; overflow: hidden;}
.bottom_nav ul.menu li::after{background:#fd33a7; border-radius: 50px; position: absolute; left:50%; top:50%; width:0; height:0; content:''; z-index: -1;  transition: all .3s ease;; transform: translate(-50%,-50%);}
.bottom_nav ul.menu li:hover::after{ height:100%; width:100%;}
.bottom_nav ul.menu li a{font-size: 14px; color:#fff; font-weight: 300; display: flex; padding:15px 0; align-items: center;}
.bottom_nav ul.menu li a i{  margin-right:10px;}
.bottom_nav ul.search li{align-items: center; position: relative;}
.bottom_nav ul.search .btn{ position: absolute; right:-5px; top:50%; transform: translate(0,-50%); border-radius: 50%; overflow: hidden;}
.bottom_nav ul.search input{width:253px; height:36px; border-radius: 50px; border:0; padding:0 20px; box-sizing: border-box;}
.bottom_nav ul.search input::placeholder{color:#fd33a7; font-weight: 500; transition: all .3s ease;}
.bottom_nav ul.search input:hover::placeholder{color:#ddd;}
.bottom_nav .searchImg:hover{cursor: pointer;}
.bottom_nav ul.search a{color:#fff; display: block; margin-right:10px; font-weight: 300;}
.bottom_nav ul.search li:last-of-type{margin:0 20px 0 40px;}
.bottom_nav ul.search2{position: relative; margin-right:8px; display: none;}
.bottom_nav ul.search2 span{display: none;}
.bottom_nav ul.search2 span.on{display:block; position: absolute; width:36px; height:36px; content:''; right:0; bottom:-18px; z-index: 600;}
.bottom_nav ul.search2 input{width:0; height:36px; border-radius: 50px; border:0; padding:0 18px; box-sizing: border-box; position: absolute; right:0; z-index: 500; transition: all .3s ease;}
.bottom_nav ul.search2 input.on{width:287px;}
.bottom_nav ul.search2 input::placeholder{color:#fd33a7; font-weight: 500; transition: all .3s ease;}
.bottom_nav input:-ms-input-placeholder { color: #fd33a7; }
.bottom_nav ul.search2 input:hover::placeholder{color:#ddd;}
.bottom_nav ul.search2 li{align-items: center; position: relative;}
.bottom_nav ul.search2 a{ position: absolute; right:3px;  z-index: 501;}
.bottom_nav ul.search2 a i{color:#fd33a7; border-radius: 50%; font-size:20px; padding:5px; box-sizing: border-box;}

/* Modal */
.modal { display: none; position: fixed; z-index: 10000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.6);}
.modal-content { position: relative; background: #fefefe; margin: auto; width: 1000px; box-sizing: border-box; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s; }
.modal-content iframe { width: 1000px; height: 600px; }
.modal-content video { width: 100%; height: 100%; }

@-webkit-keyframes animatetop {
from { top:-300px; opacity:0}
to { top: 0; opacity: 1 }
}
@keyframes animatetop {
from { top:-300px; opacity:0}
to { top: 0; opacity: 1 }
}
.modal-header { padding: 15px 20px; background: #1e63a2; cursor: pointer;}
.modal-header h2 { color: #fff; font-weight: bold; }
.modal-header .close { color: #fff; float: right; font-size: 28px; line-height:15px !important; font-weight: bold; }
.modal-header .close:hover, .modal-header .close:focus { color: #000; cursor: pointer; }

@media all and (max-width:767px) {

.modal { padding-top: 30px; left: 0; top: 0;  overflow: auto;}
.modal-content { width: 70%; height: auto; }
.modal-content iframe { width: 100%; height: 150px; }
.modal-header { padding: 5px 10px;}
}

@media all and (max-width:500px) {
.modal-content { width: 90%; }
.modal-content iframe { height: 250px; }

}
/* 메인 */
.section1 {position: relative;}
.section1 .container { margin-top: 100px; }
.section1 .section_bg{position: absolute; left:0; top:150px; width:72%; height:600px; content:''; background: #fd33a7; border-radius: 0 0 100px 0; transition: 0.3s all ease;}
.section1 .container .content{max-width:1400px; height:650px; margin:0 auto; position: relative; z-index: 1;}
.section1 .container .content .next_box{position: absolute; top:50%; left:-100px; transform: translate(0, -50%); transform: rotate(90deg); z-index: 500;}
.section1 .container .content .next_box span{font-size:26px; color:#fff; line-height: 1; opacity: 0.3; position: relative; cursor: pointer; transition: all .3s ease;}
.section1 .container .content .next_box span.on{opacity: 1;}
.section1 .container .content .next_box span.on + i{opacity: 1;}
.section1 .container .content .next_box i.on{opacity: 1;}
.section1 .container .content .next_box span:hover{opacity: 1;}
.section1 .container .content .next_box .next > i{position: absolute; right:-5px; bottom:0; font-size:30px; color:#fff; font-weight: bold; opacity: 0.3; transition: all .3s ease; width:0;}
.section1 .container .content .next_box .next.on > i.on{opacity: 1;}
.section1 .container .content .next_box .next:hover > i {opacity: 1;}
.section1 .container .content .next_box .prev > i{position: absolute; left:-35px; bottom:0; font-size:30px; color:#fff; font-weight: bold; opacity: 0.3; transition: all .3s ease; width:0;}
.section1 .container .content .next_box .prev.on > i.on{opacity: 1;}
.section1 .container .content .next_box .prev:hover > i {opacity: 1;}
.section1 .container .content .next_box::after{ content:''; width:2px; height:22px; background:#fff; z-index: 3; opacity: 1 !important; position: absolute; top:41%; left:50%; transform: translate(-50%, -50%);}
.section1 .container .content .slide1{height:100%;}
.section1 .container .content .slide1 .item .text_box{pointer-events: none;position: absolute; top:50%; left:10%; width: 85%; transform: translate(0, -50%); z-index: 2;color:#fff;  text-shadow: 15px 15px 10px rgba(0,0,0,0.1);}
.section1 .container .content .slide1 .item .text_box h3{ font-size:55px; font-weight: 900;  line-height: 1.3;}
.section1 .container .content .slide1 .item .text_box h3 > span{ opacity: 0;}
.section1 .container .content .slide1 .item .text_box p{ line-height: 1.7;  opacity: 0.9;}
.section1 .container .content .slide1 .item .text_box p.desc1{font-weight: 300; font-size:17px; margin-top:47px; }
.section1 .container .content .slide1 .item .text_box p.desc2{font-weight: bold; font-size:20px;}
.section1 .container .content .slide1 .item .img_box {
    width: 100%;
    position: absolute;
    left: 50%;
    z-index: 1;
    border-radius: 100px 0 0 0;
    overflow: hidden;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 10%);
    max-height: 560px;
    max-width: 1000px;
}

.section1 .container .content .slide1 .item .img_box img{
    max-width: 100%;
}
.section1 .container .content .slide1 .item .img_box .video_link{display: block; }
.section1 .container .content .slide1 .swiper-pagination-progressbar{background:rgba(255,255,255,.25); width:25% !important; height:2px; left:15% !important; bottom:20% !important; top:auto !important;}
.section1 .container .content .slide1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}
.section1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{display: none;}

/* 공지사항 */
.section2{position: relative; z-index: 2;}
.section2 .container{height:450px;}
.section2 .tab_box{max-width:1400px; margin:0 auto; position: relative;}
.section2 .tab{width:100%;}
.section2 .tab ul{width:100%; display: flex; padding:40px 0; box-sizing: border-box;}
.section2 .tab ul li {font-size:22px; margin-right:40px; font-weight: 600; color:#989898; cursor: pointer; transition: all .3s ease;}
.section2 .tab ul li.on{transition: all .3s ease; color:#000;}
.section2 .tab ul li:hover{color:#666666;}
.section2 .tab ul li.on:hover{color:#000;}
.section2 .tab ul li a{position: absolute; top:36px; right:100px;}
.section2 .tab .more{color:#666;display: none; font-size:16px; font-weight:500; border:1px solid #ddd; padding:2px 15px;}
.section2 .tab .more:hover { border:1px solid #000; color:#000;}
.section2 .tab .more.on{display: block;}
.section2 .contbox{position: absolute; width:130%; top:110px; left:0; background:#fff; display: none; }
.section2 .contbox.on{display: block;}
.section2 .swiper-slide{ box-sizing: border-box; padding:20px; background:#f4f4f4; transition: all .3s ease; cursor: pointer; height: 180px;}
.section2 .swiper-slide:hover{background:#fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.section2 .top{align-items: center; justify-content: space-between; font-size:14px; color:#fff; margin-bottom:20px;}
.section2 .teg{padding:5px 9px; box-sizing: border-box;}
.section2 .teg.type1{background:#4fbfee;}
.section2 .teg.type2{background:#5bc4aa;}
.section2 .teg.type3{background:#fd9733;}
.section2 .teg.type4{background:#0bd55d;}
.section2 .teg.type5{background:#fd33a7;}
.section2 .day{color:#9a9a9a;}
.section2 p{font-size:18px; color:#727272; padding-bottom:20px; text-overflow: ellipsis;}
.section2 .swiper-container{padding-bottom:5%;}

.section2 .swiper-container-horizontal>.swiper-scrollbar{opacity: 1 !important; bottom:15%; left:0; background:#e8e8e8;}
.section2 .swiper-scrollbar-drag{background:#fd33a7; height:12px; top:-50%;}

/* 포스터 텝메뉴 */
.section3{ position: relative; width:100%;}
.section3 .container{display: block; height:100%;}
.section3 .title{max-width:1400px; margin:10% auto 0; justify-content: space-between;}
.section3 .title h3{font-size:60px; flex-direction: column; font-weight: 700; line-height: 1; color:#fd33a7; margin-right:50px; text-align:center;}
.section3 .title h3 span:last-of-type{color:#000;}
.section3 .title p{font-size:20px; line-height: 1.6; color:#757575; text-align:center; padding:10px 10px 0 10px;}
.section3 .title .left{align-items: flex-end;}
.section3 .next_box{ position: absolute;  bottom:-50px; width:134px; left:50%; transform:translate(-50%, 0); z-index:2000;}
.section3 .next_box .container{position: relative;}
.section3 .next_box .container .next{width:62px; height:62px; background:url(/project/design/main/section3_next.png)no-repeat center / 100%; right:0; top:35%; transition: all .3s ease;}
.section3 .next_box .container .next:hover{background:url(/project/design/main/section3_next_on.png)no-repeat center / 100%;}
.section3 .next_box .container .prev{width:62px; height:62px; background:url(/project/design/main/section3_next.png)no-repeat center / 100%; left:0; top:35%; transform: rotateY(180deg); transition: all .3s ease;}
.section3 .next_box .container .prev:hover{background:url(/project/design/main/section3_next_on.png)no-repeat center / 100%;}
.section3 .content{width:100%; margin-top:65px; position: relative;}
.section3 .content .contbox{ width:100%; top:0; background:#fff; display: none;}
.section3 .content .contbox.on{display: block;}
.section3 .swiper-slide a{display: block; position: relative;}
.section3 .swiper-slide img{width:100%; min-height: 493px; height:100% !important; max-height: 493px; overflow: hidden; position: relative;}
.section3 .swiper-container{padding-top:20px; overflow: initial; margin-top:-20px;}
.section3 .swiper-container::-webkit-scrollbar{background:#fff;}
.section3 .swiper-slide {position: relative; max-height: 493px;}
.section3 .swiper-slide:hover .text_box{opacity: 1; left:45%; top:47%;}
.section3 .swiper-slide .text_box{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; height:100%; background:#fd33a7; z-index: 1000; display: block; padding:45% 45px 45px; box-sizing: border-box; align-items: center; text-align: center; box-shadow:10px 10px 7px rgba(0,0,0,0.3); opacity: 0; transition: all .3s ease;}
.section3 .swiper-slide .text_box h4{color:#fff; font-size:24px; font-weight: 600; width:100%;}
.section3 .swiper-slide .text_box p{font-size:16px; color:#fff; margin-top:60px; font-weight: 600; letter-spacing: 1px;}
.section3 .swiper-slide .text_box a{display: block; padding:15px; font-size:18px; border:2px solid #fff; color:#fff; font-weight: 600; margin-top:30%;}
.section3 .swiper-slide .text_box a:hover{background:#fff; color:#fd33a7;}
.section3 .swiper-pagination{bottom:-50px !important; display:none;}
.section3 .swiper-pagination-bullet{background:rgba(253,51,167,1); width:12px; height:12px; border-radius: 50%;}

/* 월간소식 */
.sun .day{color:#e74c4c !important; margin-bottom:40px;}
.Satur .day{color:#5971b7 !important; margin-bottom:40px;}
.sun .text,  .sun p, .sun .more, .Satur .text,  .Satur p, .Satur .more, .sun .cnt, .Satur .cnt{display: none !important;}

.section4{position: relative; z-index: 100;}
.section4 .container{width:100%; height:100%; position: relative;}
.section4 .container .content.bg1{width:50%; flex-grow: 1; background:url(/project/design/main/sample_bg1.jpg?version=2)no-repeat center / cover;}
.section4 .container .content.bg2{width:50%; flex-grow: 1; background:url(/project/design/main/sample_bg2.jpg?version=2)no-repeat center / cover;}
.section4 .container .calendar{position: absolute; top:58%; left:50%; transform: translate(-50%,-50%);  width:73%; height:100%;}
.section4 .container .calendar > .title{justify-content: space-between; align-items: center; margin-bottom:20px;}
.section4 .container .calendar > .title h3{font-size:60px; letter-spacing: 20px; font-weight: 700; color:#fff;}
.section4 .container .calendar > .title .day_box{width:32%;  height:84px;position: relative;}
.section4 .container .calendar > .title .day_box .swiper-container{height:100%;}
.section4 .container .calendar > .title .day_box .swiper-container .swiper-slide{align-items: flex-end; justify-content: center; font-size:40px; color:#fff;}
.section4 .title .swiper-button-next{background:url(/project/design/main/section4_top_right.png)no-repeat center / 100% !important; width:62px; height:62px; right:0; top:50%;}
.section4 .title .swiper-button-prev{background:url(/project/design/main/section4_top_left.png)no-repeat center / 100% !important; width:62px; height:62px; left:0; top:50% !important;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:'' !important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:'' !important;}
.section4 .table_box{width:100%;  height:620px; background:#fff; border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;}
.section4 .table_box .swiper-container{height:100%;}
.slide4 > .swiper-wrapper > .swiper-slide-active{width:100% !important;}
.section4 .table_box .slide5{width:auto;}
.section4 table{width:100%; height:100%; border:0; border-collapse:collapse ; table-layout: fixed;}
.section4 .table_type1{position: relative; width:100%; height:100%;}
.section4 .table_type1 table thead tr th{font-size:20px; padding:16px 0; background:#a4acb4; color:#fff; border:0px solid #ebebeb; height:0;}
.section4 .table_type1 table thead tr th:nth-child(1){background:#f276bf;}
.section4 .table_type1 table thead tr th:nth-child(7){background:#84b5e7;}
.section4 .table_type1 table tbody tr{width:100%; height:80px;}
.section4 .table_type1 table tbody tr td{padding:30px 15px 5px 15px; position: relative; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; box-sizing: border-box; overflow: hidden;}
.section4 .table_type1 table tbody tr td:last-child{border-right:0;}
.section4 .table_type1 table tbody tr td span img{margin-right:10px; padding-bottom:3px;}
.section4 .table_type1 table tbody tr td span p{font-size:14px; color:#3b3b3b; width:100%; overflow: hidden;  text-overflow:ellipsis; white-space: nowrap;}
.section4 .table_type1 table tbody tr td .tag{background:#eec446; width:61px; height:21px; font-size:10px; position: absolute; right:37px; top:9px; display: flex; align-items: center; justify-content: center; color:#fff; border-radius: 30px; line-height: 1; padding-top:3px; box-sizing: border-box;}
.section4 .table_type1 table tbody tr td .day{font-size:15px; font-family: 'GmarketSansMedium', sans-serif; letter-spacing:0em; color:#aeaeae; position: absolute; top:10px; left:15px;}
.section4 .table_type1 table tbody tr td .cnt{ color:#aeaeae;   top: 10px;    right: 10px;    display: block;    text-align: right;    position: absolute;}
.section4 .table_type1 table tbody tr td .more{margin-left:17px; position: absolute; left:0; bottom:15px;;}
.section4 .table_type1 table tbody tr td span a{font-size:10px; color:#b0b0b0;}
.section4 .model_box{display: none;}
.section4 .model_box.on{display: block;}
.section4 .table_type1 .link_box{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);  width:100%; height:100%; z-index: 999; background:rgba(0,0,0,0.5); border-radius: 10px;}
.section4 .table_type1 .link_box .container{width:50%; height:auto; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:#fff; border-radius: 10px; border:2px solid #fd33a7;  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.section4 .table_type1 .link_box .container .content{width:100%; height:100%; position: relative;}
.section4 .table_type1 .link_box .container .content .close{position: absolute; right:-15px; top:-15px; width:40px; height:40px; cursor: pointer; background:#fd33a7; border-radius: 10px; color:#fff; font-size:20px; align-items: center; justify-content: center; z-index: 9999;}
.section4 .slide5{padding:20px; box-sizing: border-box;}
.section4 .slide5 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:rgba(0,0,0,0.3); left:0; width:40px; height:40px; border-radius: 0 10px 10px 0; color:#fff;}
.section4 .slide5 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:rgba(0,0,0,0.3); right:0; width:40px; height:40px; border-radius: 10px 0 0 10px; color:#fff;}
.section4 .slide5 .swiper-button-next > i.arrow{margin: 10px;}
.section4 .slide5 .swiper-button-prev > i.arrow{margin: 10px;}
.section4 .slide5 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:'';}
.section4 .slide5 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:'';}
.section4 .slide5 .swiper-slide:nth-child(odd){border-right:1px solid #e1e1e1;}
.section4 .slide5 .swiper-slide .img_box{width:40%; display: block;}
.section4 .slide5 .swiper-slide .img_box img{width:100%;}
.section4 .slide5 .swiper-slide .text_box{width:70%; margin:10px 10px 10px 40px; display:flex; -ms-display:flex; -webkit-display:flex; flex-wrap: wrap; align-content: space-between;}
.section4 .slide5 .swiper-slide .text_box > div{margin-top:10px;}
.section4 .slide5 .swiper-slide .text_box span{width:100%;}
.section4 .slide5 .swiper-slide .text_box .day{font-size:12.5px; color:#767b81; display: block;}
.section4 .slide5 .swiper-slide .text_box .title{font-size:18px; color:#3b3b3b; display: block;}
.section4 .slide5 .swiper-slide .text_box span a{display: block; background:#fd33a7; border-radius: 50px; padding:5px 20px; text-align: center; box-sizing: border-box; font-size:13px; color:#fff; width:105px; margin-top:20px;}

/* 공간소개 */
.section5{width:100%; height:100vh; background:url(/project/design/main/sample_bg3.jpg)no-repeat center / cover; position: relative; overflow: hidden;}
.section5 .con{position: absolute; z-index: 0;}
.section5 .con1{bottom:0; left:-1%;}
.section5 .con2{top:-8%; left:10%;}
.section5 .con3{top:-15%; right:10%;}
.section5 .con4{bottom:0; right:10%;}
.section5 .container{max-width:1400px; margin:0 auto 10%; position: relative;}
.section5 .container > h2{font-size:60px; font-weight: 700; letter-spacing: 20px;}
.section5 .container .content ul{padding:40px 0 20px 40px; box-sizing: border-box;}
.section5 .container .content ul li{margin-bottom:25px; font-size:16px; color:#797878; font-weight: 500; position: relative; z-index: 0;  cursor: pointer;}
.section5 .container .content ul li.on::after{position: absolute; width:90%; height:40px; left:-30px; top:50%; background:#fff;  content:''; z-index: -1; transform: translate(0,-50%); border:2px solid #fd33a7; border-radius: 100px;}
.section5 .container .content ul li:last-of-type{margin:0;}
.section5 .container .content .menu{width:20%;}
.section5 .container .content .content_box{width:75%; position: relative;  box-sizing: border-box;}
.section5 .container .content .content_box .content{width:130%; height:100%;  position: absolute; left:0; top:0}
.section5 .container .content .content_box .content .text_box .item{width:81.5%;}
.section5 .container .content .content_box .content .text_box .item h4{font-size: 24px; color:#232323; font-weight: 600;}
.section5 .container .content .content_box .content .text_box .item h4 span{color:#fd33a7;}
.section5 .container .content .content_box .content .text_box .item p{width:94%; color:#757575; font-size:16px; line-height: 1.5; margin-top:20px; align-items:center; flex-wrap:wrap; justify-content:space-between;}
.section5 .container .content .content_box .content .text_box .item p span { width:80%;}
.section5 .container .content .content_box .content .text_box .item p img{margin-left:20px;}
.section5 .container .content .content_box .content .text_box .item p a { border:3px solid #fd33a7; width:95px; line-height:95px; display:inline-block; border-radius:100%; text-align:center; color:#fd33a7; font-weight:900; font-size:22px; letter-spacing:0;}
.section5 .container .content .content_box .content .text_box .item p a:hover { background:#fd33a7; color:#fff;}
.section5 .container .content .content_box .swiper-container{padding-bottom:20px; padding-left:40px; padding-top:40px; overflow:hidden; position:relative;}
.section5 .view .swiper-wrapper{align-items: flex-end !important;}
.section5 .view .swiper-slide {position: relative; transition: all .5s ease;}
.section5 .view .swiper-slide img{width:100%;  -webkit-filter : grayscale(100%); filter: gray;}
.section5 .view .swiper-slide-active img{ -webkit-filter : grayscale(0%); filter: none;}
.section5 .view .swiper-slide{margin-top:5%; transition: all 0.8s ease;}
.section5 .view .swiper-slide span{font-weight: 700; transition: all .5s ease;}
.section5 .view .swiper-slide .title2{position: absolute; right:20px; bottom:20px; font-size:22px; color:#fff; text-shadow: 5px 5px 10px rgba(0,0,0,0.15);}
.section5 .view .swiper-slide .title1{opacity: 0; position: absolute; left:0; bottom:0;}
.section5 .view .swiper-slide-active{width:550px !important;  margin-top:-5%; box-shadow: 15px 10px 15px rgba(0,0,0,0.15); mix-blend-mode: normal;}
.section5 .view .swiper-slide-active .title1{position: absolute; left:-40px; bottom:0; font-size:35px; padding:25px; background:#fd33a7; color:#fff; opacity: 1;}
.section5 .view .swiper-slide-active .title2{opacity: 0;}
.section5 .next_box{position: absolute; width:150px; left:50%; top:15%;}
.section5 .swiper-button-prev, .section5 .swiper-button-next {width:49px; background:none;}
.section5 .next_box .section5_next{top:15%; right:2%;}
.section5 .next_box .section5_prev{top:15%; left:2%;}
.section5 .next_box i{position: absolute; left:50%; top:0;vertical-align:top; transform: translate(-50%,-80%); width:1px; height:22px; background:#c6c6c6;}

/* 푸터배너 */
.section6 {border-top:1px solid #e2e2e2;}
.banner {padding:20px 0;}
.banner .slide_area {position:relative; height:48px; float:left; width:86%; overflow: hidden;}
.banner .slide_area li { float:left; padding:0 5px; box-sizing:border-box;}
.banner .slide_area li a { display:block; text-align:center;}
.banner .slide_ctrl { width:12%; margin-top:9px;  box-sizing:border-box; display: flex; -webkit-display: flex; -ms-display: flex; justify-content: flex-end;}
.banner .slide_ctrl a {padding:6px 0; width:30px; height:30px; text-align:center; display:block; border:2px solid #d1d1d1;  box-sizing:border-box; cursor:pointer; border-radius: 50%; margin-left:10px; display: flex; -webkit-display: flex; -ms-display: flex; justify-content: center; align-items: center;}
.banner .slide_ctrl a img{ height:100%;}
#footer { padding:40px 0 130px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .section3 .title{margin:9% auto 0;}
    .section4 .title .swiper-button-next{top:20% !important;}
    .section4 .title .swiper-button-prev{top:20% !important;}
    .slide5 .swiper-button-prev {top:40%;}
    .slide5 .swiper-button-next {top:40%;}
    .section4 .table_type1 table thead tr th{padding:13px 0;}
.section3 .swiper-slide {max-height: 400px;}
}

@media(max-width:1440px){
    #back-top a {width:53.2px; height:53.2px;}
    .bottom_nav{width:80%;}
    .bottom_nav ul.search li:last-of-type{display: none;}
    .bottom_nav ul.search{margin-right:10px;}

    .section1 .section_bg{height:480px;}

    .section1 .container .content .slide1 .item .text_box{top:40%; left:10%;}
    .section1 .container .content .slide1 .item .text_box h3{font-size:35px;}
    .section1 .container .content .slide1 .item .img_box{left:40%;}
    .section1 .container .content .slide1 .item .img_box img{width:100%;}
    .section1 .container .content .next_box{top:32%; left:-3%;}
    .section1 .container .content .slide1 .swiper-pagination-progressbar{top:70% !important; left:10% !important;}
    .section1::before{height:65%;}
    .section1 .container .content .next_box span{font-size:20px;}
    .section1 .container .content .next_box i{font-size:24px; font-weight: bold;}
    .section2 .container{height:380px;}
    .section2 {margin-top:-100px;}
    .section2 .tab ul{padding:40px 20px;}
    .section2 .tab ul li{font-size:18px;}
    .section3 .title p{font-size:18px;}
    .section3 .title h3{font-size:50px;}
    .section3 .nav-tabs li a span{font-size:18px;}
    .section3 .nav-tabs li a{width:90px; height:90px;}
	.section3 {height:650px !important;}
    .section3 .title {  margin:30px auto 0 auto;}
    .section3 .fp-tableCell {height:900px !important; display:block; vertical-align:top;}
    .section3 .swiper-slide .text_box h4{font-size:18px; margin-top:30px;}
    .section3 .swiper-slide .text_box{padding:20px; margin-top:10px; display: flex; flex-wrap: wrap; align-content: space-between;}
    .section3 .swiper-slide .text_box a{width:100%; padding:15px; box-sizing: border-box; margin:0;}
    .section3 .swiper-slide .text_box p{margin:0; width:100%; font-size:14px;}
  /*  .section3 .next_box {top:-28%;}*/
    .section4 {margin-top:-10%;}
    .section4 .table_type1 .link_box .container{width:60%;}
    .section4 .slide5 .swiper-slide .img_box{width:55%;}
    .section4 .slide5 .swiper-slide .text_box .day {line-height: 1; font-size:11px;}
    .section4 .slide5 .swiper-slide .text_box .day span{display: block;}
    .section4 .slide5 .swiper-slide .text_box .title{font-size:16px; font-weight: 500; margin-top:20px;}
    .section4 .slide5 .swiper-slide .text_box span a{padding:5px; font-size:12px;}
    .section4 {height:850px !important;}
    .section4 > div{height:850px !important;}
    .section4 .container .calendar > .title h3{font-size:50px;}
    .section4 .container .calendar > .title .day_box .swiper-container .swiper-slide{font-size:35px;}
    .section5 .container > h2{font-size:50px;}
    .section5 {height:850px !important;}
    .section5 > div{height:850px !important;}
    .section5 .view .swiper-slide-active{width:500px !important;}
}

@media(max-width:1290px){
    .bottom_nav ul.menu li{padding:0 15px;}
    .bottom_nav ul.menu li a{font-size:12px;}
    .bottom_nav ul.search input::placeholder{font-size:12px;}
}

@media(max-width:1270px){
    .section3 .swiper-slide .text_box h4{margin-top:0;}
    .section3 .swiper-slide .text_box p span{display: block;}
    .section3 .swiper-slide .text_box a{padding: 7px; font-size:14px;}
}

@media(max-width:1260px){
    .section3 .title{flex-wrap: wrap; }
    .section3 .title .left{width:100%; justify-content: center;}
    .section3 .title ul{width:100%; justify-content: center; margin-top:5%;;}
    .section3 .content{margin-top:5%;}
}

@media(max-width:1240px){
    .section1::before{height:60%;}
    .section2{margin-top:-150px;}
}

@media(max-width:1170px){
    .bottom_nav ul.menu li a span{display: none;}
    .bottom_nav ul.menu li a i{margin:0; padding:0 5px;}
}

@media(max-width:1024px){
    .section1 .section_bg{top:470px; width:90%;}

    .section1::before{width:90%; top:70%; height:55%;}
    .section1 .container .content .slide1 .item .text_box{top:102%; left:20%;}
	.section1 .container .content .slide1 .item .text_box p.desc1 { width:100%; margin-top: 30px;}
    .section1 .container .content .slide1 .item .img_box{left:10%;}
    .section1 .container .content .next_box{left:1%; top:102%;}
    .section1 .container .content .slide1 .swiper-pagination-progressbar{top:118% !important; left:60% !important; width:30% !important;}

    .section2{margin-top:20%;}
    .section4 .container .calendar{width:90%;}
    .section4 .title .swiper-button-next{background-size:70% !important; top:54% !important;}
    .section4 .title .swiper-button-prev{background-size:70% !important; top:54% !important;}
    .section4 .table_type1 .link_box .container{width:65%;}
    .section4 .table_type1 table tbody tr td .day{font-size:16px;}
    .section5 .container {margin:0 auto;}
    .section5 .container .content{flex-wrap: wrap;}
    .section5 .container .content .menu{display: none;}
    .section5 .container .content .content_box {width:100%;}
    .section5 .container .content ul{display:flex; -ms-display:flex; -webkit-display:flex; flex-wrap: wrap; padding:2% 0 2.5% 5%;}
    .section5 .container .content ul li{flex-grow: 1; width:30%; margin:10px 0;}
    .section5 .container .content ul li:last-of-type{margin:10px 0;}
    .section5 .container .content .content_box .content{position: relative; width:100%; padding: 5% 0 0 5%;}
    .section5 .container .content .content_box .swiper-container{padding:0 0 5%; overflow:visible;}
    .section5 .view .swiper-slide{margin-top:0;}
    .section5 .container .content .content_box .content .text_box .item{width:95%;}
    .section5 .next_box{left:40%; top:-70px; z-index:5000; height:100px;}
	.section5 .next_box i{ transform: translate(-50%,-30%); }
	.section5 .view .swiper-slide-active .title1 { left:0;}

    .section5 .con1{transform: rotateY(180deg); left:auto; bottom:-30px; right:-11%; z-index: 1;}
    .section5 .container > h2{padding:5% 0 0 5%;}
    .section5 .view .swiper-slide-active{width:492px !important;}
    .section5 .swiper-container{overflow: visible;}
    .section5 .container .content .content_box .content .text_box .item h4{font-size:20px;}
    .section5 .container .content .content_box .content .text_box .item p{font-size:14px;}
    #footer { padding:40px 0 100px; }
    #back-top{display: none !important;} /*최상단 이동*/

}

@media(max-width:1000px){
    .banner .slide_area {width:80%;}
    .banner .slide_ctrl { width:18%;}
}

@media(max-width:900px){
    .section1 .section_bg{height: 430px;}
    .section1::before{top:63%; height:60%;}
    .section1 .container .content .slide1 .item .text_box{top:96%;}
    .section1 .container .content .next_box{top:92.6%;}
    .section1 .container .content .slide1 .swiper-pagination-progressbar{top:111.8% !important; left:55% !important;}
}

@media(max-width:800px){
    .section1::before{top:58%; height:60%;}
    .section1 .container .content .slide1 .item .text_box{top:91%;}
    .section1 .container .content .next_box{top:87.6%;}
    .section1 .container .content .slide1 .swiper-pagination-progressbar{top:106.8% !important; }
    .banner .slide_area {width:73%;}
    .banner .slide_ctrl { width:25%;}
}

@media(max-width:768px){
    .bottom_nav ul.menu li{padding:0 0 0 15px;}
    .bottom_nav ul.search input{width:100%;}
    .section1::before{top:54%; height:54%;}
    .section1 .section_bg { height: 480px; top: 360px;}
    .section1 .container .content .slide1 .item .text_box{top:86%;}
    .section1 .container .content .next_box{top:86%;}
    .section2{margin-top:15%;}
    .section2 .container{height:420px;}
    .section2 .swiper-container-horizontal>.swiper-scrollbar{bottom:5%;}
    .section2 .tab ul{display: flex; -ms-display: flex;  -webkit-display: flex; flex-wrap: wrap; padding:20px 20px 0 20px;}
    .section2 .tab ul li{width:19%; padding: 10px 0;}
	.section2 .tab ul li:last-child {display:none;}
	.section2 .tab ul li a { display:none;}
    .section2 .contbox{top:130px;}
    .section3 .title .left{flex-wrap: wrap;}
    .section3 .title h3{width:100%; justify-content: center; text-align: center; margin:0;}
    .section4 .container .calendar > .title{flex-wrap: wrap;}
    .section4 .container .calendar > .title h3{width:100%; text-align: center;}
    .section4 .container .calendar > .title .day_box{width:100%;}
    .section4 .table_type1 table tbody tr td .day{font-size:14px;}
    .section4 .table_type1 table tbody tr td span p span{display: none;}
    .section4 .table_type1 table tbody tr td{padding:5px;}
    .section4 .table_type1 table tbody tr td .more{margin:0; left:5px;}
    .section4 .table_type1 table tbody tr td .tag{right:10px; top:10px; font-size:0; width:12px; height:12px;}
    .section4 .table_type1 table tbody tr td .day{left:5px; top:5px;}
    .section4 .container .calendar > .title h3{font-size:40px;}
    .section4 .container .calendar > .title .day_box .swiper-container{margin-top:-10px;}
    .section4 .container .calendar > .title .day_box .swiper-container .swiper-slide{font-size:24px;}
    .section4 .title .swiper-button-prev{background-size:60% !important; top:35% !important;}
    .section4 .title .swiper-button-next{background-size:60% !important; top:35% !important;}
    .section4 .container .calendar > .title .day_box .swiper-container .swiper-slide{align-items: center;}
    .section4 .container .calendar > .title{margin:0;}
    .section4 .table_box{height:500px;}
    .section4 .table_type1 .link_box .container{width:80%;}
    .section5 .view .swiper-slide-active{width:364px !important;}
	.section5 .swiper-button-prev, .section5 .swiper-button-next { width:35px;}
    .section5 .next_box{left:54%; top:-21%;}
    .section5 .view .swiper-slide-active .title1{padding:20px; font-size:22px;}
    .section5 .container .content .content_box .content{padding: 0 0 5%;}
    .section5 .container > h2{padding:0 0 0 5%;}
    .section5 .container .content{padding:5%;}
    .section5 .view .swiper-slide-active{width:325.5px !important;}
    .section5 .con1{bottom:70px; right:-21%;}
    .section5 .con2{left:85%;}
    .section5 .con3{top:-5%; right:36%;}
    .section5 .con4{right:83%;}
}

@media(max-width:600px){
    .section1 .section_bg { height:340px;}
    .section1::before{top:46%; border-radius: 0 0 60px 0; height:47%;}
    .section1 .container .content .slide1 .item .text_box{top:70%;}
    .section1 .container .content .slide1 .item .text_box h3{font-size:30px;}
    .section1 .container .content .slide1 .item .text_box p.desc1{font-size:14px;}
    .section1 .container .content .slide1 .item .text_box p.desc2{font-size:18px;}
    .section1 .container .content .slide1 .item .img_box{border-radius: 60px 0 0 0;}
    .section1 .container .content .next_box{top:67.6%; left:-7.5%;}
    .section1 .container .content .slide1 .swiper-pagination-progressbar{top:83.9% !important; left:63% !important;}
    .section1 .container .content .next_box span{font-size:18px;}
    .section2{margin-top:25%;}
    .section2 p{font-size:14px;}
    .section2 .top{font-size:12px;}
    .section2 .container{margin-top:-170px;}
    .section4 .table_type1 .link_box .container{width:60%;}
    .section4 .slide5 .swiper-slide:nth-child(odd){border:0;}
}

@media(max-width:565px){
    .section2 .tab ul li{width:24%;}
    .section4 .table_type1 .link_box .container{width:65%;}

}

@media(max-width:540px){
    .bottom_nav{width:95%;}
}

@media(max-width:500px){
    .section1 .section_bg { top: 300px; width: 95%;}
    .section1::before{top:40%; height:44%;}
    .section1 .container .content .slide1 .item .text_box{top:58%; left:18%;}
    .section1 .container .content .slide1 .item .text_box h3{font-size:28px;}
    .section1 .container .content .slide1 .item .text_box p.desc1{margin-top:25px;}
    .section1 .container .content .next_box{top:58.6%; left:-11.5%;}
    .section1 .container .content .slide1 .swiper-pagination-progressbar{display: none !important;}
	.section3 .fp-tableCell { height:700px !important;}
    .section2 .container{margin-top:-220px;}
    .section4 .table_type1 .link_box .container{width:70%;}
}

@media(max-width:468px){
    .section2 .tab ul li{flex-grow: 1; font-size:16px;}
    .section4 .table_type1 .link_box .container{width:75%;}
}

@media(max-width:460px){
    .bottom_nav ul.search{display: none;}
    .bottom_nav ul.search2{display: block;}
    .bottom_nav ul.search2 input::placeholder{font-size:12px;}
}

@media all and (max-width:440px) {
    .banner .slide_area {width:63%;}
    .banner .slide_ctrl { width:35%;}
}

@media(max-width:425px){
    .bottom_nav ul.search{width:35%;}
    .section1 .section_bg { top: 280px; height: 300px;}
    .section1::before{top:36%; height:40%;}
    .section1 .container .content .slide1 .item .text_box{top:52%;}
    .section1 .container .content .slide1 .item .text_box h3{font-size:24px;}
    .section1 .container .content .slide1 .item .text_box p.desc1{ width: 90%;}
    .section1 .container .content .next_box{top:50%; left:-7%;}
    .section1 .container .content .next_box .mgR60{margin-right:30px !important;}
    .section1 .container .content .next_box i{bottom:-1px; right:-32px;}
    .section1 .container .content .next_box .prev > i{font-size:20px; left:-25px;}
    .section1 .container .content .next_box .next > i{font-size:20px; right:-5px;}
	.section2 .tab ul { font-size:15px;}
    .section2 .tab ul li{width:33.33%; margin-right:0;}
    .section2 .container{margin-top:-270px;}
    .section2 .swiper-container{padding-bottom:15%;}
    .section2 .swiper-container-horizontal>.swiper-scrollbar{bottom:8%;}
    .section3 .nav-tabs li{margin:0 5px;}
    .section3 .nav-tabs li a{width:70px; height:70px;}
    .section3 .nav-tabs li a span{font-size:14px; margin-top:36px;}
    .section3 .nav-tabs li a img{width:40%;}
    .section3 .title p{font-size:16px;}
    .section3 .title h3{font-size:40px;}
    .section3 .swiper-slide .text_box{align-content: center; padding:60px;}
    .section3 .swiper-slide .text_box h4{font-size:24px; margin-bottom:30px;}
    .section3 .swiper-slide .text_box p span{display: contents;}
    .section3 .swiper-slide .text_box p{font-size: 20px; margin-bottom:30px;}
    .section3 .swiper-slide:hover .text_box{display: none !important;}
    .section4 {padding-top:10%; margin-top:0;}
	.section4 .container .calendar > .title h3 { font-size:35px; letter-spacing: 0;}
    .section4 .table_type1 .link_box .container{width:80%;}
    .section4 .fp-tableCell{height:600px !important;}
	.section4 .table_type1 table tbody tr { height:auto;}
    .section4 .table_type1 table tbody tr td .more{display: none;}
    .section4 .table_type1 table tbody tr td > a { display:block;}
    .section4 .table_type1 table tbody tr td span { display:none;}
    .section4 .table_type1 table tbody tr td span p{margin-top:0;}
	.section4 .table_type1 table tbody tr td span img { width:10px;}
    .section4 .table_type1 table tbody tr td .day{font-size:12px; display:block;}
	.section4 .table_type1 table tbody tr td .cnt { font-size:10px; margin-top:10px; position:relative; background:#a07aff; color:#fff; display:block; line-height:16px; text-align:center; border-radius:10px; top:auto; right:auto;}
    .section4 .table_box{height:350px;border-radius: 0; }
    .section4 .table_type1 table thead tr th{font-size:14px; padding:12px 0;}
    .section5 .view .swiper-slide-active{width:100% !important;}
    .section5 .container > h2{padding:10% 0 0 5%; font-size:35px;letter-spacing: 0;}
    .section5 .next_box {width:100px; left:70%; top:-14%;}
    .section5 .next_box img{width:35px;}
	.section4 .slide5 .swiper-slide .text_box .title { font-size:14px;}
    .section5 .view .swiper-slide-active .title1{left:-15px;}
    .section5 .container .content .content_box .content .text_box .item{width:100%; box-sizing:border-box; padding:20px;}
    .section5 .container .content .content_box .content .text_box .item p {position: relative; width:100%;}
    .section5 .container .content .content_box .content .text_box .item p a{ margin:20px auto;}

.section5 .container .content .content_box .content .text_box .item p span { width:100%;}
.section5 .container .content .content_box .content .text_box .item p a {width:70px; line-height:70px; font-size:17px; }


    .section5 .con1{bottom:-80px; right:-4%; width:60%;}
    .section5 .con2{left:85%;}
    .section5 .con3{top:-5%; right:6%; display:none;}
    .section5 .con4{right:73%; width:30%;}
}

@media(max-width:375px){
    .section1 .section_bg { top: 220px; height: 300px;border-radius: 0 0 40px 0; }
    .section1 .container .content .slide1 .item .text_box{top:47%; width:75%; }
    .section1 .container .content .slide1 .item .text_box h3{font-size:22px;}
	.section1 .container .content .slide1 .item .text_box p.desc1 { font-size:12px; width: 100% !important; margin-top: 15px;}
    .section1 .container .content .slide1 .item .text_box p.desc2{font-size:16px;}
    .section1 .container .content .next_box{top:45%;}
    .section1 .container .content .next_box span{font-size:15px;}
    .section1 .container .content .next_box::after { height: 14px;}
    .section1 .container .content .slide1 .item .img_box{border-radius: 40px 0 0 0;}

    .section2 .top{font-size:10px;}
    .section2 .container{margin-top:-300px;}
    .section3 .title h3{font-size:35px;}
    .section3 .title .left{margin-bottom:50px;}
    .section4 {padding-top:15%; height:375px !important;}
    .section4 .slide5 .swiper-slide .text_box .title{margin-top:10px;}
    .section4 .slide5 .swiper-slide .text_box span a{margin-top:10px;}


}

@media(max-width:320px){
    .section1 .section_bg { height: 270px;}
    .section1::before{top:31%; height:34%;}
    .section1 .container .content .slide1 .item .text_box{top:42%;}
    .section1 .container .content .next_box{top:40%;}
    .section1 .container .content .next_box span{font-size:15px;}
    .section1 .container .content .next_box i{font-size:20px;}
    .section1 .container .content .slide1 .item .text_box h3{font-size:20px;}
    .section2 .container{margin-top:-330px;}
    .section4 {padding-top:0;}
    .section4 .table_type1 .link_box .container{width:90%;}
}