@charset "utf-8";
/* /// main common /// */
.main section{padding-top:120px;}
.main .container{width:1200px;}
.main_tit{
	font-size:48px;
	font-weight:700;
	text-transform:uppercase;
}
.main_tit + *{margin-top:75px;}

/* /// main visual /// */
.main_visual{
	margin:0 auto;
	position:relative;
	width:calc(100% - 160px);
	height:820px;
	background:url('../img/main/main_visual_bg.png')no-repeat center/cover;
}
.visual_con{
	padding:75px 70px;
	position:absolute;
	right:180px;
	top:160px;
	width:770px;
	height:380px;
	background:rgba(0, 92, 167, 0.8);
	color:#fff;
	border-bottom-left-radius:75px;
}
.visual_txt{
	max-width:455px;
}
.visual_txt:after{
	content:'';
	display:block;
	position:absolute;
	top:-120px;
	left:10px;
	width:1px;
	height:100px;
	background:#fff;
}
.slide_num{
	font-size:20px;
	font-weight:500;
}
.slide_txt{
	margin-top:40px;
	font-size:46px;
	line-height:1.2;
	font-weight:300;
}
.slide_txt strong{font-weight:700;}
.visual_img{
	max-width:315px;
	transform: translateY(-135px);
}
.visual_img .slick-arrow{display:none !important;}
.visual_nav{
	position:absolute;
	bottom:70px;
	left:60px;
}
.visual_nav a{
	margin-left:10px;
	display:block;
	float:left;
	width:48px;
	height:48px;
	background-size:cover !important;
}
.visual_nav a.prev{background:url('../img/btn/visual_arr.png')no-repeat center}
.visual_nav a.next{
	transform:rotate(180deg);
	background:url('../img/btn/visual_arr.png')no-repeat center
}
.visual_nav a.play{background:url('../img/btn/visual_play.png')no-repeat center;opacity:0.5;}
.visual_nav a.stop{background:url('../img/btn/visual_stop.png')no-repeat center;opacity:0.5;}
.visual_nav a.prev:hover{
	transform:rotate(-180deg);
	background:url('../img/btn/visual_harr.png')no-repeat center
}
.visual_nav a.next:hover{
	transform:rotate(0);
	background:url('../img/btn/visual_harr.png')no-repeat center
}
.visual_nav a.stop:hover{opacity:1;}
.visual_nav a.play:hover{opacity:1;}
/* /// main visual end /// */

/* /// Our work /// */
.product_info{
	margin-top:100px;
	padding-bottom:70px;
	position:relative;
	background:#fafafa;
}
.product_info h3 + p{
	margin-top:25px;
	font-size:18px;
	font-weight:300;
	line-height:1.5;
	color:#888;
}
.work_slider{
	margin-top:60px;
	width:100%;
}
.work_slider .owl-item{float:left;}
.work_slider .door_con{opacity:0.1;}
.work_slider .active  .door_con, .work_slider .slick-center.door_con{opacity:1;}
.work_slider .owl-item a{
	display:block;
	transition:all 0.5s;
	transform:translateY(0);
}
.work_slider .door_con a p{
	padding-bottom:11px;
	display:inline-block;
	font-size:18px;
	font-weight:700;
	line-height:1;
	color:#000;
	transition:all 0.5s;
}
 .work_slider .door_con a img{
	margin:0 auto 20px;
	display:block;
	max-height:410px;
	transition:all 0.5s;
 }
.work_slider .owl-item a:hover{transform:translateY(-20px);}
.work_slider .owl-item a:hover p{
	padding-bottom:10px;
	color:#943762;
	border-bottom:1px solid #943762;
}
.work_slider .owl-item a:hover img{box-shadow:0 0 10px rgba(0,0,0,0.7);}

.owl-prev, .owl-next,  .work_slider .slick-prev, .work_slider .slick-next{display:none !important;}
.slide_con{
	position:absolute;
	top:55px;
	right:0;
}
.slide_con a{
	margin-left:10px;
	float:left;
	display:block;
	width:48px;
	height:48px;
	background-size:cover !important;
}
.slide_con a.prev{background:url('../img/btn/word_arr.png')no-repeat center;}
.slide_con a.next{
	background:url('../img/btn/word_arr.png')no-repeat center;
	transform:rotate(180deg);
}
.slide_con a.stop{
	background:url('../img/btn/word_stop.png')no-repeat center;
	opacity:0.5;
}
.slide_con a.play{
	background:url('../img/btn/word_play.png')no-repeat center;
	opacity:0.5;
}
.slide_con a.prev:hover{
	background:url('../img/btn/word_harr.png')no-repeat center;
	transform:rotate(-180deg);
}
.slide_con a.next:hover{
	background:url('../img/btn/word_harr.png')no-repeat center;
	transform:rotate(0);
}
.slide_con a.stop:hover, .slide_con a.play:hover{opacity:1;}
/* /// Our work end /// */

