.container {
            max-width: 100%;
            margin: 20px 0;
            padding: 50px;
            background-color: #fff;
            box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.1)
        }
        .page_title{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr; /* 3�대줈 �섎닎 */
            grid-template-rows: 1fr 1fr 1fr; /* 3�됱쑝濡� �섎닎 */
            height: 200px; /* �뱀뀡 �믪씠 */
            background-image: url('../img/page_tit_img.png'); /* 諛곌꼍 �대�吏� �ㅼ젙 */
            background-size: contain; /* 諛곌꼍 �대�吏� �ш린 議곗젙 */
            background-repeat: no-repeat; /* 諛곌꼍 諛섎났 湲덉� */
            background-position: center; /* 諛곌꼍 �꾩튂 議곗젙 */
            margin-bottom: 50px;
        }
        .page_title_text {
            grid-column: 1 / 4; /* �� 踰덉㎏ �댁뿉 諛곗튂 */
            grid-row: 3 / 4; /* �� 踰덉㎏ �됱뿉 諛곗튂 */
            font-size: 35px; /* �띿뒪�� �ш린 酉고룷�� �덈퉬 湲곗� */
            font-weight: bold;
            color: #187362;
            text-align: center;
            align-self: center; /* �섏쭅 以묒븰 �뺣젹 */
            justify-self: center; /* �섑룊 以묒븰 �뺣젹 */
        }
        .academy_system{
            width: 80%;
            height: auto;
            margin-top: 30px;
        }
        .img_box{
            display: flex;
            justify-content: center;
            margin: 13px 0;
            gap: 30px;
            margin-bottom: 30px;
        }
        .img_box a{
            text-align: center;
        }
        .img_sogae{
            width: 100%;
            transition: transform 0.3s ease, filter 0.3s ease;
        }
        .img_sogae:hover {
            transform: scale(1.05); /* �대�吏� �뺣� */
            filter: brightness(0.9); /* 諛앷린 利앷� (�좏깮 �ы빆) */
        }
        #organization_table{
            max-width: 800px;
            width: 100%;
        }
        .section_a{
            margin-bottom: 50px;
        }
        .basic{
            font-size: 16px;
            line-height: 2;
            word-break: keep-all;
        }
        .bold {
            font-weight: bold;
            font-size: 16px;
            line-height: 2;
            word-break: keep-all;
        }
        .section_title{
            color: #F2935B;
            font-weight: bold;
            font-size: 23px;
            margin-bottom: 20px;
            line-height: normal;
        }
        #info-table {
            width: 100%;
            border-collapse: collapse;
            margin: 0 auto;
            margin: 13px 0;
            font-size: 16px;
        }

        #info-table th, #info-table td {
            padding: 15px;
            border: 1px solid #ddd;
            text-align: center;
        }

        #info-table th {
            background-color: #03A6A6;
            color: #fff;
            font-weight: bold;
        }
        #info-table ul li{
            text-align: left;
        }
        #info-table ul li::marker {
            color: #03A6A6; /* �붿뒪�� �됱긽 */
        }

        .basic li::marker {
            color: #03A6A6; /* �붿뒪�� �됱긽 */
        }

        #info-table td {
            background-color: #f9f9f9;
            line-height: 2;
        }
        #info-table td:first-child {
            font-weight: bold;
            white-space: nowrap;
        }

        /* 踰꾪듉 而⑦뀒�대꼫 */
        .button-container {
            text-align: center;
        }

        /* �ㅼ슫濡쒕뱶 踰꾪듉 �ㅽ��� */
        .download-button {
            display: inline-flex;
            align-items: center;
            padding: 12px 24px;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            background-color: #03A6A6;
            border: none;
            border-radius: 25px;
            text-decoration: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s ease, transform 0.2s ease;
        }

        .flex-box{
            display: flex;
        }
        /* �꾩씠肄� �ㅽ��� */

        /* �몃쾭 �④낵 */
        .download-button:hover {
            background-color: #187362;
            transform: translateY(-2px);
        }

        /* �대┃ �④낵 */
        .download-button:active {
            transform: translateY(1px);
        }
        
        .phone_number {
            font-weight: bold; /* �꾪솕踰덊샇 媛뺤“ */
            color: #187362; /* 媛뺤“�� �뚮��� */
        }

        .card-container {
            display: flex;
            gap: 20px;
            justify-content: space-between;
            margin-bottom: 50px;
        }
        
        .card {
        flex: 1;
        height: 200px;
        border: 3px solid #333;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        background: linear-gradient(to top, #86d72fab 50%, transparent 50%);
        position: relative;
        overflow: hidden;
        }
        
        .card:nth-child(2) {
        background: linear-gradient(to top, #ffe8c1ab 50%, transparent 50%);
        }
        
        .card:nth-child(3) {
        background: linear-gradient(to top, #fcd63faf 50%, transparent 50%);
        }
        
        .icon {
        font-size: 80px;
        position: absolute;
        top: 32px;
        }
        
        .card .title {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px;
        line-height: normal;
        }
        .flex-section{
            margin-bottom: 1em;
        }
        .flex-sentence{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin-left: -0.5em;
        }
        .flex-p{
            font-size: 17px;
            line-height: 2;
            margin-left: 0.5em;
        }
        .thankyou{
            font-size: 18px;
            margin-top: 30px;
            color: #F2935B;
            font-weight: bold;
        }
        .signature{
            display: flex;
            justify-content: end;
            gap: 5px;
            align-items: center;
            font-size: 20px;
            margin-top: 40px;
            font-weight: bold;
            color: #000000;
        }
        #signature_logo{
            width: 200px;
        }
        .vision_img{
            display: flex;
            justify-content: center;
        }
        #vision_img{
            max-width: 100%;
        }
        .bupin_img{
            flex: 1;
            padding: 40px;
            border: 5px solid #007DC3; /* 湲곕낯 洹몃┝�� */
            border-radius: 8px; /* �뚮몢由ш� 遺��쒕읇寃� �κ��댁쭚 (�듭뀡) */
            box-shadow: 0 0 10px hsl(0, 0.00%, 60.80%);
        }
        .bupin_img img{
            width: 100%;
        }
        .bupin_paragraph{
            flex: 4;
            font-size: 15px;
            line-height: 1.5;
        }
        dd#bupin_sogae{
            color: #007DC3;
            font-size: 20px;
            margin-top: 40px;
        }
        .flex-box#bupin_sogae{
            align-items: center;
            gap: 50px;
        }
        .description_box{
            border: 2px solid #eee;
            padding: 10px;
            border-radius: 20px;
        }
        .bupin_paragraph dt{
            background-color: #007DC3;
            border-radius: 20px;
            color: white;
            padding: 10px 20px;
            font-weight: bold;
            font-size: 18px;
            display: inline-block;
            box-shadow: 5px 5px 10px hsl(0, 0.00%, 60.80%);
            border-radius: 60px 60px 10px 60px; /* 媛� 紐⑥꽌由ъ쓽 諛섍꼍 */
        }
        .bupin_paragraph dd{
            box-shadow: 0 0 10px hsl(0, 0.00%, 60.80%);
            border: 5px solid #007DC3;
            margin-left: 0;
            padding: 25px 15px 15px 15px;
            margin-top: -20px;
            margin-bottom: 30px;
            border-radius: 10px;
        }

        
        @media (max-width: 1280px) {
            .bupin_img{
                flex: 2;
            }
        }
        @media (max-width: 820px) {
            #info-table {
            width: 100%;
            }
            .page_title{
            height: 150px; /* �뱀뀡 �믪씠 */
        }
            .academy_system{
            width: 100%;
        }
            .page_title_text {
            font-size: 30px; /* �띿뒪�� �ш린 酉고룷�� �덈퉬 湲곗� */
        }

            #info-table th, #info-table td {
                padding: 10px;
                font-size: 14px;
        }
            .container {
            padding: 10px;
        }
            .section_title{
            text-align: center;
        }
            .section_title{
            font-size: 20px;
        }
        .card-container {
            flex-direction: column;
        }
        .card{
            flex: auto;
        }
        .flex-box{
            flex-direction: column;
        }
        .thankyou{
            text-align: center;
        }
        .signature{
            justify-content: center;
            flex-direction: column;
        }
        .flex-p{
            line-height: 2;
        }
        .img_box{
            flex-direction: column;
            align-items: center;
        }
        .img_sogae{
            width: 90%;
        }
        .responsive-img {
            content: url("../img/bupin_img_mobile.png");
        }
        .section_title#bupin_sogae{
            font-size: 18px;
        }
    }