@charset "utf-8";


/*-----------------------------------------------------------------

 테이블 틀 

-----------------------------------------------------------------*/


/* header */
header
{
	position			: fixed;
	top				: 0px;
	z-index			: 10;
	width				: 100%;
	height				: 99px;
	background			: #fff;
	border-bottom		: 1px solid #ebebeb;
}

h1
{
	float				: left;
}

nav
{
	float				: left;
	padding-left			: 154px;
}


nav a
{
	
	font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
	font-size			: 19px;
	color				: #292929;
	font-weight			: 500;
	line-height			: 99px;
	padding			: 0 35px;
}

.gnb1
{
	position			: fixed;
	right				: 50px;
	bottom				: 80px;

}

.onoffswitch_ul .ufl a
{
	font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
	font-size			: 19px;
	color				: #292929;
	font-weight			: 500;

}






/*

모바일 메뉴 시작

 */

.btnGnb
{
	float				: right;
	display				: inline-block;
	padding			: 35px 0px 35px 20px;

}

.btnExit
{
	float				: right;
	display				: inline-block;
	padding			: 35px 0px 35px 20px;

}



#left
{
	position			: fixed; 
	width				: 480px;
	right				: -480px;  
	background			: #fff; 
	z-index			: 1000;
	height				: 100%;
	overflow-y			: scroll;
}

.kimmoonhark a
{
	font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
	font-size			: 22px;
	color				: #292929;
	font-weight			: 700;
	line-height			: 50px;
	display				: block;
}

.menubg
{
	position			: fixed;
	z-index			: 100;
	top				: 0px; 
	left				: 0px;
	bottom				: 0px;
	right				: 0px;
	background			: rgba(0,0,0, 0.7);
	display				: none;
}

/*

//모바일 메뉴 시작

 */










/* video */

.main
{
	position			: relative;
	overflow			: hidden; 
	background: #fff;
}

.sub
{
	position			: relative;
	overflow			: hidden; 
}




.sub_fixed_on
{
	position			: fixed;
	width				: 100%;
	height				:100%;
	background			: #e5f9f9;
	z-index			: 3;
	top				: 0px;
	left				: 0px;
}

/*
.sub_fixed_off
{
	position			: fixed;
	overflow			: hidden; 
	background: #ccc;
	z-index: -1;
	top:0px;
	left:0px;
}

*/



.main_bg1
{
	background			: url('../img/main/bg1.png') center center no-repeat;
	position			: absolute;
	z-index			: 2;
	width				: 100%;
	height				: 100%;
	top				: 0px;
}

.main_bg2
{
	position			: absolute;
	z-index			: 2;
	width				: 100%;
	height				: 100%;
	top				: 0px;
}





.main_text1
{
	padding-top			: 410px; 

}




.sub2_text1
{
	padding-top			: 320px; 

}



.sub3_text1
{
	padding-top			: 160px; 

}

.sub3_text1 .fl .sub3_div1
{
	left				: 50px;
}

.sub3_text1 .sub3_div2
{
	padding			: 165px 0 0 180px;
}

@media screen and (max-width: 768px) {

	.sub3_text1 .fl
	{
		float				: none!important;
		width				: auto!important;
		padding-left			: 0px;
	}

	.sub3_text1 .fl .sub3_div1
	{
		left				: 50%;
		margin-left			: -130px;
	}
	.sub3_text1 .sub3_div2
	{
		padding			: 50px 0 0 0px;
		text-align			: center;
	}




}






.sub4_text1
{
	padding-top			: 330px; 
	padding-left			: 170px; 

}



@media screen and (max-width: 768px) {

	.sub4_text1
	{
		padding-top			: 330px; 
		padding-left			: 0px; 
		text-align			: center;

	}

	.sub4_text1 .cont_text1
	{
		display				: block;
		padding-top			: 20px;
	}




}





.sub5_text1
{
	padding-top			: 240px; 

}






@media screen and (max-width: 768px) {
	.sub5_text1
	{
		padding-top			: 100px; 

	}

	.sub5_text1 .sub5_div1 .cont_tit1
	{
		padding-left			: 80px!important;

	}

	.sub5_text1 .sub5_div2
	{
		margin-top			: 100px; 


	}

	




}





.sub6_text1
{
	padding-top			: 290px; 

}





