@charset "UTF-8";  

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../font/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../font/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../font/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'),url('../font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'),url('../font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'),  url('../font/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../font/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../font/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../font/Pretendard-Thin.woff') format('woff');
}

* {
    font-family: 'Pretendard';
    box-sizing: border-box;
}

.inner{
width: 100%;
    margin:0 auto;
}
.pa{
    position: relative;
}
.ch{
    display: inline-block;
    vertical-align: top;
}
.ab{
    position: absolute;
}

.yellowBtn{
padding:16px 30px;

	border-radius: 30px;
background: #FFB526;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 700;

}
.yellowBtn i{
	margin-left: 10px;
}





	
	

/* 헤더---------------- */
header {
margin:0 auto;

}
.headerBlack{
	margin-bottom: 0;
	z-index: inherit;
	height: 60px;
}
header .inner{
	margin-bottom: -61px;
display: flex;
justify-content: flex-start;
align-items: center;
height: 60px;


}
header .inner h1,
header .inner .logo-wrap{
margin: 0 auto;
text-align: center;
margin-top: 0;
}
header .inner h1 svg,
header .inner .logo-wrap svg{

}


header .inner a li{
	color: #FFF;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;

}
.headerBlack .inner a li{
	color: #000;
}


#hamburger{
	position: absolute;
	top: 10px;
	left: 20px;
	color: #fff;
	font-weight: normal;
}

/* 네비메뉴--------- */
.overlay {

	height: 100%;
	width: 0;
		position: fixed;
		z-index: 3;
		top: 0;
		left:0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-x: hidden;
		transition: 0.5s;
	}
	
	.overlay-content {
		position: relative;
		top: 15%;
		width: 100%;
		text-align: center;
	
	}
	
	.overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}
	
	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .icons svg{
		margin:5px;
		margin-top: 20px;;
	
	}
	
	
	.overlay .closebtn {
		color: #fff;
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 40px;
		font-weight: normal;
	}
	
	@media screen and (max-height: 450px) {
		.overlay a {font-size: 20px}
		.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
		}
	}
	
	
/* 네비메뉴--------- */



/* 헤더---------------- */
/* 푸터----------------- */
footer{
background: #342F26;
color: #D9D9D9;
padding: 40px 10px 60px 10px;
}
.logo_footer{
    width: 60px;
height: 18px;
margin-bottom: 20px;
}
.footTop{

	margin-bottom: 20px;
}
footer .pa span,
footer .pa .add{
    color: #D9D9D9;

font-size: 11px;
font-style: normal;
font-weight: 400;
/* margin-right: 20px; */
}
footer b{
    display: block;
    color: #D9D9D9;
font-size: 12px;
font-style: normal;
font-weight: 700;

margin-bottom: 8px;
}
footer .ch p{
    color: #D9D9D9;

font-size: 11px;
font-style: normal;
font-weight: 400;

}
footer small{
    display: block;
    color: #7A7A7A;
font-size: 12px;
font-style: normal;
font-weight: 400;
margin-top: 18px;
}
footer .icons{
bottom:10%;
right:10px;
position: fixed;
z-index: 2;

}
footer .icons svg{margin-right: 15px; margin-bottom:10px;}

/* 푸터----------------- */
/* Phase 1: 푸터 연락처 링크, 페이지 주제 H1 보조 텍스트 */
footer .ch p a{color:inherit; text-decoration:none;}
.h1-topic{display:block; font-size:0.7em; font-weight:500; letter-spacing:0.02em; margin-bottom:10px;}