/*공통*/
.wrap{width:1500px; margin:0 auto; word-break:keep-all; }
.m_t{max-width:550px;padding-top:100px;}
.m_t .fs-22{font-weight:800;}
.m_t .fs-22 .bl{color:#2599B2;}
.m_t .fs-43 {line-height:1.3; margin-top:20px;}

/*메인비주얼*/
#main-visual{margin-top:100px; height:85vh;}
#main-visual .item {
	height:85vh; width:1800px; margin:0 auto; color:#fff;
	display:flex; flex-direction: column; 
	
	border-radius:50px;
}
#main-visual .item img{height:85vh; border-radius:50px; }
#main-visual .item.item-1 {
   position:relative;
}

#main-visual .item.item-2 {
   
}
#main-visual .item .mv_txt{position:absolute; bottom:25%; left:150px;}
#main-visual .item .mv_txt .visual-title{font-weight:700;}
#main-visual .owl-dots {
    position:absolute; width:100%; bottom:3%;
    display:flex; align-items: center; justify-content: center;
}
#main-visual .owl-dots .owl-dot {}
#main-visual .owl-dots .owl-dot span {transition:all 200ms; width:200px; height:3px; background:#999;}
#main-visual .owl-dots .owl-dot:focus {outline:0;}
#main-visual .owl-dots .owl-dot.active span {background:#fff;}
#main-visual .owl-theme .owl-nav{display:none;}


/*제품소개*/
#product{ background:url(/images/content/main/bg_01.jpg) no-repeat;background-position:bottom;}
#product .itm{position:relative; width:55%; display:flex; justify-content:space-between;flex-wrap:wrap;transform:translate(650px, -300px);}
#product .itm li {text-align:right; margin-top:80px;}
#product .itm li:nth-child(2n-1){transform:translateX(470px);}
#product .itm li:nth-child(2n){transform:translate(-430px,175px); }

#product .itm li img{border-radius:30px; border:1px solid #d9d9d9; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.10);}
#product .itm li p{font-weight:600;}

/*회사소개*/
#aboutus{background:url(/images/content/main/bg_02.jpg) no-repeat; padding-bottom:100px;}
#aboutus .m_t{color:#fff; max-width:100%;}
#aboutus .w_box{
	margin-top:80px; background-color:#fff; 
	width:100%; border-radius: 30px;
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.10); 
	display:flex; align-items:center; padding:50px 90px;

}
#aboutus .w_box ul{display:flex; justify-content:space-around; width:100%;}
#aboutus .w_box ul li{text-align:center; display:flex; align-items:center;}

#aboutus .w_box ul li .c_icon{
	background-color:#F5F5F5; border-radius: 20px; 
	width:150px; height:150px; 
	display:flex; align-items:center; justify-content:center;
	margin-bottom:20px;
}
#aboutus .w_box ul li a{display:flex; flex-direction:column; align-items:center;}
#aboutus .w_box ul li a .c_txt{font-weight:600; max-width:180px;}

/*고객사*/
#customer{background:url(/images/content/main/bg_03.jpg) no-repeat; padding-bottom:150px;}
#customer .c_list { display:flex; justify-content:right;}
#customer .c_list ul{width:50%; display:flex; flex-wrap:wrap; margin-top:50px;}
#customer .c_list ul li{margin-bottom:50px;}



/*공지사항*/
#notice{background:url(/images/content/main/bg_04.png) no-repeat; padding-bottom:100px;}
#notice .flex{justify-content:space-between; margin-top:50px;}
#notice .n_list{width:48%;}
#notice .n_list ul li {border-bottom:1px solid #3d3d3d; padding:17px 10px;}
#notice .n_list ul li a{display:flex; justify-content:space-between; align-items:end;}
#notice .n_list ul li a .tt{font-weight:600;}
#notice .n_list ul li a .dt{color:#3d3d3d;}
#notice .cont{
	background:url(/images/content/main/con_bg.png) no-repeat;
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.10);
	padding:40px;
	border-radius:30px; width:48%;font-weight:700;
	display:flex; justify-content:flex-end; align-items: flex-end;
}
#notice .cont a{color:#fff;}


@media(max-width:1180px){
	#main-visual {}
	#main-visual .item{ width:96%; overflow:hidden; background-size:cover;}
	#main-visual .item img{width:fit-content; }
	#main-visual .item .mv_txt{top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:60%; word-break:keep-all;}
	
	.wrap{width:96%;}
	
	#product{ 
		background-image:linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url(/images/content/main/bg_01.jpg);
		padding-bottom:100px;
	}
	#product .itm{transform:unset;width:100%;}
	#product .itm li:nth-child(2n-1),
	#product .itm li:nth-child(2n){transform:unset;}
	#product .itm li{width:48%;}
	#product .itm li a{width:100%;}
	#product .itm li a img{width:100%;}
	
	#aboutus .w_box{padding:40px 50px;}
	
	#customer{ 
		background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.5)), url(/images/content/main/bg_03.jpg);
	}
	#customer .c_list{justify-content:start;}
	#customer .c_list ul{width:100%; justify-content:space-between;}
	
	#customer .c_list ul li{width:31%;}
	#customer .c_list ul li img{width:100%;}
	
	#notice .flex{flex-wrap:wrap;}
	#notice .n_list{width:100%; margin-bottom:50px;}
	#notice .cont{width:100%; background-size:cover; height:300px;}
}
@media(max-width:768px){
	#main-visual {margin-top:80px;}
}
@media(max-width:550px){
	
	#main-visual .owl-dots .owl-dot span{width:50px;}
	
	#product .itm li{margin-top:30px;}
	#product .itm li a p.fs-33{font-size:22px;}
	
	#aboutus{background-size:cover;}
	#aboutus .w_box {padding:50px; 20px;}
	#aboutus .w_box ul{flex-wrap:wrap; flex-direction:column;}
	#aboutus .w_box ul li{width:100%; justify-content:center;}
	#aboutus .w_box ul li:nth-child(2n){transform:rotate(90deg); height:80px;}
	#aboutus .w_box ul li a{width:100%; display:flex; flex-direction:column; align-items:center;justify-content:center;}
	#aboutus .w_box ul li .c_icon{margin-bottom:20px;}
	
	#customer{background-size:cover; padding-bottom:50px;}
	#customer .c_list ul li{width:48%; margin-bottom:20px;}
	#customer .c_list ul li img{width:100%;}
	
	#notice .cont{height:200px; padding:25px;}
	#notice .n_list ul li a .tt{width:75%;}
}