@media screen and (max-width: 768px) {
	.sub6_text1 .cont_tit1 span
	{
		font-size			: 35px;
	}

	.sub6_text1 .sub6_div1 .table_01
	{
		width				: 600px!important;

	}

	




}



.sub7_img1
{
	position			: absolute;
	top				: 130px;
	left				: 50%;
	margin-left			: -722px;
	width				: 727px;

}




.sub7_text1
{
	margin-top			: 290px; 
	width				: 530px;
	float				: right;

}




@media screen and (max-width: 768px) {

	.sub7_img1
	{
		left				: 0%;
		margin-left			: -130px;
		z-index: -1;

	}

	.sub7_text1
	{
		margin-top			: 680px; 
		float				: none!important;
		width				: auto!important;
		background-color		: rgba(255,255,255, 0.7);
		padding			: 20px 20px 50px 20px;

	}
	.sub7_text1 .sub7_anim1
	{
		text-align			: center;
	}

	




}


.sub8_text1
{
	padding-top			: 190px; 

}


.sub8_img1
{
	position			: absolute;
	z-index			: -1;
	top				: 0px;
	left				: 50%;
	margin-left			: 80px;
	width				: 538px;

}


@media screen and (max-width: 768px) {

	.sub8_anim3 .table_01
	{
		width				: auto!important;

	}

	.sub8_img1 img
	{
		opacity				: 0.1;
	}

	




}







@media screen and (max-width: 768px) {

	.sub10_div1
	{
		padding			: 100px 0px 0 0px!important;

	}

	.sub10_div2
	{
		padding			: 25px 25px 15px 25px!important;
	}

	.sub10_div2 .table_03 tbody td
	{
		width				: 40px!important;
	}

	




}



.sub11_div1 .cont_tit2
{
	padding-left			: 40px;
}



@media screen and (max-width: 768px) {

	.sub11_text1 strong
	{
		display				: block;

	}

	.sub11_div1
	{
		float				: none!important;
		padding-top			: 80px!important;
	}

	.sub11_div1 .cont_tit2
	{
		padding-left			: 0px;
		font-size			: 40px;
		text-align			: center;
	}

	
	.sub11_div2
	{
		float				: none!important;
		width				: 100%!important;
		text-align			: center;
		padding-top			: 100px!important;
	}


	.sub11_div2 .sub11_img1 img
	{
		width: 80%

	}

	




}








.sub13_div1
{
	padding			: 0 85px 0 95px; 
}



.sub13_div2
{
	padding-left			: 50px;
}

@media screen and (max-width: 768px) {


	.sub13_div1
	{
		padding			: 0 0px 0 10px; 
	}

	.sub13_div1 .sub13_text1,
	.sub13_div1 .sub13_text2
	{
		padding-left			: 0px; 
	}

	.sub13_div2
	{
		padding-left			: 0px;
	}

	.sub13_div2 img
	{
		width				: 100%;
		

	}
	.sub13_div2 li:nth-child(1)
	{
		width				: 120px;

	}

	.sub13_div2 li:nth-child(2)
	{
		width				: 200px;

	}

	.sub13_div2 li:nth-child(3)
	{
		width				: 200px;

	}




}





@media screen and (max-width: 768px) {


	.sub14_img1 img
	{
		width				: 100%;
	}


}




.sub15_div2
{
	float				: right;
	width				: 740px;
	top				: 200px;
	position			: relative;
}




@media screen and (max-width: 768px) {


	.sub15_div1
	{
		float				: none;
		padding-left			: 10px;
		padding-top			: 80px!important;
	}

	.sub15_div2
	{
		float				: none!important;
		clear				: both ;
		width				: 600px!important;
		top				: 90px;
	}

	.sub15_div2 .sub15_img1,
	.sub15_div2 .sub15_img2,
	.sub15_div2 .sub15_img5
	{
		margin-left			: -70px;
	}

	.sub15_div2 .sub15_img3
	{
		margin-left			: -100px;
	}

	.sub15_div2 .sub15_img4
	{
		margin-left			: -40px;
	}




}








@media screen and (max-width: 768px) {


	.sub16_div1 li
	{
		width				: auto;
		padding-bottom		: 20px;
	}

	.sub16_div1 .span1
	{
		font-size			: 22px;
		line-height			: 56px;
		height				: 56px;
		width				: 260px;

	}


	.sub16_div2
	{
		height				: 1400px!important;
	}



	.sub16_div1,
	.sub16_div3
	{
		padding-left			: 10px;

	}


}


