/* Rest */
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
	color: #262626;
	font-family: 'NotoSansKR', sans-serif;
	font-size: 62.5% !important;
	word-break: keep-all;
	word-wrap: break-word;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color : transparent !important;
	animation:entry .3s ease forwards;
  opacity: 0;
}

html::-webkit-scrollbar {
	display: none;
}

html {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

body {
	font-size: 1.6rem;
}

a {
	color: inherit;
	outline: none;
	text-decoration: none;
}

ol, ul {
	list-style: none;
}

b, strong {
	font-weight: 700;
}

img {
	max-width: 100%;
}

button {
	font-family: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	color: inherit;
	-webkit-appearance: none;
	background: none;
}

select {
	outline: none;
	border: 1px solid transparent;
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
}

input, textarea {
	font-family: inherit;
	outline: none;
	border: 1px solid transparent;
}

:focus {
	outline: none;
}

::placeholder {
	color:#737373;
}

em, i {
	font-style: normal;
}


@-webkit-keyframes entry {
	to{opacity: 1;}
}

@keyframes entry {
	to{opacity: 1;}
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


/* Hidden */
.hidden {
	overflow: hidden;
}


/* Blind */
.blind {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}


/* Break */

@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
	.md {
		display: none;
	}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


/* Display */
.d-block {
	display:block;
}

.d-inline-block {
	display:inline-block;
}

.d-flex {
	display:flex;
}

.d-inline-flex {
	display:inline-block;
}

@media screen and (max-width:1200px) {
	.d-lg-block {
		display:block;
	}

	.d-lg-inline-block {
		display:inline-block;
	}
	
	.d-lg-flex {
		display:flex;
	}
	
	.d-lg-inline-flex {
		display:inline-block;
	}
}
@media screen and (max-width:992px) {
	.d-md-block {
		display:block;
	}

	.d-md-inline-block {
		display:inline-block;
	}
	
	.d-md-flex {
		display:flex;
	}
	
	.d-md-inline-flex {
		display:inline-block;
	}
}
@media screen and (max-width:768px) {
	.d-sm-block {
		display:block;
	}

	.d-sm-inline-block {
		display:inline-block;
	}
	
	.d-sm-flex {
		display:flex;
	}
	
	.d-sm-inline-flex {
		display:inline-block;
	}
}
@media screen and (max-width:576px) {
	.d-xs-block {
		display:block;
	}

	.d-xs-inline-block {
		display:inline-block;
	}
	
	.d-xs-flex {
		display:flex;
	}
	
	.d-xs-inline-flex {
		display:inline-block;
	}
}


/* Flex Align */
.align-items-center {
	align-items: center;
}


/* Flex Justify */
.justify-content-center {
	justify-content: center;
}

@media screen and (min-width:993px){
	.justify-content-md-end {
		justify-content: flex-end;
	}
	
}


/* Family */
.fm-montserrat {
	font-family:'Montserrat', sans-serif;
}


/* Weight */
.fw-light {
	font-weight:300;
}

.fw-normal {
	font-weight:400;
}

.fw-medium {
	font-weight:500;
}

.fw-semibold {
	font-weight:600;
}

.fw-bold {
	font-weight:700;
}

.fw-extrabold {
	font-weight:800;
}

.fw-black {
	font-weight:900;
}

/* Line */
.lh-1 {
	line-height: 1;
}


/* Color */
.text-white {
	color:#fff;
}

.text-brown3 {
	color:#e4d4c8;
}

.text-brown4 {
	color:#d0c4bb;
}

.text-brown5 {
	color:#846f60;
}

.text-brown6 {
	color:#a18978;
}

.text-brown7 {
	color:#786354;
}


/* Align */
.text-center {
	text-align: center;
}

@media screen and (min-width:1200px) {

}
@media screen and (min-width:992px) {
	.text-md-center {
		text-align: center;
	}
}
@media screen and (min-width:768px) {

}
@media screen and (min-width:576px) {

}


/* Width  */
.w-1440 {
	max-width:1440px;
	width:95%;
	margin:0 auto;
}


/* Margin */
.mt-10 {
	margin-top:10px;
}

.mt-20 {
	margin-top:20px;
}

.mt-40 {
	margin-top:40px;
}

.mt-60 {
	margin-top:60px;
}

.mt-80 {
	margin-top:80px;
}

.mt-100 {
	margin-top:100px;
}

.mt-120 {
	margin-top:120px;
}

.mt-150 {
	margin-top:150px;
}

.mb-10 {
	margin-bottom:10px;
}

.mb-20 {
	margin-bottom:20px;
}

.mb-40 {
	margin-bottom:40px;
}

.mb-60 {
	margin-bottom:60px;
}

.mb-80 {
	margin-bottom:80px;
}

.mb-100 {
	margin-bottom:100px;
}

.mb-120 {
	margin-bottom:120px;
}

.mb-150 {
	margin-bottom:150px;
}

.mx-10 {
	margin:0px 10px;
}

.mx-20 {
	margin:0px 20px;
}

.mx-40 {
	margin:0px 40px ;
}

.mx-60 {
	margin:0px 60px;
}

.mx-80 {
	margin:0px 80px;
}

.mx-100 {
	margin:0px 100px;
}

.mx-120 {
	margin:0px 120px;
}

.mx-150 {
	margin:0px 150px;
}

.my-10 {
	margin:10px 0px;
}

.my-20 {
	margin:20px 0px;
}

.my-40 {
	margin:40px 0px;
}

.my-60 {
	margin:60px 0px;
}

.my-80 {
	margin:80px 0px;
}

.my-100 {
	margin:100px 0px;
}

.my-120 {
	margin:120px 0px;
}

.my-150 {
	margin:150px 0px;
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
	.mb-10 {
		margin-bottom:6px;
	}

	.mb-20 {
		margin-bottom:12px;
	}
	
	.mb-40 {
		margin-bottom:20px;
	}

	.mb-60 {
		margin-bottom:40px;
	}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
	.mb-10 {
		margin-bottom:4px;
	}

	.mb-20 {
		margin-bottom:6px;
	}
	
	.mb-40 {
		margin-bottom:12px;
	}

	.mb-60 {
		margin-bottom:20px;
	}
}


/* Padding */
.pt-20 {
	padding-top:20px;
}

.pt-40 {
	padding-top:40px;
}

.pt-60 {
	padding-top:60px;
}

.pt-80 {
	padding-top:80px;
}

.pt-100 {
	padding-top:100px;
}

.pt-120 {
	padding-top:120px;
}

.pt-150 {
	padding-top:150px;
}

.pb-20 {
	padding-bottom:20px;
}

.pb-40 {
	padding-bottom:40px;
}

.pb-60 {
	padding-bottom:60px;
}

.pb-80 {
	padding-bottom:80px;
}

.pb-100 {
	padding-bottom:100px;
}

.pb-120 {
	padding-bottom:120px;
}

.pb-150 {
	padding-bottom:150px;
}

.px-20 {
	padding:0px 20px;
}

.px-40 {
	padding:0px 40px ;
}

.px-60 {
	padding:0px 60px;
}

.px-80 {
	padding:0px 80px;
}

.px-100 {
	padding:0px 100px;
}

.px-120 {
	padding:0px 120px;
}

.px-150 {
	padding:0px 150px;
}

.py-20 {
	padding:20px 0px;
}

.py-40 {
	padding:40px 0px;
}

.py-60 {
	padding:60px 0px;
}

.py-80 {
	padding:80px 0px;
}

.py-100 {
	padding:100px 0px;
}

.py-120 {
	padding:120px 0px;
}

.py-150 {
	padding:150px 0px;
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
	.pb-20 {
		padding-bottom:12px;
	}

	.pb-40 {
		padding-bottom:20px;
	}

	.pb-60 {
		padding-bottom:40px;
	}

	.pb-80 {
		padding-bottom:50px;
	}

	.pt-150 {
		padding-top:120px;
	}

	.py-120 {
		padding:80px 0px;
	}

	.py-150 {
		padding:120px 0px;
	}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
	.pb-20 {
		padding-bottom:6px;
	}

	.pb-40 {
		padding-bottom:12px;
	}
	
	.pb-60 {
		padding-bottom:20px;
	}

	.pb-80 {
		padding-bottom:30px;
	}

	.pt-150 {
		padding-top:80px;
	}

	.py-120 {
		padding:60px 0px;
	}

	.py-150 {
		padding:80px 0px;
	}
}

/* Position */
.position-relative {
	position: relative;
}


/* Wrap */
/* .wrap {
	padding-top:100px;
} */

@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


/* Main */
#main {
	min-height: calc(100vh - 400px);
	overflow: hidden;
}


/* Container */
.container {
	max-width:1470px;
	width: 95%;
	margin:0 auto;
}


/* Header */
#header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100px;
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);
	z-index:100;
}

