@charset "utf-8";

/* 팝업 스타일 Begin */
.layer_pop { position:absolute; background:#efefef; z-index:9999; }
.popContents { width:100%; height:100%; }
		.popContents a { display: block; position: absolute; margin: auto; font-size: 0; background: #ccc; opacity: 0;}
.popContents img { width: 100%; }
.popBtns { width:100%; cursor:pointer; font-size:12px; padding-bottom: 30px; background: #efefef; }
.popBtns input { vertical-align:top; margin-right:5px; }
.popBtns span { display:block; position:absolute; }
.popBtns span.checkBox { padding: 9px; }
.popBtns span.closeWin { padding:7px; right:10px; }
@media screen and (max-width: 1200px){
	#layer_pop1, #layer_pop2 { left: auto; margin-left: 0; }
}
/* 팝업 스타일 End */

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically */
	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;
}
/***********************************************************************
section1
************************************************************************/
#visual_wrap { height: 810px; }

	.rolling li {opacity: 0; filter:alpha(opacity=0);  transition: all 1s; overflow: hidden;}
	.rolling li.swiper-slide-active { opacity: 1; filter:alpha(opacity=100) ; transition: all 1s; z-index: 1;}
	.rolling li .bg { position: relative; left: 50%; margin-left: -100%; transform: scale(1.1,1.1); transition: all 1s; }
	.rolling li.swiper-slide-active .bg { position: relative; left: 50%; margin-left: -100%; transform: scale(1.05,1.05); transition: all 4s;}
/***********************
visual1
************************/
	/*text*/
	.rolling li.visual1 p { display: block; position: absolute; overflow: hidden; text-align:center; width: 1200px; height: 320px; top: 140px; left: 50%; margin-left: -600px; }
	.rolling li.visual1 p img { position: absolute; top: 0; opacity: 0; }
	/*animation*/
	.rolling li.swiper-slide-active.visual1 img.nth_01 { opacity: 1; width: 219px; height: 90px; left: 220px; transition: opacity .5s ease .3s; }
	.rolling li.swiper-slide-active.visual1 img.nth_02 { opacity: 1; width: 32px; height: 90px; left: 435px; transition: opacity .5s ease .7s; }
	.rolling li.swiper-slide-active.visual1 img.nth_03 { opacity: 1; width: 508px; height: 90px; left: 470px;
			-webkit-animation: move3 3s linear 0s 1;
							animation: move3 3s linear 0s 1;
			clip: rect(0,508px,90px,0); }
	@-webkit-keyframes move3 {
		0% {clip: rect(0,0,90px,0); opacity: 0; }
		40% {clip: rect(0,0,90px,0); opacity: 1; }
		100% {clip: rect(0,508px,90px,0); opacity: 1; }
	}
	@keyframes move3 {
		0% {clip: rect(0,0,90px,0); opacity: 0; }
		40% {clip: rect(0,0,90px,0); opacity: 1; }
		100% {clip: rect(0,508px,90px,0); opacity: 1; }
	}

/***********************
visual2
************************/
	/*text*/
	.rolling li.visual2 p { display: block; position: absolute; overflow: hidden; text-align:center; width: 1200px; height: 320px; top: 115px; left: 50%; margin-left: -600px; }
	.rolling li.visual2 p img { position: absolute; left: 0; right: 0; margin: auto; opacity: 0; }
	/*animation*/
	.rolling li.swiper-slide-active.visual2 img.nth_01 { opacity: 1; width: 610px; height: 66px; top: 0;
			-webkit-animation: move1 1s linear 0s 1;
							animation: move1 1s linear 0s 1;
			clip: rect(0,610px,66px,0); }
	.rolling li.swiper-slide-active.visual2 img.nth_02 { opacity: 1; width: 610px; height: 66px; top: 45px;
			-webkit-animation: move2 2s linear 0s 1;
							animation: move2 2s linear 0s 1;
			clip: rect(0,610px,66px,0); }
	@-webkit-keyframes move1 {
		0% {clip: rect(0,610px,0,0); opacity: 0; }
		100% {clip: rect(0,610px,66px,0); opacity: 1; }
	}
	@keyframes move1 {
		0% {clip: rect(0,610px,0,0); opacity: 0; }
		100% {clip: rect(0,610px,66px,0); opacity: 1; }
	}
	@-webkit-keyframes move2 {
		0% {clip: rect(0,610px,0,0); opacity: 0; }
		40% {clip: rect(0,610px,0,0); opacity: 1; }
		100% {clip: rect(0,610px,66px,0); opacity: 1; }
	}
	@keyframes move2 {
		0% {clip: rect(0,610px,0,0); opacity: 0; }
		40% {clip: rect(0,610px,0,0); opacity: 1; }
		100% {clip: rect(0,610px,66px,0); opacity: 1; }
	}


.v_pagination { position: absolute; top: 50%; z-index: 1; }
.v_pagination.swiper-pagination-clickable.swiper-pagination-bullets {  bottom: auto; left: auto; width: 35px; right: 50px; }
.v_pagination .swiper-pagination-bullet { display: block; width: 35px; height: 2px; border-radius: 0; background: #c9c9c9; opacity: 1; margin: 0 0 20px 0 !important }
.v_pagination .swiper-pagination-bullet-active { background: #ca705b; }
/*.visual_control_next, .visual_control_prev { padding: 40px; display: inline-block; position: absolute; top: 45%; z-index: 1; cursor: pointer; }
.visual_control_next { right: 0; background: url(../image/main/visual/next.png) no-repeat center; }
.visual_control_prev { left: 0; background: url(../image/main/visual/prev.png) no-repeat center; }*/

.banner_schedule { position: absolute; bottom: 0; width: 100%; z-index: 1; }
.sch_inner { position: relative; width: 1200px; left: 50%; margin-left: -600px; background: rgba(0,0,0,0.7); }
.sch_inner img { }

/***********************************************************************
section2
************************************************************************/
.premiumWrapper { position: relative; width: 100%; padding-top: 160px; height: 580px; background-color: #eee; }
.premiumWrapper .p_title { position: absolute; top: 160px; left: 50%; margin-left: 130px; }
.premium_slide { width: 1200px; left: 50%; margin-left: -600px; overflow: visible; }
.premium_slide .swiper-slide { height: 480px; background: url(../image/main/premium/bg.png) no-repeat 0 180px; opacity: 0; }

.p_link { position: absolute; top: 300px; left: 550px; display: table; width: 120px; height: 120px; text-align: center; letter-spacing: 4px; border-top: 1px solid #fff; border-left: 1px solid #fff; z-index: 1; }
		.p_link:hover { border-color: #ca705b; }
		.p_link .btn_text { position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 15px; z-index: 1; color: #fff; }
		.p_link:hover .btn_text { font-weight: 300; color: #fff; }
		.p_link .btn_bg { position: absolute; left: 0; top: 0; width: 0; height: 100%; opacity: 0;}
		.p_link:hover .btn_bg { opacity: 1; width: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background-color: #ca705b;}
.premium_slide .swiper-slide-active { opacity: 1; }
.premium_slide .swiper-slide img { position:absolute; top:0; left: 50px; }

.p_pagination { position: absolute; left: 50%; margin-left: 470px; top: 380px; z-index: 1; }
.p_pagination .swiper-pagination-bullet { width: 2px; height: 15px; border-radius: 0; background: #c9c9c9; opacity: 1; margin-left: 18px; }
.p_pagination .swiper-pagination-bullet-active { background: #cb705b; }

/***********************************************************************
section3
************************************************************************/
.banner_brand { position: relative; width: 100%; height: 520px; /*background-image: url(../image/main/brand/bg.jpg); background-position: center; background-repeat: no-repeat;*/ overflow: hidden; }
.banner_brand .inner { position: relative; width: 1200px; height: 100%; left: 50%; margin-left: -600px; text-align: center; }
.banner_brand img { position: relative; display: inline-block; padding-top: 250px; }
.banner_brand ul { position: relative; width: 480px; margin: 0 auto; text-align: center; overflow: hidden; margin-top: 30px; }
.banner_brand li { float: left; color: #fff; font-size: 20px; letter-spacing: -1px; }
.banner_brand li.nth_01 { border-right: 1px solid #fff; padding-right: 19px; }
.banner_brand li.nth_02 { cursor: pointer; padding-left: 19px; }
.banner_brand li.nth_02:hover { font-weight: 500; color: #ca705b; transition: color 0.2s;}

.banner_brand .video_bg { position: absolute; top: 0; width: 100%; overflow: hidden; z-index: -1; }
.banner_brand .video_bg video { width: 110%; }

/***********************************************************************
section4
************************************************************************/
.main_quick { position: relative; width: 100%; background-color: #eee; padding-top: 140px; padding-bottom: 140px; }
.main_quick .tab { position: relative; width: 1200px; left: 50%; margin-left: -600px; overflow: hidden; height: 130px; }
.main_quick .tab li { position: relative; width: 200px; height: 100%; float: left; text-align: center; border-left: 1px solid #a0a0a0; }
.main_quick .tab li a { position: relative; display: block; height: 100px; margin-top: 6px; }
.main_quick .tab li img { position:absolute; top: 0; left: 52px; }
.main_quick .tab li .img2 { display:none; }
.main_quick .tab li span { display: block; font-size: 15px; color: #626262; }


/**/
.footerWrap .top { border-top: 1px solid #c6c6c7; }