@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

/*Font Standard S*/
.mar-30{
	margin:30px 0;
}
.mar-50{
	margin:50px 0;
}
.mar-40{
	margin:40px 0;
}
.lig {
	font-weight: 100 !important;
}

.leg {
	font-weight: 300 !important;
}

.mid {
	font-weight: 500 !important;
}

.bol {
	font-weight: 700 !important;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.brown {
	color: #bb874d !important;
}

.red {
	color: #e9392c !important;
}
.white{
	color:#fff !important;
}
.gray {
	color: #808080 !important;
}
.ClearBoth::after{
	clear: both;
	content: "";
	display: block;
}
/*Font Standard E*/
@media (min-width: 1065px) {
	.bigNone{
		display: none;
	}
	header {
		position: fixed;
		z-index: 4;
	}

	header .menu {
		position: fixed;
		z-index: 99;
		cursor: pointer;
		color: #fff;
		text-align: center;
		font-size: 14px;
		right: 0;
	}

	header .logo {
		position: fixed;
		z-index: 100;
		padding: 37px;
	}

	header .logo img {
		cursor: pointer;
	}

	.menu-trigger {
		margin: 37px;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}

	.menu-trigger {
		position: relative;
		width: 40px;
		height: 34px;
	}

	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #bb874d;
		border-radius: 100px;
	}

	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}

	.menu-trigger span:nth-of-type(2) {
		top: 15px;
	}

	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.menu-trigger.active-8 span {
		background-color: #fff;
	}

	.menu-trigger.active-8 span:nth-of-type(1),
	.menu-trigger.active-8 span:nth-of-type(3) {
		width: 20px;
	}

	.menu-trigger.active-8 span:nth-of-type(1) {
		-webkit-transform: translate(-2px, 8px) rotate(-45deg);
		transform: translate(-2px, 8px) rotate(-45deg);
	}

	.menu-trigger.active-8 span:nth-of-type(3) {
		-webkit-transform: translate(-2px, -8px) rotate(45deg);
		transform: translate(-2px, -8px) rotate(45deg);
	}

	.menuArea {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #bb874d;
		top: -100%;
		transition-duration: 0.5s;
	}

	.menuArea.on {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #bb874d;
		top: 0%;
		transition-duration: 0.5s;
	}

	.menuArea .line {
		width: 12.5%;
		height: 100%;
		float: left;
		 position: relative;
	}

	.menuArea.on .rightBorder {
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.1);
		z-index: 1;
		left: 0;
		top: 0;
	}

	.menuArea.on .whiteBg {
		position: relative;
		    height: 100%;
		    background-color: rgba(187, 135, 77, 1);
		    display: flex;
		    transition-duration: 0.5s;
		    align-items: center;
	}

	.menuArea.on .MenuText {
		height: 100%;
		    display: flex;
    align-items: center;
	}
	.menuArea .MenuText ul{
/*		padding-top: 40%;*/
	}

	.menuArea .MenuText ul li {
		font-size: 125px;
		color: #121212;
		white-space: nowrap;
		line-height: 150px;
		position: relative;
		left: -40px;
	}

	.menuArea.on .MenuText ul li {
		padding: 10px;
		width: 100%;
		position: relative;
		left: 0px;
		transition-delay: 0.4s;
	}

	.menuArea.on .MenuText ul li:nth-child(1) {
		transition-duration: 0.6s;
	}

	.menuArea.on .MenuText ul li:nth-child(2) {
		transition-duration: 0.7s;
	}

	.menuArea.on .MenuText ul li:nth-child(3) {
		transition-duration: 0.8s;
	}

	.menuArea.on .MenuText ul li:nth-child(4) {
		transition-duration: 0.9s;
	}

	.menuArea .MenuText li a {
		color: #fff;
		width: 100%;
		display: inline-block;
		font-size: 110px;
		text-decoration: none;
	}

	.opa{
		opacity: 0.5;
	}
	.menuArea.on .MenuText li a {
		margin-left: -10px;
		transition-duration: 0.5s;
	}

	.addArea ul li.mid{
		color:#fff;
		font-size:18px;
		line-height: 26px;
		font-weight: 100;
	}
	.addArea ul li{
		color: #fff;
    font-size: 12px;
    line-height: 26px;
    font-weight: 100;
    padding: 5px;
	}
	.bigTitle{
		font-size:30px !important;
		margin-bottom: 20px;
	}
	.addArea ul:nth-child(n+2){
		margin-top:30px;
	}

}

