body {
            font-family: 'Noto Sans KR', sans-serif;
            margin: 0;
            padding: 0;
            color: #333;
        }
        header {
           background-color: #fff;
			box-shadow: 0 2px 5px rgba(0,0,0,0.1);
			padding: 10px 0;
			position: fixed; /* °íÁ¤ À§Ä¡ ¼³Á¤ */
			top: 0; /* È­¸é ÃÖ»ó´Ü¿¡ À§Ä¡ */
			left: 0; /* ¿ÞÂÊ ³¡¿¡ À§Ä¡ */
			right: 0; /* ¿À¸¥ÂÊ ³¡±îÁö È®Àå */
			z-index: 1000; /* ´Ù¸¥ ¿ä¼Òµé À§¿¡ Ç¥½Ã */
        }
        .container {
            width: 80%;
            margin: 0 auto;
        }
		
        .logo {
            float: left;
            font-size: 24px;
            font-weight: bold;
        }
        nav {
            float: center;
        }
        nav ul {
            list-style-type: none;
        }
        nav ul li {
            display: inline-block;
            margin-left: 50px;
        }
        nav ul li a {
            text-decoration: none;
			color: #212529;
			position: relative;
			transition: color 0.3s ease;
        }
		nav ul li a::after {
			content: '';
			position: absolute;
			width: 0;
			height: 2px;
			bottom: -5px;
			left: 0;
			background-color: #333;
			transition: width 0.3s ease;
		}

		nav ul li a:hover {
			color: #000;
		}

		nav ul li a:hover::after {
			width: 100%;
		}


        .main-visual {
            background-color: #f5f5f5;
            padding: 50px 0;
            text-align: center;
			color:#ffffff
        }
/*+===========================================================*/
        .services {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }
        .service-item {
            flex-basis: 30%;
            text-align: center;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
			background-color: #f8f9fa;
		    color: #212529;
        }
		.service-item a {
       /* text-decoration: none;*/ /* ¹ØÁÙ Á¦°Å */
        color: inherit; /* ºÎ¸ð ¿ä¼ÒÀÇ »ö»ó »ó¼Ó */
    }

    .service-item a:hover {
        text-decoration: none; /* È£¹ö ½Ã¿¡µµ ¹ØÁÙ Á¦°Å */
        color: inherit; /* È£¹ö ½Ã¿¡µµ »ö»ó º¯°æ ¾øÀ½ */
    }
/******************************************************************/
	.services1 {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }
        .service1-item {
            flex-basis: 20%;
            text-align: center;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
			background-color: #D8D8D8;
		    color: #212529;
        }
		.service1-item a {
       /* text-decoration: none;*/ /* ¹ØÁÙ Á¦°Å */
        color: inherit; /* ºÎ¸ð ¿ä¼ÒÀÇ »ö»ó »ó¼Ó */
    }

    .service1-item a:hover {
        text-decoration: none; /* È£¹ö ½Ã¿¡µµ ¹ØÁÙ Á¦°Å */
        color: inherit; /* È£¹ö ½Ã¿¡µµ »ö»ó º¯°æ ¾øÀ½ */
    }
/*==============================================================*/
	
/*===================================================================*/
		 

		.main-visual h1 {
			font-size: 48px;
			margin-bottom: 20px;
			line-height: 1.2;
		}

		.main-visual p {
			font-size: 24px;
			line-height: 1.8;
		}
		

    footer {
        background-color: #2c3e50; /* £Àº ³²»ö °è¿­ÀÇ ¹è°æ */
        color: #ecf0f1; /* ¹àÀº ȸ»öºû Èò»ö ±ÛÀÚ */
        height: 300px;
        display: flex;
        align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
    }
/*
    footer .container {
        width: 80%;
        margin: 0 auto;
    }

    footer p {
        font-size: 16px;
        text-align: center;
    }

*/
	html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

#floating-menu {
    position: fixed;
    top: 50vh;
    right: -160px;
    transform: translateY(-50%);
    width: 200px;
    background-color: #4e5073;
    color: #fff;
    transition: right 0.3s ease;
    z-index: 9999;
    border-radius: 10px 0 0 10px;
}

