

.mslide{
	width:100%;
	position:absolute;
	z-index:999;
	text-align:center;
	background:#000;
}

.mslide-btn{
}

.mslide-up-btn{
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
	z-index:999;
}

.mslide video{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	left:0px;
}

.mslide .swiper-pagination--main{
	bottom: 30px !important;
	left: 0 !important;
	width: 100% !important;
	position: absolute !important;
	z-index: 999 !important;
	text-align: center !important;
}

.aszDiv{
	background-color:  #000;
	overflow: hidden;
}

.asz00{
	position: relative;
	/*padding-top: calc(100vh - 65px);*/
	padding-top: calc(45vw);
}
.asz01{
	position: relative;
}
.asz01_bg{
	display: inline-block;
	width: 100%;
	padding-bottom: calc(2160 / 3840 * 100%);
	background-image: url("/img/main/img-main01.webp");
	background-repeat: no-repeat;
	background-size: 75% 75%;
	background-position: center center;
	position: relative;
	margin-top: 130px;
}

.asz01_title{
	position: absolute;
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 99;
}

.asz01_title h2{
	font-family: Poppins;
	font-size: 80px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 3.56px;
	text-align: center;
	color: #fefffe;
	padding: 0 0 24px;
}

.asz01_title a{
	display: inline-block;
	width: 140px;
	height: 48px;
	border: solid 1px rgba(151, 151, 151, 0.4);
	font-family: Poppins;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 48px;
	letter-spacing: normal;
	text-align: center;
	color: #fefffe;
}

.asz02{
	position: relative;
}
.asz02_bg{
	display: inline-block;
	max-width: 1920px;
	width:100%;
	height: 1180px;
	background-image: url("/img/main/img-main02.webp");
	background-repeat: no-repeat;
	background-size: 350px;
	background-position: 80% center;
	position: fixed;
	top: 200px;
	z-index: 1;
	
}
.asz02_title{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 397px 40px 451.8px;
	position: relative;
	z-index: 2;
	opacity: 0;
}

.asz02_title.opa-active{
	opacity: 1;
	transition: ease all 1s;
}

.asz02_title h2{
	font-family: Poppins;
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.04;
	letter-spacing: normal;
	color: #fefffe;
	padding: 0 0 27px;
}

.asz02_title p{
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.52;
	letter-spacing: normal;
	color: #757575;
}


.asz03{
	position: relative;
	height: 850px;
}

