/*******************************************************************************************************
메인 swiper 롤링
*******************************************************************************************************/
.mrolltextZone01,
.mrolltextZone02,
.mrolltextZone03,
.mrolltextZone04,
.mrolltextZone05,
.mrolltextZone06,
.mrolltextZone07,
.mrolltextZone08,
.mrolltextZone09 {position:relative;left:0px;top:0px;width:1200px;z-index:4;}

.mrolltextBox01 {width:100%;float:left;margin-left:0;}
.mrolltextBox02 {width:100%;float:left;margin-left:0;}
.mrolltextBox03 {width:100%;float:left;margin-left:0;}
.mrolltextBox04 {width:100%;float:left;margin-left:0;}

.mrolltextBox01 .slogan01 {text-align:center;}
.mrolltextBox01 .slogan02 {}
.mrolltextBox01 .slogan03 {}
.mrolltextBox01 .slogan04 {}
.mrolltextBox01 .slogan04 a {border:1px solid #fff;padding:0.5em 1.5em;color:#fff;border-radius:25px;}
.mrolltextBox01 .slogan04 a:hover {border:1px solid #fff;color:rgba(191,30,46,1);background:#fff;}

.mrolltextBox02 .slogan01 {text-align:center;}
.mrolltextBox02 .slogan02 {}
.mrolltextBox02 .slogan03 {word-break: keep-all;word-wrap: break-word;}
.mrolltextBox02 .slogan04 {}
.mrolltextBox02 .slogan04 a {border:1px solid #fff;padding:0.5em 1.5em;color:#fff;border-radius:25px;}
.mrolltextBox02 .slogan04 a:hover {border:1px solid #fff;color:rgba(191,30,46,1);background:#fff;}

.mrolltextBox03 .slogan01 {text-align:center;}
.mrolltextBox03 .slogan02 {}
.mrolltextBox03 .slogan03 {}
.mrolltextBox03 .slogan04 {}
.mrolltextBox03 .slogan04 a {border:1px solid #fff;padding:0.5em 1.5em;color:#fff;border-radius:25px;}
.mrolltextBox03 .slogan04 a:hover {border:1px solid #fff;color:rgba(191,30,46,1);background:#fff;}

.mrolltextBox04 .slogan01 {text-align:center;}
.mrolltextBox04 .slogan02 {}
.mrolltextBox04 .slogan03 {}
.mrolltextBox04 .slogan04 {}
.mrolltextBox04 .slogan04 a {border:1px solid #fff;padding:0.5em 1.5em;color:#fff;border-radius:25px;}
.mrolltextBox04 .slogan04 a:hover {border:1px solid #fff;color:rgba(191,30,46,1);background:#fff;}

.slogan01,
.slogan02,
.slogan03,
.slogan04 {position:relative;opacity:0;word-break: keep-all;word-wrap: break-word;}

.slogan01 {font-size:20px;font-weight:300;color:#fff;}
.slogan02 {font-size:64px;font-weight:500;color:#fff;letter-spacing: -0.025em;line-height:1.2em;margin:0.2em 0 0.5em 0;}
.slogan03 {font-size:24px;font-weight:400;color:#fff;letter-spacing: -0.025em;line-height:1.5em;}
.slogan04 {font-size:16px;font-weight:300;color:#fff;}

/* 텍스트 애니메이션 */
.swiper-wrapper .swiper-slide.swiper-slide-active .slogan01 {animation: mainovject 1s 0.2s both;animation-delay:1.2s;}
.swiper-wrapper .swiper-slide.swiper-slide-active .slogan02 {animation: mainovject 1s 0.5s both;animation-delay:1.5s;}
.swiper-wrapper .swiper-slide.swiper-slide-active .slogan03 {animation: mainovject 1s 0.8s both;animation-delay:1.8s;}
.swiper-wrapper .swiper-slide.swiper-slide-active .slogan04 {animation: mainovject 1s 1.1s both;animation-delay:2.1s;}
/*
.swiper-wrapper .swiper-slide.swiper-slide-active .slogan02 {animation: mainovject 1s 0.5s both;animation-delay:1.5s;}
.swiper-wrapper .swiper-slide.swiper-slide-active .slogan04 {animation: mainovject 1s 1.1s both;animation-delay:1.8s;}
*/
.slick-track .slick-current.slick-active .slogan01 {animation: mainovject 1s 0.2s both;animation-delay:1.2s;}
.slick-track .slick-current.slick-active .slogan02 {animation: mainovject 1s 0.5s both;animation-delay:1.5s;}
.slick-track .slick-current.slick-active .slogan03 {animation: mainovject 1s 0.8s both;animation-delay:1.8s;}
.slick-track .slick-current.slick-active .slogan04 {animation: mainovject 1s 1.1s both;animation-delay:2.1s;}
@keyframes mainovject {
	0% { opacity: 0; transform: translateY(40px);}
	100% { opacity: 1; transform: translateY(0px);}
}

/* 백그라운드 이미지 */
.swiper-container #swiper01,#swiper02,#swiper03,#swiper04,#swiper05,#swiper06,#swiper07,#swiper08,#swiper09,#swiper10 {height:100vh;}
.swiper-container #swiper01 {background-image: url(../../../images/main_roll/bg0_1.jpg);}
.swiper-container #swiper02 {background-image: url(../../../images/main_roll/bg0_2.jpg);}
.swiper-container #swiper03 {background-image: url(../../../images/main_roll/bg0_3.jpg);}
.swiper-container #swiper04 {background-image: url(../../../images/main_roll/bg0_4.jpg);}
.swiper-container #swiper05 {background-image: url(../../../images/main_roll/bg0_5.jpg);}
.swiper-container #swiper06 {background-image: url(../../../images/main_roll/bg0_6.jpg);}
.swiper-container #swiper07 {background-image: url(../../../images/main_roll/bg0_7.jpg);}
.swiper-container #swiper08 {background-image: url(../../../images/main_roll/bg0_8.jpg);}
.swiper-container #swiper09 {background-image: url(../../../images/main_roll/bg0_9.jpg);}

#swiper01 .bB_B {background:rgba(0,0,0,0.5)}

.swiper-button-next {right:30px;}
.swiper-button-prev {left:30px;}
.swiper-button-next.swiper-button-white {margin-top:-15px;width:19px;height:35px;color:#fff;background:url(../../../images/nav_right_w.png) no-repeat center;}
.swiper-button-prev.swiper-button-white {margin-top:-15px;width:19px;height:35px;color:#fff;background:url(../../../images/nav_left_w.png) no-repeat center;}
/* swiper 수정 --------------------------------------------------------------------------------------------*/
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:none;}

.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* 슬라이드 텍스트를 세로로 가운데 정렬 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* swiper 추가 --------------------------------------------------------------------------------------------*/
.swiper-slide {  overflow:hidden;  background-size: cover;  background-position: center;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {position:relative;margin:0.5em 0;}
.swiper-container-vertical>.swiper-pagination-bullets {top:80%;right:35px;}
.swiper-pagination-bullet .show_hide {
display:none;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.swiper-pagination-bullet-active .show_hide {display:inline-block;position:absolute;width:auto;right:15px;top:-4px;font-size:0.65em;line-height:1em;white-space: nowrap;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}

#main_roll .swiper-pagination {/* margin-left:3em; */}
#main_roll .swiper-pagination-clickable .swiper-pagination-bullet {background:#fbb040;border-radius:10px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
#main_roll .swiper-pagination-bullet {}

#main_roll .swiper-pagination {
	position: absolute;
	bottom: 4em !important;
	width: 1200px !important;
	left: 50% !important;
	margin: 0;
	transform:translate(-50%);
}

#main_roll .swiper-pagination-bullet-active {color:#333;width:60px;border-radius:10px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}



/* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {position: absolute;left: 50%;bottom: 30px;border: 2px solid #fff;border-radius: 16px;height: 50px;width: 30px;margin-left: -15px;display: block;z-index: 10;}
.mouse-icon .wheel {-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-name: drop;animation-duration: 1s;animation-timing-function: linear;animation-delay: 0s;animation-iteration-count: infinite;animation-play-state: running;}
.mouse-icon .wheel {position: relative;border-radius: 10px;background: #fff;width: 4px;height: 10px;top: 4px;margin-left: auto;margin-right: auto;}
@-webkit-keyframes drop {0%   { top:5px;  opacity: 0;}30%  { top:10px; opacity: 1;}100% { top:25px; opacity: 0;}}
@keyframes drop	{0%   { top:5px;  opacity: 0;}30%  { top:10px; opacity: 1;}100% { top:25px; opacity: 0;}}
/* ---------------------------------------------- /*
 * 영상 풀화면(전체영상)
/* ---------------------------------------------- */
video.slider-video {position: fixed; left:50%; top:50%;
	 -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%; min-height: 100%;
    width: auto; height: auto; z-index: -100;
    background-size: cover;
}
/*--------------------------------------------------------------------------------------------
roll_notice
--------------------------------------------------------------------------------------------*/
/* 여백 */
.margin_right_10px {margin-right:10px;}
/* 기본설정 */
.wrapper.roll_notice {
	position:absolute;
	bottom:0px;
	display:block;
	width:100%;
	/*background:url(../../images/main_normal/m_bg04.jpg) fixed center;*/
	background-color:rgba(0,0,0,0.4);
	background-size:cover;
	padding:1em 0;
	z-index:10;
}

.roll_notice .container h2 {margin:0 0 1.5em 0;text-align:center;font-weight:500;color:#fff;}
.roll_notice .container h4 {display:inline-block;float:left;margin:0;width:14%;height:35px;line-height:35px;color:#f8b412;}
.roll_notice .container h4 a {color:#f8b412;font-size:28px;}
.roll_notice .container h4 a:hover {color:#ffcc00;}
.roll_notice .container .lazy {display:inline-block;float:left;width:85%;}

.roll_notice .slick-vertical .slick-slide p {color:#fff;}
.roll_notice .slick-vertical .slick-slide {opacity:1;}

.slick-slide a {padding-right:80px;}

a.video_full {display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:3;}

/*--------------------------------------------------------------------------------------------
기타설정
--------------------------------------------------------------------------------------------*/
.colors_width {color:#fff;}
.colors_block {color:#000;}
.colors_red {color:#ff0000;}
.colors_blue {color:#0000ff;}
@media (max-width:840px) {
	.mouse-icon,
	#main_roll .swiper-pagination {display:none;}

	.roll_notice .container h4 {line-height:26px;}
	.roll_notice .container h4 a {font-size:18px;}
	.slick-slide a {font-size:16px;padding-left:30px;}
	.new_icon {top:5px;width:18px;height:18px;line-height:18px;font-size:12px;}
	

	.swiper-wrapper .swiper-slide.swiper-slide-active .slogan02 {font-size:38px;}
}
@media (max-width:620px) {
	.roll_notice .container h4 {width:20%;}
	.roll_notice .container .lazy {width:80%;}
}
@media (max-width:551px) {
	.swiper-wrapper .swiper-slide.swiper-slide-active .slogan02 {font-size:30px;}
}
@media (max-width:400px) {
	.roll_notice .container h4 {font-size:13px;}
	.roll_notice .container h4 a {font-size:14px;}
	.slick-slide a {display:inline-block;width:100%;font-size:14px;padding-left:25px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;overflow:hidden;}
}
@media (max-width:280px) {
	.roll_notice .container h4 a {font-size:0.75em;}
	.slick-slide a {font-size:12px;}
}