@charset "utf-8";

/*

font-family: 'Noto Sans KR', sans-serif;  Regular 400 , Bold 700
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif; 
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;

타이틀,메인 - #131581;   #171757;
사업부 굵은글씨 - #5679e8;
내용텍스트 - #879de4;  #484849; (흑)

*/

/*연락처*/
.contact_sec{
	margin-top:200px;
	top:250px;
	position:relative;
	opacity:0;
	transition:1.3s;
}

.contact_sec.scroll{
	top:0;
	opacity:1;
}

.contact_wrap{
	width:90%;
	margin:0 auto;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:20px;
	padding-left:5%;
}

.contact_wrap div:nth-child(1), .contact_wrap div:nth-child(2){
	margin-bottom:300px;
}

.contact_wrap div:nth-child(2), .contact_wrap div:nth-child(4){
	padding-left:20px;
}

.contact_box{
	float:left;
	width:50%;
	position:relative;
}

.contact_box:after{
	content:"";
	position:absolute;
	background:#3669ec;
	opacity:0.9;
	width:70%;
	height:1px;
	bottom:50%;
	left:0;
	transform:rotate(-27deg);
}

.con_name{
	color:#000;
	font-weight:700;
	margin-bottom:50px;
}

.con_num{
	margin-bottom:13px;
}

.con_num, .con_mail{
	color:#666;
	font-weight:400;
	margin-left:40%;
}

.dot_map{
	margin-top:200px;
}

.dot_map iframe{
	width:100%;
	margin:0 auto;
}

.dot_map p{
	font-family: 'Noto Sans KR', sans-serif;
	font-size:20px;
	color:#000;
	font-weight:400;
	margin-top:70px;
	text-align:center;
}


@media screen and (max-width:1200px){
	.contact_wrap{
		padding-left:0;
	}
	
	.contact_box{
		float:inherit;
		width:100%;
		padding-left:20%;
		margin:0 auto 300px;
	}
	
	.contact_box:after{
		width:60%;
		left:16%;
	}
	
	.contact_wrap div:nth-child(2), .contact_wrap div:nth-child(4){
		padding-left:20%;
	}
	
	
}

@media screen and (max-width:768px){
	.contact_wrap{
		font-size:18px;
	}
	
	.contact_box{
		padding-left:17%;
	}
	
	.contact_box:after{
		left:15%;
	}
	
	.contact_wrap div:nth-child(2), .contact_wrap div:nth-child(4){
		padding-left:17%;
	}
	
}

@media screen and (max-width:640px){
	.contact_box{
		padding-left:0;
		margin-left:2%;		
	}

	.contact_wrap div:nth-child(2), .contact_wrap div:nth-child(4){
		padding-left:0;
		margin-left:2%;
	}
	
	.con_num, .con_mail{
		margin-left:45%;
	}
	
	.contact_box:after{
		left:5%;
		width:70%;
	}
	
}

@media screen and (max-width:480px){
	.contact_sec{
		margin-top:100px;
	}
	
	.contact_box{
		margin:0 auto 200px;
	}
	
	.contact_wrap div:nth-child(1), .contact_wrap div:nth-child(2){
		margin-bottom:200px;
	}
	
	.contact_box:after{
		width:100%;
		bottom:70%;
		left:0;
	}
	
	.con_num, .con_mail{
		line-height:22px;
	}
	
}

@media screen and (max-width:400px){
	.contact_box{
		margin:0 auto 150px;
	}
	
	.contact_wrap div:nth-child(1), .contact_wrap div:nth-child(2){
		margin-bottom:150px;
	}
	
	.con_name{
		margin-bottom:70px;
	}
	
	.con_num, .con_mail{
		margin-left:37%;
	}
	
	.dot_map p{
		font-size:15px;
	}
	
}

@media screen and (max-width:350px){
	.con_name{
		margin-bottom:100px;
	}
	
	.con_num, .con_mail{
		margin-left:28%;
	}
}