body ,html {
	zoom:1;
	-wedkit-transform:scale(1.50);
	-wedkit-transform-origin:scale(0.0);
	-moz-transform:scale(1.50);
	-moz-transform-origin:scale(0.0);
	-o-transform:scale(1.50);
	-o-transform-origin:scale(0.0);
}



body {background:#000;}
#container {padding-bottom:0;}
.inner { width: 1566px;}
.scroll_none {overflow:hidden;height:100%;}


.brand_mo {display:none;}
.section {min-height:600px;height: calc(100vh - 57px); position: relative;overflow: hidden;}
.move {position: relative; opacity: 0; transform: translate(0, 100px); transition:all 1.5s;z-index:2;}
.move02{transition:all 1.5s 0.5s;}
.move03{transition:all 1.5s 1s;}
.move04{transition:all 1.5s 1.5s;}
.move05{transition:all 1.5s 2s;}
.on .move { opacity: 1 !important; transform: translate(0, 0) !important;}

.section_bg {width:100%;height:100%;position: relative; z-index:2;display:block;opacity: 0; transform: scale(1.5,1.5);transition:transform 1s,opacity 0.5s;}
.on .section_bg {transform: scale(1,1);opacity: 1; }

.txt_center {text-align:center;}
.sec_conbox_center {display: flex;align-items: center;justify-content: flex-start;overflow: hidden;}

.section_tit {font-size:40px;line-height:48px;padding-left: 40px;text-indent: -40px;color:#fff;font-family:'NanumMyeongjo', sans-serif; font-style:normal;font-weight:300;word-break:keep-all;}
.section_txt {font-size:20px;line-height:30px;color:#fff;font-weight:100;word-break:keep-all;}
.section_txt.gray {color:#888888;}
.section_tit + .section_txt,
.section_txt + .section_txt {margin-top:10px;}

.section01 .section_bg {background:url('../images/brand/brand_sec01.jpg') center right no-repeat;background-size:cover;}
.section01 .section_txt {padding-left:40px;}

.section02 {position:relative;}
.section02:after {content:'';display:block;width:calc(100% - 120px);height:calc(100% - 120px);margin:60px;position:absolute;top:0;left:0;z-index:2;transition:all 2s;}
.section02.on:after {border:1px solid #ccc;}
.section02 .inner {height:100%;}
.section02 .section_bg {background:url('../images/brand/brand_sec02.jpg') center right 10% no-repeat;overflow:hidden;z-index:1;}
.section02 .section02_con {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.section02 .section_txt {padding-left:40px;font-weight:100;}


.section03 {height:auto !important;padding:90px 0 180px;background:url('../images/brand/brand_sec03_bg.jpg') center bottom no-repeat;background-size:100% auto;}
.section03 .section03_list {}
.section03 .section03_list li {position:relative;height:430px;}
.section03 .section03_list li:after {content:'';display:block;clear:both;}
.section03 .section03_list li + li {margin-top:80px;}
.section03 .section03_list .section03_list_con {width: 1352px;margin:0 auto;height:100%;}
.section03 .section03_list .section03_list_img {position:absolute;top:0;right:50%;margin-right:-40px;z-index:1;overflow:hidden;height:100%;object-fit: cover;}
.section03 .section03_list .section03_list_img img {height:100%;width:auto;display:block;}

.section03 .section03_list .section03_list_txt {float:right;height:calc(100% - 52px);margin-top:26px;padding:60px;padding-left:100px;width:50%;box-sizing:border-box;display: flex;align-items: center;justify-content: flex-start;color:#fff;font-weight:100;font-size:20px;line-height:30px;border:1px solid #808080;word-break: keep-all;}

.section03 .section03_list .section03_list_con.right {}
.section03 .section03_list .section03_list_con.right .section03_list_img {left:50%;margin-left:-40px;z-index:1;right: inherit;}
.section03 .section03_list .section03_list_con.right .section03_list_txt {float:left;padding:60px;padding-right:100px;}
.section03 .section03_top {margin-bottom:180px;}
.section03 .section03_bottom {margin-top:150px;}
.section03 .section03_bottom .section_txt {font-size:30px;line-height:46px;}
.section03 .section03_list .section03_list_img img {z-index:2;display:block; transform: scale(1.5,1.5);transition:transform 1s;} 
.section03 .section03_list li.on .section03_list_img img{transform: scale(1,1);opacity: 1; }


.point {transform: rotate3d(1, 1, 1, -20deg);position:absolute;bottom: 25%;left: 35%;z-index:10;width: 57px;height: 70px;display: block;border-radius: 50% 60%;animation:animate01 1.2s linear infinite;}
.point em{position:absolute;border-radius:50%;top:0;left:0;width:10px;height:10px;background:#fff;
box-shadow:0 0 5px #fff,
			0 0 10px #fff,
			0 0 20px #fff,
			0 0 40px #fff,
			0 0 80px #fff,
			0 0 100px #fff;
animation:animate02 1s linear infinite;
transform: translate(clac(50% * var(--i)));
animation-delay: clac(2s * var(--i));}

.section03 .point02.move em {max-width:6px;max-height:6px;}
.section03 .point02.move {bottom: 36%;left: 82%;animation: animate01 1.8s linear infinite;}
.section03 .point03.move {bottom: 50%;left: 50%;width: 140px;height: 140px;margin-bottom: -30px;margin-left: -60px;border-radius: 50%;animation: animate01 1.8s linear infinite;}
.section03 .point04.move {bottom: 86%;left: 86%;width: 106px;height: 40px;margin-bottom: -30px;margin-left: -60px;border-radius: 50%;animation: animate01 1.8s linear infinite;}



.section01 .move.section_tit ,
.section02 .move.section_tit ,
.section05 .sec5_content01 .move.section_tit {transform: translate(-100%, 0);}
.section05 .sec5_content02 .section05_list_txt .move.section_tit {transform: translate(100%, 0);}



.section01 .move.section_txt ,
.section02 .move.section_txt ,
.section05 .sec5_content01 .move.section_txt {opacity: 0;transform: translate(0, 0);transition:opacity 2s 1.66s;}
.section05 .sec5_content02 .section05_list_txt .move.section_txt {opacity: 0;transform: translate(0, 0);transition:opacity 2s 1.66s;}

.section01.on .move.section_txt ,
.section02.on .move.section_txt ,
.section05.on  .sec5_content01 .move.section_txt {transform: translate(0, 0);opacity: 1;width:100%;}
.section05.on  .sec5_content02 .section05_list_txt .move.section_txt {transform: translate(0, 0);opacity: 1;}






@keyframes animate01
{
	0%{
		transform:rotate(0deg)
	}
	100%{
		transform:rotate(360deg)
	}
}

@keyframes animate02
{
	0%{
	    opacity: 0.1;
		width:4px;
		height:4px;

	}
	80%,100%{
		 opacity: 0.9;
		 width:10px;
		 height:10px;
	}
}


.section04 .section04_slide .slick-list {z-index:10;}
.section04 ,
.section04 .section04_slide .slick-slide {height:980px;}
.section04 .section04_slide .slick-track {width:100%;}
.section04 .section04_slide .slick-slide {background-size:cover;}
.section04 .section04_slide {height:100%;}
.section04 .section04_slide li {height:100%;min-width:200px;}
.section04 .section04_slide .slick-dots {position:absolute;bottom:8%;left:0;width:100%;display: flex;justify-content: space-around;z-index:20;text-align:center;}
.section04 .section04_slide .slick-dots:before {content:'';display:block;width:100%;height:1px;border-top:1px solid #888888;position:absolute;top:15px;left:0;transition:all 0.5s;}


.section04 .section04_slide .slick-dots li .dot {width:100%;height:27px;line-height:27px;margin-bottom:10px;display:block;text-align:center;}
.section04 .section04_slide .slick-dots li .dot:after {content:'';display:inline-block;width:8px;height:8px;background:#888888;opacity:0.8;border-radius:50%;vertical-align:middle;transition:all 0.5s;}
.section04 .section04_slide .slick-dots li button {background:none;color:#888888;font-weight:100;font-size:26px;line-height:30px;height:30px;outline: none;border:0;}
.section04 .section04_slide .slick-dots li button:focus {outline: none;border:0;}
.section04 .section04_slide .slick-dots li.slick-active .dot:after {background:url('../images/brand/brand_slide_bot.png') center no-repeat;height:27px;width:27px;opacity:1;}


.section04 .section04_slide .slick-dots li.slick-active button {color:#fff;font-weight:500;border:0;}
.section04 .section04_slide .slick-slide {background-size:cover !important;}
/*.section04 .section04_slide .slick-slide {opacity: 0; transform: scale(1.5,1.5);transition:transform 1s,opacity 0.5s;}*/
.section04 .section04_slide .slick-slide .inner {position:relative;height:100%;}
.section04 .section04_slide .section04_txt {position:absolute;bottom:50%;left:0;}
.section04 .section04_slide .section04_tit {position:absolute;bottom:30%;right:0;}
.section04 .section04_slide .section04_tit {font-size:90px;}
.section04 .section04_slide .section04_tit h4 {color:#e3250c;font-family:'NanumMyeongjo', sans-serif; font-style:normal;font-weight:100;}
.section04 .section04_slide .section04_tit p {color:#fff;font-family:'NanumMyeongjo', sans-serif; font-style:normal;font-weight:100;}
.section04 .section04_slide .slick-slide.slick-active {transform: scale(1,1);opacity: 1; }
.section04 .section04_slide .section04_tit {opacity: 0; transform: translate(0, 100px); transition:all 1.5s;}
.section04 .section04_slide .slick-slide.slick-active .section04_tit,
.section04 .section04_slide .on .section04_tit {opacity: 1 ; transform: translate(0, 0);}
.section04 .section04_slide {width:100%;height:100%;position: relative; z-index:2;display:block;opacity: 0; transform: scale(1.5,1.5);transition:transform 1s,opacity 0.5s;}
.section04.on .section04_slide {transform: scale(1,1);opacity: 1; }


.section05 {height:auto;}
.section05 .section_txt {padding-left:40px;}
.section05_list_con {overflow:hidden;display: flex;align-items: center;justify-content: flex-start;}
.section05_list_con .section05_list_img {float:right;width:50%;overflow:hidden;position:relative;}
.section05_list_con .section05_list_txt {float:left;color:#fff;width:50%;text-align:left;padding:80px;padding-left:0;}
.section05_list_con.right .section05_list_img {float:left;}
.section05_list_con.right .section05_list_txt {float:right;padding-left:80px;overflow:hidden;}

.section05_list li {display: flex;align-items: center;justify-content: flex-start;padding:100px 0;height:100vh;}
.section05_list li.sec5_content01 {background:#111111;transition:background 1s;}
.section05_list li.sec5_content01.on {background:#111111;}
.section05_list li.sec5_content02 {background:#000;}

.section05_list li .section05_list_img img {z-index:2;display:block;opacity: 0; transform: scale(1.5,1.5) translate( -50% ,0);transition:transform 1s,opacity 0.5s;margin-left: 50%;} 
.section05_list li.on .section05_list_img img{transform: scale(1,1) translate( -50% ,0);opacity: 1 !important; }
.section05_list li .section05_list_img .up {position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-42px;width:84px;height:45px;display:block}
.section05_list li .section05_list_img .up img {opacity: 0; }


@media screen and (max-width: 1800px) {
	.section02 .inner {padding:0 60px;}

}


@media screen and (max-width: 1566px) {
	.inner { width:100%;padding: 0 30px;}
	#footer .inner {width:100%;}


	.section02:after {margin:30px;width:calc(100% - 60px);height:calc(100% - 60px);}
	
	.section04,
	.section04 .section04_slide .slick-slide {height: 100vh;}
	.section04 .section04_slide .inner {padding: 0 30px;}
	.section04 .section04_slide .section04_txt {left:30px;}
	.section04 .section04_slide .section04_tit {right:30px;}
}

@media screen and (max-width: 1500px) {

    .section02 .section_bg {background-size: 60% auto;}

}

@media screen and (max-width: 1352px) {
	
	.section02 .sec_conbox_center {margin-top:15%;height:auto;align-items: flex-start;box-sizing:border-box;}
    .section02 .section_bg {background-size: 60% auto;background-position: bottom 10% right 10%;}



	.section03 .section03_list .section03_list_con {width:calc(100% - 60px);margin:0 30px;}
	.section03 .section03_list .section03_list_txt {padding:0 30px;padding-left:60px;}
	.section03 .section03_list .section03_list_con.right .section03_list_txt {padding-left:30px;padding-right: 60px;}
	
}
@media screen and (max-width: 1024px) {
	.section01 .sec_conbox_center {padding:20% 0 0;align-items: flex-start;box-sizing:border-box;}
	.section03 .section03_list li {height:320px;}
	.section04 .section04_slide .section04_txt {bottom:inherit;top:15%;}
	.section05 {padding:100px 0 0;background:#111111;} 
	.section05_list_con {display:block;}
	.section05_list_con .section05_list_txt {width:60%;}
	.section05_list_con .section05_list_img {width:60%;height:auto;}
	.section05_list_con .section05_list_img img {width:100%;height:auto;}

}
@media screen and (max-width: 800px) {
	.section01 .section_bg {background-position:right 15% bottom 0;}
	.section02 .section_bg {background-size: 90% auto;background-position: center bottom 15%;}
	
	
}




/*.mobile*/
	
body.mobile, body.mobile html {/*scroll-behavior: smooth;*/}
.mobile .section01 .section_bg {opacity:1 !important;}

.mobile .section04 {height:auto !important;overflow:hidden;}
.mobile .section04 .section04_slide {opacity:1;transform: scale(1,1);transition: all 0.5s 0.4s;}
.mobile .section04 .section04_slide ul {overflow:hidden;}
.mobile .section04 .section04_slide li {height:100vh;position:relative;}
.mobile .section05 {height:auto !important;overflow:hidden;}
.mobile .section05 .section05_list li .section_tit {transition: all 0.4s 0.4s;}
.mobile .section05 .section05_list li .section_txt,
.mobile .section05 .sec5_content02 .section05_list_txt .move.section_txt{transition: all 0.6s 0.8s;}
.mobile .section05_list li .section05_list_img img {transition: transform  0.8s,opacity 0.5s;}
.mobile .section05_list li.on .section05_list_img > img {transition:transform 0.5s,opacity 0.5s}


.mobile .section04_dot.hide {opacity:0;}
.mobile .section04_dot {position:fixed;bottom:0;left:0;width:100%;display:block;z-index:100;transition: all 0.5s 0.4s;}
.mobile .section04 .section04_dot:before {content:'';display:block;width:100%;height:1px;border-top:1px solid #888888;position:absolute;top:15px;left:0;transition:all 0.5s;}


.mobile .section04 .section04_dot ul {display: flex;justify-content: space-around;z-index:20;text-align:center;}
.mobile .section04 .section04_dot ul li .dot {width:100%;height:27px;line-height:27px;margin-bottom:10px;display:block;text-align:center;}
.mobile .section04 .section04_dot ul li .dot:after {content:'';display:inline-block;width:8px;height:8px;background:#888888;opacity:0.8;border-radius:50%;vertical-align:middle;transition:all 0.5s;}
.mobile .section04 .section04_dot ul li a {background:none;color:#888888;font-weight:100;font-size:26px;line-height:30px;height:30px;outline: none;border:0;}
.mobile .section04 .section04_dot ul li a:focus {outline: none;border:0;}
.mobile .section04 .section04_dot ul li.active .dot:after {background:url('../images/brand/brand_slide_bot.png') center no-repeat;height:27px;width:27px;opacity:1;}
.mobile .section04 .section04_dot ul li.slick-active button {color:#fff;font-weight:500;border:0;}

@media screen and (max-width: 720px) {
	
	.inner { width:100%;padding: 0 20px;}
	.section {min-height:auto;}
	.section_tit {font-size:24px;line-height:30px;padding-left: 20px;text-indent: -20px;}
	.section_txt {font-size:14px;line-height:20px;}
	.section01 .section_txt,
	.section02 .section_txt {padding-left:20px;}
	


	.section02 {padding:60px 0;box-sizing: border-box;}
	.section02 .inner {padding:0 40px;}
	.section02:after {margin: 100px 20px;width:calc(100% - 40px);height:calc(100% - 200px);}
	.section02 .section_bg {background-size: 80% auto;}
	.section02 .section02_con {    height: calc(100% - 50px);
    margin-top: 20px;}
	.section02 .section_tit {width: 90%;}
	.section02 .section_tit br {display:none;}
	.section02 .sec_conbox_center {margin-top:30%;}

	
	.section03 {padding: 50px 0 50px;}
	.section03 .section03_list li {height:auto;}
	.section03 .section03_list li + li {margin-top:40px;}
	.section03 .section03_list .section03_list_con {margin:0 20px;width:calc(100% - 40px);}
	.section03 .section03_list .section03_list_img {width:85%;height:43vw;margin: 0 !important;top:0;left:20px;}
	.section03 .section03_list .section03_list_img img {width:100%;}
	.section03 .section03_list .section03_list_txt .move {opacity: 1;
    transform: translate(0, 0);}
	.section03 .section03_list .section03_list_txt {font-size:15px;line-height:20px;width:85%;padding:40px 20px 20px;margin-top:calc(43vw - 20px);}
	.section03 .section03_list .section03_list_txt br {display:none;}
	.section03 .section03_list .section03_list_con.right .section03_list_img {left: calc(100% - 20px);margin-left: 0 !important;margin-right: 20px !important;z-index:1;right: inherit;transform: translate(-100%,0) !important;bottom: 0;top: inherit;}
	.section03 .section03_list .section03_list_con.right .section03_list_txt {padding:20px 20px 40px;margin-top:0;margin-bottom:calc(43vw - 20px);}
	.section03 .section03_top {margin-bottom:50px;}
	.section03 .section03_bottom {margin-top:50px;}
	.section03 .section03_bottom .section_txt {font-size:18px;line-height:24px;}


	@keyframes animate02
	{
		0%{
			opacity: 0.1;
			width:2px;
			height:2px;

		}
		80%,100%{
			 opacity: 0.9;
			 width:6px;
			 height:6px;
		}
	}


	.point {bottom: 25%;left: 35%;z-index:10;width: 6vw;height: 8vw;}
	.section03 .point02.move em {max-width:4px;max-height:4px;}
	.section03 .point03.move {width: 14vw;height: 14vw;margin-bottom: -4vw;margin-left: -6vw;}
	.section03 .point04.move {width: 10vw;height: 8vw;margin-bottom: -4vw;margin-left: -6vw;}
	
	.section04 .section04_slide .slick-slide {background-size:auto 120% !important}
	.section04.on .section04_slide .slick-slide {background-size:cover !important}
	.section04,
	.section04 .section04_slide .slick-list{box-sizing:border-box;height: 100vh;}
	.section04 .section04_slide .slick-slide {height: 100vh;height: calc(100vh + 20px);box-sizing:border-box;}
	
	.section04_slide_prev .section04_tit,
	.section04_slide_next .section04_tit {opacity: 1 !important;transform: translate(0, 0) !important;}
	.section04 .section04_slide .inner {padding:0 20px;}
	.section04 .section04_slide .section04_tit {font-size:45px;}
	.section04 .section04_slide .section04_txt {top:20%}
	.section04 .section04_slide li {min-width:auto;}
	.section04 .section04_slide .section04_txt {left:20px;}
	.section04 .section04_slide .section04_tit {right:20px;}

	.mobile .section04 .section04_dot {bottom: inherit;bottom: 5%;}
	.mobile .section04 .section04_dot ul li a {font-size:15px;line-height:20px;height:20px;}


	.section05 {padding:0 0 0;}
	.section05_list li {padding:50px 0;height:100vh;box-sizing:border-box;}
	.section05_list .section05_list_con .section05_list_txt {width:100%;padding:0 0 20px;}
	.section05_list .section05_list_con .section05_list_img {width:70%;}
	.section05_list .sec5_content02 .section05_list_txt {margin-top:60px;}
	.section05 .section_txt {padding-left:20px;}
	.section05_list li .section05_list_img > img {opacity:1;}
	.section05_list li.on .section05_list_img > img {transition: transform 1.5s,opacity 0.5s;}
	.section05_list li .section05_list_img .up {position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-21px;width:42px;height:22px;display:block}
	.section05_list li .section05_list_img .up img {display:blcok;width:100%;}


	

	

		
}

@media screen and (max-width: 340px) {
	#footer .inner .top > ul > .ft_box .sns {display:block;}
	#footer .inner .top > ul > .ft_box .sns li {display:inline-block;}

}