#floating-menu:hover {
    right: 0;
}

#floating-menu .menu-icon {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #4e5073;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    font-size: 24px;
    border-radius: 10px 0 0 10px;
}

#floating-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#floating-menu ul li {
    padding: 10px;
}

#floating-menu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s ease;
}

#floating-menu ul li a:hover {
    background-color: #2e4058;
	color:#fff;
}
/**********************************************************************/
.main-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
}

.main-menu > li {
    display: inline-block;
    position: relative;
	margin-top: 13px;
}

.main-menu > li > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
}

.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 60%;  /* º¯°æ */
    transform: translateX(-50%);  /* Ãß°¡ */
    background-color: #f9f9f9;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    list-style-type: none;
    padding: 0; 
	padding-bottom: 15px;
	margin: 0;
	text-align: center;

	

	background-color: rgba(249, 249, 249,1); /* ¸¶Áö¸· ¼ýÀÚ´Â Åõ¸íµµ (0: ¿ÏÀü Åõ¸í, 1: ºÒÅõ¸í) */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); /* ±×¸²ÀÚ Åõ¸íµµ Á¶Á¤ */
}

.main-menu > li:hover .sub-menu {
    display: block;
}
.sub-menu li {
    margin: 0;
    padding: 0;
	text-align: center;
}
.sub-menu  li  a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	text-align: center;
}

.sub-menu li a:hover {
	color:#B40431;
	  text-decoration: none;

   /*background-color: #f1f1f1;*/
  /* background-color: rgba(241, 241, 241, 1);*/  /* ¹ÝÅõ¸íÇÑ hover ¹è°æ */
}



/*****************************************************************************************/

 footer {
        background-color: #2c3e50; /* £Àº ³²»ö °è¿­ÀÇ ¹è°æ */
        color: #ecf0f1; /* ¹àÀº ȸ»öºû Èò»ö ±ÛÀÚ */
        height: 300px;
        display: flex;
        align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
    }

    footer .container {
        width: 80%;
        margin: 0 auto;
    }

    footer p {
        font-size: 16px;
        text-align: center;
    }

/*****************************************************************************************/
.company-info {
    text-align: left;
    width: 100%;
}

.company-info h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.company-info p {
    font-size: 0.9em;
    margin: 5px 0;
    line-height: 1.5;
	text-align:left;
}

.copyright {
    font-size: 0.8em;
    margin-top: 20px;
    align-self: flex-start;
}

.stylish-button {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 25px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .stylish-button:hover {
            background-color: #45a049;
            transform: translateY(-2px);
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
        }

/*************************************************************************/
	select {
            width: 875px; /* 350px * 2.5 */
            padding: 25px; /* 10px * 2.5 */
            font-size: 40px; /* 16px * 2.5 */
            border: 2px solid #ddd; /* Å׵θ® µÎ²²µµ Áõ°¡ */
            border-radius: 12px; /* ¸ð¼­¸® µÕ±Û±â Á¶Á¤ */
            background-color: white;
            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
            outline: none;
            transition: all 0.3s ease;
        }
        select:focus {
            border-color: #007bff;
            box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
        }

		  .signup-popup {
            background-color: white;
            width: 600px;
            height: 800px;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
            position: relative;
        }
		
		.signup-form {
            width: 80%;
        }

		 input {
            width: 100%;
            padding: 15px;
            margin: 10px 0;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
            box-sizing: border-box;
        }
	/*******************************************************/
	#topBtn {
  display: block;
  position: fixed;
  bottom: 20px;
  right: 30px;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #555;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
   z-index: 9999;
}

