<style type="text/css">
	
	html,div{margin: 0;}
	html{scroll-behavior: smooth;}
	body,h1,h2,p{margin: 0;}
	img{width: 100%}
	h1,h2,p{word-break: keep-all;}
	ul{padding-left: 0}

	header{font-family: 'Noto Sans KR', sans-serif;}
	.sans{font-family: 'Noto Sans KR', sans-serif;}

	#img75{width: 5%;
			padding: 1%;}
	#img76{width: 8%;
			float: right;
			padding: 1%;}

	#title{padding-top: 1.5%;
				margin-bottom: 5%;
				font-size: 3.5em;
				font-weight: 400;
				text-align: center}

	nav{border-bottom: 1px solid black;
		height: 40px;}
	nav ul{width: 70%;
			height: 40px;
			margin-left: 22%}
	nav li{list-style-type: none;
		float: left;
		line-height: 40px;
		margin-left: 5%;
		margin-right: 5%;
		font-size: 1.2em;
		font-weight: 300;
		text-align: center;}
	nav a{text-decoration: none;
		color: black}
	nav a:hover{color: lightgray;
				transition: all 0.5s}

	#header-ul{width: 30%;
				margin-left: 42%;
				height: 50px;
				margin-top: 3%;
				margin-bottom: 3%;}
	.header-li{list-style-type: none;
				float: left;
				font-weight: 300;
				color: gray;
				margin-left: 0.7%;
				margin-right: 0.7%;
				text-align: center;
				line-height: 50px;}
	a{text-decoration: none;
		color: gray}
	a:hover{color: black;
			transition: all 0.7s}

	#header-thumbnail{width: 80%;
						display: inline-block;
						margin: auto;
						margin-left: 10%;}
	.img1{width: 55%;
			display: inline-block;
			vertical-align: top;}
	#thumbnail-text{width: 38%;
					display: inline-block;
					padding: 3%;
					padding-bottom: 2%;
					padding-top: 2%;
					padding-right: 0%;}
	#thumbnail-h2{font-weight: 400;
					font-size: 1em;}
	#thumbnail-h1{font-size: 1.8em;
					font-weight: 500;}
	#thumbnail-p{margin-top: 3%;
					color: gray;
					margin-bottom: 15%;
					font-size: 0.9em;}
	#price{margin-bottom: 5%;}
	#price-h2{font-size: 1.5em;
				font-weight: 500;
				display: inline-block;}
	#price-p{display: inline-block;
			font-size: 1em}
	#amount-div{margin-bottom: 5%;}
	.amount{border: 1px solid gray;
			width: 20px;
			height: 20px;
			text-align: center;
			display: inline-block;
			line-height: 20px;}
	#amount-number{width: 40px;
					height: 20px;
					text-align: center;
					display: inline-block;
					line-height: 20px;}
	.amount-a{text-decoration: none;
				color: black;}
	#addtocart-a{text-decoration: none;
				display: inline-block;
				font-weight: 400;
				color: black;
				border: 1px solid black;
				width: 48%;
				text-align: center;
				padding-top: 2%;
				padding-bottom: 2%;} 
	#addtocart-a:hover{background: black;
				color: white;}
	#buyitnow-a{border: 1px solid black;
				background: black;
				color: white;
				width: 48%;
				text-align: center;
				padding-top: 2%;
				padding-bottom: 2%;
				display: inline-block;
				box-shadow: 0px 0px 3px black;
				font-weight: 500;}
	#buyitnow-a:hover{border: 1px solid black;
						transition: all 0.5s;
						box-shadow: none;
						background: white;
						color: black;}

	section{font-family: 'Noto Serif KR', serif;}
	.eng{font-family: 'Playfair Display', serif;}
	.white{color: white}

	#main-ul{border-bottom: 1px solid black;
			width: 70%;
			margin: auto;
			margin-top: 7%;
			margin-bottom: 10%;}
	main ul{height: 35px;
			margin:0;}
	main li{float: left;
			text-align: center;
			list-style-type: none;
			width: 25%;
			color: black;
			line-height: 35px;
			font-family: 'Noto Sans KR', sans-serif;}
	#main-ul-li1{background: black;
					color: white;}
	.main-ul-li:hover{background: black;
						color: white;
						transition: all 0.5s;}

	.row{width: 950px;margin: auto;display: flex;}
	.col-1{width: 16.6%;margin: 0 0.5%;}
	.col-2{width: 32.3%;margin: 0 0.5%;}
	.col-3{width: 49%;margin: 0 0.5%;}
	.col-4{width: 65.6%;margin: 0 0.5%;}
	.col-5{width: 89%;margin: 0 0.5%;}
	.col-6{width: 99%;margin: 0 0.5%;}
	.relative{position: relative;}
	.absolute{position: absolute;}


	#section1-h1{color: white;
				font-size: 3em;
				font-weight: 400;
				top: 24%;
				left: 42%;}
	#section1-h2{color: white;
				font-weight: 200;
				font-size: 1em;
				top: 45%;
				left: 37.5%;}
	#section1-div1{margin-bottom: 3%;}
	.section1-wid60{width: 60%;
					margin: auto;
					margin-bottom: 3%;}
	.section1-p{padding: 1%;
				padding-top: 2%;
				font-weight: 300;
				font-size: 0.9em;
				line-height: 1.6;
				letter-spacing: 0.9}
	#section1-caption{font-size: 0.7em;
						text-align: center;
						padding-top: 0.5%;}
	#section1-bottom{margin-bottom: 10%;}

	#section2-div1-h1{font-weight: 400;
						font-size: 2.2em;
						top: 58%;left: 59%;}
	#section2-div1-p{font-weight: 300;
						top: 70%;left: 59%;}
	#section2-div1{margin-bottom: 8%;}

	#section2-div2-text{top: 10%;left: 15%;
						text-align: center;}
	#section2-div2-h1{font-weight: 400;
						font-size: 3em;}
	#section2-div2-h2{font-weight: 300;
						font-size: 1.2em;
						margin-bottom: 8%;}
	.section2-div2-p{font-weight: 200;
						margin-bottom: 2%;
						line-height: 1.5;}
	#section2-div2-p{font-weight: 500;
					margin-top: 5%;}
	#section2-div2{margin-bottom: 5%;}

	
	.section3-h2{font-weight: 400;
					font-size: 2em;
					text-align: center;
					margin-top: 4%;
					margin-bottom: 8%;}
	#section3-h2-bottom{margin-bottom: 2%;}
	.section3-img-bottom{margin-bottom: 3%;}
	.section3-p{text-align: center;
				font-size: 1.1em;
				margin-bottom: 4%;}
	.section3-div3{display: inline-block;
					width: 48%;
					padding-left: 0.5%;
					padding-right: 0.5%;}
	.section3-div2{width: 45%;
					margin: auto;}
	#section3-div3-except{padding-left: 26%;
							padding-right: 26%;}
	.number-bottom{margin-bottom: 1%;}
	.name-inlineblock{display: inline-block;}
	#section3-bottom{margin-bottom: 15%;}
	#section3-div-bottom{margin-bottom: 8%;}
	#img14-caption{margin-top: 0.5%;
					font-size: 0.7em;}

	#section4-absolute{top: 85%;left: 33%;
						text-align: center;}
	.section4-title{font-weight: 400;
					font-size: 2.5em;}
	.section4-subtitle{margin-top: 2%;}
	#section4-div1{margin-bottom: 5%;}
	.section4-div2{margin-bottom: 3%;}
	.section4-number{font-size: 3em;
						font-weight: 400;
						margin-left: 1%;}
	.section4-inlineblock{display: inline-block;
							padding: 1%;
							}
	.section4-h2{font-weight: 400;
					font-size: 1.2em;}
	.section4-p{font-weight: 200;
				padding-left: 9%;
				padding-right: 5%;
				padding-bottom: 4%;
				line-height: 1.6;
				word-spacing: 0.5;
				font-size: 0.9em;}
	#section4-p-1{padding-left: 7.5%;}
	#img19{margin-top: 8%;
			margin-bottom: 20%;}

	#section5-absolute{top: 86%;left: 38%;
						text-align: center;}
	#img21{width: 50%;
			margin: auto;}
	#section5-absolute2{top: 36%;left: 36%;
						text-align: center;}
	#section5-h1{font-weight: 400;
					margin-bottom: 1%;}
	#section5-p{font-weight: 200;}
	#section5-div2{margin-top: 8%;}

	.section6-div1{width: 50%;
					margin: auto;}
	.name-inlineblock-padding{display: inline-block;
								padding-left: 0.5%;
								padding-right: 0.5%;}
	.section6-p{width: 60%;
				margin: auto;
				margin-top: 1.5%;
				font-weight: 200;
				font-size: 0.8em;
				line-height: 1.6;}
	.section6-img-bottom{margin-bottom: 4%;}
	#img28{margin-top: 8%;
			margin-bottom: 10%;}

	.inlineblock{display: inline-block;}
	.section7-no{font-weight: 400;
		font-size: 3em;
		padding: 1%;
		padding-bottom: 0;}
	.section7-number{font-weight: 400;
						font-size: 5em;}
	.section7-eng-name{top: 2%;left: 40.5%;
						font-weight: 400;
						font-size: 1.3em;}
	.section7-name{top: 94.3%;left: 44%;
					font-size: 1.1em;}
	.section7-div1{margin-bottom: 8%;}
	.section7-img-wid{width: 49%;}
	.section7-img-div{width: 50%;
						background: #efefef;}
	.section7-img-small{width: 45%;
						top: 25%;left: 25%;}
	.section7-div2{margin-bottom: 8%;}
	.section7-div3-p{font-size: 1.3em;
						font-weight: 200;}
	.section7-div3-h2{font-size: 2.2em;
						font-weight: 300;
						padding-left: 30%;}
	.section7-div3-h1{font-size: 3em;
						color: lightgray;
						padding-left: 2%;}
	.section7-div3{padding-left: 5%;}
	.img32{margin-top: 3%;}
	.section7-div5{width: 950px;
					margin: auto;
					margin-top: 2%;
					margin-bottom: 22%;}
	.section7-div5-div1{float: right;
						width: 53%;}
	.section7-div5-background{background: black;}
	.section7-info{font-size: 1.7em;
					font-weight: 400;
					padding-left: 3%;
					padding-bottom: 1%;}
	.section7-div5-p{font-weight: 600;
						font-size: 0.9em;
						line-height: 1.8;}
	.section7-div5-p2{font-weight: 200;
						font-size: 0.9em;
						line-height: 1.8;}
	.section7-div5-div2-1{padding: 3%;
							padding-left: 5%;}
	.section7-div5-div2-2{padding: 2%;}

	.section8-eng-name{top: 2%;left: 43%;
						font-weight: 400;
						font-size: 1.3em;}
	.section8-name{top: 94.3%;left: 46%;
					font-size: 1.1em;}
	.section8-div3-p{font-size: 1.3em;
						font-weight: 200;}
	.section8-div3-h2{font-size: 2.2em;
						font-weight: 300;
						padding-left: 40%;}
	.section8-div3{padding-left: 10%;}
	.section8-div5-div1{float: right;
						width: 54%;}

	.section9-div3{padding-left: 8%;}
	.section9-div5-div1{float: right;
						width: 66%;}

	.section10-div3{padding-left: 10%;}
	.section10-div5-div1{float: right;
						width: 50%;}

	.section11-eng-name{top: 2%;left: 38%;
						font-weight: 400;
						font-size: 1.3em;}
	.section11-name{top: 94.3%;left: 43%;
					font-size: 1.1em;}
	.section11-div3-h2{font-size: 2.2em;
						font-weight: 300;
						padding-left: 22%;}
	.section11-div5-div1{float: right;
						width: 28%;}
	.section11-div5-div2-1{padding: 5%;
							padding-left: 7%;}

	.section12-eng-name{top: 2%;left: 41%;
						font-weight: 400;
						font-size: 1.3em;}
	.section12-name{top: 94.3%;left: 42%;
					font-size: 1.1em;}
	.section12-div3-h2{font-size: 2.2em;
						font-weight: 300;
						padding-left: 25%;}
	.section12-div5-div1{float: right;
						width: 50%;}

	#section13-margin{margin-top: 30%;
						margin-bottom: 20%;}
	#section13-p1{font-size: 1.3em;
					letter-spacing: -1.5;
					top: 35%;left: 18%;
					font-weight: 300;}
	#section13-p2{font-size: 2.5em;
					top: 47%;left: 46%;}
	#section13-div1{margin-bottom: 10%;}
	.img54{width: 49%;height: 49%;
			padding: 0.5%;}
	.img56{width: 32%;height: 32%;
			margin: auto;}
	#section13-div2{margin-bottom: 10%;}

	#section14-div1{background: black;
					width: 950px;margin: auto;}
	#section14-title{text-align: center;
					padding: 0.8%;
					font-weight: 400;
					font-size: 1.8em;}
	#section14-div2{width: 950px;margin: auto;
					background: #efefef;
					margin-top: 5%;
					margin-bottom: 5%;}
	.section14-h1{font-weight: 400;
					font-size: 1.8em;
					text-align: center;
					padding-top: 5%;
					padding-bottom: 4%;}
	.img59{width: 50%;
			margin-left: 10%;}
	.img60{width: 50%;
			margin-right: 10%;
			float: right;}
	.section14-text{margin-top: 37%;
					padding-bottom: 5%;
					margin-left: 35%;
					vertical-align: bottom;}
	.section14-number{font-size: 1.5em;
						font-weight: 400;
						line-height: 1.05;}
	.section14-description{font-size: 0.9em;
							line-height: 1.8;
							padding-left: 1%;}
	#img61{width: 450px;margin: auto;}
	#img63{width: 29.5%;}
	.section14-text-2{margin-top: 37%;
					padding-bottom: 5%;
					margin-left: 27%;
					vertical-align: bottom;}
	.section14-how{font-size: 1em;
					line-height: 1.6;
					vertical-align: bottom;
					padding-right: 0.5%;}
	#img65{margin-bottom: 5%;}
	#section14-div3{width: 700px;margin: auto;
					margin-bottom: 10%;}
	#section14-h2{font-weight: 400;
					background-color: black;
					width: 190px;
					padding: 1%;
					padding-left: 8.5%;
					font-size: 1.2em;}
	#section14-div3-text{background-color: #efefef;
						font-size: 0.9em;
						padding: 5%;
						padding-top: 6%;
						padding-left: 15%;
						padding-right: 15%;}
	.section14-p{font-weight: 200;
				margin-bottom: 2%;
				line-height: 1.7;}

	.section15-div{width: 780px;margin: auto;
					margin-top: 5%;
					margin-bottom: 5%;}
	.img66{width: 30%;
			padding-right: 5%;
			vertical-align: top;
			padding-top: 2%}
	.section15-div-div{padding-left: 5%;
						padding-top: 1%;
						padding-bottom: 1%;
						border-left: 1px solid black;}
	.section15-text-left{font-weight: 500;
						font-size: 0.9em;}
	.section15-text-right{font-weight: 300;
							font-size: 0.9em;}
	.section15-text-div{width: 10px;}
	.img74{width: 30%;
			padding-right: 5%;
			vertical-align: top;
			padding-top: 6%}
	.img67{width: 30%;
			padding-right: 5%;
			vertical-align: top;
			padding-top: 2.5%}
	.img68{width: 30%;
			padding-right: 5%;
			vertical-align: top;
			padding-top: 4.5%}
	#section15-bottom{margin-bottom: 10%;}

	#section16{width: 70%; margin: auto;
				margin-bottom: 5%;}
	#section16-div1{border-top: 1px solid black;
					padding-top: 5%;
					padding-left: 1%;
					margin-bottom: 2%;}
	.section16-h2{font-weight: 400;}
	.section16-div2{width: 19%;
					padding: 0.2%;}
	.section16-p1{font-size: 0.9em;
					font-weight: 400;
					text-align: center;
					margin-top: 1%;}
	.section16-p2{font-size: 0.9em;
					font-weight: 300;
					text-align: center;}
	footer a:hover{opacity: 60%;
					transition: all 0.3s;
					color: gray;}
	footer a{color: black;}

	#section17{width: 70%; margin: auto;
				margin-bottom: 10%;}
	.section17-h2{font-weight: 400;
					padding-left: 1%;}
	.section17-h3{font-size: 1em;
					font-weight: 400;
					text-align: center;
					margin-bottom: 0.8%;}
	#section17-no{width: 15%;}
	#section17-sub{width: 45%;}
	#section17-name{width: 20%;}
	.section17-div{border-bottom: 1px solid black;}
	.section17-p{text-align: center;
				font-size: 0.9em;
				margin-top: 2%;
				margin-bottom: 6%;}

	#top{font-weight: 400;
		font-size: 1.2em;}
	#top-div{position: fixed;
				bottom: 80px; right: 80px;}

	#section18{font-size: 0.8em;
				font-weight: 300;
				text-align: center;
				margin-bottom: 5%;}
</style>
