#header .h-container {
	max-width:1440px;
	width:95%;
	height:100%;
	margin:0 auto;
}

#header .h-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
}

#header .h_logo {
	width:222px;
	height:31px;
}

#header .h_logo a {
	display: block;
	width:100%;
	height:100%;
	background: url('/child/img/common/h_logo.png') no-repeat center;
}

@media screen and (max-width:1200px) {
	#header {
		height:70px;
	}
	
	#header .h_logo {
		height:29px;
	}

	#header .h_logo a {
		background-size:auto 29px;
	}
}
@media screen and (max-width:992px) {
	#header .h_logo {
		height:25px;
	}

	#header .h_logo a {
		background-size:auto 25px;
	}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
	#header {
		height:60px;
	}

	#header .h_logo a {
		background-size:auto 22px;
	}
}


/* Footer */
#footer {
	padding:80px 0px;
	background-color: #786354;
}

#footer .f-container {
	max-width:1440px;
	width:95%;
	margin:0 auto;
}

#footer .btm {
	display: flex;
	justify-content: space-between;
}

#footer .btm .lt {
	max-width:800px;
}

#footer .f_logo {
	width:220px;
	height:30px;
	background: url('/child/img/common/f_logo.png') no-repeat center;
}

#footer .f_info {
	display: flex;
	flex-wrap: wrap;
	margin:-6px -10px;
}

