@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
/* 폰트, 주조색과 보조색을 관리하는 스타일 시트 */
/* color variable start!! 컬러 변수 선언문 시작 */
:root {
	--main_clr: #F4F4F2;
	--sub_clr: #FFF; /* 서브컬러 추가시 변경해서 사용하세용~ */
	--accnt_clr: #1C1C1C;
	--gry: #282828;
	--wh:#fff;
}

/* color variable end... 컬러 변수 선언문 끝 */
/* font variable start!! 폰트 변수 선언문 시작 */
:root {
	--en_font: "europa", "sans-serif";
	--kr_font: 'Noto Sans KR', sans-serif;
	/* --kr_font: "KoPubWorldDotum' "KoPubDotum", "KoPub Dotum", "sans-serif"; */
	--combie: "europa","KoPubDotum","sans-serif";
}

/* font variable end... 폰트 변수 선언문 끝 */
* {
	font-family: var(--kr_font);
}

/* black color #3c3c3c*/
.en300g {
	font-family: var(--en_font);
	color: var(--gry);
	font-weight: 300;
	color: #282828;
	font-style: normal;
}

.en400g {
	font-family: var(--en_font);
	color: var(--gry);
	font-weight: 400;
	font-style: normal;
	color: #282828;
}
.en500g {
	font-family: var(--en_font);
	color: var(--gry);
	font-weight: 500;
	font-style: normal;
	color: #282828;
}

.en700g {
	font-family: var(--en_font);
	color: var(--gry);
	font-weight: 700;
	color: #282828;
}

.kr100g {
	font-family: var(--kr_font);
	color: var(--gry);
	font-weight: 100;
	color: #000000;
}

.kr300g {
	font-family: var(--kr_font);
	color: var(--gry);
	font-weight: 300;
	font-style: normal;
	color: #000000;
}

.kr400g {
	font-family: var(--kr_font);
	color: var(--gry);
	font-weight: 400;
	color: #000000;
}

.kr500g {
	font-family: var(--kr_font);
	color: var(--gry);
	font-weight: 500;
	color: #000000;
}

.kr700g {
	font-family: var(--kr_font);
	color: var(--gry);
	font-weight: 700;
	color: #000000;
}

/* white color #fff*/
.en300w {
	font-family: var(--en_font);
	color: var(--wh);
	font-weight: 300;
	font-style: normal;
	color: #ffffff;
}

.en400w {
	font-family: var(--en_font);
	color: var(--wh);
	font-weight: 400;
	font-style: normal;
	color: #ffffff;
}

.en700w {
	font-family: var(--en_font);
	color: var(--wh);
	font-weight: 700;
	color: #ffffff;
}

.kr100w {
	font-family: var(--kr_font);
	color: var(--wh);
	font-weight: 100;
	color: #ffffff;
}

.kr300w {
	font-family: var(--kr_font);
	color: var(--wh);
	font-weight: 300;
	color: #ffffff;
}

.kr400w {
	font-family: var(--kr_font);
	color: var(--wh);
	font-weight: 400;
	color: #ffffff;
}

.kr500w {
	font-family: var(--kr_font);
	color: var(--wh);
	font-weight: 500;
	color: #ffffff;
}

.kr700w {
	font-family: var(--kr_font);
	color: var(--wh);
	font-weight: 700;
	color: #ffffff;
}

.kr400or {
	font-family: var(--kr_font);
	font-weight: 400;
    color:#e76715;
}

.kr400-st {
	font-family: var(--kr_font);
	font-weight: 400;
    text-decoration: line-through;
    color:#9b9693;
	font-size: 12px;
}

/* font-style variable start!! 폰트 스타일 적용 */
.btn-round {
	display: block;
	margin: 0 auto;
	text-align: center;
	border-radius: 100px;
	padding: 16px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	transition: 0.3s;
	cursor: pointer;
}
.btn-round:hover {
	color: #fff;
}
.btn-square {
	font-size: 14px;
	line-height: 1;
	height: 45px;
	background-color: #000;
	color: #fff;
	border-radius: 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 13px;
	cursor: pointer;
}
.btn-square.grey {
	background-color: #D3D3D3;
}
.btn-square:hover {
	color: #fff;
}

.tour-btn{
	display: flex!important;
	text-align: center;
}