/* 

애니메이션 @keyframes

*/




@keyframes txtToLeft { 0% {padding-left:20px;opacity:0;}  100% {padding-left:0px; opacity:1;} }
@keyframes txtToTop { 0% {padding-top:30px;opacity:0;}  100% {padding-top:0px; opacity:1;} }
@keyframes txtToBtm { 0% {top:-30px;opacity:0;}  100% {top:0px; opacity:1;} }
@keyframes txtOpacity { 0% {opacity:0;}  100% {opacity:1;} }

@keyframes txtOpacity2 { 0% {opacity:1;}  100% {opacity:0;} }
@keyframes txtScale { 0% {transform: scale(0,0); opacity:0;}  100% {transform: scale(1,1); opacity:1;} }



@keyframes txtToY { 0% {top:0px;}  100% {top:-530px; } }



.move .visibility {	visibility : visible ;}





/* 애니메이션 이 마케팅은 원래 */
.move .main_bg1{animation:txtOpacity 0.5s 0s backwards;}
.move .main_text1{animation:txtOpacity 1.0s 0.0s backwards;}









/* 과연 이게 최선일까? */
.move .sub2_img1{animation:txtToTop 0.5s 0.0s backwards;}
.move .sub2_text1 .cont_tit2{animation:txtToTop 0.6s 0.5s backwards;}
.move .sub2_text1 .cont_text1{animation:txtToTop 0.6s 0.8s backwards;}







/* 이것이 우리가 새롭게 */
.move .sub3_text1 .sub3_anim1{animation:txtToY 0.8s 0.0s forwards;}
.move .sub3_text1 .sub3_anim1_1{animation:txtScale 0.5s 0.5s backwards;}


.move .sub3_text1 .sub3_anim2{animation:txtToY 0.8s 0s forwards;}
.move .sub3_text1 .sub3_anim2_1{animation:txtScale 0.5s 0.5s backwards;}

.move .sub3_text1 .cont_text2{animation:txtOpacity 0.5s 0.4s backwards;}


.move .sub3_div2 .cont_tit2{animation:txtToTop 0.6s 0.7s backwards;}
.move .sub3_div2 .cont_text1{animation:txtToTop 0.6s 0.9s backwards;}


.move2 .sub3_text1 {animation:txtOpacity2 0.7s 0.0s forwards;}
.move3 .sub3_text1 {animation:txtOpacity 1s 0.0s backwards;}




/* 생각했습니다 아이템을 만들기 위한 여러분의 노력을 */


.move .sub4_text1 .sub4_anim1{animation:txtToTop 0.5s 0.0s backwards;}
.move .sub4_text1 .sub4_anim2{animation:txtToTop 0.5s 0.5s backwards;}

.move .sub4_text1 .sub4_anim1 .cont_text1{animation:txtOpacity 0.8s 0.8s backwards;}
.move .sub4_text1 .sub4_anim2 .cont_text1{animation:txtOpacity 0.8s 1.1s backwards;}







/* 더 이상 낭비되는 */
.move .sub5_text1 .sub5_anim1{animation:txtOpacity 0.5s 0.0s backwards;}
.move .sub5_text1 .sub5_anim2{animation:txtToBtm 0.5s 0.4s backwards;}
.move .sub5_text1 .sub5_anim3{animation:txtToTop 0.5s 0.6s backwards;}
.move .sub5_text1 .sub5_anim4{animation:txtOpacity 0.6s 1s backwards;}






/* AI 인플루언서 분석 기술을 통해 완성된 */
.move .sub6_text1 .sub6_anim1{animation:txtToTop 0.5s 0.0s backwards;}
.move .sub6_text1 .sub6_anim2{animation:txtOpacity 0.6s 0.2s backwards;}
.move .sub6_text1 .sub6_anim3{animation:txtOpacity 0.5s 0.5s backwards;}
.move .sub6_text1 .sub6_anim4{animation:txtOpacity 0.5s 0.6s backwards;}
.move .sub6_text1 .sub6_anim5{animation:txtToTop 0.5s 0.7s backwards;}


/* 실시간 견적 비교 감춤 내용 */
.move .sub10_text1 .sub10_anim1{animation:txtToTop 0.5s 0.0s backwards;}
.move .sub10_text1 .sub10_anim2{animation:txtToTop 0.7s 0.3s backwards;}
.move .sub10_text1 .sub10_anim3{animation:txtToTop 0.7s 0.5s backwards;}
.move .sub10_text1 .sub10_anim4{animation:txtToTop 0.7s 0.8s backwards;}











