@charset "utf-8";

section, article{
	width:100%;
}

/* .inner{width:100%; max-width:1440px; margin:0 auto;} */
/* body{background:#fafafa; font-family: 'Noto Sans KR', sans-serif;} */

/*
배경컬러:   #fafafa;
font-family: 'Noto Sans KR', sans-serif;  Regular 400 , Bold 700
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
*/

header{
	background:rgba(0,0,0,0.2);
}

header.scroll{
	background:#3669ec;
	height:70px;
	border-bottom:0;
}

.logo.scroll{
	padding:22px 0 0 60px;
}

.logo a img.scroll{
	width:120px;
}

.main_menu.scroll{
	font-size:14px;
	margin-top:16px;
}

/*서브메인*/

.submain{
	height:500px;
	background:url(../img/sub_company/main.jpg) 0 0 no-repeat;
	background-size:cover;
}

.submain h2{
	margin:0 auto;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:400;
	color:#3669ec;
	padding-top:260px;
	position:relative;
	text-shadow: 2px 2px 2px gray;
	animation: focus-in-contract 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


/*푸터*/
footer{
	margin-top:200px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:17px;
	font-weight:400;
	color:#fff;
	height:340px;
	background:#3669ec;
	line-height:20px;
}

footer .inner{
	border-top:2px solid #3669ec;
	padding-top:90px;
}

.foot_box{
	float:left;
	width:33%;
	padding-left:50px;
}

.foot_box h1 a img{
	width:140px;
}

.foot_box p{
	padding-bottom:10px;
}

.f_b01 p{
	margin-top:23px;	
}

.f_ico_box{
	margin-top:40px;
	margin-right:40px;
	float:right;
}

.f_ico_box a:first-child{
	margin-right:20px;
}

@media screen and (max-width:1200px){
	footer{
		font-size:15px;
	}
	
	.foot_box{
		padding-left:30px;
	}
}

@media screen and (max-width:1024px){
	.inner{
		width:96%;
	}
	
	.main_menu.scroll{
		font-size:19px;
	}

	header.scroll{
		height:170px;
	}
	
	footer{
		margin-top:150px;
		height:270px;
	}
	
	footer .inner{
		padding-top:60px;
	}
	
	.f_ico_box{
		margin-top:0;
		padding-left:0;
	}
	
	.foot_box h1 a img{
		width:130px;
	}
	
	.f_ico_box a img{
		width:35px;
	}
	
}

@media screen and (max-width:640px){
	.logo.scroll{
		padding:20px 0 0 30px;
	}
	
	header.scroll{
		height:70px;
	}
	
	.submain{
		height:300px;
	}
	
	.submain h2{
		padding-top:150px;
		font-size:33px;
	}
	
	footer{
		font-size:2.4vw;
		height:47.1vw;
		line-height:3.4vw;
		margin-top:60px;
	}
	
	.foot_box h1 a img{
		width:25.3vw;
	}
	
	footer .inner{
		padding-top:9.8vw;
	}
	
	.foot_box{
		width:50%;
	}
	
	.foot_box p{
		padding-bottom:0;
	}
	
	.f_b01 p{
		margin-top:3.5vw;
	}
	
	
	/*4.26 css 수정*/
	.f_ico_box, .f_b03{
		/* display:none; */
	}
	
	.f_ico_box {
		margin-top: -30px;
		margin-right:-5px;
		padding-left: 0px;
	}
	/***4.26 css 수정***/	
	
}

@media screen and (max-width:400px){
	footer{
		line-height:3.8vw;
	}	
	
	footer .inner{
		padding-top:4.8vw;
	}
	
	.foot_box{
		padding-top:2vw;
		padding-left:15px;
	}
	
	
	
}