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

        ul {
            list-style-type: none;
        }

        a {
            display: block;
            text-decoration: none;
        }

     /*   @font-face{ font-family: 'Pretendard-Regular';*/
					/*src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');}*/
		@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

        @media (max-width: 844px) {
                
                #header {
                    justify-content: space-between !important;
                    width: 100%;
                    padding: 3px;
                }

                #header span {
                    display: block !important;
                }

                #logo {
                    width: 100% !important;
                    /* justify-content: center; */
                }

                #logo img {
                    width: 220px !important;
                }

                #header #gnb {
                    display: none !important;            
                }

                #header #blank {
                    display: block !important;
                }

                #container {
                    padding: 0% 3% 3% 3% !important;
                }

                .content-2 .cont-list li {
                    width: 100% !important;
                    margin-bottom: 1em;
                }

                .content-3 {
                    width: 100% !important;
                    margin-bottom: 1em;
                    display: block;
                }

                .cont3-1 {
                    line-height: 1.6rem;
                    width: 100%; 
                }
                
                .cont3-2  {
                    line-height: 1.3rem;
                    font-size: 0.9rem;
                    padding: 0.2rem;
                    width: 100%; 
                }

                
                #footer{
                flex-direction: column;
                }
                
                #footer .footer-text {
                  width: 100%;
                  text-align: left;
                  font-size: 0.7rem;
                  }

                #footer .footer-text-title {
                  width: 100%;
                  display: block;
                }
                
                #footer .footer-text-info {
                display: inline-block; 
                width: calc(100%-0.01rem);
                margin-right: 0.1rem;
                line-height:1.1rem; 
                }
                
                #footer .footer-logo {
                  padding-top: 0.6rem;
                  width:60%;
                  }
                
                #footer img {
                  width: 50%;
                  }
               
            }

        #wrap {
                max-width: 1920px;
                width: 100%;
                /* full size로 하려면 1920px */
                margin: auto;
            }

/* ========================= 상단 ========================= */
       
       #header {
            width: 100%;
            display: flex;
            height: 80px;
            /* background-color: aquamarine; */
            align-items: center;
            justify-content: space-between;
            padding: 2% 3% 0 3%;

        }

        #logo {
            display: flex;
        }

        #logo img {
            width: 300px;
        }

        #header span {
            display: none;
    font-family: 'Pretendard', 'Noto Sans KR', san-serif;
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
            font-weight: 600;
        }

        #header #gnb {
            display: flex;
        }
        
        #header #gnb li {
            padding: 10px;
            /* background-color: beige; */
    font-family: 'Pretendard', 'Noto Sans KR', san-serif;
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
            font-weight: 700;
            font-size: 1.5vw;
        }
        
        #header #gnb li a {
            color: black;
        }

        .overlay {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0, 100);
            overflow-x: hidden;
            transition: 0.5s;
        }

        .overlay-content {
            position: relative;
            top: 25%;
            width: 100%;
            padding-left: 45px;
            /* text-align: center; */
            margin-top: 30px;
        }

        .overlay a {
            padding: 8px;
            text-decoration: none;
    font-family: 'Pretendard', 'Noto Sans KR', san-serif;
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
            font-weight: 600;
            font-size: 23px;
            color: #818181;
            display: block;
            transition: 0.3s;
        }

        .overlay a:hover, .overlay a:focus {
            color: #f1f1f1;
        }

        .overlay .closebtn {
            position: absolute;
            right: 3%;
            font-size: 60px;
        }


        #container {
            width: 100%;
            display: flex;
            flex-direction: column;
            /* height: 750px; */
            /* background-color: blueviolet; */
            padding: 0% 3%;
            /* background-color: deeppink; */
         }

        #container .content-2 .content-3 {
            display: flex;
            flex-direction: column;
            width: 100%;
            /* height: 500px; */
            padding: 0% 3%;
        }

         #container .content-2 .cont2-title {
            width: 100%;
            margin-top: 3%;
            margin-bottom: 0.5%;
            background-color: black;
            color: white;
            text-align: center;
            padding: 20px;
            font-family: 'Pretendard', 'Noto Sans KR', san-serif;
            src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
            font-size:1.2rem;
        }

        .content-2 .cont-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            padding-top: 2%;
            /* height: 500px; */
       }

       .content-2 .cont-list li {
            width: calc(100% / 3 - 40px);
            /* height: 100px; */
            /* background-color: blue; */
       }

       .content-2 .cont-list li:hover {
        background-color: #FF8D3A;
        }
        

       .content-2 .cont-list li div {
            text-align: center;
            border: 3px dotted black;
            padding-top: 2%;
            padding-bottom: 2%;
            padding: 15px;   
            font-family: 'Pretendard', 'Noto Sans KR', san-serif;
            src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
            font-size:1.2rem;
       }

       
       .content-3 {
            display: flex;
            /*align-items: center;*/
            flex-wrap: wrap;
            /*justify-content: center;*/
            width: 100%;
            padding-top: 2%;
            font-family: 'Pretendard', 'Noto Sans KR', san-serif;
            src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
      }


      .cont3-1 {
      flex: 1;
      /*margin-right: 2%;*/
      /*background-color: #73D08F;*/
      /*text-align: left;*/
      /*line-height: 2.0rem;*/
      /*font-family: 'Pretendard', 'Noto Sans KR', san-serif;*/
      /*  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');*/
      /*font-size: 1.1rem;*/
      /*font-weight: 500;*/
      /*word-break: keep-all;*/
      border: 3px dotted black;
    }
    
    .cont3-1 img{
      width:100%}

    .cont3-2 {
      flex: 2;
      margin-left: 2%;
      text-align: left;
      margin-right: 2%;
      text-align: left;
      line-height: 2.0rem;
      font-family: 'Pretendard', 'Noto Sans KR', san-serif;
        src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
      font-size: 1.1rem;
      font-weight: 500;
      word-break: keep-all;
      font-weight: bold;
      }

    .padding {
      padding: 3% 3%;}
    
    .box {
      border: 2px dotted black;
      display: inline-block; /* 텍스트에 따라 크기가 조절되도록 설정 */
      padding: 7% 10%;
      font-family: 'Pretendard', 'Noto Sans KR', san-serif;
        src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
      font-size: 1.2rem;
      font-weight: 400;
      }
      
    .content-3 .cont3-2 .box:hover {
      background-color: #73D08F;
    }

        #footer {
          display: flex;
          justify-content: space-between;
          padding: 3% 3%;
          margin-top: 10rem;
        }
        
        #footer table {
          width: 100%;}
          
        #footer table td {
          padding: 0.1rem 0.1rem;
          vertical-align: baseline;}
          
          
        .footer-text {
        width: 80%;
        font-size: 0.9rem;
        font-family: 'Pretendard', 'Noto Sans KR', san-serif;
        src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
        line-height:1.3rem;
        font-weight:300;
        }
        
        .footer-text-title {
          font-weight: 500;}
          
        .footer-text-info {
          line-height: 1.2rem;}
          
        .footer-logo {
        width: 23%;
        padding-top:0.2rem;
        }
        
        #footer img {
        width: 100%;
        }