@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}


a {
  text-decoration-line: none;
/*   text-decoration-line: underline; */
/*   text-decoration-line: overline; */
/*   text-decoration-line: line-through; */
/*   text-decoration-line: underline line-through overline; */
}

div a:hover {
  text-decoration: none;
}
ul, ol {
  list-style-type: none;
}
 
 /* PC ¹®ÀÇ ¹öÆ°ÀÇ ¸ðµç ¸µÅ© »óÅ¿¡¼­ ¹ØÁÙ °­Á¦ Á¦°Å */
.inquiry-button,
.inquiry-button:link,
.inquiry-button:visited,
.inquiry-button:hover,
.inquiry-button:active {
    text-decoration: none !important;
}

/* Ãß°¡ º¸°­: Ȥ½Ã ÅؽºÆ®¿¡ Á÷Á¢ ¹ØÁÙÀÌ Àû¿ëµÇ´Â °æ¿ì¸¦ ´ëºñ */
.inquiry-button span {
    text-decoration: none !important;
}
		
		#desktop-fixed-buttons {
            position: fixed; /* È­¸é¿¡ °íÁ¤ */
            right: 30px;
            bottom: 30px;
            z-index: 1000;
            display: flex;
            flex-direction: column; /* ¼¼·Î Á¤·Ä */
            gap: 15px; /* ¹öÆ° »çÀÌ °£°Ý */
            align-items: flex-end; /* ¿À¸¥ÂÊ Á¤·Ä */
            /* ±âº»ÀûÀ¸·Î PC¿¡¼­¸¸ º¸ÀÓ (¾Æ·¡ ¹Ìµð¾î Äõ¸® È®ÀÎ) */
        }

        /* PC °³º° ¹öÆ° °øÅë ½ºÅ¸ÀÏ */
        .inquiry-button {
            /* ·¹À̾ƿô ¹× ÆùÆ® */
            display: flex;
            align-items: center; /* ¾ÆÀÌÄÜ°ú ÅؽºÆ® ¼öÁ÷ Áß¾Ó Á¤·Ä */
            justify-content: flex-start;
            width: 150px; /* ¹öÆ° °¡·Î »çÀÌÁî ÅëÀÏ */
            padding: 8px 20px 8px 8px; /* ¾ÆÀÌÄÜ ¿øÇüÀ» À§ÇÑ ¿ÞÂÊ Æеù Á¶Á¤ */
            border-radius: 25px; /* µÕ±Ù Å׵θ® */
            text-decoration: none;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;

            /* ±×¸²ÀÚ ¹× ¾Ö´Ï¸ÞÀÌ¼Ç Áغñ */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;

            /* ¾Ö´Ï¸ÞÀÌ¼Ç Ãʱ⠻óÅ (½ÃÀÛ À§Ä¡ 50px) */
            transform: translateY(50px);
            opacity: 0;
            
            /* ·Îµù ¾Ö´Ï¸ÞÀÌ¼Ç Àû¿ë (Áö¿¬ ½Ã°£Àº HTML ÀζóÀÎ ½ºÅ¸ÀÏ·Î ¼³Á¤) */
            animation: slideUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards var(--animation-delay);
        }

        /* ¹öÆ°º° »ö»ó ¹× ÅؽºÆ® »ö»ó */
        .production-inquiry {
            background-color: #f4087a; /* °í±Þ½º·¯¿î ³×À̺ñ ºí·ç */
            color: #ffffff !important;
        }

        .blog-inquiry {
            background-color: #21ac38; /* Ä«Ä«¿ÀÅå ºê·£µå »ö»ó */
            color: #ffffff; /* £Àº ÅؽºÆ® »ö»ó */
        }

        .kakaotalk-inquiry {
            background-color: #f9ab05; /* Ä«Ä«¿ÀÅå ºê·£µå »ö»ó */
            color: #ffffff; /* £Àº ÅؽºÆ® »ö»ó */
        }

        /* ------------------------------------------------------ */
        /* [PC] ¾ÆÀÌÄÜ ½ºÅ¸ÀÏ */
        /* ------------------------------------------------------ */

        /* ¾ÆÀÌÄÜ ÄÁÅ×ÀÌ³Ê (Èò»ö ¿øÇü ¹è°æ) */
        .icon-wrapper {
            width: 34px; /* ¾ÆÀÌÄܺ¸´Ù ¾à°£ Å©°Ô */
            height: 34px;
            border-radius: 50%;
            background-color: #ffffff; /* Èò»ö ¹è°æ */
            
            /* PNG ¾ÆÀÌÄÜ Áß¾Ó Á¤·Ä */
            display: flex;
            align-items: center;
            justify-content: center;
            
            /* ÅؽºÆ®¿ÍÀÇ ¿©¹é */
            margin-right: 12px; 
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); /* ÀºÀºÇÑ ±×¸²ÀÚ Ãß°¡ */
        }

        /* PNG ¾ÆÀÌÄÜ À̹ÌÁö ÀÚü ½ºÅ¸ÀÏ */
        .button-icon-img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }


        /* ¸¶¿ì½º ¿À¹ö È¿°ú (Hover Effect) */
        .inquiry-button:hover {
            transform: translateY(-2px) scale(1.02); /* »ì¦ À§·Î À̵¿ ¹× È®´ë (°í±Þ½º·¯¿î ´À³¦) */
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3); /* ±×¸²ÀÚ ÁøÇÏ°Ô */
        }

        .production-inquiry:hover,
        .production-inquiry:active,
        .production-inquiry:focus {
            background-color: #c94082; /* ¸¶¿ì½º ¿À¹ö½Ã ´õ ÁøÇÑ »ö»ó */
            color: #ffffff;			
        }

        .blog-inquiry:hover,
        .blog-inquiry:active,
        .blog-inquiry:focus {
            background-color: #1b8d2d; /* ¸¶¿ì½º ¿À¹ö½Ã ´õ ÁøÇÑ »ö»ó */
            color: #ffffff; /* £Àº ÅؽºÆ® »ö»ó */	
        }

        .kakaotalk-inquiry:hover,
        .kakaotalk-inquiry:active,
        .kakaotalk-inquiry:focus {
            background-color: #ce9305; /* ¸¶¿ì½º ¿À¹ö½Ã ´õ ÁøÇÑ »ö»ó */
            color: #ffffff; /* £Àº ÅؽºÆ® »ö»ó */	
        }

        /* ·Îµù ½Ã ¾Æ·¡¿¡¼­ À§·Î ¿Ã¶ó¿À´Â ¾Ö´Ï¸ÞÀÌ¼Ç Å°ÇÁ·¹ÀÓ */
        @keyframes slideUp {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        /* ======================================================
         * 2. ¸ð¹ÙÀÏ Àü¿ë ¿øÇü ¹öÆ° (¿ìÃø ÇÏ´Ü)
         * ====================================================== */

        .mobile-call-button {
            /* ·¹À̾ƿô */
            position: fixed;
            right: 20px;
            bottom: 60px; /* ±âº» À§Ä¡: ÇÏ´Ü (ºí·ç ¹öÆ°) */
            z-index: 1000;
            
            /* Å©±â ¹× ¸ð¾ç */
            width: 50px;
            height: 50px;
            border-radius: 50%; /* ¿øÇü */
            background-color: #1b3f8a; /* ±âº» »ö»ó: ´ÙÅ© ºí·ç */
            color: #ffffff; /* ÅؽºÆ® ±âº» »ö»ó (span¿¡¼­ °­Á¦ °íÁ¤µÊ) */

            /* ³»¿ë Á¤·Ä (¾ÆÀÌÄÜ°ú ÅؽºÆ®¸¦ Áß¾Ó¿¡ ¼¼·Î·Î ¹èÄ¡) */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            text-decoration: none;
            
            /* ÆùÆ® ¹× ±×¸²ÀÚ */
            font-size: 10px;
            font-weight: 600;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
            cursor: pointer;
            
            /* Æ®·£Áö¼Ç ¹× ÆÞ½º ¾Ö´Ï¸ÞÀÌ¼Ç */
            transition: background-color 0.3s ease, transform 0.2s ease;
            animation: pulse-blue 1.5s infinite ease-out, mobileSlideUp 0.5s ease forwards; /* ±âº» ¾Ö´Ï¸ÞÀ̼Ç: ºí·ç ÆÞ½º */

            /* Ãʱ⠼û±è »óÅ */
            opacity: 0;
            transform: translateY(50px);
        }

        /* ¹öÆ° ÀÚüÀÇ ÅؽºÆ® ¹ØÁÙ Á¦°Å ¹× ¹è°æ»ö °íÁ¤ (±âº»/ºí·ç) */
        .mobile-call-button:link,
        .mobile-call-button:visited,
        .mobile-call-button:hover,
        .mobile-call-button:active {
            text-decoration: none !important;
            background-color: #1b3f8a !important; 
        }

        /* ¹öÆ° ³»ºÎÀÇ ÅؽºÆ® (span)¿¡¸¸ ±ÛÀÚ»öÀ» Èò»öÀ¸·Î °­Á¦ °íÁ¤ */
        .mobile-call-button span,
        .mobile-call-button:link span,
        .mobile-call-button:visited span,
        .mobile-call-button:hover span,
        .mobile-call-button:active span {
            color: #ffffff !important;
        }

        /* ¸¶¿ì½º È£¹ö ¹× Ŭ¸¯ ½ÃÀÇ ¹ÝÀÀ È¿°ú À¯Áö */
        .mobile-call-button:hover {
            transform: scale(0.98); 
        }

        /* -------------------------------------- */
        /* PNG ÀüÈ­±â ¾ÆÀÌÄÜ ½ºÅ¸ÀÏ */
        /* -------------------------------------- */
        .phone-icon-img {
            width: 16px;
            height: 16px;
            margin-bottom: 2px; /* ÅؽºÆ®¿ÍÀÇ °£°Ý */
            object-fit: contain;
        }
        
        /* -------------------------------------- */
        /* »ó´Ü °íÁ¤ ¹öÆ°À» À§ÇÑ ½ºÅ¸ÀÏ ÀçÁ¤ÀÇ (.mobile-top-button) */
        /* -------------------------------------- */
        
        .mobile-top-button {
            /* ÇÏ´Ü ¹öÆ°(60px) + ¹öÆ° ³ôÀÌ(50px) + °£°Ý(10px) = 120px */
            bottom: 120px; 
            top: auto; /* »ó´Ü À§Ä¡ ÃʱâÈ­ */
            background-color: #fd9c02; /* »õ·Î¿î »ö»ó: ¹àÀº »¡°£»ö */
            animation: pulse-red 1.5s infinite ease-out, mobileSlideUp 0.5s ease forwards; /* »¡°£»ö ÆÞ½º ¾Ö´Ï¸ÞÀÌ¼Ç Àû¿ë */
        }

        /* »ó´Ü ¹öÆ° (»¡°£»ö) ¹è°æ»ö ¹× ÅؽºÆ® ¹ØÁÙ Á¦°Å °íÁ¤ */
        .mobile-top-button:link,
        .mobile-top-button:visited,
        .mobile-top-button:hover,
        .mobile-top-button:active {
            background-color: #fd9c02 !important;
        }

        /* -------------------------------------- */
        /* ¾Ö´Ï¸ÞÀÌ¼Ç */
        /* -------------------------------------- */

        /* ÇÏ´Ü ¹öÆ° ÆÞ½º ¾Ö´Ï¸ÞÀÌ¼Ç (ºí·ç) */
        @keyframes pulse-blue {
            0% {
                box-shadow: 0 0 0 0 rgba(27, 63, 138, 0.7); /* #1b3f8aÀÇ rgba °ª */
            }
            70% {
                box-shadow: 0 0 0 10px rgba(27, 63, 138, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(27, 63, 138, 0);
            }
        }
        
        /* »ó´Ü ¹öÆ° ÆÞ½º ¾Ö´Ï¸ÞÀÌ¼Ç (·¹µå) */
        @keyframes pulse-red {
            0% {
                box-shadow: 0 0 0 0 rgba(252, 179, 3, 0.7); /* #dc3545ÀÇ rgba °ª */
            }
            70% {
                box-shadow: 0 0 0 10px rgba(252, 179, 3, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(252, 179, 3, 0);
            }
        }

        /* ¸ð¹ÙÀÏ ¹öÆ° ·Îµù ¾Ö´Ï¸ÞÀÌ¼Ç (°øÅë »ç¿ë) */
        @keyframes mobileSlideUp {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        /* ÄÜÅÙÃ÷ ¿µ¿ª */
        .content-area {
            padding: 20px;
            text-align: center;
        }
        
        /* ======================================================
         * 3. ¹Ìµð¾î Äõ¸® (¹ÝÀÀÇü ¼³Á¤)
         * ====================================================== */

        /* 768px ÀÌÇÏ (¸ð¹ÙÀÏ): PC ¹öÆ° ¼û±â°í ¸ð¹ÙÀÏ ¹öÆ° Ç¥½Ã */
        @media (max-width: 768px) {
            #desktop-fixed-buttons {
                display: none; /* PC ¹öÆ° ¼û±è */
            }
            .mobile-call-button {
                display: flex; /* ¸ð¹ÙÀÏ ¹öÆ° Ç¥½Ã */
            }
        }

        /* 769px ÀÌ»ó (PC/µ¥½ºÅ©Åé): ¸ð¹ÙÀÏ ¹öÆ° ¼û±â°í PC ¹öÆ° Ç¥½Ã */
        @media (min-width: 769px) {
            #desktop-fixed-buttons {
                display: flex; /* PC ¹öÆ° Ç¥½Ã */
            }
            .mobile-call-button {
                display: none; /* ¸ð¹ÙÀÏ ¹öÆ° ¼û±è */
            }
        }
		

/* ¸ð¹ÙÀÏ ÇÏ´Ü sns¹öÆ° */
  .mobile-fixed-bar {
    display: none;
  }

  @media (max-width: 768px) {
    .mobile-fixed-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40px;
      display: flex;
      z-index: 9999;
    }

    .mobile-fixed-bar a {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      height: 40px;
      text-decoration: none;
      color: #000;
      font-weight: bold;
      font-size: 14px;
    }

    .mobile-fixed-bar .instagram {
      background-color: #f4087a;
      color: #fff;
    }
    .mobile-fixed-bar .kakao {
      background-color: #fca001;
      color: #fff;
    }

    .mobile-fixed-bar i {
      margin-right: 6px;
      font-size: 16px;
    }
  }