* {
    box-sizing: border-box;
    padding: 0;
  margin: 0;
}

body {
  font-family: 'Noto Sans KR',sans-serif;
  font-size: 1rem;
    line-height: 1.6;
    color: #2d3436;
	background: #faf9f7;
}

h1,h2,h3,h4,h5 {
    font-weight: 700;
    line-height: 1.3;
  margin-bottom: 1rem;
}

h1 {
  font-size: 2.5rem;
}

h2 {
   font-size: 2rem;
}

h3 {
   font-size: 1.5rem;
}

h4 {
	 font-size: 1.25rem;
}

p {
    margin-bottom: 1rem;


}

a{
  color: #d35400;
  text-decoration: none;
                    transition: .3s;
}

a:hover     {
   color :     #a04000;
}

img {
    max-width: 100%;
  height: auto;
    display: block;
}

.container
{
   max-width   :       1200px;
    margin: 0 auto;
   padding: 0 1rem;
	
}  

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.75rem;
}  

.row>* {
    padding: 0 .75rem;
  width: 100%;
}

.col-md-4 {
   width: 100%;
}

.col-md-6 {
   width: 100%;
}

.col-lg-3    {
    width: 100%;
}

.col-lg-4 {
    width: 100%;
}

.col-lg-6 {
	width: 100%;
}

.col-lg-8 {
    width: 100%;
}@media(min-width:768px){.col-md-4{width: calc(33.333% - 1.5rem)}.col-md-6{width:calc(50% - 1.5rem)}}
@media(min-width:992px){.col-lg-3{width:calc(25% - 1.5rem)}.col-lg-4{width:calc(33.333% - 1.5rem)}.col-lg-6{width:calc(50% - 1.5rem)}.col-lg-8{width:calc(66.666% - 1.5rem)}}.text-center {
  text-align: center; 

}

.text-white {
  color: #fff;
}

.mb-0 {
   margin-bottom: 0;
}

.mb-2 {
               margin-bottom: .5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
	   margin-bottom     :     1.5rem;
     }

.mb-5 {
    margin-bottom: 2rem;
}

.mt-3 {
          margin-top     :    1rem;
}

.mt-4 {
    margin-top: 1.5rem;
}

.mt-5 {
   margin-top: 2rem;
}

.py-4 {

    padding: 1.5rem 0;
     }

.py-5 {
	  padding: 2.5rem 0;
     }

.py-6 {
    padding: 3rem 0;
}

.p-3 {
	 padding: 1rem;
}

.p-4

{
    padding: 1.5rem;
}

.p-5 {
  padding: 2rem;
}

.d-flex {
   display: flex;
}

.flex-column {
 flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
	
}

.align-items-center {
   align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
   gap: 1.5rem;
}

.rounded {
      border-radius: .5rem;
}

.rounded-lg {
    border-radius: 1rem;
}

.shadow {
  box-shadow: 0 4px 20px rgba(0,0,0,.1);
}

.bg-primary {
  background: #d35400;
}

.bg-secondary {
   background: #2c3e50;
}

.bg-light {
    background: #f5f3ef;
}

.bg-dark {
	background: #1a1a2e;
}

.bg-accent {
   background: #16a085;
}

.bg-cream {
  background: #faf9f7;


}

.text-primary {
	 color: #d35400;
}

.text-secondary {
   color: #2c3e50;
}

.text-muted {
   color: #636e72;
}

.text-accent {
  color: #16a085; 

}

.btn {
  display    :     inline-block;
      padding: .875rem 2rem;
       font-weight: 600;
       border-radius: .5rem;
       border: none;
     cursor: pointer;
      transition   :   .3s;
      text-align: center;
}

.btn-primary {
  background  :      #d35400;
    color: #fff;
}

.btn-primary:hover {
    background: #a04000;
   color: #fff;
}

.btn-secondary {
    color: #fff;
   background: #2c3e50;
}

.btn-secondary:hover


{
      background: #1a252f;


}

.btn-outline {
    background: transparent;
    border: 2px solid #d35400;
   color:#d35400;
}

.btn-outline:hover {
    background: #d35400;
  color: #fff;
}

.btn-white {
   background: #fff;
    color: #d35400;
}

.btn-white:hover {
   background :   #f5f3ef;
}

.hero {
               position    :relative;
	min-height: 90vh;
    -webkit-background-size: cover;
    display: flex;
    align-items: center;
  background-size: cover;
    background-position: center;
   background-attachment: fixed; 

}

.hero::before {
  content: '';
    position: absolute;
               inset: 0;
  background: linear-gradient(135deg,rgba(44,62,80,.85) 0%,rgba(211,84,0,.7) 100%);
}

.hero-content {
   position: relative;
    z-index: 2;
}

