@charset "UTF-8";

html {
	font-size: 20px;
}

body {
	font-size: 1rem;
}
/* 디자인시작하기전에 웹폰트와 초기화 선언 */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body, html {
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

ul, li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #ffffff;
}

/* 브라우저별로 고유하게 적용되는 form 관련 요소를 제거 */
input, textarea, select, button {
	-moz-appearance: none;
	-webkit-appearance: none;
}

.btn {
	border-radius: 0px;
}

.sidenav {
    display: none;
}

/* header */
.section {
	position: relative;
}

.header_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 89px;
	z-index: 10;
	background-color: none;
}

.header_svg {
	position: absolute;
	top: 27px;
	left: 10vw;
	width: 130px;
	height: 43px;
}

.header_menu {
	display: flex;
	position: absolute;
	top: 33px;
	right: 10vw;
}

.header_menu li {
	font-family: SpoqaHanSansNeo;
	font-size: 0.8rem;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.19;
	letter-spacing: -0.8px;
	text-align: left;
	color: #1d1d1d;
}

.header_menu_li0 {
	margin-top: 8px;
	margin-right: 1.5vw;
}

.header_menu_li1 {
	margin-top: 8px;
	margin-right: 1.4vw;
}

.header_menu_li2 {
	margin-top: 8px;
	margin-right: 1.3vw;
}

.header_menu_li3 {
	margin-right: 1.5vw;
	border-radius: 16px;
	padding: 8px 17px 8px 19px;
	background-color: #3185ff;
	color: #f8f8f8;
}

.header_menu_li3 a:hover, .header_menu_li3 a:focus {
	color: #ffffff;
	text-decoration: none;
}

.header_facebook {
	margin-top: 4px;
	margin-right: 1vw;
	width: 26px;
	height: 26px;
}

.header_instargram {
	margin-top: 6px;
	width: 22px;
	height: 22px;
}

.header_menu_a1 {
	color: #f4f4f4;
}

.header_menu_a1_white {
	color: #000000;
}

.header_menu li {
	display: inline-block;
}

.header_menu_li0 a:hover, .header_menu_li0 a:focus .header_menu_li1 a:hover, .header_menu_li1 a:focus, .header_menu_li2 a:hover,
	.header_menu_li2 a:focus {
	animation-name: example;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	text-decoration: none;
	color: #3185ff;
}

@keyframes example { 0% {
	border-bottom: 0 solid #3185ff;
}

100% {
border-bottom:2px solid #3185ff;
}
}
.total {
	display: none;
}

.a:hover, a:focus {
	color: #f7f7f7;
	text-decoration: none;
}

.container-fluid {
	padding: 0;
}

/* footer */
.footer_wrap {
	background-color: #343434;
	width: 100vw;
}

.footer_position {
	overflow: hidden;
}

.detail-map-infor {
	margin-top: 71px;
	margin-left: 16.75vw;
}

.footer_p1 {
	float: left;
	padding-right: 7px;
	border-right: solid 1px #dbdbdb;
	font-family: SpoqaHanSansNeo;
	font-size: 0.65rem;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.23;
	letter-spacing: normal;
	text-align: left;
	color: #dbdbdb;
}

.footer_p2 {
	float: left;
	padding-left: 7px;
	font-family: SpoqaHanSansNeo;
	font-size: 0.7rem;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.21;
	letter-spacing: normal;
	text-align: left;
	color: #dbdbdb;
}

.footer_p3 {
	margin-top: 8px;
	clear: both;
	font-family: SpoqaHanSansNeo;
	font-size: 0.7rem;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.21;
	letter-spacing: normal;
	text-align: left;
	color: #dbdbdb;
}

.footer_p4 {
	margin: 18px 0 33px;
	float: left;
	font-family: SpoqaHanSansNeo;
	font-size: 0.9rem;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: left;
	color: #dbdbdb;
}

.footer_p5 {
	margin: 18px 0 33px 20px;
	float: left;
	font-family: SpoqaHanSansNeo;
	font-size: 0.9rem;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: left;
	color: #dbdbdb;
}

.footer_sns {
	display: none;
}

@media all and (max-width : 1200px) {
	.a:hover, a:focus {
		color: #f7f7f7;
		text-decoration: none;
	}
	/*header*/
	.header_svg {
		width: 5rem;
		height: 1.655rem;
	}
	.header_menu {
		display: none;
	}
	.total {
		position: fixed;
		display: flex;
		flex-direction: column;
		z-index: 100;
		top: 1.75rem;
		right: 10vw;
		font-size: 1.5rem;
	}
	.total_img {
		z-index: 100;
	}
	.total_img1 {
		margin-bottom: 3px;
	}
	.total_img2 {
		margin-bottom: 3px;
	}

	/*footer */
	.detail-map-infor {
		margin-top: 47px;
		margin-left: 10vw;
	}
	.footer2_wrap {
		width: 100vw;
		height: 184px;
	}
	.footer_position {
		overflow: hidden;
	}
	.footer_sns {
		display: block;
		float: right;
		text-align: right;
		margin: 18px 80px 7px 0;
	}
	.footer_facebook {
		margin-right: 21.4px;
	}
	.footer_p1 {
		font-size: 0.65rem;
		margin: 0 0 8px 79px;
		border-right: none;
	}
	.footer_p2 {
		padding: 0;
		font-size: 0.65rem;
		margin: 0 0 7px 79px;
		clear: both;
	}
	.footer_p3 {
		font-size: 0.55rem;
		margin: 0 0 15px 79px;
		clear: both;
	}
	.footer_p4 {
		font-size: 0.7rem;
		margin: 0 20px 45px 79px;
	}
	.footer_p5 {
		font-size: 0.7rem;
		margin: 0 0 45px 22px;
	}
}

@media all and (max-width : 767px) {
	/* header */
	.a:hover, a:focus {
		color: #f7f7f7;
		text-decoration: none;
	}
	.header_svg {
		width: 78px;
		height: 26px;
		top: 15px;
		left: 5vw;
	}
	.header_menu {
		display: none;
	}
	.total {
		position: fixed;
		display: flex;
		flex-direction: column;
		z-index: 100;
		top: 20px;
		right: 5vw;
		font-size: 1.5rem;
	}
	.header_wrap {
		height: 59px;
	}
	/*footer */
	.detail-map-infor {
		margin-top: 47px;
		margin-left: 16px;
	}
	.footer2_wrap {
		width: 100vw;
		height: 184px;
	}
	.footer_position {
		overflow: hidden;
	}
	.footer_sns {
		display: block;
		float: right;
		text-align: right;
		margin: 21px 21px 7px 0;
	}
	.footer_facebook {
		margin-right: 21px;
	}
	.footer_p1 {
		font-size: 0.65rem;
		margin: 0 0 8px 0;
		border-right: none;
	}
	.footer_p2 {
		padding: 0;
		font-size: 0.65rem;
		margin: 0 0 7px 0;
		clear: both;
	}
	.footer_p3 {
		font-size: 0.55rem;
		margin: 0 0 34px 0;
		clear: both;
	}
	.footer_p4 {
		font-size: 0.7rem;
		margin: 0 20px 26px 0;
	}
	.footer_p5 {
		font-size: 0.7rem;
		margin: 0 0 26px 0;
	}
}