*{margin:0; padding:0;}


.about_page { margin: 0 auto; width: 1920px; text-align: center; }

.about_page .bg1 { width: 1920px; height:1900px ; }
.about_page .bg2 { width: 1920px; height: 2675px; position: relative;  }
.about_page .bg2 a{ position:absolute; }
.about_page .bg2 a.re1 { top: 359px;     left: 220px; width: 490px; height: 847px;  }
.about_page .bg2 a.re2 { top: 490px;  left: 748px; width: 490px; height: 847px;  }
.about_page .bg2 a.re3 { top:  310px;  right:148px; width: 490px; height: 847px;  }
.about_page .bg2 a:hover{ 
    /*마우스 오버했을때의 효과*/
     
    box-shadow: 8px 5px 5px 0px rgb(240, 109, 1); 
	transition-property:all;/*속성값*/
	transition-duration:0.5s;/*효과를 완료하는데 걸리는 시간*/
	transition-timing-function:ease-in-out;/*효과의 속도곡선*/
	transition-delay:0;/*효과의 지연되는 시간*/
	}


.about_page .bg3 { width: 1920px; height: 2491px;  position: relative;  }
.about_page .bg3 a:hover{ 
    /*마우스 오버했을때의 효과*/
     
    box-shadow: 8px 5px 5px 0px rgb(240, 109, 1); 
	transition-property:all;/*속성값*/
	transition-duration:0.5s;/*효과를 완료하는데 걸리는 시간*/
	transition-timing-function:ease-in-out;/*효과의 속도곡선*/
	transition-delay:0;/*효과의 지연되는 시간*/
	}




.about_page .bg4 { width: 1920px; height: 3019px;  position: relative;  }
.about_page .bg4 ul {  position: absolute;    right: 174px; }
.about_page .bg4 a {  position: absolute;    }

.about_page .bg4 .btn { top:1690px;  left:160px;  width: 352px; height:60px; background-color:#ff0022;   padding-top: 50px;     }
.about_page .bg4 .btn span { font-weight: 700; font-size: 20px;  color: #fff;} 
.about_page .bg4 .btn:hover {  top:1688px;  left:158px;    box-shadow: 4px 5px 8px 0px rgba(0, 0, 0, 0.5); 
transition-property:all;/*속성값*/
	transition-duration:0.5s;/*효과를 완료하는데 걸리는 시간*/
	transition-timing-function:ease-in-out;/*효과의 속도곡선*/
	transition-delay:0;/*효과의 지연되는 시간*/
} 



.about_page .bg4 .video {    top: 1258px;   bottom:100px; right: 173px; }

.about_page .bg5 { width: 1920px; height:2864px;  }
.about_page .bg6 { width: 1920px; height: 1350px;  }




.kakaobtn p  {    color:#fff;   }
.kakaobtn {  bottom:185px; left: 900px; padding-top: 25px; padding-left: 15px;
	width:184px;
	height:180px;
	line-height:50px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 15px;
	border:5px solid #fff;
  
    text-align:center;
	text-decoration:none;
	transition-property:all;/*속성값*/
	transition-duration:0.3s;/*효과를 완료하는데 걸리는 시간*/
	transition-timing-function:ease-in-out;/*효과의 속도곡선*/
	transition-delay:0;/*효과의 지연되는 시간*/
	}
.kakaobtn:hover{
    /*마우스 오버했을때의 효과*/
    bottom:180px; left: 900px;
	background-color:rgba(0,0,0,0.5); 
    box-shadow: 4px 5px 8px 0px rgba(0, 0, 0, 0.5); 
	transition-property:all;/*속성값*/
	transition-duration:0.5s;/*효과를 완료하는데 걸리는 시간*/
	transition-timing-function:ease-in-out;/*효과의 속도곡선*/
	transition-delay:0;/*효과의 지연되는 시간*/
	}


/*
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}




*{margin:0; padding:0;}


.mainnbg {       position: relative; 	width:  100%;      text-align: center;
			 overflow: hidden; 	margin: 0 auto;  height: 1354px;
object-fit: cover; 
			 }



.mainbg-text {
    position: absolute;
	left: 490px;
    bottom: 500px;
    text-align: left;
	}


.mainbg-text2 {
    position: absolute;
	left: 490px;
    bottom: 260px;
    text-align: left;
	}


.mainbg-text h2 {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 7rem;
    letter-spacing: -.14px;

	color:#d8523c;    }
 
 .mainbg-text2 h2 {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: -.14px;

	color:#fff    }
 
 


.pullUp2 {
    animation-name: pullUp;
    -webkit-animation-name: pullUp;
    animation-duration: 2s;
    -webkit-animation-duration: 4s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

.imgwarp {  

    margin: 0 auto;
    position: relative;
	height: 1011px;

}

.imgwarp_top { 
	padding-bottom: 94px;

}

.imgwarp_img {      padding-top: 36.31%;
    background: #f8f8f8 no-repeat center center;
    background-size: cover;

}


.typo_wrap {  position: relative; z-index: 10;}


.typo_wrap_l  {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    line-height: 1;
    white-space: nowrap;   }


.main_inner_bg {    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: -1; }





.ab3 { width: 100%;  height:2677px;  position: relative;   } 
.ab3 .review ul { width:490px; height: 598px; position:absolute;   } 
.ab3 .review .img1 {top:70px; left: 510px;   }
.ab3 .review .img2 {   }
.ab3 .review .img3 {   }


#footer { background-color:#fff; }