@media (max-width: 1064px) and (min-width: 768px) {
	.smallNone{
		display: none;
	}
	header {
		position: fixed;
		z-index: 4;
	}

	header .menu {
		position: fixed;
		z-index: 99;
		cursor: pointer;
		color: #fff;
		text-align: center;
		font-size: 14px;
		right: 0;
	}

	header .logo {
		position: fixed;
		z-index: 100;
		padding: 37px;
	}

	header .logo img {
		cursor: pointer;
	}

	.menu-trigger {
		margin: 37px;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}

	.menu-trigger {
		position: relative;
		width: 40px;
		height: 34px;
	}

	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #bb874d;
		border-radius: 100px;
	}

	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}

	.menu-trigger span:nth-of-type(2) {
		top: 15px;
	}

	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.menu-trigger.active-8 span {
		background-color: #fff;
	}

	.menu-trigger.active-8 span:nth-of-type(1),
	.menu-trigger.active-8 span:nth-of-type(3) {
		width: 20px;
	}

	.menu-trigger.active-8 span:nth-of-type(1) {
		-webkit-transform: translate(-2px, 8px) rotate(-45deg);
		transform: translate(-2px, 8px) rotate(-45deg);
	}

	.menu-trigger.active-8 span:nth-of-type(3) {
		-webkit-transform: translate(-2px, -8px) rotate(45deg);
		transform: translate(-2px, -8px) rotate(45deg);
	}

	.menuArea {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #bb874d;
		top: -100%;
		transition-duration: 0.5s;
	}

	.menuArea.on {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #bb874d;
		top: 0%;
		transition-duration: 0.5s;
		overflow-y: scroll;
	}

	.menuArea.on .whiteBg {
		position: relative;
		height: 100%;
		background-color: rgba(187, 135, 77, 1);
		transition-duration: 0.5s;
	}

	.menuArea.on .MenuText {
				padding-top: 110px;
	}
	.menuArea .MenuText ul{
/*		padding-top: 40%;*/
	}

	.menuArea .MenuText ul li {
		/* font-size: 125px; */
		color: #121212;
		white-space: nowrap;
		/* line-height: 150px; */
		position: relative;
		left: -40px;
	}

	.menuArea.on .MenuText ul li {
		padding: 10px;
		width: 100%;
		position: relative;
		left: 0px;
		transition-delay: 0.4s;
	}

	.menuArea.on .MenuText ul li:nth-child(1) {
		transition-duration: 0.6s;
	}

	.menuArea.on .MenuText ul li:nth-child(2) {
		transition-duration: 0.7s;
	}

	.menuArea.on .MenuText ul li:nth-child(3) {
		transition-duration: 0.8s;
	}

	.menuArea.on .MenuText ul li:nth-child(4) {
		transition-duration: 0.9s;
	}

	.menuArea .MenuText li a {
			color: #fff;
			width: 100%;
			display: inline-block;
			font-size: 35px;
			text-decoration: none;
	}
	/* .menuArea .MenuText li a:hover {
		text-decoration: line-through;
	} */

	.menuArea.on .MenuText li a {
		margin-left: -10px;
		transition-duration: 0.5s;
	}

	.addArea ul li.mid{
		color:#fff;
		font-size:18px;
		line-height: 26px;
		font-weight: 100;
	}
	.addArea ul li{
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		font-weight: 100;
		padding: 5px;
	}
	.bigTitle {
	    font-size: 22px !important;
	}
	.addArea ul{
		margin-top: 20px;
	}
	.menuArea .line{
		margin-left:30px;
	}
}

