@charset 'utf-8';

.font {
	font-family: 'Noto Sans KR', sans-serif;
}

* {
	box-sizing: border-box;
}

* {
	padding: 0;
	margin: 0;
	color: #333;
	font-family: 'Noto Sans KR', '맑은 고딕', sans-serif;
}

body,header,footer {
	padding: 0;
	margin: 0;
}

header,section,footer,div,p,ul,ol,li,
#wrap {
	display: block;
}

img {
	border: none;
	vertical-align: top;
}

li {
	list-style-type: none;
}

a:link,
a:visited {
	text-decoration: none;
	color: #333;
}

a:hover,
a:focus {
	/*outline:none;*/
}

.over_hi{
	overflow: hidden;
}

/*모바일*/
@media (max-width: 767px) {
	.area {overflow: hidden; width: 94%; margin:0 auto;}

	#visual{width:100%; overflow:hidden; height: 485px;}
		.v_1{background:#fff url("../img/mv1.jpg") no-repeat center; background-size:cover; width:100%; height: 485px;}
		.v_2{background:#fff url("../img/mv2.jpg") no-repeat center; background-size:cover; width:100%; height: 485px;}


		.v_text{width:90%; margin:32% 0 17% 5%;}
		.vT_text{width:90%; margin:0 auto 10%; text-align: center;
			 color: #fff; font-size: 24px; font-weight:500;}
		.vT_text span {font-size: 18px; color: #fff; font-weight: 200;}
		.v_text img{width:100%;}
		.vT_btn {margin-bottom: 15vh;}
		.vT_btn a{display:block; width:140px; line-height:40px; border-radius: 40px; text-align:center; font-size:12px; border:1px solid #fff; color:#fff !important; margin:0 auto;}
		.vT_btn a:hover{background-color:#f15916; border:2px solid #f15916; transition:all .3s;}

		/*sec1*/
		.sec1 {
			background: url(../img/main_bg.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			padding:35px 0;
			width: 100%;
		}
		.main_img1 {
			float: left;
			width: 60%;
		}
		.main_img2 {
			float: right;
			margin-top:-15vh;
			width: 60%;
		}
		.main_img1 img, .main_img2 img {
			width: 100%;
		}
		.sec2 {
			margin:30px auto 30px;
		}
		.main_not {
			width: 100%;
		}
		.main_not h1  {
			font-size: 30px;
			padding-bottom:20px;
			color: #111;
		}
		.main_not h1 span {
			float: right;
			font-size: 14px;
			border-bottom:1px solid #1e3066;
			color: #1e3066;
			line-height: 30px;
			padding-top:5px;
		}
		.notice {
			overflow: hidden;
			padding:5px 0;
		}
		.notice li:first-child {
			width:70%;
			float: left;
		}
		.notice li:last-child {
			width:25%;
			float: right;
			text-align: right;
		}
		.main_call {
			width: 100%;
			border:1px solid #ccc;
			text-align: center;
			margin-top:20px;
		}
		.call_tit {
			text-align: center;
			font-size: 24px;
			padding-top:30px;
			font-weight: bold;
			margin-bottom:30px;
		}
		.call_tit img {
			padding-top:5px;
			padding-right:15px;
			width: 13%;
		}
		.call_tit span {
			color: #f15916;
		}
		.vT_btn2 {display: inline-block; text-align: center; margin-bottom:30px;}
		.vT_btn2 a{display:block; padding:15px 30px; border-radius: 40px; text-align:center; font-size:18px; border:2px solid #111;}
		.vT_btn2 a:hover, .vT_btn2 a:focus{color:#fff; background-color:#111; transition:all .3s;}

}

/*태블릿*/
@media all and (min-width: 768px) and (max-width: 1064px) {
	.area {overflow: hidden; width:94%; margin:0 auto;}

	#visual{width:100%; overflow:hidden;}
		.v_1{background:#fff url("../img/mv1.jpg") no-repeat center; background-size:cover;}
		.v_2{background:#fff url("../img/mv2.jpg") no-repeat center; background-size:cover;}

		.v_text{width:90%; margin:33% 0 17% 5%;}
		.vT_text{width:100%; margin:0 auto 10%; text-align: center;
			color: #fff; font-size: 40px; font-weight:500;}
		.vT_text span {font-size: 20px; color: #fff; font-weight: 200;}
		.vT_btn {margin-bottom: 5%;}
		.vT_btn a{display:block; width:200px; line-height:45px; border-radius: 40px; text-align:center; font-size:14px; border:1px solid #fff; color:#fff !important; margin:0 auto;}
		.vT_btn a:hover{background-color:#f15916; border:2px solid #f15916; transition:all .3s;}

		/*sec1*/
		.sec1 {
			background: url(../img/main_bg.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			padding-bottom:80px;
			width: 100%;
		}
		.main_img1 {
			float: left;
			padding-top:80px;
			width: 60%;
		}
		.main_img2 {
			float: right;
			margin-top:-40vh;
			width: 60%;
		}
		.main_img1 img, .main_img2 img {
			width: 100%;
		}
		.sec2 {
			margin:70px auto 70px;
		}
		.main_not {
			float: left;
			width: 47%;
			margin-right:3%;
		}
		.main_not h1  {
			font-size: 30px;
			padding-bottom:30px;
			color: #111;
		}
		.main_not h1 span {
			float: right;
			font-size: 14px;
			border-bottom:1px solid #1e3066;
			color: #1e3066;
			line-height: 30px;
			padding-top:5px;
		}
		.notice {
			overflow: hidden;
			padding:5px 0;
		}
		.notice li:first-child {
			width:70%;
			float: left;
		}
		.notice li:last-child {
			width:25%;
			float: right;
			text-align: right;
		}
		.main_call {
			float: right;
			width: 50%;
			height: 240px;
			border:1px solid #ccc;
			text-align: center;
			margin-top:10px;
		}
		.call_tit {
			text-align: center;
			font-size: 30px;
			padding-top:50px;
			font-weight: bold;
			margin-bottom:30px;
		}
		.call_tit img {
			padding-top:5px;
			padding-right:15px;
		}
		.call_tit span {
			color: #f15916;
		}
		.vT_btn2 {display: inline-block; text-align: center;}
		.vT_btn2 a{display:block; width:260px; height:60px; border-radius: 40px; text-align:center; line-height:58px; font-size:18px; border:2px solid #111;}
		.vT_btn2 a:hover, .vT_btn2 a:focus{color:#fff; background-color:#111; transition:all .3s;}

}

/*pc*/
@media all and (min-width: 1065px) {
/*visual*/

#visual{width:100%; height:850px;}

	.v_text{width:1200px; margin:30vh auto 160px; text-align: center;}
	.vT_text{width:92%; margin:0 auto; margin-bottom:100px;
		color: #fff; font-size: 54px; font-weight:500;}
	.vT_text span {font-size: 20px; color: #fff; font-weight: lighter;}
	.vT_btn {display: inline-block; text-align: center;}
	.vT_btn a{display:block; width:260px; height:60px; border-radius: 40px; text-align:center; line-height:58px; font-size:18px; border:2px solid #fff; color:#fff !important;}
	.vT_btn a:hover, .vT_btn a:focus{background-color:#f15916; border:2px solid #f15916; transition:all .3s;}

.v_1{background:#fff url("../img/mv1.jpg") no-repeat center; background-size:cover; width:100%; height:850px;}
.v_2{background:#fff url("../img/mv2.jpg") no-repeat center; background-size:cover; width:100%; height:850px;}


.area {
	width: 1200px;
	margin:0 auto;
	clear: both;
	overflow: hidden;
}
/*sec1*/
.sec1 {
	background: url(../img/main_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 680px;
	width: 100%;
}
.main_img1 {
	float: left;
	padding-top:110px;
}
.main_img2 {
	float: right;
	margin-top:-340px;
}
.sec2 {
	margin:70px auto 70px;
}
.main_not {
	float: left;
	width: 580px;
	margin-right:50px;
}
.main_not h1  {
	font-size: 30px;
	padding-bottom:35px;
	color: #111;
}
.main_not h1 span {
	float: right;
	font-size: 14px;
	border-bottom:1px solid #1e3066;
	color: #1e3066;
	line-height: 30px;
	padding-top:5px;
}
.notice {
	overflow: hidden;
	padding:5px 0;
}
.notice li:first-child {
	width:80%;
	float: left;
}
.notice li:last-child {
	width:18%;
	float: right;
	text-align: right;
}
.main_call {
	float: right;
	width: 570px;
	height: 240px;
	border:1px solid #ccc;
	text-align: center;
}
.call_tit {
	text-align: center;
	font-size: 30px;
	padding-top:50px;
	font-weight: bold;
	margin-bottom:30px;
}
.call_tit img {
	padding-top:5px;
	padding-right:15px;
}
.call_tit span {
	color: #f15916;
}
.vT_btn2 {display: inline-block; text-align: center;}
.vT_btn2 a{display:block; width:260px; height:60px; border-radius: 40px; text-align:center; line-height:58px; font-size:18px; border:2px solid #111;}
.vT_btn2 a:hover, .vT_btn2 a:focus{color:#fff; background-color:#111; transition:all .3s;}


}