/*html {overflow-y:scroll;}*/
/*#fullpage {margin-top:120px; background-color:#FC9;}*/
/*메인비쥬얼CSS_S*/
#section01,#section02 {min-width:1200px;}
.flex__container {
	position:absolute;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap; 
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	height: 100vh;
	width: 100%;
	z-index: 1;
}

.flex__container.flex--active {
	z-index: 2; 
}
.text--sub {
	font-size: 2.8em;
	line-height:40px;
	letter-spacing: -0.1rem;
	text-transform: uppercase;
	margin-bottom:0px;
	color:#333;
}
.text--big {
	font-family: 'Poppins', sans-serif;
	font-size: 5.5em;
	font-weight: 700;
	line-height: 90px;
    margin-left: -8px;
}
.text--normal {
	font-size: 1.2em;
	color: rgba(0, 0, 0, 0.8);
	line-height: 22px;
	margin-top: 25px;
}
.link_bt { background:#ed1b2f; width:140px; height:37px; line-height:37px; text-align:center; font-size:1.25em; margin-top:30px;}
.link_bt a {color:#fff; width:140px; height:37px; display:block; cursor:pointer; }

.text__background {
	font-family: 'Poppins', sans-serif;
	position: absolute;
	right: 10%;
	bottom: 58%;
	color: rgba(0,0,0,0.04);
	font-size: 100px;
	font-weight: 700;
	letter-spacing:-1px;
}
.flex__item {
	height: 80vh;
	color: #333333;
	transition: transform 0.1s linear;
}
.flex__item--left {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	width: 46%;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.flex__item--right { overflow:hidden;
	width: 54%;
	transform-origin: right center;
	transition: all ease 200ms 0s; position:relative;
	opacity: 0;
}
.flex--preStart .flex__item--left,
.flex--preStart .flex__item--right,
.flex--active .flex__item--left,
.flex--active .flex__item--right {
	opacity: 1;
}
/* Piplup */
.flex--piplup .flex__item--left {
	background: #fff;
}
/* Pikachu */
.flex--pikachu .flex__item--left {
	background: #fff;
}
/*1번째이미지*/
.flex--pikachu .flex__item--right {
background:url(../img/main/visual_01.jpg) center center / cover no-repeat;
}
/*2번째이미지*/
.flex--piplup .flex__item--right {
	background: #d3eaef; background:url(../img/main/visual_02.jpg) center center / cover no-repeat;
}
.flex--piplup.flex--piplup2 .flex__item--right { 
	background: #d3eaef; 
}
.flex--piplup.flex--piplup2 .flex__item--right:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:url(../img/main/visual_02_2.jpg) center center / cover no-repeat; filter:blur(10px) brightness(0.7) contrast(0.7); transform: scale(1.1);}
.flex--piplup.flex--piplup2 .img01 {position:absolute; left:56px; top:56px; z-index:111111; box-shadow:20px 20px 50px rgba(0,0,0,0.2); }
.flex--piplup.flex--piplup2.flex--active .img01 {animation:sub02_img 2s ease-in-out forwards; animation-delay: 3.5s; opacity:1; }
@keyframes sub02_img{
	0%{   opacity:1; filter:blur(0px); transform: translateX(0px);}

	100% { opacity:0; filter:blur(10px); transform: translateX(100px);}	
}
.flex--piplup.flex--piplup2.flex--active .flex__item--right:before  {animation:sub02_img2 2s ease-in-out forwards; animation-delay: 3.5s; }
@keyframes sub02_img2{
	0%{  filter:blur(10px)  brightness(0.7) contrast(0.7); transform: scale(1.1);}

	100% { filter:blur(0px)  brightness(1) contrast(1);transform: scale(1);}	
}
/*3번째이미지*/
.flex--blaziken .flex__item--right {
	background: #ffebcd; background:url(../img/main/visual_03.jpg) center center / cover no-repeat;
}
/*4번째이미지*/
.flex--dialga .flex__item--right {
	background: #ade8f7; background:url(../img/main/visual_04.jpg) center center / cover no-repeat;
}
/*5번째이미지*/
.flex--zekrom .flex__item--right {
	background: #a7bcbb; background:url(../img/main/visual_05.jpg) center center / cover no-repeat;
}
.flex--zekrom.flex--zekrom2 .flex__item--right {
	background: #a7bcbb; background:url(../img/main/visual_05_2.jpg) center center / cover no-repeat;
}
/*6번째이미지*/
.flex--purine .flex__item--right {
	background: #a7bcbb; background:url(../img/main/visual_06.jpg) center center / cover no-repeat;
}
/* Blaziken */
.flex--blaziken .flex__item--left {
	background: #fff;
}

/* Dialga */
.flex--dialga .flex__item--left {
	background: #fff;
}

/* Zekrom */
.flex--zekrom .flex__item--left {
	background: #fff;
}
.flex__content {
	margin-left:16%;
	width: 80%;
	margin-top:-420px;
	opacity: 1;
	transform: translate3d(0,0,0);
	transition: transform 0.2s linear 0.2s, opacity 200ms ease-out 0.2s;
	/*-webkit-transition:transform 0.2s width 1s ease-in, opacity 200ms ease;	*/
}
.pokemon__img {
	position: absolute;
	bottom: 20px;
	right: 15%;
	max-height: 40vw;
	opacity: 1;
	transform: translate3d(0,0,0);
	transition: opacity 0.43s 0.6s, transform 0.4s 0.65s cubic-bezier(0, 0.88, 0.4, 0.93);
}

/* Animate-START point */

.flex__container.animate--start .flex__content {
	transform: translate3d(0,50px,0);
	opacity: 0;
}
.flex__container.animate--start .pokemon__img {
	transform: translate3d(-200px,0,0);
	opacity: 0;
}
/* Animate-END point */

.flex__container.animate--end .flex__item--left {
	transform: scaleY(0);	
}
.flex__container.animate--end .flex__item--right {
	transform: scaleX(0);
}
.flex__container.animate--end .flex__content {
	transform: translate3d(0,50px,0);
	opacity: 1;
}
.flex__container.animate--end .pokemon__img {
	transform: translate3d(200px,0,0);
	opacity: 0;
}

/*.slider__warpper {position:relative;}*/
.slider__navi {
	position:absolute; 
	left:42%; 
	top:80%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 98;	
}
.slider__navi a {
	display: block;
	height: 6px;
	width: 20px;
	margin: 20px 0;
	text-indent: -9999px;
	box-shadow: none;
	border: none;
	background: rgba(0,0,0,0.2);
}
.slider__navi a:hover {
	width: 45px;
	background: rgba(237,27,47,1);
	transition: all ease 200ms 0s;
}
.slider__navi a.active {
	width: 45px;
	background: rgba(237,27,47,1);
	transition: all ease 200ms 0s;
}

.video{ position:absolute; width:500px;margin-left:8%; top:43%; z-index:97;}
.video_tt{height:40px;margin-bottom:20px;border-bottom:1px solid #e8e8e8;}
.video video {width:100%;}


/*230502 메인수정*/
/*메인슬라이드*/
.swiper-slide{width: 100%;  }
.swiper-wrapper .slide1{background:url(../img/main/main_banner01.jpg) no-repeat center center; background-size:cover;  height:697px;}
.swiper-wrapper .slide2{background:url(../img/main/main_banner02.jpg) no-repeat center center; background-size:cover;  height:697px;}
.swiper-wrapper .slide3{background:url(../img/main/main_banner03.jpg) no-repeat center center; background-size:cover;  height:697px;}
.swiper-wrapper .slide4{background:url(../img/main/main_banner04.jpg) no-repeat center center; background-size:cover;  height:697px;}
.swiper .swiper-pagination-bullet{width: 15px; height: 15px; background-color: #fff !important;     opacity: 1;}
.swiper .swiper-pagination-bullet-active {background-color: #ea5532 !important;}
.swiper .text_wrap{width: 50%; height: 100%; background: rgba(250,250,250,0.5);  position: relative;     color: #151515; 
                    display: flex;  align-items: center;    justify-content: center;    flex-direction: column;     word-break: keep-all;}
.swiper .text_wrap div{margin-left:300px}
.swiper .text_wrap .txt{font-size: 25px; }
.swiper .text_wrap .tit{font-size: 80px; font-family: 'SUIT Variable', sans-serif; letter-spacing: -5.5px;  font-weight: 900; margin: 45px 0 170px}
.swiper .text_wrap a {padding: 5px 50px 10px; font-size: 20px; background:#ea5532; color: #fff; border-radius: 50px}
.swiper .text_wrap a:hover{background: #e5795f;}

 .swiper .text_wrap::before{ position:absolute; top: 65%; left: 65%; font-size: 100px; color: #fff; font-family: 'Great Vibes', cursive;  opacity: 0.7;}
.swiper .bg1::before{content:'Rord'; }
.swiper .bg2::before{content:'Rord'; }
.swiper .bg3::before{content:'Special'; }
.swiper .bg4::before{content:'Building';}




@media screen and (max-width:1550px){
	.flex__content {margin-left:10%;margin-top:-280px;}	
	.text--sub {font-size: 2em;line-height:30px;}
	.text--big {font-size: 5em;}
	.text__background {font-size: 100px;}

	.text--normal {font-size: 1em;margin-top: 20px;}
	.link_bt { width:130px; height:30px; line-height:30px;font-size:1em; margin-top:15px;}

	.video {margin-left:5%; top:51%; width:380px;}
	.video_tt{margin-bottom:10px;}
}

@media screen and (max-width:1200px){
	.flex__content {margin-left:5%;margin-top:-280px;}	
	.text--sub {font-size: 1.5em;line-height:20px;}
	.text--big {font-size: 4.5em;}
	.text__background {font-size: 85px;}

	.text--normal {font-size: 12px;margin-top: 10px;}
	.link_bt { width:130px; height:30px; line-height:30px;font-size:1em; margin-top:15px;}

	.video {margin-left:3%; top:50%; width:340px;}
	.video_tt{margin-bottom:10px;}
}
/*---------------------------중앙7개배너------------------------------*/
/* -------- 메인컨텐츠 :: 상단 제품 퀵메뉴 -------- */
#productQuickMenuCon{ background:url(../img/main/6b_bg.jpg) no-repeat center top; background-size:cover; position:relative; top:0; z-index:2; margin:0 -1px;}
#productQuickMenuCon ul{width:1200px; margin:0 auto;}
#productQuickMenuCon ul li{float:left; position:relative; /*width:16.6%; width:calc(16.6% - 1px);*/ width:16.6%; width:calc(25% - 1px); margin-left:1px;}
#productQuickMenuCon ul li:first-child{margin-left:0;}
#productQuickMenuCon ul li.prd-quick-menu10{display:none;}
#productQuickMenuCon ul li a{display:block; position:relative; height:0; padding-top:120%;}
#productQuickMenuCon ul li a .prd-thumb{
	overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; height:100%; 
	-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s
}
#productQuickMenuCon ul li.prd-quick-menu1 a{background:url(../img/main/main_busi_img_01_off_240823.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu2 a{background:url(../img/main/main_busi_img_02_off_230509.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu3 a{background:url(../img/main/main_busi_img_03_off_230509.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu4 a{background:url(../img/main/main_busi_img_04_off_230509.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu5 a{background:url(../img/main/main_busi_img_05_off.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu6 a{background:url(../img/main/main_busi_img_06_off.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu7 a{background:url(../img/main/main_busi_img_07_off.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu8 a{background:url(../img/main/main_busi_img_08_off.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu9 a{background:url(../img/main/main_busi_img_09_off.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu10 a{background:url(https://www.haein.com/kr/images/main/prd_img10_off.jpg) no-repeat center top; background-size:cover;}
#productQuickMenuCon ul li.prd-quick-menu11 a{background:url(../img/main/main_busi_img_11_off.jpg) no-repeat center top; background-size:cover;}

#productQuickMenuCon ul li a .prd-thumb .prd-over-con{text-align:center; display:table; width:100%; height:100%; opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner img{max-width:100%; display:none;}
#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p{font-size:20px; line-height:24px; color:#000; font-weight:500; letter-spacing:-0.75px; /*padding-top:14px;*/padding-top:44px;}
#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p.white{color:#fff; color:rgba(255,255,255,0.8); padding-top:14px;}
#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p span{display:block;}
#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p.white b{display:block; font-size:24px; margin-bottom:10px; font-weight:500;}


#productQuickMenuCon ul li a:hover .prd-thumb{height:110%; -webkit-transition:height 0.4s; -moz-transition:height 0.4s; -o-transition:height 0.4s; -ms-transition:height 0.4s; transition:height 0.4s; transition-duration: 300ms;}
#productQuickMenuCon ul li.prd-quick-menu1 a:hover .prd-thumb{background:url(../img/main/main_busi_img_01_on_240823.jpg) no-repeat center 35%; background-size:100% auto; }
#productQuickMenuCon ul li.prd-quick-menu2 a:hover .prd-thumb{background:url(../img/main/main_busi_img_02_on_230509.jpg) no-repeat center 35%; background-size:100% auto;}
#productQuickMenuCon ul li.prd-quick-menu3 a:hover .prd-thumb{background:url(../img/main/main_busi_img_03_on_230509.jpg) no-repeat center 35%; background-size:100% auto;}
#productQuickMenuCon ul li.prd-quick-menu4 a:hover .prd-thumb{background:url(../img/main/main_busi_img_04_on_230509.jpg) no-repeat center center; background-size:100% auto;}
#productQuickMenuCon ul li.prd-quick-menu5 a:hover .prd-thumb{background:url(../img/main/main_busi_img_05_on.jpg) no-repeat center center; background-size:100% auto;}
#productQuickMenuCon ul li.prd-quick-menu6 a:hover .prd-thumb{background:url(../img/main/main_busi_img_06_on.jpg) no-repeat center center; background-size:100% auto;}
#productQuickMenuCon ul li.prd-quick-menu7 a:hover .prd-thumb{background:url(../img/main/main_busi_img_07_on.jpg) no-repeat center center; background-size:100% auto;}
#productQuickMenuCon ul li.prd-quick-menu8 a:hover .prd-thumb{background:url(../img/main/main_busi_img_08_on.jpg) no-repeat center center; background-size:100% auto;}/* #00a4ca*/
#productQuickMenuCon ul li.prd-quick-menu9 a:hover .prd-thumb{/*background:#12315b url(/kr/images/main/prd_img09_on.png) no-repeat center 35%; background-size:100% auto;*/background:#12315b; background-size:100% auto;}
#productQuickMenuCon ul li.prd-quick-menu10 a:hover .prd-thumb{background:#12315b url(https://www.haein.com/kr/images/main/prd_img09_on.png) no-repeat center center; background-size:100% auto;}
#productQuickMenuCon ul li a:hover .prd-thumb .prd-over-con{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; -webkit-transition:height 0.4s; -moz-transition:height 0.4s; -o-transition:height 0.4s; -ms-transition:height 0.4s; transition:height 0.4s}
#productQuickMenuCon ul li.prd-quick-menu11 a:hover .prd-thumb{background:url(../img/main/main_busi_img_11_on.jpg) no-repeat center center; background-size:100% auto;}

@media all and ( max-width: 1200px ){
	/* -------- 메인컨텐츠 :: 상단 제품 퀵메뉴 -------- */
	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p{font-size:16px; line-height:20px; word-break:keep-all; padding-top:15px;}
	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p span{display:inline;}
	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p.white b{font-size:18px; margin-bottom:5px;}

	#productQuickMenuCon ul li.prd-quick-menu1 a:hover .prd-thumb{background-position:center 25%}
}

/*@media all and ( max-width: 1080px ){*/
/*	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p{font-size:12px; line-height:14px; padding-top:20px;}*/
/*}*/
/**/
/*@media all and ( max-width: 800px ){*/
/*	/* -------- 메인컨텐츠 :: 상단 제품 퀵메뉴 -------- */*/
/*	#productQuickMenuCon ul li{/*width:25%; width:calc(25% - 1px);*/width:20%; width:calc(20% - 1px); margin-bottom:1px;}*/
/*	#productQuickMenuCon ul li:nth-child(6){margin-left:0;}*/
/*	#productQuickMenuCon ul li.prd-quick-menu10{display:block;}*/
/*	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p{font-size:12px; line-height:14px; padding-top:10px;}*/
/*	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p span{display:block;}*/
/*	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p.white{padding-top:10px;}*/
/*	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p.white b{font-size:13px;}*/
/**/
/*	#productQuickMenuCon ul li.prd-quick-menu1 a:hover .prd-thumb{background-position:center 30%}*/
/*	#productQuickMenuCon ul li.prd-quick-menu2 a:hover .prd-thumb{background-position:center 35%}*/
/*	#productQuickMenuCon ul li.prd-quick-menu3 a:hover .prd-thumb{background-position:center 35%}*/
/*	#productQuickMenuCon ul li.prd-quick-menu9 a:hover .prd-thumb{background-position:center 30%}*/
/*}*/
/**/
/*@media all and ( max-width: 480px ){*/
/*	/* -------- 메인컨텐츠 :: 상단 제품 퀵메뉴 -------- */*/
/*	#productQuickMenuCon ul li.prd-quick-menu1 a:hover .prd-thumb{background-position:center 20%}*/
/*	#productQuickMenuCon ul li a .prd-thumb .prd-over-con .prd-over-inner p{font-size:11px; line-height:13px; padding-top:15px;}*/
/*}*/