@font-face {
    font-family: 'NotoSansKR-Regular';
    src: url('/fonts/NotoSansKR-Medium-subset.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, span, label, li, a, p, button {
		font-family: 'NotoSansKR-Regular' !important;
	}

body {
		font-family: 'NotoSansKR-Regular' !important;
	}

	li { 
		margin-right:10px;
	}

	.list-group-item {
		border:none;
		border-bottom:1px solid #eeeeee;
	}

	.dot {
	  height: 3px;
	  width: 3px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  vertical-align:middle;
	  margin-right:5px;
	}

	.nav-link {
		font-family: 'NotoSansKR-Regular';
		color:black !important;
		font-weight:bold;
	}

	.navbar-brand img {
		height: 40px;
	}

	#main-button1 {
		display:block !important;
	}

	#main-button2 {
		display:none !important;
	}

	#main-image-pc {
		display:flex;
	}

	#main-image-mo {
		display:none;
	}

	.main-banner {
		background-image: url('/new/02_04.jpg'); /* Replace with actual banner image path */
		background-size: cover;
		color: white;
		text-align: center;
		padding: 220px 0;
	}
	.main-banner h1 {
		font-size: 2.5em;
	}

	.icon-section {
		margin-top:90px;
	}

	.icon-section .icon {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 120px;
		height: 120px;
		background-color: #ffffff;
		border-radius:50%;
		display: flex;
		justify-content: center;
	}
	.icon-section .icon img {
		width:50px;
		margin: auto;
		display: block;
	}
	.icon-section .icon p {
		margin-top: 20px;
	}

	@media (max-width: 770px) {
		#main-button1 {
			display:none !important;
		}

		#main-button2 {
			display:flex !important;
		}

		#main-image-pc {
			display:none;
		}

		#main-image-mo {
			display:flex;
		}

		.main-banner {
			background-image: url('/new/back3.png'); /* Replace with actual banner image path */
			background-repeat: no-repeat;
			background-size: 100% 100%;
			color: white;
			text-align: center;
			padding: 180px 0;
		}
		.icon-section {
			margin-top: 20px;
		}

		.icon-section .icon {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			width: 110px;
			height: 110px;
			background-color: #ffffff;
			border-radius:10px;
			display: flex;
			justify-content: center;
		}
		.icon-section .icon p {
			margin-top: 10px;
		}
	}

	
	.order-flower {
		margin: 40px 0;
	}

	.app-down {
		background-color:#eeeeee;
		justify-content: center;
		text-align:center;
		display:flex;
		border-radius:10px;
	}

	.notice-board {
		background-color:white;
		border-radius:10px;
	}
	.footer {
		background: #f8f9fa;
		padding: 20px;
	}

	.button_on {
		background-color:#494949;
		border-radius:20px;
		width:100px;
		height:40px;
		text-align:center;
		color:white !important;
		padding-top:7px !important;
		margin-top:12px;
	}
	.button_off {
		border:2px solid #494949;
		background-color:#ffffff;
		border-radius:20px;
		height:40px;
		padding-top:5px !important;
		text-align:center;
		color:black !important;
		margin-top:12px;
	}

	.section-bg-1 {
		background-color: #f2f2f2 !important;
	}