@media (max-width: 767px) {
	.smallNone{
		display: none;
	}
	header {
		position: fixed;
		z-index: 4;
	}

	header .menu {
		position: fixed;
		z-index: 99;
		cursor: pointer;
		color: #fff;
		text-align: center;
		font-size: 14px;
		right: 0;
	}

	header .logo {
		position: fixed;
    z-index: 100;
    padding: 21px;
	}

	header .logo img {
		cursor: pointer;
	}
	.headerBar{
		height: 0;
		transition-duration:0.5s;
	}
	.headerBar.on{
		background-color: rgba(0,0,0,0.5);
    height: 90px;
    width: 100%;
    position: fixed;
    z-index: 3;
		transition-duration:0.5s;
	}
	.menu-trigger {
		    margin: 28px 12px;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}

	.menu-trigger {
		position: relative;
		width: 40px;
		height: 34px;
	}

	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #bb874d;
		border-radius: 100px;
	}

	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}

	.menu-trigger span:nth-of-type(2) {
		top: 15px;
	}

	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.menu-trigger.active-8 span {
		background-color: #fff;
	}

	.menu-trigger.active-8 span:nth-of-type(1),
	.menu-trigger.active-8 span:nth-of-type(3) {
		width: 20px;
	}

	.menu-trigger.active-8 span:nth-of-type(1) {
		-webkit-transform: translate(-2px, 8px) rotate(-45deg);
		transform: translate(-2px, 8px) rotate(-45deg);
	}

	.menu-trigger.active-8 span:nth-of-type(3) {
		-webkit-transform: translate(-2px, -8px) rotate(45deg);
		transform: translate(-2px, -8px) rotate(45deg);
	}

	.menuArea {
		position: fixed;
    width: 100%;
    height: 100%;
    background-color: #bb874d;
    top: -128%;
    transition-duration: 0.5s;
	}

	.menuArea.on {
		position: fixed;
    width: 100%;
    height: 100%;
    background-color: #bb874d;
    top: 0%;
    transition-duration: 0.5s;
    overflow-y: scroll;
	}


	.menuArea.on .whiteBg {
		position: relative;
		height: 100%;
		background-color: rgba(187, 135, 77, 1);
		transition-duration: 0.5s;
	}

	.menuArea.on .MenuText {
		    padding-top: 110px;
	}
	.menuArea .MenuText ul{
/*		padding-top: 40%;*/
	}
	.addArea{
		/* padding-top: 50%; */
		display: flex;
    align-items: center;
    height: 100%;
	}
	.menuArea .MenuText ul li {
		/* font-size: 125px; */
		color: #121212;
		white-space: nowrap;
		/* line-height: 150px; */
		position: relative;
		left: -40px;
	}

	.menuArea.on .MenuText ul li {
		padding: 10px;
		position: relative;
		left: 0px;
		transition-delay: 0.4s;
	}

	.menuArea.on .MenuText ul li:nth-child(1) {
		transition-duration: 0.6s;
	}

	.menuArea.on .MenuText ul li:nth-child(2) {
		transition-duration: 0.7s;
	}

	.menuArea.on .MenuText ul li:nth-child(3) {
		transition-duration: 0.8s;
	}

	.menuArea.on .MenuText ul li:nth-child(4) {
		transition-duration: 0.9s;
	}

	.menuArea .MenuText li a {
	    color: #fff;
	    width: 100%;
	    display: inline-block;
	    font-size: 35px;
	    text-decoration: none;
	}
	/* .menuArea .MenuText li a:hover {
		text-decoration: line-through;
	} */

	.menuArea.on .MenuText li a {
		margin-left: -10px;
		transition-duration: 0.5s;
	}

	.addArea ul li.mid{
		color:#fff;
		font-size:18px;
		line-height: 26px;
		font-weight: 100;
	}
	.addArea ul li{
		color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: 100;
    padding: 5px;
	}
	.bigTitle {
	    font-size: 22px !important;
	}
	.addArea ul{
		margin-top: 20px;
	}
	.menuArea .line{
		margin-left:30px;
	}
}
.rightCenter{
	position: fixed;
	z-index: 9;
	right:-60px;
	top:50%;
	margin-top:-17.5px;
	transform: rotate(90deg);
	background-color:#c9955a;
	color:#fff;
	padding: 10px 15px;
	border-radius: 0 0 10px 10px;
	font-weight: 300;
	cursor: pointer;
}

.section{
	overflow: hidden;
}

.sns{
	float: left;
	font-size:30px !important;
	cursor: pointer;
}