.ex_transition{
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.sec3_banner_wrap .banner4 li a, .sec3_banner_wrap .banner4 b, .sec3_banner_wrap .banner4 span, .sec3_banner_wrap .banner1 > a, .bannerA li a img, .multipleBox_wrap .slick-slide .mtext_cover{
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


.section{min-width: 1200px;}
#section0{}
#section1{background-image: url("../imgs/main/se02_bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
#section2{background-image: url("../imgs/main/se03_bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
#section3{}
#section4{}
#section5{}

/* BEGIN : 메인 비주얼 */
/* myFullpage */
.section{overflow: hidden;}
#fp-nav.fp-right{right: 70px;}
#fp-nav ul li, .fp-slidesNav ul li{width: 16px; height: 16px; padding: 0; margin-bottom: 20px;}
#fp-nav ul li .fp-tooltip{color: #fff; font-size: 13px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 10px; height: 10px; margin: 0; border: 2px solid #fff; background: none; left: 0; top: 0;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width: 10px; height: 10px; margin: 0; background: #fff;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px; height:10px; margin:0}
/*#fp-nav ul li a.active {display: block; width: 20px; height: 20px; border: 1px solid #666; box-sizing: border-box; margin: -3px 0 0 -3px; border-radius: 50px;}*/
#fp-nav ul li .fp-tooltip.fp-right{right: 27px;}
#fp-nav ul li .fp-tooltip{top: -4px;}
#fp-nav ul li:first-child .fp-tooltip{top: -2px;}
#fp-nav ul li:last-child{display: none;}
/*
.fp-viewing-2ndPage #fp-nav ul li a span, .fp-viewing-2ndPage .fp-slidesNav ul li a span{border: 2px solid #f52e53;}
.fp-viewing-2ndPage #fp-nav ul li a.active span, .fp-viewing-2ndPage #fp-nav ul li:hover a.active span, .fp-viewing-2ndPage .fp-slidesNav ul li a.active span, .fp-viewing-2ndPage .fp-slidesNav ul li:hover a.active span{background: #f52e53;}
.fp-viewing-2ndPage #fp-nav ul li .fp-tooltip{color: #f52e53;}
.fp-viewing-3rdPage #fp-nav ul li a span, .fp-viewing-3rdPage .fp-slidesNav ul li a span{border: 2px solid #000;}
.fp-viewing-3rdPage #fp-nav ul li a.active span, .fp-viewing-3rdPage #fp-nav ul li:hover a.active span, .fp-viewing-3rdPage .fp-slidesNav ul li a.active span, .fp-viewing-3rdPage .fp-slidesNav ul li:hover a.active span{background: #000;}
.fp-viewing-3rdPage #fp-nav ul li .fp-tooltip{color: #000;}
*/
/* END : 메인 비주얼 */


/* slick-slider 공통 */
.slick-slider .slick-slide{outline:0; overflow: hidden;}

/* slick-slider nav */

/* slick-slider jGallery */
.jGallery.slick-slider, .jGallery.slick-slider .slick-list, .jGallery.slick-slider .slick-track{height: 100%;}
.jGallery.slick-slider .slick-slide{position: relative; overflow: hidden; text-align: center; display: table;}
.jGallery.slick-slider .slick-slide img{position: absolute; left: 5%; opacity: 0; display: inline-block;}
.jGallery.slick-slider .slick-slide.jg1 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg1.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg2 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg2.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg3 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg3.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg4 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg4.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg5 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg5.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg6 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg6.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg7 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg7.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider.ani .slick-slide.slick-active img{opacity: 1;}
.jGallery.slick-slider .slick-arrow{position: absolute; top: inherit; bottom: 35px; left: 50%; z-index: 4; width: 90px; height: 90px; background: url("../imgs/marrow.png") no-repeat;}
.jGallery.slick-slider .slick-arrow.slick-next{background-position: 0 -90px; margin-left: 90px;}
.jGallery.slick-slider .slick-arrow.slick-prev{background-position: 0 0; margin-left: -180px;}
.jGallery_nav button{position: absolute; bottom: 60px; left: 50%; margin-left: -20px; z-index: 4; width: 40px; height: 40px; background: url("../imgs/jpp.png") no-repeat; font-size:0; border: 0; cursor: pointer;}
.jGallery_nav button.play{background-position: 0 -40px; display: none;}
.jGallery.slick-slider .slick-dots{position: absolute; top: 50%; margin-top: 170px; margin-left: 42px; left: 15%; display: block; width: auto; height: 4px; padding: 0; list-style: none; z-index: 9; }
.jGallery.slick-slider .slick-dots li button{display: block !important; font-size: 0; border-radius: 0; line-height: 0; width: 60px; height: 4px; cursor: pointer; color: transparent; border: 0; background: #ccc; opacity: 0.3;}
.jGallery.slick-slider .slick-dots li.slick-active button{background: #fff; opacity: 1;}

.jText{position: absolute; top: 50%; margin-top: -140px; z-index: 3; left: 15%;}

.qText{position: absolute; bottom: 50px; z-index: 2; right: 60px;}

@media (max-width:1700px){	
	.jText{left: 50%; margin-left: -600px;}
	.jGallery.slick-slider .slick-dots{left: 50%; margin-left: -558px;}
}
/* slick-slider jGallery,sGallery transform */
.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	transform-origin:center bottom;
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick-slider.ani .slick-slide.slick-active div.jgBody{
	opacity: 1;
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin:center bottom;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.slick-slider .slick-slide.slick-active img{
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	transition: all 2000ms ease;
}


.m_notice{position:relative; width: 100%; height: 100px; background: rgba(255, 255, 255, 1); border-top: 1px solid #e5e5e5; box-sizing: border-box; min-width: 1200px;}
.m_notice ul:after{content:""; clear:both; display:block;}
.m_notice > ul{position: relative; width: 1200px; margin: 0 auto; padding: 0 50px; box-sizing: border-box}
.m_notice > ul > li{float: left; width: 950px;}
.m_notice > ul > li:first-child{width: 150px;}
.m_notice > ul > li h3{font-size: 22px; line-height: 100px;}
.m_notice .open-event {height:100px; position:relative; overflow:hidden; width:100%; font-size: 16px; color: #000; font-weight: 300;}
.m_notice .open-event ul{width: 100%; position:absolute; top:0px; margin:0; padding:0;}
.m_notice .open-event ul li {width: 100%; line-height:20px; height:100px; text-align: left; padding: 40px 0; padding-right: 105px; box-sizing: border-box;}
.m_notice .open-event ul li a {display:inline-block; box-sizing: border-box; font-size: 17px; color: #333; line-height: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_notice .open-event #fn_btn a{position:absolute; width:34px; height:34px; display: inline-block;}
.m_notice .open-event .prev{background: url(../imgs/not_prev.png) no-repeat; top: 33px; right: 70px;}
.m_notice .open-event .next{background: url(../imgs/not_next.png) no-repeat; top: 33px; right: 25px;}


.sectionTitle{position: relative; width: 100%; margin-bottom: 80px;}
.sectionTitle h3{width: 1200px; margin: 0 auto; text-align: center; font-family: 'nanumsquare'; font-size: 32px; font-weight: 300; line-height: 50px; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.sectionTitle h3 span{display: block; font-size: 42px; font-weight: bold;}

.multipleBox_wrap .slick-prev, .multipleBox_wrap .slick-next{width: 80px; height: 80px; margin-top: -330px; left: 50%; border-radius: 8px; opacity: 1; cursor: pointer;}
.multipleBox_wrap .slick-prev{background: url("../imgs/main/msg_left_arrow.png") #fff no-repeat center; margin-left: -600px;}
.multipleBox_wrap .slick-next{background: url("../imgs/main/msg_right_arrow.png") #fff no-repeat center; margin-left: 540px;}
.multipleBox_wrap .slick-prev:hover{background: url("../imgs/main/msg_left_arrow_hover.png") #c50233 no-repeat center;}
.multipleBox_wrap .slick-next:hover{background: url("../imgs/main/msg_right_arrow_hover.png") #c50233 no-repeat center;}

.multipleBox_wrap .slick-slide{position: relative; text-align: center; vertical-align: top;}
.multipleBox_wrap .slick-slide a{display: inline-block; width: 420px; margin: 0 auto; overflow: hidden; vertical-align: top;}
.multipleBox_wrap .slick-slide a:hover img{transform: scale(1.3);}
.multipleBox_wrap .slick-slide .mtext_cover{background: rgba(0, 29, 62, 0.9); width: 420px; left: 50%; margin-left: -210px; height: 60px; position: absolute; bottom: 0; padding: 0 20px; box-sizing: border-box;}
.multipleBox_wrap .slick-slide .mtext_cover span{display: block; width: 120px; float: right; line-height: 60px; text-align: right; font-size: 14px; font-weight: 300; color: #ccc; letter-spacing: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.multipleBox_wrap .slick-slide .mtext_cover span:first-child{width: 220px; float: left; text-align: left; font-family: 'nanumsquare'; font-size: 19px; color: #fff;}
.multipleBox_wrap .slick-slide:hover .mtext_cover{background: rgba(0, 0, 0, 1);}
.multipleBox_wrap .multipleBoxGallery2 .slick-slide .mtext_cover span{width: 100% !important; text-align: center;}


.multipleBox_wrap .slick-slider .slick-slide img{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}