.hero h1 {
  font-size: 3rem;
	 margin-bottom: 1.5rem;

}@media(min-width:768px){.hero h1{font-size:3.5rem}}.section-title {
    position: relative;
    display: inline-block;
	 margin-bottom: 2rem;
}

.section-title::after {
     content: '';
    position: absolute;
  bottom: -8px;
   left: 0;
    width: 60px;
  height: 4px;
   background :        #d35400;
   border-radius: 2px;
     }

.card {

   background: #fff;
   border-radius: 1rem;
    overflow: hidden;
   transition: .3s;


}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

.card-body {
  padding: 1.5rem;
}

.icon-box {
  width: 70px;
  height: 70px;
  border-radius :       50%;
    display  :      flex;
    align-items: center;
  justify-content: center;
   margin-bottom : 1rem;
}

.icon-box i {
  font-size: 1.75rem;
}

.feature-card {
  padding: 2rem;
    border-radius: 1rem;
  height: 100%;
  transition: .3s;
}

.feature-card:hover {
  transform: translateY(-3px);
}

.gradient-box {
  background: linear-gradient(135deg,#d35400 0%,#e67e22 100%);
  border-radius: 1rem;
					padding: 2rem;
} 

.form-group {
   margin-bottom: 1.25rem;
}

.form-label

{

    display: block;
    margin-bottom: .5rem;
   font-weight:        500;
  color: #2c3e50;
     }

.form-control 
 {
   width: 100%;
  padding: .875rem 1rem;
   border: 2px solid #e0e0e0;
   border-radius: .5rem;
    font-family: inherit;
   font-size  :  1rem;
    transition: .3s;
}

.form-control:focus    {
   outline: none;
   border-color: #d35400;
}

textarea.form-control {
  min-height    :        120px;
      resize: vertical;
}

.contact-box {
  background: #fff;
          border-radius: 1rem;
   padding: 2rem;
  box-shadow: 0 4px 20px rgba(0,0,0,.1);
}



.map-container {
    border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,.1);
}

.map-container iframe {
   width: 100%;
   height: 350px;
  border: 0;
}

footer


{
	  background: #1a1a2e;
      color: #b2bec3; 


}

footer a
	{
            color: #b2bec3;
     }

footer a:hover {
  color: #d35400;
}  

.footer-brand {
    font-size: 1.5rem;
   font-weight: 700;
    color: #fff;
   margin-bottom: 1rem;
}

.footer-links {
  list-style: none;
   padding: 0;
}

.footer-links li {
    margin-bottom: .5rem;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 1.5rem;
   margin-top: 2rem;
}

.decor-circle {
    position: absolute;
	border-radius: 50%;
  opacity   : .1;
}

.decor-1 {
    width: 300px;
   height: 300px;
   background: #d35400;
   top     : -100px;
         right: -100px;
}

.decor-2 {
  width: 200px;
	  height: 200px;
	  background: #16a085;
	   bottom: -50px;
	   left: -50px;
}

.stats-item {
    text-align: center;
                    padding: 1.5rem;
}

.stats-number {
   font-size: 2.5rem;
  font-weight: 700;
    color :#d35400;
}

.stats-label {

  color   :  #636e72;
	 font-size     :      .9rem;}

.page-header {
  background: linear-gradient(135deg,#2c3e50 0%,#1a1a2e 100%);
	 padding: 4rem 0;
  text-align: center;
}

.page-content {
  padding: 3rem 0;
}

.content-block {
  background   : #fff;
	    border-radius: 1rem;
		 padding: 2rem;
	   margin-bottom: 2rem;
	  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

.list-styled {
  padding-left   :       1.5rem;
}

.list-styled li   {
  margin-bottom: .5rem;
}

.divider {
   height: 4px;
  width :  60px;
   background   :#d35400;
    border-radius: 2px;
   margin: 1.5rem 0;
}

.thank-you-box {
	    background: #fff;
   border-radius: 1rem;
   padding: 3rem;
	text-align: center;
    max-width: 500px;
    margin: 3rem auto;
  box-shadow: 0 10px 40px rgba(0,0,0,.1);
}

.thank-you-icon {
  font-size: 4rem;
   color  :      #16a085;
    margin-bottom: 1rem;
}

.accent-border {
   border-left: 4px solid #d35400;
    padding-left: 1.5rem;
}

.grid-3 {
  display: grid;
               grid-template-columns: 1fr;
  gap     :    1.5rem;
}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.img-rounded {
   border-radius: 1rem;
     }

.overlay-dark  
  {
   position: relative;
}

.overlay-dark::before {

  content: '';
   position: absolute;
   inset: 0;
  background: rgba(0,0,0,.4);
   border-radius: 1rem;


}

.position-relative


{
    position: relative;
} 

.z-1 {
    z-index: 1;
}

.w-100 {
  width: 100%;
}

.h-100 {
    height: 100%;
}

.object-cover {
      object-fit: cover;
	

}