@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'omyu_pretty';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ownglyph_ryurue-Rg';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405-2@1.0/Ownglyph_ryurue-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

		html{
			font-family: "Ownglyph_ryurue-Rg";
			font-size:1rem; line-height: 1.4;
			word-break: keep-all;
			scroll-behavior: smooth;
		}

		body,h1,h2,h3,h4,h5,p,ul{margin: 0; padding: 0;}
		h1,h2,h3{line-height: 1.3;}
		h1{font-size: 1.6rem;}
		h2{font-size: 1.7rem; }
		h3{font-size: 1.4rem; 
			margin-top: 10px; margin-bottom: 5px;}
		p{font-family: 'SUIT-Regular'; font-size: 1rem; }

		a{
			text-decoration: none; color: black;
			display: inline-block; border: 1px solid black;
			width:45px; height:45px; border-radius: 50%;
			text-align: center; line-height: 45px;
		}
		a:hover{
			color: #fb7617;
		}
		.chosen{
			background: #A9DE47;
		}

		nav{padding:10px 0px; 
			position: sticky; top: 0px;
			z-index: 10;}
		.nav-f2{width: 20%}
		.nav-f6{width: 60%}

		footer{padding-top:10px;}
		
		.main{
			width: 75vw; margin: auto;
		}
		.filter_box{width: 700px; margin: auto;}
		.flex{display: flex; flex-wrap: wrap; justify-content: center;}
		.flex_nav{display: flex; flex-wrap: wrap;}
		.wrap{width:95vw; margin: auto;}
		

		.t-center{text-align: center;}
		.t-right{text-align: right;}

		.bg-red{background: #F28372;}
		.bg-yellow{background: #FCE86A;}
		.bg-green{background: #97DF58;}
		.bg-pink{background: pink;}
		.bg-bag{background: url(bg-bag.png);
			background-size: 100%;}
		.blur{backdrop-filter: blur(30px); 
			background: rgba(255,255,255,0.8);}

		.item{width: 25%; height: 370px; padding: 0px, 15px;}
		.item:hover{color: #fb7617;}
		.item_img{width:250px; height:250px;
			cursor: pointer; }
		.item_img_s{width:200px; height:200px;}

		input{display: none;}

		.popup{
			display: none; z-index: 100;
			position: fixed; top:50%; left:50%;
			transform:translate(-50%,-50%);
			width: 400px; height:500px;
			border-radius: 20px; 
			backdrop-filter: blur(30px); 
			background: rgba(255,255,255,0.6);
		}
		#spinach input:checked + label + div{
			display: block;
		}
		#sesame input:checked + label + div{
			display: block;
		}
		#naeng-i input:checked + label + div{
			display: block;
		}
		#zucchini input:checked + label + div{
			display: block;
		}
		#dal-lae input:checked + label + div{
			display: block;
		}
		#mugwort input:checked + label + div{
			display: block;
		}
		#gosari input:checked + label + div{
			display: block;
		}
		#egg-plant input:checked + label + div{
			display: block;
		}
		#onion input:checked + label + div{
			display: block;
		}
		#dae-pa input:checked + label + div{
			display: block;
		}
		#watermelon input:checked + label + div{
			display: block;
		}
		#tomato input:checked + label + div{
			display: block;
		}
		#cucmber input:checked + label + div{
			display: block;
		}
		#corn input:checked + label + div{
			display: block;
		}
		#cham-oe input:checked + label + div{
			display: block;
		}
		#carrot input:checked + label + div{
			display: block;
		}
		#cabbage input:checked + label + div{
			display: block;
		}
		#buchu input:checked + label + div{
			display: block;
		}
		#plum input:checked + label + div{
			display: block;
		}
		#lemon input:checked + label + div{
			display: block;
		}
		#apricot input:checked + label + div{
			display: block;
		}
		#blueberry input:checked + label + div{
			display: block;
		}
		#green-grape input:checked + label + div{
			display: block;
		}
		#pomegranate input:checked + label + div{
			display: block;
		}
		#cherry input:checked + label + div{
			display: block;
		}
		#kiwi input:checked + label + div{
			display: block;
		}
		#pear input:checked + label + div{
			display: block;
		}
		#apple input:checked + label + div{
			display: block;
		}
		#peach input:checked + label + div{
			display: block;
		}
		#quince input:checked + label + div{
			display: block;
		}
		#fig input:checked + label + div{
			display: block;
		}
		#grape input:checked + label + div{
			display: block;
		}
		#mandarin input:checked + label + div{
			display: block;
		}
		#persimmon input:checked + label + div{
			display: block;
		}
		#yuzu input:checked + label + div{
			display: block;
		}
		#applemango input:checked + label + div{
			display: block;
		}
		#watermelon input:checked + label + div{
			display: block;
		}
		#korean-melon input:checked + label + div{
			display: block;
		}
		#melon input:checked + label + div{
			display: block;
		}
		#cherry-tomato input:checked + label + div{
			display: block;
		}
		#odi input:checked + label + div{
			display: block;
		}
		#bokbunja input:checked + label + div{
			display: block;
		}
		#jujube input:checked + label + div{
			display: block;
		}
		#strawberry input:checked + label + div{
			display: block;
		}
		#minari input:checked + label + div{
			display: block;
		}
		#cucumber input:checked + label + div{
			display: block;
		}

		@media screen and (max-width: 800px){
			.main{width:100%;}
			.flex{display: inline-block;}
			.item{margin: auto;}
			a{width: 40px; height:40px;}
			.item{width:250px;}
			footer .t-right{text-align: center;}
			.nav-f2{width:100%; text-align: center;}
			h1{font-size: 1.2rem;}
		}