.wrap > .itIntro {
                color: #333333;
                background-color: #f8f9fa;
                padding: 40px 0;
                margin-bottom: 20px;
                flex-grow: 1;
            }

            .wrap > .itIntro > .itIntroTop {
                display: flex;
                gap: 20px;
                padding: 0 20px;
                flex-wrap: wrap;
            }

            .wrap > .itIntro > .itIntroTop > .itIntroTopLeft,
            .wrap > .itIntro > .itIntroTop > .itIntroTopRight {
                flex: 1 1 300px;
                background-color: #fff;
                padding: 30px;
                border-radius: 10px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
                font-size: 14px;
            }

            .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText1 {
                font-size: 36px;
                position: relative;
                color: #333;
                margin-bottom: 10px;
                font-weight: 600;
                font-family: "Noto Sans KR", serif;
                font-weight: 600;
            }

            .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText2 {
                font-size: 28px;
                position: relative;
                color: #333;
                font-weight: 500;
                font-family: "Noto Sans KR", serif;
            }

            .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftMark {
                margin-bottom: 20px;
                position: relative;
            }

            .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText1 {
                font-size: 36px;
                position: relative;
                color: #333;
                margin-bottom: 10px;
                opacity: 0;
                transition: transform 1s ease, opacity 1s ease;
                font-weight: 600;
                transform: translateX(50px);
                text-indent: 0;
                font-family: "Noto Sans KR", serif;
            }

            .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText2 {
                font-size: 1.1em;
                color: #444;
                line-height: 1.5;
                margin-top: 0.8rem;
                padding-left: 0;
                text-indent: 0;
                opacity: 0;
                transition: transform 1s ease 0.3s, opacity 1s ease 0.3s;
                transform: translateX(50px);
                position: relative;
                text-align: left;
                top: 20px;
                font-family: "Noto Sans KR", serif;
                font-weight: 500;
                word-break: keep-all;
                overflow-wrap: break-word;
            }
           

            .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText1.active,
            .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText2.active {
                transform: translateX(0);
                opacity: 1;
            }

            .wrap > .itIntro > .itIntroBottom {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 30px;
                flex-wrap: wrap;
                padding: 20px;
            }
            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText:hover {
                transform: translateY(-5px);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText {
                font-size: 18px;
                color: #444;
                transform: translateY(50px);
                opacity: 0;
                transition: transform 0.6s ease, opacity 0.6s ease;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 30px;
                border-radius: 10px;
                width: 22%;
                background-color: #fff;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                text-align: center;
                font-family: "Gowun Dodum", serif;
                font-weight: 600;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText > .fa-lightbulb-o {
                font-size: 40px;
                margin-bottom: 15px;
                color: #FFD700;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText > .fa-connectdevelop {
                font-size: 40px;
                margin-bottom: 15px;
                color: #6495ED;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText > .fa-user-circle-o {
                font-size: 40px;
                margin-bottom: 15px;
                color: #9370DB;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText > .fa-line-chart {
                font-size: 40px;
                margin-bottom: 15px;
                color: #3CB371;
            }
            .itIntroBottomText i {
                transition: all 0.3s ease;
                font-size: 2em;
            }

            .itIntroBottomText1:hover i {
                animation: lightbulbFlicker 0.8s infinite;
                transform: scale(1.2);
            }

            @keyframes lightbulbFlicker {
                0%,
                100% {
                    opacity: 1;
                }
                50% {
                    opacity: 0.5;
                }
            }

            .itIntroBottomText2:hover i {
                animation: connectRotate 1.5s linear infinite;
                color: #3498db;
                transform: translateY(-5px);
            }
            @keyframes connectRotate {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }

            .itIntroBottomText3:hover i {
                animation: headShake 0.5s ease infinite;
                color: #e74c3c;
                transform: scale(1.1);
            }

            @keyframes headShake {
                0% {
                    transform: translateX(0);
                }
                25% {
                    transform: translateX(-5px);
                }
                50% {
                    transform: translateX(5px);
                }
                75% {
                    transform: translateX(-3px);
                }
                100% {
                    transform: translateX(0);
                }
            }

            .itIntroBottomText4:hover i {
                animation: chartGrow 0.6s ease-in-out infinite alternate;
                color: #9b59b6;
                transform-origin: bottom;
            }

            @keyframes chartGrow {
                from {
                    transform: scaleY(1);
                }
                to {
                    transform: scaleY(1.3);
                }
            }
            @media (max-width: 768px) {
                .wrap > .itIntro > .itIntroTop {
                    padding: 0 10px;
                }

                .wrap > .itIntro > .itIntroTop > .itIntroTopLeft,
                .wrap > .itIntro > .itIntroTop > .itIntroTopRight {
                    flex-basis: 100%;
                }
                .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText2 {
                    position: relative;
                    font-size: 13px;
                    top: 10px;
                }
                .wrap > .itIntro > .itIntroBottom {
                    gap: 15px; 
                    padding: 20px 15px; 
                }
                .wrap > .itIntro > .itIntroBottom > .itIntroBottomText {
                    flex-basis: calc(50% - 8px);
                    width: auto; 
                    font-size: 16px; 
                    padding: 20px 10px;
                    margin-bottom: 0; 
                }

            }


            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText.active {
                transform: translateY(0);
                opacity: 1;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText1.active {
                transition-delay: 0s;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText2.active {
                transition-delay: 0.2s;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText3.active {
                transition-delay: 0.4s;
            }

            .wrap > .itIntro > .itIntroBottom > .itIntroBottomText4.active {
                transition-delay: 0.6s;
            }

            .wrap > .courseTop {
                font-family: "Roboto", "Noto Sans KR", sans-serif;
                font-weight: 500;
                font-size: 3rem;
                letter-spacing: 0.1em;
                text-align: center;
                padding: 40px 0;
                margin-bottom: 20px;
                position: relative;
                overflow: hidden;
                color: #333;
                padding-bottom: 45px;

            }
            .wrap > .courseTop > span {
                color: #4CAF50;
            }

            .wrap > .courseText {
                color: #333333;
                width: 100%;
                flex-grow: 1;
                display: flex;
                justify-content: center;

            }

            .wrap > .courseText > .card-group {
                display: flex;
                gap: 30px;
                width: 1200px;
                perspective: 1000px;
                flex-wrap: wrap;
                justify-content: center;

            }

            .wrap > .courseText > .card-group > .card {
                transform-style: preserve-3d;
                transition: transform 0.6s ease, opacity 0.6s ease, box-shadow 0.6s ease;
                flex-basis: calc(33.333% - 20px);
                border: 1px solid #ddd;
                border-radius: 10px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                overflow: hidden;
                transform: translateY(50px);
                opacity: 0;
                transition: transform 0.6s ease, opacity 0.6s ease;
                margin-bottom: 20px;
            }

            .wrap > .courseText > .card-group > .card:hover {
                transform: translateY(-10px) !important;
                box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
                transition: transform 0.6s ease, opacity 0.6s ease, box-shadow 0.6s ease !important;

            }

          

            .wrap > .courseText > .card-group > .card > .card-body {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;
                height: 100%;
                padding: 1.5rem;
            }

            .wrap > .courseText > .card-group > .card > .card-body .card-title {
                min-height: 105px;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                font-size: 1.35rem;
                font-weight: 700;
                color: #333;
                margin-bottom: 1rem;
                text-transform: uppercase;
                letter-spacing: 0.05em;
                font-family: "Roboto", "Noto Sans KR", sans-serif;
                font-weight: 600;

            }
            .wrap > .courseText > .card-group > .card > .card-body .card-title::after {
                content: '';
                width: 160px;
                height: 2px;
                background-color: #4CAF50;
                margin-top: 0.5rem;
                margin-bottom: 1rem;
                position: absolute;
                top: 120px;

            }

            .wrap > .courseText > .card-group > .card > .card-body .card-text {
                font-size: 1.05rem;
                color: #333;
                line-height: 1.6;
                margin-bottom: 1rem;
                font-weight: 500;
                font-family: "Roboto", "Noto Sans KR", sans-serif;

            }
            .wrap > .courseText > .card-group > .card > .card-body .card-text > strong {
                font-size: 1.15rem;

                font-weight: 400;
                font-family: "Roboto", "Noto Sans KR", sans-serif;
            }

            .course-list {
                list-style: none;
                padding-left: 0;
                margin-top: 0.5rem;
            }

            .course-list li {
                margin-bottom: 0.25rem;
                padding-left: 1.2em;
                text-indent: -1.2em;
                line-height: 1.4;
                font-family: "Roboto", "Noto Sans KR", sans-serif;
            }

            .course-list li::before {
                content: "\f138";
                font-family: "FontAwesome";
                margin-right: 0.5em;
                color: #4CAF50;
            }

            .courseButton {
                display: flex;
                justify-content: flex-start;
                margin-top: auto;
            }
            @media (max-width: 1024px) {
                .wrap > .courseText > .card-group > .card {
                    flex-basis: calc(33.333% - 15px);
                    min-width: 280px;
                }
            
                .wrap > .courseText > .card-group {
                    width: 95%;
                    gap: 20px;
                }
            }
            
            /* 작은 화면에서 한 줄로 세로 배치 - 900px 이하 */
            @media (max-width: 900px) {
                .wrap > .courseText > .card-group {
                    flex-direction: column;
                    align-items: center;
                    width: 90%;
                    gap: 25px;
                    margin: 0 auto;
                }
                
                .wrap > .courseText > .card-group > .card {
                    flex-basis: auto;
                    width: 100%;
                    max-width: 600px;
                    margin-bottom: 0;
                    margin-left: auto;
                    margin-right: auto;
                }
                
                .wrap > .courseTop {
                    font-size: 2.5rem;
                    padding: 30px 0;
                    padding-bottom: 35px;
                }
            }
            
            @media (max-width: 768px) {
                .wrap > .courseText > .card-group > .card {
                    width: 100%;
                    max-width: none;
                    margin: 0 auto;
                }
                
                .wrap > .courseText > .card-group {
                    width: 95%;
                    gap: 20px;
                    margin: 0 auto;
                }
                
                .wrap > .courseTop {
                    font-size: 2rem;
                    padding: 25px 0;
                    padding-bottom: 30px;
                }
            }

            .detail-link {
                display: inline-block;
                padding: 10px 20px;
                background-color: #4CAF50;
                color: white;
                text-decoration: none;
                border-radius: 5px;
                font-weight: bold;
                transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
                position: relative;
                z-index: 1;
            }

            .detail-link:hover {
                background-color: #367c39;
                color: white;
                text-decoration: none;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
                transform: translateY(-2px);
            }

            .detail-link .fa-arrow-right {
                margin-left: 8px;
                transition: transform 0.3s ease;
            }

            .detail-link:hover .fa-arrow-right {
                transform: translateX(5px);
            }

            .wrap > .welfareInfo {
                width: 100%;
                padding: 40px 20px;
                margin-top: 20px;
                margin-bottom: 20px;
                flex-grow: 1;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: flex-start;
                gap: 30px;
            }

            .wrap > .welfareInfo > .welfare {
                width: 430px;
                height: 200px;
                padding: 20px;
                display: flex;
                flex-direction: column;
                background-color: #fff;
                border-radius: 10px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                border: 1px solid #ddd;
            }

            .wrap > .welfareInfo > .welfare:hover {
                transform: translateY(-5px);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            }

            .wrap > .welfareInfo > .welfare > .welfareTop {
                display: flex;
                align-items: center;
                margin-bottom: 10px;

            }

            .wrap > .welfareInfo > .welfare > .welfareTop > .welfareImage {
                margin-right: 15px;
            }

            .wrap > .welfareInfo > .welfare > .welfareTop > .welfareImage > img {
                width: 100px;
                height: 100px;
                object-fit: cover;
                top: -15px;
                position: relative;
            }

            .wrap > .welfareInfo > .welfare > .welfareTop > .welfareTitle {
                font-size: 1.25rem;
                font-weight: 600;
                color: #333;
                flex-grow: 1;
                font-family: "Roboto", "Noto Sans KR", sans-serif;
                text-align: right;
            }

            .wrap > .welfareInfo > .welfare > .welfareText {
                top: 10px;
                position: relative;
                text-align: right;
                color: #333;
                line-height: 1.5;
                font-size: 1.05rem;
                word-break: keep-all;
                font-family: "Roboto", "Noto Sans KR", sans-serif;
            }
            .wrap > .welfareInfo > .welfare > .welfareText > span {
                color: #4CAF50;
            }
            @media (max-width: 1024px) {
                .wrap > .welfareInfo {
                    justify-content: center;
                    gap: 20px;
                    padding: 30px 15px;
                }
            
                .wrap > .welfareInfo > .welfare {
                    width: calc(50% - 10px);
                    min-width: 320px;
                    height: auto;
                    min-height: 180px;
                    padding: 18px;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareTop > .welfareImage > img {
                    width: 80px;
                    height: 80px;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareTop > .welfareTitle {
                    font-size: 1.1rem;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareText {
                    font-size: 0.95rem;
                }
            }
            
            @media (max-width: 930px) {
                .wrap > .welfareInfo {
                    flex-direction: column;
                    align-items: center;
                    gap: 25px;
                    padding: 30px 20px;
                }
            
                .wrap > .welfareInfo > .welfare {
                    width: 100%;
                    max-width: 500px;
                    min-width: auto;
                    min-height: 160px;
                    flex-direction: column;
                    padding: 20px;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareTop {
                    flex-direction: row;
                    width: 100%;
                    margin-bottom: 10px;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareTop > .welfareImage {
                    margin-right: 15px;
                    flex-shrink: 0;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareTop > .welfareImage > img {
                    width: 80px;
                    height: 80px;
                    top: 0;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareTop > .welfareTitle {
                    font-size: 1.2rem;
                    text-align: left;
                    margin-bottom: 0;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareText {
                    font-size: 1rem;
                    text-align: left;
                    top: 0;
                    margin-left: 0;
                    padding-left: 95px;
                    box-sizing: border-box;
                }
            }
            
            @media (max-width: 768px) {
                .wrap > .welfareInfo {
                    padding: 20px 10px;
                    gap: 20px;
                }
            
                .wrap > .welfareInfo > .welfare {
                    width: 100%;
                    max-width: none;
                    margin: 0;
                    padding: 16px;
                    min-height: 140px;
                }
            
                .wrap > .welfareInfo > .welfare > .welfareTop > .welfareImage > img {
                    width: 70px;
                    height: 70px;
                }
            }
            .wrap > .portfolioTop {
                background-color: #f8f9fa;
                font-family: "Roboto", "Noto Sans KR", sans-serif;
                font-weight: 500;
                font-size: 3rem;
                letter-spacing: 0.1em;
                text-align: center;
                padding: 40px 0;
                position: relative;
                overflow: hidden;
                color: #333;
                padding-bottom: 45px;

            }
            .wrap > .portfolioTop > span {
                color: #4CAF50;
            }

            .wrap > .portfolioInfo {
                background-color: #f8f9fa;
                height: 480px;
                flex-grow: 1;
                justify-content: center;
                align-items: center;
                position: relative;
            }

            .swiper {
                width: 100%;
                max-width: 1000px;
                padding-top: 50px;
                padding-bottom: 50px;
            }
            

            .swiper-slide {
                background-position: center;
                background-size: cover;
                width: 300px;
                height: 300px;
                cursor: pointer;
                transition: transform 0.4s ease, box-shadow 0.4s ease;
                transform-style: preserve-3d;
                border-radius: 15px;
            }

            .swiper-slide:hover {
                transform: scale(1.05) translateZ(50px);
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
                z-index: 20;
            }

            .swiper-slide .slide-content {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                height: 100%;
            }
            .swiper-slide .slide-content > a {
                text-decoration: none;
            }

            .swiper-slide .slide-title {
                width: 100%;
                padding: 10px;
                background-color: #000000;
                color: white;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                box-sizing: border-box;
                transition: background-color 0.3s ease;
                border-radius: 0 0 15px 15px;
                line-height: 1.2;
            }

            .swiper-slide:hover .slide-title {
                background-color: #363636;
            }

            .swiper-slide img {
                display: block;
                width: 100%;
                height: 300px; 
                object-fit: cover; 
                border-radius: 15px 15px 0 0;
            }

            .swiper-pagination {
                position: relative !important;
                width: auto !important;
                left: 0 !important;
                transform: none !important;
                z-index: 10 !important;
                margin-top: 20px;
                display: block !important;
            }

            .swiper-pagination-bullet {
                background-color: #ccc;
                opacity: 0.7;
                width: 10px;
                height: 10px;
                margin: 0 5px !important;
                transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
            }

            .swiper-pagination-bullet-active {
                background-color: #4CAF50;
                opacity: 1;
                transform: scale(1.2);
                box-shadow: 0 0 5px rgba(0, 128, 0, 0.5);
            }

            .swiper-pagination-bullet:hover {
                transform: scale(1.1);
                background-color: #367c39;
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            }

            .wrap > .mapTop {
                background-color: #ffffff;
                font-family: "Roboto", "Noto Sans KR", sans-serif;
                font-weight: 500;
                font-size: 3rem;
                letter-spacing: 0.1em;
                text-align: center;
                padding: 40px 0;
                position: relative;
                overflow: hidden;
                color: #333;
                padding-bottom: 45px;
            }
            .wrap > .mapTop > span {
                color: #4CAF50;
            }

            .wrap > .mapInfo {
                background-color: #ffffff;
                width: 100%;
                flex-grow: 1;
                padding: 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .map-container {
                width: 100%;
                max-width: 1200px;
                background: white;
                border-radius: 8px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                padding: 20px;
                margin-top: 20px;
            }
            .map-placeholder {
                width: 100%;
                height: 400px;
                background-color: transparent;
                border-radius: 8px;
                overflow: hidden;
                position: relative;
            }
            .map-placeholder iframe {
                width: 100%;
                height: 100%;
                border: none;
                display: block;
            }
            .address-info {
                margin-top: 20px;
                text-align: center;
            }
            .address-info p {
                margin-bottom: 10px;
                color: #555;
                font-size: 16px;
            }
            .mapSubTitle {
                color: #4CAF50;
                font-weight: 600;
                margin-right: 8px;
            }
            @media (max-width: 1024px) {
                .wrap > .portfolioInfo {
                    height: 420px;
                }
                
                .swiper {
                    max-width: 800px;
                    padding-top: 40px;
                    padding-bottom: 40px;
                }
                
                .swiper-slide {
                    width: 250px;
                    height: 250px;
                    background-color: #fff;
                    overflow: hidden;
                    border-radius: 15px;
                }
                
                .swiper-slide:hover {
                    transform: scale(1.02);
                    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
                }
            
                .swiper-slide a {
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                    width: 100%;
                }
                
                .swiper-slide img {
                    flex-grow: 1; 
                    width: 100%;
                    object-fit: cover;
                    min-height: 0; 
                }
                
                .swiper-slide .slide-title {
                    height: 70px; 
                    flex-shrink: 0; 
                    font-size: 13px;
                    background-color: #000;
                    color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                    padding: 10px;
                    box-sizing: border-box;
                    line-height: 1.4;
                }
                
                .wrap > .portfolioTop {
                    font-size: 2.5rem;
                    padding: 30px 0;
                    padding-bottom: 35px;
                }
            }
            
            @media (max-width: 768px) {
                .wrap > .portfolioInfo { height: 350px; }
                .swiper { max-width: 100%; padding-top: 30px; padding-bottom: 30px; }
                .swiper-slide { width: 220px; height: 220px; background-color: #fff; overflow: hidden; border-radius: 15px; }
                .swiper-slide a { display: flex; flex-direction: column; height: 100%; width: 100%; }
                .swiper-slide img { flex-grow: 1; width: 100%; object-fit: cover; min-height: 0; }
                .swiper-slide .slide-title { height: 60px; flex-shrink: 0; font-size: 12px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px; box-sizing: border-box; line-height: 1.4; }
                .wrap > .portfolioTop { font-size: 2rem; padding: 25px 0; padding-bottom: 30px; }
            }
            
            @media (max-width: 480px) {
                .wrap > .portfolioInfo { height: 280px; }
                .swiper { max-width: 100%; padding-top: 20px; padding-bottom: 20px; }
                .swiper-slide { width: 180px; height: 180px; background-color: #fff; overflow: hidden; border-radius: 15px; }
                .swiper-slide a { display: flex; flex-direction: column; height: 100%; width: 100%; }
                .swiper-slide img { flex-grow: 1; width: 100%; object-fit: cover; min-height: 0; }
                .swiper-slide .slide-title { height: 50px; flex-shrink: 0; font-size: 11px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 5px; box-sizing: border-box; line-height: 1.3; }
                .wrap > .portfolioTop { font-size: 1.6rem; padding: 15px 0; padding-bottom: 20px; }
            }
            @media (max-width: 768px) {
                .map-placeholder {
                    height: 300px;
                }
                
                .address-info p {
                    font-size: 14px;
                }
            }
            
            @media (max-width: 480px) {
                .map-placeholder {
                    height: 250px;
                }
            }

            @media (max-width: 1024px) {
    .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText1,
    .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText1 {
        font-size: 32px;
    }
    .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText2 {
        font-size: 24px;
    }
    .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText2 {
        font-size: 1em;
    }
    .wrap > .itIntro > .itIntroBottom > .itIntroBottomText {
        font-size: 17px;
    }
}

/* 작은 태블릿 화면 (768px 이하) */
@media (max-width: 768px) {
    .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText1,
    .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText1 {
        font-size: 28px;
    }
    .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText2 {
        font-size: 22px;
    }
    .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText2 {
        font-size: 14px;
    }
    .wrap > .itIntro > .itIntroBottom > .itIntroBottomText {
        font-size: 16px;
    }
}

/* 모바일 화면 (480px 이하) */
@media (max-width: 480px) {
    .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText1,
    .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText1 {
        font-size: 24px;
    }
    .wrap > .itIntro > .itIntroTop > .itIntroTopLeft > .itIntroTopLeftText2 {
        font-size: 18px;
    }
    .wrap > .itIntro > .itIntroTop > .itIntroTopRight > .itIntroTopRightText2 {
        font-size: 13px;
    }
    .wrap > .itIntro > .itIntroBottom > .itIntroBottomText {
        font-size: 14px;
    }
}