/* 우리는 무료 마케팅 */

.move .sub7_img1 {animation:txtToTop 0.5s 0.0s backwards;}
.move .sub7_text1 .cont_tit1 {animation:txtToTop 0.5s 0.5s backwards;}
.move .sub7_text1 .cont_tit1 .cont_tit2 {animation:txtToTop 0.5s 0.7s backwards;}
.move .sub7_text1 .sub7_anim1 {animation:txtToTop 0.5s 0.8s backwards;}


/* 3초만 더보기 감춤 내용 */
.move .sub11_text1{animation:txtToTop 0.5s 0.0s backwards;}
.move .sub11_text2{animation:txtToTop 0.5s 0.4s backwards;}
.move .sub11_img1{animation:txtToTop 0.5s 0.5s backwards;}
.move .sub11_img2{animation:txtOpacity 0.5s 0.7s backwards;}





.move .sub12_text1{animation:txtToTop 0.5s 0.0s backwards;}
.move .sub12_text2{animation:txtToTop 0.5s 0.3s backwards;}
.move .sub12_img1{animation:txtToTop 0.7s 0.5s backwards;}






.move .sub13_text1{animation:txtToTop 0.5s 0.0s backwards;}
.move .sub13_text2{animation:txtToTop 0.5s 0.3s backwards;}
.move .sub13_text3{animation:txtOpacity 0.6s 0.5s backwards;}

.move .sub13_img1{animation:txtOpacity 0.9s 0.7s backwards;}
.move .sub13_img2{animation:txtOpacity 0.9s 0.9s backwards;}
.move .sub13_img3{animation:txtOpacity 0.9s 1.1s backwards;}





.move .sub14_img1{animation:txtOpacity 1.8s 0.0s backwards;}
.move .sub14_img2{animation:txtOpacity 0.7s 0.5s backwards;}
.move .sub14_img3{animation:txtOpacity 0.7s 1s backwards;}





.move .sub15_text1{animation:txtToTop 0.7s 0.0s backwards;}
.move .sub15_text2{animation:txtToTop 0.7s 0.3s backwards;}
.move .sub15_text3{animation:txtToTop 0.7s 0.6s backwards;}
.move .sub15_text4{animation:txtOpacity 0.7s 0.9s backwards;}


.move .sub15_img0{animation:txtOpacity 1s 0.5s backwards;}
.move .sub15_img1{animation:txtOpacity 0.8s 0.3s backwards;}
.move .sub15_img2{animation:txtOpacity 0.8s 0.5s backwards;}
.move .sub15_img3{animation:txtOpacity 0.8s 0.7s backwards;}
.move .sub15_img4{animation:txtOpacity 0.8s 0.9s backwards;}
.move .sub15_img5{animation:txtOpacity 0.8s 1.1s backwards;}


.move .sub15_text5{animation:txtOpacity 0.5s 1.3s backwards;}








.move .sub16_text1{animation:txtOpacity 0.5s 0.0s backwards;}
.move .sub16_text2{animation:txtToTop 0.7s 0.4s backwards;}
.move .sub16_text3{animation:txtToTop 0.7s 0.7s backwards;}

.move .sub16_text4{animation:txtOpacity 0.7s 1s backwards;}






.move .sub17_text1{animation:txtOpacity 0.5s 1.4s backwards;}
.move .sub17_text2{animation:txtOpacity 0.5s 1.4s backwards;}

.move .sub17_text3{animation:txtOpacity 0.6s 1.8s backwards;}
.move .sub17_text4{animation:txtToTop 0.5s 2s backwards;}








/* 일단 상담 받아보세요 */

.move .sub8_img1 {animation:txtOpacity 0.5s 0.5s backwards;}

.move .sub8_text1 .sub8_anim1 {animation:txtToTop 0.5s 0.0s backwards;}
.move .sub8_text1 .sub8_anim2 {animation:txtOpacity 0.5s 0.3s backwards;}
.move .sub8_text1 .sub8_anim3 {animation:txtOpacity 0.5s 0.6s backwards;}
.move .sub8_text1 .sub8_anim4 {animation:txtOpacity 0.5s 0.8s backwards;}
.move .sub8_text1 .sub8_anim5 {animation:txtOpacity 0.5s 1s backwards;}