/* /// costomer /// */
.costomer{padding-bottom:180px;}
.costomer_list li{
	padding:140px 5px 70px;
	margin:0 28px;
	display:inline-block;
	position:relative;
	top:0;
	width:380px;
	transition:all 0.3s;
	overflow:hidden;
}
.costomer_list li.point01{background:#fff url('../img/main/costomer01.png')no-repeat center 70px;}
.costomer_list li.point02{background:#fff url('../img/main/costomer02.png')no-repeat center 70px;}
.costomer_list li.point03{background:#fff url('../img/main/costomer03.png')no-repeat center 70px;}
.costomer_list li:hover{
	top:-30px;
	box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.costomer_list li a{
	margin:45px auto 0;
	display:inline-block;
	position:relative;
}
.costomer_list li a:after{
	content:'';
	display:block;
	position:absolute;
	top:24px;
	right:2px;
	width:39px;
	height:46px;
	background:url('../img/main/point_hover.png')no-repeat center;
	opacity:0;
	transition:all 0.3s;
	transform:translateY(100px);
}
.costomer_list li:hover a:after{
	opacity:1;
	transform:translateY(0);
}
.costomer_list li h4{
	font-size:28px;
	font-weight:700;
	line-height:1.2;
	color:#000;
}
.costomer_list li h4 span{
	display:block;
	color:#db287b;
}
.costomer_list li p{
	margin-top:20px;
	font-size:16px;
	font-weight:500;
	line-height:1.2;
	color:#333;
	letter-spacing:-0.5px;
}
.costomer_list li img{
	display:block;
}
/* /// costomer end /// */

/* /// contant /// */
.contant{
	padding-bottom:90px;
	background:#fafafa;
}
.contant .main_tit + div > .fl{width:54%;}
.contant .main_tit + div > .fr{
	margin-left:100px;
	width:calc(46% - 100px);
}
.contant h4{
	font-size:30px;
	font-weight:700;
	line-height:1.2;
	color:#000;
}
.contant h4 + *{margin-top:30px;}
.contant p{
	margin-top:20px;
	font-size:15px;
	font-weight:400;
	line-height:1;
	color:#333;
	text-transform:uppercase;
}
.map_area{
	position:relative;
	width:100%;
	height:425px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	z-index:1;
}
.map_area .maps{height:calc(100% + 10px);}
.quick_inq label{
	display:block;
	font-size:16px;
	font-weight:500;
	line-height:1;
	color:#333;
}
.quick_inq input[type="text"], .quick_inq input[type="tel"], .quick_inq textarea{
	margin:10px 0 20px;
	width:calc(100% - 20px);
}
.quick_inq textarea{height:80px;}
.quick_inq input[type="checkbox"] + label span{
	display:inline-block;
	vertical-align:middle;
}
form input[type="checkbox"] + label a{
	margin-left:10px;
	padding-bottom:2px;
	font-size:15px;
	font-weight:400;
	line-height:1;
	color:#333;
	border-bottom:1px solid #000
}
.quick_inq button{
	margin-top:35px;
	width:100%;
	border-bottom-left-radius:17px;
}
/* /// contant end /// */
@media screen and (min-width:0\0){}

/* /// 반응형 /// */
@media screen and (max-width : 1460px) {
	.visual_con{
		padding:35px;
		top:50%;
		left:50%;
		border-bottom-left-radius:35px;
		transform:translate(-50%,-50%);
	}
	.costomer_list li{
		margin:0 8px;
		width:calc(100%/3 - 100px);
	}
}

/* 태블릿 */
@media screen and (max-width : 1380px) {
	.main .container{width:calc(100% - 160px);}
	.main_visual {height: 550px;}
	.visual_con{
		transform-origin: center;
		transform: translate(-50%,-50%) scale(0.7);
	}
	.visual_nav{left:25px;}
	.contant p span{
		display:block;
		float:none;
		width:100%;
		line-height:1.5;
	}
}
@media screen and (max-width : 1200px) {
	.main{margin-top:100px;}
}

@media screen and (max-width : 999px) {
	.main .container{width:calc(100% - 20px);}
	.main_tit{text-align:center;}
	.main_tit + *{margin-top:40px;}

	.main_visual{width:100%;}
	.visual_con{transform: translate(-50%,-50%) scale(0.70);}

	.product_info h3 + p{text-align:center;}
	.slide_con{
		margin-top:20px;
		position:static;
		display:block;
		width:100%;
		text-align:center;
	}
	.slide_con a{
		float:none;
		display:inline-block;
		margin:0 3px;
	}
	.work_slider{
		margin:60px  -10px 0;
		width:calc(100% + 20px);
		/*margin:60px -80px 0;
		width:calc(100% + 160px);*/
	}

	.costomer_list li:hover{top:0;}
	.costomer_list li a:after{
		 opacity: 1;
		transform: translateY(0);
	}

	.contant h4{
		text-align:center;
		line-height:1;
	}
	.contant .main_tit + div > .fl, .contant .main_tit + div > .fr{
		float:none;
		display:block;
		width:100%;
	}
	.contant .main_tit + div > .fr{
		margin-top:30px;
		margin-left:0;
	}
}
/* 모바일 */
@media screen and (max-width : 768px) {
	.main{margin-top:60px;}
	.main section{padding-top:40px;}
	.main_tit{font-size:20px;}

	.main_visual{
		height:320px;
		background:url('../img/main/main_visual_mobg.png')no-repeat center / cover;
	}
	.visual_con {
		padding:20px;
		top:40px;
		width:calc(100% - 60px);
		max-width:230px;
		height:200px;
		transform: translate(-50%,0) scale(1);
		border-bottom-left-radius:25px;
	}
	.visual_txt{width:55%;}
	.visual_txt:after{
		top:-35px;
		left:5px;
		height:30px;
	}
	.slide_num{font-size:10px;}
	.slide_txt{
		margin-top:20px;
		font-size:21px;
		letter-spacing:-2px
	}
	.visual_img{
		max-width:45%;
		max-height:240px;
		transform: translate(0px,-17px);
	}
	.visual_img .slick-slide img{
		margin:0 auto;
		max-width:unset;
		max-height:240px;
	}
	.visual_nav{
		bottom:20px;
		left:10px;
	}
	.visual_nav a{
		width:25px;
		height:25px;
		background-size:cover !important;
	}

	.product_info{margin-top:40px;}
	.product_info h3 + p{
		margin-top:15px;
		font-size:10px;
	}
	.work_slider{
		margin-top:50px;
		width:calc(100% + 20px);
	}
	.work_slider .door_con{padding-top:10px;}
	.work_slider .door_con a{outline:none;}
	.work_slider .door_con a img{margin-bottom:10px;}
	.work_slider .door_con a p{
		padding-bottom:5px;
		font-size:10px;
	}
	.slide_con a{
		width:25px;
		height:25px;
		background-size:25px !important;
	}
	.work_slider .door_con.slick-active a p{
		padding-bottom:4px;
		color:#943762;
		border-bottom:1px solid #943762;
	}
	.work_slider .door_con.slick-active a img{box-shadow:0 0 10px rgba(0,0,0,0.7);}

	.costomer{padding-bottom:35px;}
	.costomer_list li{
		padding:55px 5px 40px;
		background-size:23px !important;
		background-position:center 30px !important;
	}
	.costomer_list li h4{font-size:13px;}
	.costomer_list li p{font-size:10px;}
	.costomer_list li a{margin-top:15px;}
	.costomer_list li img{width:20px;}
	.costomer_list li a:after{
		top:8px;
		right:1px;
		width:15px;
		height:21px;
		background-size:contain;
	}

	.contant{padding-bottom:55px;}
	.contant h4{font-size:16px;}
	.map_area{height:175px;}
	.map_area .maps{
		margin-top:-100px;
		height:auto;
	}
	.contant p{font-size:12px;}
	form input[type="checkbox"] + label a{font-size:12px;}
	.quick_inq button{
		margin-top:20px;
		font-size:12px;
		border-bottom-left-radius:10px;
	}
}
@media screen and (max-width : 500px) {
	/*.work_slider{
		margin:60px 25%;
		padding:0;
		width:50%;
	}*/
}