.main_visual										{position:relative; margin:0 auto;}
.main_center										{margin:0 auto; }

.main_visual .scroll {position: absolute; bottom: 5%; left: 50%; margin-left: -15px; z-index: 999; animation: msc 1.5s infinite;}
@keyframes msc {
0% {bottom: 4%;}
50% {bottom: 5%;}
100% {bottom: 4%;}
}


/* new products */
.main01{width:100%; margin:0 auto; position:relative; background:#fff; padding-bottom:150px;}
.main01:after{content:""; clear:both; display:block; }
.m01_inner{padding:5% 0;}
.main01 .m_pro{text-align:center;}
.main01 .m_pro p{font-size:20px; font-weight:800; color:#003b90; margin-bottom:10px;}
.main01 .m_pro h3{font-size:30px; font-weight:600; color:#2b2b2b; margin-bottom:60px;}

.m01_gallery{width:100%; max-width:1400px; margin:0 auto; position:relative; display:block; }

/* newproduct img box 1,2,4,5 */

.m01_gall_left{width:376px; float:left; display:block; margin-right:30px; position:relative;}
.m01_gall_right{width:376px; float:right; display:block; margin-left:30px; position:relative;}


.m01_imgbox{width:100%; max-width:376px; height:280px;position:relative; display:block; background:#ccc; }
.m01_imgbox .imgbox{position:relative; overflow:hidden; display:block;}
.m01_imgbox .imgtitle{position:absolute; font-size:27px;  font-weight:bold; color:#fff; padding:20px;}

.m01_imgbox .details1{ position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    background: rgba(0,159,232,0.9);
    color: #fff !important;
    text-align: left;
    word-break: keep-all;
    opacity: 0;
    transition: 1s}
.m01_imgbox:hover .details1{ opacity: 1;
    transition: 1s;}

.details1 span.m01_contxt1{display:block; font-size:27px; font-weight:600; padding:20px; color:#fff;}
.details1 span.m01_contxt2{display:block; font-size:16px; line-height:25px; color:#fff; padding:0 20px;}
.details1 p.more{font-size:16px; padding:60px 20px 0;color:#fff;}


.m01_imgbox1{margin-bottom:31px;}
.m01_imgbox4{margin-bottom:31px;}


/* newproduct img box3 */
.m01_gall_cen{width:580px;   float:none; position:absolute; top:0; left:29.3%; }
.m01_imgbox3{width:100%;  max-width:580px; height:590px; position:relative; display:block; background:#ccc;}

.m01_imgbox3 .imgbox{position:relative; overflow:hidden; display:block;}
.m01_imgbox3 .imgtitle{font-size:27px; font-weight:bold; color:#fff; padding:20px; position:absolute;}

.m01_imgbox3 .details1{ position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    background: rgba(0,159,232,0.9);
    color: #fff !important;
    text-align: left;
    word-break: keep-all;
    opacity: 0;
    transition: 1s}
.m01_imgbox3:hover .details1{ opacity: 1;
    transition: 1s;}

.m01_imgbox3 .details1 span.m01_contxt1{display:block; font-size:27px; font-weight:600; padding:20px; color:#fff;}
.m01_imgbox3 .details1 span.m01_contxt2{display:block; font-size:16px; line-height:25px; color:#fff; padding:0 20px;}
.m01_imgbox3 .details1 p.more{font-size:16px; padding:110px 20px 0;color:#fff;}



/* 브랜드슬라이드 */

.main02{ width:100%; position:relative; }
/* .main02 .m02_bg{background:url("./img/m02_img.png")no-repeat center; width:100%; background-size:cover; display:block; margin:0 auto; height:950px;} */
.main02 .m02_bg .m02_inner{padding:5% 0;}
.main02 .m_brand{text-align:center;}
.main02 .m_brand p{font-size:20px; font-weight:800; color:#fff; margin-bottom:10px;}
.main02 .m_brand h3{font-size:30px; font-weight:600; color:#fff; margin-bottom:100px;}

.m02_button{  text-align:center;  margin-top:60px;}
.m02_button a{font-size:17px; color:#fff !important; width:183px; height:64px; border:2px solid #fff; line-height:61px; border-radius:20px; display:block;margin:0 auto; transition:1s;}

.m02_button a:hover{color:#009fe8 !important; font-weight:bold; background-color:#fff; transition:1s;}


/* 다양한 제품 */
.main03{width:100%; height:auto;  position:relative; z-index:1;}
.main03:after{content:""; clear:both; display:block; }
/* .main03 .m03_bg{background:url("./img/m03_bg.jpg")no-repeat center; width:100%; display:block; margin:0 auto; height:960px; background-size:cover;} */
.m03_inner{padding:5% 0;  margin:0 auto; }
.m03_inner:after{display:block; clear:both; content:""; }
.main03 .m_pro{text-align:center;}
.main03 .m_pro p{font-size:20px; font-weight:800; color:#003b90; margin-bottom:10px;}
.main03 .m_pro h3{font-size:30px; font-weight:600; color:#2b2b2b; margin-bottom:60px;}


.m03_wrap{position:relative; padding-left:26%;z-index:1;}

.m03_text{position:absolute; z-index:2; top:10%; left:4%; width:365px; height:399px; overflow:hidden; background:url("./img/m03_img1.jpg")no-repeat center; box-shadow:5px 5px 23px #82b3ca; }
.m03_text:after{display:block; content:""; clear:both; }

.txt_wrap{position:relative; padding:10%; height:80%;}

/* 텍스트 스타일 */
.txt_wrap dt.b_dt{font-size:30px; font-weight:bold; color:#fff; margin-bottom:12px;}
.txt_wrap dt.s_dt{font-size:18px; font-weight:bold; color:#fff; margin-bottom:12px;}
.txt_wrap dd{font-size:16px; line-height:28px; color:#fff; margin-bottom:18px; font-weight:500;}
.m03_more{/*margin-bottom:28%;*/ position:absolute; bottom:0; left:0;}
.m03_more a{color:#fff; font-size:16px; font-weight:bold; display:block; }
.dl_show {position:absolute; left:0; top:0;}

/* 원형버튼 */
.m03_arrow ul li{float:left;}
.m03_arrow ul li:nth-child(1){margin-right:15px; }
a.btnPrev{width:40px; height:40px; border:1px solid #fff; font-size:12px; line-height:36px; color:#fff; border-radius:50%; text-align:center; border-radius:50%; display:block;}
a.btnNext{width:40px; height:40px; border:1px solid #fff; font-size:12px; line-height:36px; color:#fff; border-radius:50%; text-align:center; border-radius:50%; display:block;  }

.m03_slide{position:relative; overflow:hidden;}/*width:610px;*/

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

.m3_slide ul {position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;}
.m3_slide ul:after{clear:both; content:""; display:block; visibility:hidden; overflow:hidden; }

.m3_slide ul li{
		display:block; 
		float: left;
    outline: none;
    height: 100%;
    min-height: 1px;
		margin-right:4%;
		box-shadow:5px 5px 23px #82b3ca;
}

.main_bg{background:url("./img/main_bg1.jpg")no-repeat bottom; width:100%; display:block; margin:0 auto; height:1300px; position:absolute; bottom:0px; background-size:100%;}


/* 인스타그램 */
.instar{width:100%; height:auto;  position:relative; background:#fff; padding-bottom:100px;}
.instar:after{content:""; clear:both; display:block; }
/* .instar .insta_bg{background:url("./img/m04_bg.jpg")no-repeat center; width:100%; display:block; margin:0 auto; height:959px;  background-size:cover;} */

.insta_inner{max-width:1400px; margin:0 auto; position:relative; display:block;  }


/* 인스타 타이틀 */
.instar .m_insta{text-align:center; padding-top:10%;}
.instar .m_insta p{font-size:20px; font-weight:800; color:#fff; margin-bottom:10px;}
.instar .m_insta h3{font-size:30px; font-weight:600; color:#fff; margin-bottom:60px;}

/* 인스타 타이틀 옆 sns */
.insta_sns{position:absolute; top:25%; right:0; display:block; }
.insta_sns ul{position:relative; display:flex; }

.insta_slide{display:none; }



/*  협력업체 */

.main05{width:100%;  height:100%; position:relative;  display:block; }

.m05_bg{width:100%; height:200px; background:#009fe8; position:absolute; top:-2px; }
.m05_inner{padding:5% 0; max-width:1440px; margin:0 auto; background:#fff; min-height:500px; position:relative;  }
.m05_inner:after{content:""; display:block; clear:both; }

.m05_parter{display:block; position:relative; height:auto; }
.main05 .m_part{text-align:center;}
.main05 .m_part p{font-size:20px; font-weight:800; color:#003b90; margin-bottom:10px;}
.main05 .m_part h3{font-size:30px; font-weight:600; color:#2b2b2b; margin-bottom:60px;}
.m05_slide{display:none;}
.m05_slide .slick-slide p{border:1px solid #d7d7d7; width:95%; margin-bottom:5px; }
	.m05_slide .slick-slide img{		 max-width:100%; }

@media(max-width:1800px){
	.main_visual .scroll{display:none;}
	.main03 .m_pro{padding-top:100px;}
}

@media(max-width:1700px){
	.m05_inner{margin:0 4%;}

}

@media(max-width:1600px){
	.insta_inner{margin:0 2%; }

	.m05_inner{margin:0 1%;}

	.m01_gallery > div{display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;}
	
	.m01_gall_left{float:none; margin-right:0px;}
	.m01_gall_right{float:none; margin-left:0px;}
	.m01_imgbox{ height:270px; margin:1%;}
	.m01_imgbox3{max-width:780px; position:relative; left:0;top:0; margin:1%;}
  .m01_gall_cen{left:0;}
}

@media(max-width:1580px){
	.main02 .m02_bg{height:auto !important; }
}

@media(max-width:1500px){
	.m05_inner{max-width:1300px;}
	.m03_wrap{padding-left:4%;}
	.m03_text{background:rgba(0,0,0,0.6);box-shadow:none; z-index:2; top:0; height:482px;}
}


@media(max-width:1460px){
	.insta_inner{margin:0 8% 0 0; max-width:1200px;}

	
}

@media(max-width:1400px){
	.m05_inner{max-width:1200px;}
	.instar .m_insta h3{color:#212121;}
	.instar .m_insta p{color:#003b90;}
}

@media(max-width:1200px){

	.insta_inner{margin:0 8% 0 0;}
	
	.insta_sns{top:15%; position:relative; margin:0 auto; }
	.instar .m_insta{padding-top:20%;}
	.insta_sns ul{justify-content: center; padding-bottom:40px;}
	.instar{padding-bottom:50px;}
	.m05_inner{margin:0 3%; max-width:1000px; padding:12% 0;}

	
		
}

@media(max-width:1080px){
		.insta_img{display:none;}
	.insta_slide{display:block; }
	.insta_inner{margin:0 auto; }
	.m01_imgbox3{height:300px;}
	
}

@media(max-width:900px){
	.m01_imgbox .details1{opacity:1;}
	.m01_imgbox3 .details1{opacity:1;}
	.details1 p.more{padding:10px 20px 0;}
	.m01_imgbox3 .details1 p.more{padding:10px 20px 0;}

}

@media(max-width:800px){
	.m01_imgbox{max-width: none; width: 45%;}

	.m01_imgbox3{max-width: none;width: 92%;}
	

}


@media(max-width:768px){
#quick_wrap{display:none;}
.brand_pushy{display:none;}
.pushy{width:70%;}
.ins_box{width:40vw;}

.main01 .m_pro p{font-size:18px;}
.main01 .m_pro h3{font-size:22px;}

.main02 .m_brand p{font-size:18px;}
.main02 .m_brand h3{font-size:22px;}

.instar .m_insta h3{font-size:22px; margin-bottom:30px;}
.instar .m_insta p{font-size:16px;}

.main05 .m_part p{font-size:16px;}
.main05 .m_part h3{font-size:22px;}

		.main02 .m02_bg{height:auto; }
	.main02 .m02_bg .m02_inner{padding:10% 0;}
	.main02 .m_brand{padding-top:0px;}
	.main01{padding-bottom:50px;}


		.m05_static{display:none;}
	.m05_slide{display:block; }

		.m02_button a{width:150px; height:50px; line-height:48px;}
		.details1 span.m01_contxt2{line-height:20px; font-size:14px;}
		.m01_imgbox3 .details1 span.m01_contxt2{line-height:20px; font-size:14px;}

}

@media(max-width:500px){

	.instar{padding-bottom:100px;}

			.details1 span.m01_contxt1{font-size:5vw; padding:20px 20px 10px;}
	.m01_imgbox3 .details1 span.m01_contxt1{font-size:5vw; padding:20px 20px 10px;}
	
	.m03_wrap{padding-left:2%;}
	.m03_text{left:2%;}

	.main_bg{background-position:bottom; height:100%;  }
	.main02 .m02_bg .m02_inner{padding:20% 0 !important;}
	.txt_wrap dt.b_dt{font-size:7.2vw;}
	
}

@media(max-width:414px){

	.main01 .m_pro{margin-top:50px;}


	.instar .m_insta h3{color:#111;}
	.instar .m_insta p{color:#003b90;}

	.main_bg{height:1000px;}


	.details1 span.m01_contxt1{padding:20px 10px;}
	.m01_imgbox3 .details1 span.m01_contxt1{padding:20px 10px;}
	.details1 span.m01_contxt2{padding:10px;}
		.m01_imgbox3 .details1 span.m01_contxt2{padding:10px;}
		.details1 p.more{padding:10px;}
		.m01_imgbox3 .details1 p.more{padding:10px;}


		.m03_text{width:97%;}
		.txt_wrap{padding:10% 12%;}
	
}


@media(max-width:375px){

	.main01 .m_pro{margin-top:20px;}

	.instar .m_insta h3{color:#111;}
	.instar .m_insta p{color:#003b90;}
	.main01{padding-bottom:40px;}
		.main02 .m02_bg{height:auto; }
	.main02 .m02_bg .m02_inner{padding:10% 0;}
	.main02 .m_brand{padding-top:0px;}


	.txt_wrap{height:75%;}
}