@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;700;900&display=swap');

.mavisual{width:100%; position:relative; overflow:hidden; height:900px; background:#000;}
.black{position:absolute; width:100%; top:0px; left:0px; height:900px; background:rgba(0,0,0,0.3);  z-index:100; }


.ment1{position:absolute;  z-index:6;  top:0px; left:0px;  }
.ment1 video{object-fit:cover; width:100% !important; object-position:center;  margin-left:0%; }
.ment1 span{position:absolute;  z-index:9;  top:21%; left:15%; border:0px solid red;}

.ment2{position:absolute;  z-index:6;  top:0px; left:0px; }
.ment2  video{object-fit:cover; width:100% !important;  object-position:center; border:0px solid red;  margin-left:0%;}
.ment2 span{position:absolute;  z-index:9;  top:18%; left:14%;}
/* Visual Fade Effect */


#visual { width:100%; overflow:hidden; position:relative; margin:0 auto; height:900px;  }
.visual_wrap { position:relative; width:100%; margin:auto;  height:900px; text-align:center; }
.visual_box { position:absolute; width:100%; left:0%; z-index:11; }
.visual_box p { position:absolute; top:0;	left:0; width:100%;  }
.visual_box img{ border:0px solid #efefef;}
.v_ul {position:absolute;	top:350px; left:50%; margin-left:-36px; z-index:111; }
.v_ul li { z-index:111;	cursor:pointer;	margin-left:12px; float: left; line-height: 16px;  }
.v_ul li:first-child { margin-left:0; }
.v_btn01 {	position:absolute;	z-index:1;	top:232px;	left:-338px;	cursor:pointer; }
.v_btn02{	position:absolute;	z-index:1;	top:232px;	right:-338px; cursor:pointer; }
.visual_p {	/*position:absolute;*/	left:0;}
.visual_text{z-index:133; 	position:absolute; top:100px;  left:50%;  }
.m_visual{display:none;}

@media (max-width:1023px) {

#visual{ height:76vh; display:none; }
.visual_wrap {height:270px;}
.visual_box img{ width:100%;}
.v_ul {top:230px; }

.m_visual{display:block; border:0px solid blue;   height:auto; overflow:hidden; }

}

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

#visual{height:86vh; }
.visual_wrap {height:200px;}
.visual_box img{ width:100%;}
.v_ul {top:170px; left:50%; }
}





/***********count************/
.count_wrap{width:1400px; margin: 0 auto; overflow:hidden; padding-top:105px; padding-bottom:135px;}
.count_wrap ul li{ text-align:center; display:inline-block; margin-right:1%; 
padding-bottom:55px;
width:24.2%; float:left;  border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}

.count_wrap ul li:last-child{ margin-right:0%;}
.countt{font-size:1.4em; font-weight:500; color:#000;  line-height:35px;}
.countArea { font-family: 'Oswald', sans-serif;      font-size: 60px; font-weight:100;   color:#fa6d06; }
.countArea1 { font-family: 'Oswald', sans-serif;     font-size: 60px; font-weight:100;   color:#fa6d06; }
.countArea2 { font-family: 'Oswald', sans-serif;     font-size: 60px; font-weight:100;   color:#333; }
.countArea3 { font-family: 'Oswald', sans-serif;     font-size: 60px; font-weight:100;   color:#333; }



@media screen and (max-width:1199px){
.count_wrap{width:100%; padding:55px 0px;}
}
@media screen and (max-width:789px){
.count_wrap{padding:10px;}
.count_wrap ul li{width:50%; margin:0%; padding-bottom:35px; padding-top:35px;}
.count_wrap ul li:nth-child(1){padding-top:10px;}
.count_wrap ul li:nth-child(2){padding-top:10px;}
.count_wrap ul li:nth-child(3){border-bottom:0px solid rgba(0,0,0,0.3);}
.count_wrap ul li:nth-child(4){border-bottom:0px solid rgba(0,0,0,0.3);}
.countArea{font-size:40px;}
.countArea1{font-size:40px;}
.countArea2{font-size:40px;}
.countArea3{font-size:40px;}
}






/***********제품이미지************/



/***********BRAND************/
.product_wrap{width:1400px; margin: 0 auto; overflow:hidden; border:0px solid red; height:705px; margin-bottom:105px !important;}
.mobilenone1{display:block;}
.mobileshow2{display:none;}

@media screen and (max-width:1199px){
.mobilenone1{display:none;}
.mobileshow2{display:block;}
.product_wrap1{border:0px solid red; padding:70px 0px; overflow:hidden; }
.product_wrap1 ul li{width:50%; float:left;  border:0px solid red;  box-sizing:border-box; padding:20px;}
.product_wrap1 ul li img{width:100%;}
}

@media screen and (max-width:789px){
.product_wrap1{padding:0px 0px 50px 0px;}
.product_wrap1 ul li{width:100%; text-align:center;}

}

/***********인사말************/
.greeting_wrap{width:1400px; margin: 0 auto; overflow:hidden; border:0px solid red;
 background:url('/n_img/greeting_bg01.jpg')no-repeat;}

.greeting_left{width:57%; float:left; padding:80px; box-sizing:border-box; line-height:35px;}
.greeting_right{width:40%; float:left;  padding:50px; box-sizing:border-box;  border:0px solid red; text-align:center;}

.greetingtt{font-size:2.5em; font-weight:100; margin-bottom:25px;}
.greetingtt span{font-weight:500;}


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

.greeting_wrap{width:100%;  background:#f7f7f7; padding-top:25px;}
.greeting_left{width:100%; padding:20px;  line-height:25px;}
.greeting_right{display:none;}
}




/***********BRAND************/
.brand_wrap{width:100%; height:540px; margin-top:50px; overflow:hidden; border:0px solid red; text-align:center; padding-top:13%;
 /*background-attachment:fixed;*/ overflow:hidden; background:url('/n_img/brand_bg01.jpg')center no-repeat;}


@media screen and (max-width:989px){
.brand_wrap{height:300px; background-size:cover;}

}

@media screen and (max-width:689px){
.brand_wrap{background:url('/n_img/brand_bg01.jpg')left no-repeat; background-size:cover;}

}

/***********REVIEW************/
.review_wrap{width:1200px; margin: 0 auto; padding-top:180px; overflow:hidden; border:0px solid red;}
.reviewleft{float:left; width:50%;  border:0px solid red; box-sizing:border-box;  text-align:center;}
.reviewright{float:right; width:50%;  border:0px solid red;box-sizing:border-box; text-align:center;}

.reviewleft .left01{width:100%; height:600px; margin-top:50px;  }
.reviewleft .left01 ul li{display:inline-block;  float:left;	position:relative;  width:48%; height:240px; margin-right:2%; margin-bottom:2%; border:0px solid red;}
.reviewleft .left01 ul li div{position:absolute; top:0; right:0; border:0px solid red; width:50px; height:50px; z-index:25;}
.reviewleft .left01 ul li img{width:100%; max-height:240px; }


@media screen and (max-width:989px){
.review_wrap{width:100%; padding-top:50px;}
.reviewleft{ width:100%;   border:0px solid red;}
.reviewright{ width:100%;   border:0px solid red; margin-top:30px;}
.reviewleft .left01{height:auto; margin-top:20px;}
.reviewleft .left01 ul li{width:48%; margin:1% !important;height:auto;}
.reviewleft .left01 ul li img{ max-height:auto;}
}





.reviewright .right01{width:100%; height:600px !important; margin-top:0px; background:url('/n_img/right01.jpg')no-repeat;  background-size:cover;}


.reviewtt{font-family: 'Crimson Text', serif; font-size:1.5em; font-weight:600; color:#fa6d06;}
.reviewtt1{font-size:0.9em;}
.reviewtt2{font-size:1.3em; color:#Fff; line-height:1.5em; padding-top:30%;}


@media screen and (max-width:989px){
.reviewright .right01{margin-top:10px !important; height:300px !important; padding:10px 10px; box-sizing:border-box;}
.reviewtt{font-size:1.7em;}
.reviewtt1{font-size:1.1em;}
.reviewtt2{padding-top:20%;}
}



.reviewmore {
	
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	margin-top:35px;
	font-weight:500;
	/*font-family: 'Crimson Text', serif;*/
	background:#fa6d06;
	
}
.reviewmore:hover {
	background-color:#000;
	border:0px solid #70452a; 
	color:#fff;
}
.reviewmore:active {
	position:relative;
	
}




@media screen and (max-width:989px){
.reviewmore{padding:10px 22px; font-size:13px;}

}

/***********하단배너************/
.b_banner{width:1400px; margin: 0 auto; padding:180px 0px; overflow:hidden;}
.b_banner ul li{display:inline-block; width:calc(100%/4); float:left; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
.b_banner ul li:last-child{ border-right:1px solid rgba(0,0,0,0);}

.b_bannertt{font-family: 'Crimson Text', serif; font-size:1.4em; font-weight:600; color:#000;}
.b_bannertt1{font-size:1.3em; color:#000; line-height:20px;}

.b_bannertt2{font-size:0.85em; color:#555; line-height:40px; font-weight:300}


@media screen and (max-width:989px){
.b_banner{width:100%; padding:40px 0px;}
.b_banner ul li{width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:20px 0px;  box-sizing:border-box; }
.b_banner ul li:last-child{ border-bottom:0px solid rgba(0,0,0,0); }
}


.btn01{padding:3px 7px; font-size:0.8em; color:#fff; background:#999; border-radius:3px;}