body{background:#e0e8e7;}
.wrap{width:100%; min-height:100%; min-width:320px; margin:0 auto;}
.wrap img{display: block;}
.footer_wrap{padding:1.5vh 1em 1em; text-align: center;}
.footer_wrap img{margin:0 auto;}
.footer_wrap > h6 > img{width:90%; max-width:880px;}
.footer_wrap > p{font-size:0.75em; letter-spacing:-0.0325em; color:#666;}
.footer_wrap ul{margin:0 auto; padding:2.5vh 0 2vh;}
.footer_wrap li{display:inline-block; max-width:60px; margin:0 0.5%;}
.footer_wrap li img{width:100%;}

/*최상단*/
.section1{background: url(../../img/section1_bg.png) repeat-x center 0; background-size:auto 100%; position:relative; padding:0 0 5em;}
.section1 > img{margin:0 auto; width:11.09375%; min-width:71px;}
.section1 > p > img{margin:0 auto; width:92.87037037%; max-width:1003px; position: relative; z-index: 2;}
.section1_bg{background:url(../../img/section1_02.png) fixed center 0; background-size:140% auto; position: absolute; left:0; right: 0; top:0; bottom:-30px; z-index:1;}

/*이벤트 롤링*/
.section2{position:relative; z-index:10; background:url(../../img/section2_bg.png) no-repeat center 0; background-size:auto 100%; padding-bottom:3em;}
.event_wrap{width:92%; min-width:300px; margin:0 auto; position: relative; top:-3em;}
.evBg{width:100%;}
.event_wrap div.swiper-container{position: absolute; top:1.008645533%; left:2.380952381%; right:2.380952381%; bottom: 6.772334294%; }
.event_wrap div.swiper-slide img{width:100%;}
.swiper-button-next, .swiper-button-prev{display: none !important; width:23px; height:46px; color:transparent !important;}
.swiper-button-prev{left:-20px !important; background: url(../../img/button-prev.png) no-repeat center; background-size: contain;}
.swiper-button-next{right:-20px !important; background: url(../../img/button-next.png) no-repeat center; background-size: contain;}
.swiper-pagination{width:100%;}
.swiper-pagination span{width:10%; min-width:40px; max-width:100px; height:6px; border-radius:0; opacity:0.7; margin:4px; background:#121212; outline:0;}
.swiper-pagination span.swiper-pagination-bullet-active{ background:#586fd3; opacity:1;}
.section2 > h6 > img{margin:30px auto 0.5rem; width:90%; max-width:880px;}
ul.brand{text-align:center; width:94%; margin:0 auto; padding:1.5em 0 3em 0; }
ul.brand > li{display:inline-block; vertical-align:top; width:24.5%;}
ul.brand > li > a > img{display:block; margin:0 auto 0.5em; width:70%; max-width:220px;}
ul.brand > li > a > p{font-size:0.925em; letter-spacing:-0.025em; font-weight:500; color:#121212; line-height: 130%;}
ul.brand > li > a > p.mo{display: block;}
ul.brand > li > a > p.pc{display: none;}
ul.brand > li > a > p > em{display:inline-block; vertical-align:middle; width:8px; height:14px; margin:-2px 0 0 7px; background: url(../../img/brand_ico.png) no-repeat center; background-size: cover;}

.section3{position:relative; z-index:15; top:-2em; padding:4rem 0 4em; background:url(../../img/section3_bg.png) no-repeat center 0; background-size: cover;}
.section3 > h6 > img{margin:0 auto 2em; width:90%; max-width:880px; position: relative; z-index: 2;}
.section3_bg{position: absolute; left:0; right: 0; top:0; bottom: 0; background: url(../../img/section3_02.png) no-repeat center 0; background-size:100% auto;}

.bounce{
	-webkit-animation: zoom-a 2s linear infinite alternate; /* Safari 4+ */
  -moz-animation:    zoom-a 2s linear infinite alternate; /* Fx 5+ */
  -o-animation:      zoom-a 2s linear infinite alternate; /* Opera 12+ */
  animation:         zoom-a 2s linear infinite alternate; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes zoom-a {
	0% { background-position: center 18px;}
	100% { background-position: center 0;}
}
@-moz-keyframes zoom-a {
	0% { background-position: center 18px;}
	100% { background-position: center 0;}
}
@-o-keyframes zoom-a {
	0% { background-position: center 18px;}
	100% { background-position: center 0;}
}
@keyframes zoom-a {
	0% { background-position: center 17px;}
	100% { background-position: center 0;}
}

.movie_group{width:88%; max-width:720px; position: relative; margin:0 auto; overflow: hidden; z-index: 5;}
.movie_view{width:100%; margin:0 auto; position: relative;}
.movie_view > div{background:#121212 url(../../img/ajax_loader.gif) no-repeat center; width:100%; padding-bottom:56.5%; position:relative;}
.movie_view > div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.movie_tab{padding:15px 0 0;}
.movie_tab li{float:left; width: 32%; background:url(../../img/tab_bg.gif) repeat;}
.movie_tab li:nth-child(2){margin:0 2%;}
.movie_tab li a{display: block; border:3px solid #1c124e; box-sizing: border-box;}
.movie_tab li a img{opacity:0.3; width:100%;}
.movie_tab li.active a{border-image: linear-gradient(#34f6bd, #4fb8d1) 10;}
.movie_tab li.active a img{opacity:1;}
.key_youtube{display: block; width:70%; max-width:422px; margin:1.5em auto 0; position: relative; z-index:10;}
.key_youtube img{width:100%;}

.pc{display:none !important;}
.mo{display:inline-block;}
.popup{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; bottom: 0; right: 0; left: 0; z-index:9000; display:none;}
.popup > img{width:550px; height: 774px; position: absolute; left:50%; top:50%; margin:-387px 0 0 -275px;}
.popupClose{width:100%; height:100%; position:fixed; top:0; bottom: 0; right: 0; left: 0;}
p.btnClose{display:block; width:640px; height:50px; position:absolute; left:50%; top:50%; margin:-290px 0 0 -320px !important;}
p.btnClose a{display:block; width: 50px; height: 50px; float: right; background: url(../img/close.png) no-repeat 0 0; font: 0/0 a; text-shadow: none; color: transparent; overflow:hidden;}

@media all and (min-width:1281px){
	.pc{display:inline-block !important;}
	.mo{display:none !important;}
	
	.footer_wrap{padding:70px 0 2em;}
	.footer_wrap ul{padding:1.85em 0;}
	.footer_wrap ul li{max-width:118px;}
	.footer_wrap > h6 > img{width:880px;}
	.section1{padding-bottom:180px}
	.section1 > img{width:142px;}
	.section1 > p > img{width:1003px;}
	.section1_bg{background-size:100% auto;}
	.section2{padding-bottom:140px; background-size:cover;}
	.section2 > h6 > img{width:880px; margin-bottom:20px;}
	.section3_bg{background-size: contain; background: url(../../img/section3_01.png) no-repeat center 0;}
	.event_wrap{width:1134px; top:-120px;}	
	.swiper-button-next, .swiper-button-prev{display:block !important;}
	.swiper-pagination span{height:10px;}
	ul.brand{width:1080px;}
	ul.brand > li > a > p{font-size:1.135em;}
	ul.brand > li > a > p.mo{display: none;}
	ul.brand > li > a > p.pc{display: block;}
	ul.brand > li > a > img{width:220px; margin:0 auto 1em;}
	.section3{padding:100px 0;}
	.section3 > h6 > img{width:880px; margin-bottom:60px}
	.movie_group{width:1002px; max-width:100%;}
	.movie_view{width:747px; height:420px; float: left; position: relative;}
	.movie_tab{width:235px; float: right; display: block; padding:0;}
	.movie_tab li{display:block; float: none; width:100%;}
	.movie_tab li a{display:block; width:100%; height:132px;}
	.movie_tab li a img{height:100%;}
	.movie_tab li:nth-child(2){margin:12px 0;}
	.key_youtube{width:422px; margin:3em auto 0;}
}

@media all and (max-width:641px){
	.footer_wrap li{width:18%;}
	ul.brand{width:82%;}
	ul.brand > li{width:49%; margin:0 0 1.65em 0;}
	ul.brand > li > a > p{font-size:0.865em;}
	ul.brand > li > a > img{max-width:110px;}
}