#topBtn:hover {
  background-color: #333;
  }
  /***************************************************************/
  .container7 {
        width: 100%;

		margin: 20 ;
        display: flex;
       /* height: 100vh;*/
        padding: 0px;
        box-sizing: border-box;
		
    }
    .left-section {
        width: 65%;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        margin-right: 20px;
    }
    .right-section {
        width: 35%;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    }
    .button-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .button-grid button {
        padding: 35px;
        font-size: 15px;
        border: none;
        background-color: #4a90e2;
        color: white;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .button-grid button:hover {
        background-color: #357abd;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }
	
    .scroll-container {
        height: 360px;
        overflow: hidden;
        position: relative;
        border-radius: 8px;
        background-color: #f9f9f9;
    }
    .scroll-content {
        position: absolute;
        width: 100%;
        padding: 10px;
    }
    .field {
        padding: 10px;
        margin-bottom: 10px;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }
    .field:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
/**************************************************************/
.advantages-container {
    width: 100%;
    max-width: 1536px; /* 1920pxÀÇ 80% */
    margin: 0 auto;
    display: flex;
    background-color: #f0f5fa;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.advantages-content {
    width: 65%;
    padding: 40px;
}

h2 {
    color: #357abd;
    font-size: 2.1em;
    margin-bottom: 30px;
}

.advantages-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.advantage-item {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.advantage-item:hover {
    transform: translateY(-5px);
}

.advantage-item h3 {
    color: #4a90e2;
    margin-bottom: 10px;
}

.advantage-item p {
    color: #333333;
}

.image-slider {
    width: 35%;
    overflow: hidden;
    height: 100vh;  /* ºäÆ÷Æ® ³ôÀÌ¿¡ ¸ÂÃ߰ųª, ¿øÇÏ´Â °íÁ¤ ³ôÀÌ ¼³Á¤ */
    max-height: 630px; 
}

.slider-container {
    display: flex;
    transition: transform 0.5s ease;
}

.slider-container img {
    width: 100%;
	 height: 100%;
	 object-fit: cover;

}
/*****************************************************************************/
.advantages-container2 {
    width: 100%;
    max-width: 1536px; /* 1920pxÀÇ 80% */
    margin: 0 auto;
    display: flex;
    background-color: #f0f5fa;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.advantages-content2 {
    width: 94%;
    padding: 30px;
}

.advantages-grid2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.advantage-item2 {
    background-color: white;
    padding: 0px 0px 0px 10px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.advantage-item2:hover {
    transform: translateY(-5px);
}

.advantage-item2 h3 {
    color: #4a90e2;
    margin-bottom: 0px;
}

.advantage-item2 p {
    color: #333333;
	padding: 0px 0px 0px 0px;
	 
}

/*****************************************************************************/
.services7 {
    display: flex;
    justify-content: center;
    margin-top: 30px;
	margin-left: 30px;
	
}

.service7-item {
	margin-left: 30px;
    width: 360px;
    height: 220px;
	
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-color: #F0F0F0;
    color: #212529;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.service7-image {
    height: 0%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service7-content {
    height: 35%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service7-content h3 {
    margin: 0 0 5px 0;
    font-size: 18px;
}

.service7-content p {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
}

.service7-content a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.service7-content a:hover {
    text-decoration: underline;
}
/************************************************************************/
.container_cre {
            width: 60%;
            margin: 0 auto;
        }
/***********************************************************************/
.input-group {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        .input-label {
            flex: 0 0 100px;
            font-weight: bold;
        }
        .input-content {
            flex: 1;
        }
        .radio-group {
            display: flex;
            gap: 15px;
        }
        .radio-option {
            display: flex;
            align-items: center;
        }
        input[type="radio"] {
            margin-right: 5px;
        }
        input[type="text"] {
            width: 200px;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
        }
        #koreanAmount {
            margin-left: 15px;
            font-weight: bold;
            color: #4a4a4a;
        }
		#koreanAmount1 {
            margin-left: 15px;
            font-weight: bold;
            color: #4a4a4a;
        }
		table {
            width: 70%;
            border-collapse: collapse;
            font-family: Arial, sans-serif;
			margin-left:15%
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #080c39;
            color: white;
            font-weight: bold;
        }
        tr:nth-child(even) {
            background-color: #ffffff;
        }
/*****************************************************************************/
.question-circle {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ccc;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}

.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
/********************************************************/
 .container4 {
            width: 800px;
            background-color: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
			margin-left:30%
        }