.asz03_bg{
	display: inline-block;
	/*width: calc(770 / 1920 * 100%);*/
	/*padding-bottom: calc(1386 / 3840 * 100%);*/
	width: 35%;
	padding-bottom: calc(1080 / 3840 * 100%);
	background-image: url("/img/main/img-main03.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: absolute;
	left: 191.6px;
	top: 151.3px;
	z-index: 1;
}
.asz03_title{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 200px 40px 349px;
	position: relative;
	z-index: 2;
	padding-right: 30px;
}
.asz03_title h2{
	font-family: Poppins;
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.04;
	letter-spacing: normal;
	text-align: right;
	color: #fefffe;
	padding: 0 0 27px;
}

.asz03_title p{
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.52;
	letter-spacing: normal;
	text-align: right;
	color: #757575;
	width: 50%;
	float: right;
}





.asz04{
	position: relative;
	/*height: 1133.5px;*/
}

.asz04_bg{
	display: inline-block;
	/*min-width: 1200px;*/
	width: 100%;
	/*padding-bottom: calc(1080 / 1920 * 100%);*/
	/*background-image: url("/img/main/img-main04.png");*/
	/*background-repeat: no-repeat;*/
	/*background-size: 100% 100%;*/
	/*background-position: center center;*/
	/*position: relative;*/
	margin: 50px 0px 80px;
}
.asz04_bg img {
	width: 70%;
	float: right;
}
.asz04_title{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 50px;
	padding: 86px 0 0;
	position: relative;
	z-index: 2;
	text-align: center;
	/*
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	 */
}
.asz04_title h2{
	font-family: Poppins;
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.04;
	letter-spacing: normal;
	text-align: center;
	color: #fefffe;
	padding: 0 0 27px;
}

.asz04_title p{
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.52;
	letter-spacing: normal;
	text-align: center;
	color: #757575;
	width: 72%;
	margin: 0px auto;
}


.asz05{
	width: 100%;
	/*padding-bottom: calc(2172 / 3840 * 100%);*/
	position: relative;
	/*margin-top:100px;*/
}

/*.asz05_vid{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%:
}

.asz05_vid video{
	width: 100%;
	height: 100%;
}*/
.asz05_vid {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

.asz05_vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





.asz06{
	text-align: center;
}

.asz0601{
	display: inline-block;
	width: 1084px;
	height: 1084px;
	margin: 229px auto 37px;
	background-image: url("/img/main/group-20@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: relative;
}

.asz0601_bg{
	display: inline-block;
	max-width: 1143px;
	width:100%;
	height: 462px;
	background-image: url("/img/main/technology-1@2x.webp");
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.asz0601_title{
	max-width: 1084px;
	width: 100%;
	margin: 0 auto;
	display: table;
}
.asz0601_subtitle{
	display: table-cell;
	vertical-align: bottom;
}

.aszleft {
	
	padding: 16px 24px;
}

.aszleft h2{
	font-family: Poppins;
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #fefffe;
	padding: 0 0 14px;
	text-align: left;
}
.aszleft p{
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.52;
	letter-spacing: normal;
	color: #757575;
	text-align: left;
}
.aszright{
	width: 40%;
}
.aszright h2{
	font-family: Poppins;
	font-size: 120px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #fefffe;
}
.aszright h2 .asz_arrow{
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 65px;
	background-image: url('/img/m/main/top.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size:60px;
	margin-left:15px;
	margin-bottom:20px;
}
.aszright p{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.7;
	letter-spacing: normal;
	color: rgba(254, 255, 254, 0.6);
	margin: -18px 0 14px;
	text-align: left;
}

.asz0602{}
.asz0602_title{
	padding: 0 0 57px;
}
.asz0602_title h2{
	font-family: Poppins;
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.42;
	letter-spacing: normal;
	text-align: center;
	color: #fefffe;
}
.asz0602_title p{
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.58;
	letter-spacing: normal;
	text-align: center;
	color: #757575;
}
.asz0602_bg{
	display: inline-block;
	/*width: 100%;
	padding-bottom: calc(5844 / 5947 * 80%);
	background-image: url("/img/main/img-main07.png");
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center center;
	position: relative;*/
}



.asz0602_subtitle{
	padding: 157px 0 93px;
}
.asz0602_subtitle h2{
	font-family: Poppins;
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 2.49px;
	text-align: center;
	color: #fefffe;
}
.asz0602_subtitle h3{
	font-family: Poppins;
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 2.49px;
	text-align: center;
	color: #fefffe;
}


.asz08{}
.asz08_wrap{}
.asz08_title{padding: 131px 0 0;}
.asz08_title h2{
	font-family: Poppins;
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.23;
	letter-spacing: 2.67px;
	text-align: center;
	color: #fefffe;
}

.asz08_list{
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
	padding: 68px 12px 45px;
	overflow: hidden;
	position: relative;
}
.asz08_list > ul{
	width: 356px;    
}
.asz08_list > ul > li{
	width: 100%;
}
.asz08_list > ul > li .prd_img{
	background-size: 100% 100%; 
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 100%; 
	padding-bottom: calc(406 / 356 * 100%);
	position: relative;
	top: 0;
	box-shadow: 0 2px 20px 0 rgba(58, 58, 58, 0.5);
	transition: top ease 0.5s;
	border-radius: 4.6px;
	overflow: hidden;
}

.asz08_list > ul > li:hover .prd_img{
	top: -16px;
	box-shadow: 0 2px 20px 0 rgba(58, 58, 58, 0.5);
}

.asz08_list > ul > li .prd_info{
	padding: 24px 20px;
}
.asz08_list > ul > li .prd_info h3{
	opacity: 0.3;
	font-family: Poppins;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.33px;
	color: #fff;
}

.asz08_list > ul > li .prd_info h2{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.44px;
	color: #fff;
}

.asz08_nav{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.asz08_nav_wrap{
	position: relative;
	padding: 7px 95px;
}


.swiper-scrollbar{
	background: rgba(216, 216, 216, 0.2) !important;
	height: 3px !important;
}

.swiper-scrollbar-drag{
	background: rgba(216, 216, 216, 1) !important;
	height: 2px !important; 
	border: none !important;
}



.ss_city .swiper-button-next, .ss_city .swiper-button-prev{
	width: 58px !important;
	height: 58px !important;
	background-size: 22px 22px !important;
	bottom: 0 !important;
	top: inherit !important;
	margin: 0 !important;
}

.asz08_link{
	padding: 57px 0;
	text-align: center;
}
.asz08_link h2{
	display: inline-block;
	padding: 14px 38px 15px 36px;
	border: solid 1px rgba(151, 151, 151, 0.4);
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.36px;
	color: #fefffe;
}

.asz08_link h2 a{
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #fefffe;
	padding-left: 4px;
	text-decoration: underline;
}

.asz08_list .asz08_nav .swiper-button-next-aszproduct{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("/img/common/right-normal.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: absolute;
	right: 0;
	left: inherit;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}

.asz08_list .asz08_nav .swiper-button-prev-aszproduct{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("/img/common/left-normal.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: absolute;
	right: inherit;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}

.asz09{
	padding: 99px 0 62px;
}
.asz09_wrap{}
.asz09_title{}
.asz09_title h2{
	font-family: Poppins;
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.23;
	letter-spacing: 2.67px;
	text-align: center;
	color: #fefffe;
	padding: 0 0 20px;
}
.asz09_title p{
	opacity: 0.6;
	font-family: Poppins;
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.95;
	letter-spacing: 1.03px;
	color: #fff;
	text-align: center;
}

.asz09_title p span{
	padding-left: 12px;
}


.asz09_list{
	width: 100%;
	margin: 0 auto;
	padding: 68px 0 0;
	position: relative;
}
.asz09_list .swiper-scrollbar{
	width: 980px;
	margin: 0 auto;
}
.asz09_list .swiper-aszcommunity--controller{
	position: relative;
	padding: 80px 0;
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
}
.asz09_list .swiper-aszcommunity--controller .swiper-button-next-aszcommunity{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("/img/common/right-normal.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: absolute;
	right: 0;
	left: inherit;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}

.asz09_list .swiper-aszcommunity--controller .swiper-button-prev-aszcommunity{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("/img/common/left-normal.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: absolute;
	right: inherit;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}


.asz09_list > ul{

}
.asz09_list > ul > li{
	width: 100%;
}
.asz09_list > ul > li .prd_img{
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 100%; 
	padding-bottom: calc(406 / 356 * 100%);
	position: relative;
	top: 0;
	box-shadow: 0 2px 20px 0 rgba(58, 58, 58, 0.5);
	transition: top ease 0.5s;
	border-radius: 4.6px;
	overflow: hidden;
}

.asz09_list > ul > li:hover .prd_img{
	top: -16px;
	box-shadow: 0 2px 20px 0 rgba(58, 58, 58, 0.5);
}

.asz09_list > ul > li .prd_info{
	padding: 24px 20px;
}
.asz09_list > ul > li .prd_info h3{
	opacity: 0.3;
	font-family: Poppins;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.33px;
	color: #fff;
}

.asz09_list > ul > li .prd_info h2{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.44px;
	color: #fff;
}

.asz09_nav{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.asz09_nav_wrap{
	position: relative;
	padding: 0 95px 7px;
}

.swiper-pagination--asz09{
	
}



.asz10{
	display:none;
	background-color: #161617;
}

.asz10_form {
	max-width: 380px;
	width: 100%;
	margin: 0 auto;
}
.asz10_form h2{
	padding: 111px 0 26px;
	font-family: Poppins;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: center;
	color: #fefffe;
}

.asz10_form_inner.inner_100{
	padding-right: 0;
	padding-bottom: 12px;
}

.asz10_form_inner{
	position: relative;
	padding-right: 78px;
}
.asz10_form_inner input{
	width: 100%;
	background: transparent;
	height: 53px;
	padding: 0 78px 0 20px;
	border: 1px solid rgba(234, 234, 234, 0.4);
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ccc;
}

.asz10_form_inner button{
	width: 78px;
	height: 52px;
	background: #FFF;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 52px;
	letter-spacing: normal;
	text-align: center;
	color: #000;
}

.asz10_form_chk{
	padding: 22px 0 118px;
}

.asz10_form_chk label{
	font-family: NotoSansKR;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #757575;
	cursor: pointer;
}

.asz10_form_chk a{
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #757575;
	padding-left: 4px;
	text-decoration: underline;
	cursor: pointer;
}




.asz11{
	display: none;
	position: relative;
}

.asz11_bg{
	display: inline-block;
	/*width: calc(2248 / 3840 * 100%);*/
	width:890px;
	height: 375px;
	background-image: url("/img/main/img_220316_b.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	position: absolute;
	right: 261px;
	top: 0;
}

.asz11_title{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 142px 0;
	position:relative;
	z-index:9;
}

.asz11_title h2{
	font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.88;
	letter-spacing: normal;
	color: #fefffe;
	padding: 0 0 15px;
}

.asz11_title h2 b{
	font-family: Poppins;
}

.asz11_title p{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #757575;
}