#footer .f_info li {
	font-size:1.8rem;
	line-height:.8;
	color:#fff;
	margin:6px 0px;
	padding:0px 10px;
}

#footer .f_info li.w100 {
	width:100%;
}

#footer .f_info li.bdr {
	border-right:1px solid #fff;
}

#footer .f_copy {
	font-size:1.8rem;
	color:#fff;
	padding:30px 0px 20px;
}

#footer .f_sns {
	display: flex;
	gap:10px;
}

#footer .f_cs_tit {
	font-size:2rem;
	line-height:1.6;
}

#footer .f_cs_tit a {
	font-size:3.2rem;
}

#footer .f_cs_info dd {
	position: relative;
	padding-left:24px;
	font-size:1.8rem;
	line-height:1;
}

#footer .f_cs_info dd:last-child {
	font-weight: 700;	
}

#footer .f_cs_info img {
	position: absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}



@media screen and (max-width:1200px) {
	#footer .btm .lt {
		max-width:600px;
	}

	#footer .f_info li {
		font-size:1.4rem;
	}

	#footer .f_copy {
		font-size:1.4rem;
	}

	#footer .f_cs_tit {
		font-size: 1.6rem;
	}

	#footer .f_cs_tit a {
		font-size:2.6rem;
	}

	#footer .f_cs_info dd {
		font-size: 1.4rem;
	}
}
@media screen and (max-width:992px) {
	#footer {
		padding:60px 0px;
	}

	#footer .btm {
		flex-wrap: wrap;
		justify-content: center;
	}

	#footer .btm .lt {
		max-width:100%;
		width:100%;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px solid rgba(255,255,255,.2);
	}

	#footer .btm .rt {
		width: 100%;
	}

	#footer .f_logo {
		width:180px;
		height:24px;
		background-size:auto 24px;
	}

	#footer .f_copy {
		padding: 20px 0px 12px;
	}

	#footer .f_sns img {
		width: 30px;
	}

	#footer .f_cs_info dd {
		padding-left:18px;
	}

	#footer .f_cs_info dd:first-child img {
		width:11px;
	}

	#footer .f_cs_info dd:last-child img {
		width:12px;
	}
}
@media screen and (max-width:768px) {
	#footer .f_info {
		margin:-4px -6px;
	}

	#footer .f_info li {
		font-size:1.2rem;
		margin:4px 0px;
		padding:0px 6px;
	}

	#footer .f_copy {
		font-size:1.2rem;
	}

	#footer .f_cs_tit {
		font-size: 1.4rem;
	}

	#footer .f_cs_tit a {
		font-size:1.6rem;
	}

	#footer .f_cs_info dd {
		font-size: 1.2rem;
	}
}
@media screen and (max-width:576px) {
	#footer {
		padding:40px 0px;
	}

	#footer .btm .lt {
		padding-bottom:12px;
		margin-bottom:12px;
	}

	#footer .f_logo {
		width: 150px;
		height:20px;
		background-size:auto 20px;
	}

	#footer .f_info {
		margin:-4px;
	}

	#footer .f_info li {
		font-size:1rem;
		margin:4px 0px;
		padding:0px 4px;
	}

	#footer .f_copy {
		font-size:1rem;
		padding:12px 0px;
	}

	#footer .f_sns {
		gap:6px;
	}

	#footer .f_cs_tit {
		font-size:1.2rem;
	}

	#footer .f_cs_tit a {
		font-size:1.4rem;
	}

	#footer .f_cs_info dd {
		font-size: 1rem;
		padding-left:14px;
	}

	#footer .f_cs_info dd:first-child img {
		width:9px;
	}

	#footer .f_cs_info dd:last-child img {
		width:10px;
	}
}