yangart / cbeHanja_publish star
이화경 이화경 09-23
한자 퍼블 추가
@54b3ac2fb1229eac4a3915f70fc8fd50ac9dd4f9
5fe7ded
54b3ac2
html/_layout/header.html
--- html/_layout/header.html
+++ html/_layout/header.html
@@ -69,20 +69,20 @@
 
                                 <button type="button">한자로 키우는 교과 문해력</button>
 
                                 <ul>
 
                                     <li><a href="vedioCont.html">동영상콘텐츠</a></li>
 
-                                    <li><a href="#none">한자용어 검색(워크북)</a></li>
 
+                                    <li><a href="searchCont.html">한자용어 검색(워크북)</a></li>
 
                                 </ul>
 
                             </li>
 
                             <li>
 
                                 <button type="button">별이 송이 뜻소리 한자교실</button>
 
                                 <ul>
 
-                                    <li><a href="#none">뜻소리 한자교실</a></li>
 
-                                    <li><a href="#none">알쏭달쏭 동음이의어</a></li>
 
+                                    <li><a href="ttsoriHanja.html">뜻소리 한자교실</a></li>
 
+                                    <li><a href="homonym.html">알쏭달쏭 동음이의어</a></li>
 
                                 </ul>
 
                             </li>
 
                             <li>
 
                                 <button type="button">별이 송이 소리뜻 놀이터</button>
 
                                 <ul>
 
-                                    <li><a href="#none">한자 퍼즐 퀴즈</a></li>
 
+                                    <li><a href="puzzleQuiz.html">한자 퍼즐 퀴즈</a></li>
 
                                 </ul>
 
                             </li>
 
                         </ul>
@@ -102,20 +102,20 @@
 
                         <button type="button">한자로 키우는 교과 문해력</button>
 
                         <ul>
 
                             <li><a href="vedioCont.html">동영상콘텐츠</a></li>
 
-                            <li><a href="#none">한자용어 검색(워크북)</a></li>
 
+                            <li><a href="searchCont.html">한자용어 검색(워크북)</a></li>
 
                         </ul>
 
                     </li>
 
                     <li>
 
                         <button type="button">별이 송이 뜻소리 한자교실</button>
 
                         <ul>
 
-                            <li><a href="#none">뜻소리 한자교실</a></li>
 
-                            <li><a href="#none">알쏭달쏭 동음이의어</a></li>
 
+                            <li><a href="ttsoriHanja.html">뜻소리 한자교실</a></li>
 
+                            <li><a href="homonym.html">알쏭달쏭 동음이의어</a></li>
 
                         </ul>
 
                     </li>
 
                     <li>
 
                         <button type="button">별이 송이 소리뜻 놀이터</button>
 
                         <ul>
 
-                            <li><a href="#none">한자 퍼즐 퀴즈</a></li>
 
+                            <li><a href="puzzleQuiz.html">한자 퍼즐 퀴즈</a></li>
 
                         </ul>
 
                     </li>
 
                 </ul>
 
54b3ac2
html/homonym.html (added)
+++ html/homonym.html
@@ -0,0 +1,202 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents">콘텐츠 바로가기</a>
+    </div>
+    <div class="container">
+        <header class="site-header"></header>
+        <div class="site-body" id="skipToContents">
+            <div class="wrap">
+                <div class="page-tit-area">
+                    <div class="c-area dir-col">
+                        <h2 class="title-xlg">알쏭달쏭 동음이의어</h2>
+                    </div>
+                </div>
+                <div class="fnc-area">
+                    <div class="l-area">
+                        <p>총 <strong class="font-color-orange">156</strong>건</p>
+                    </div>
+                    <div class="r-area">
+                        <select class="border-none sm" title="학교급 선택">
+                            <option>학교급</option>
+                            <option>초등학교</option>
+                            <option>중학교</option>
+                            <option>고등학교</option>
+                        </select>
+                        <select class="border-none sm" title="학년 선택">
+                            <option>학년</option>
+                            <option>1학년</option>
+                            <option>2학년</option>
+                            <option>3학년</option>
+                            <option>4학년</option>
+                            <option>5학년</option>
+                            <option>6학년</option>
+                        </select>
+                    </div>
+                    <hr class="solid">
+                </div>
+                <section>
+                    <h2 class="txt-hide">알쏭달쏭 동음이의어</h2>
+                    <ul class="item-cont-list">
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio8.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (8)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio7.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (7)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio6.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (6)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio5.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (5)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio4.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (4)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio3.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (3)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio2.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (2)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio1.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>같은소리? 다른 뜻! (1)</h4>
+                                    <p>초등 &gt; 3학년</p>
+                                </div>
+                            </a>
+                        </li>
+                    </ul>
+                </section>
+                <ul class="pagenation">
+                    <li class="ppv">
+                        <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+                    </li>
+                    <li class="pv">
+                        <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                    </li>
+                    <li class="current">
+                        <span title="현재 페이지">1</span>
+                    </li>
+                    <li>
+                        <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                    </li>
+                    <li class="fw">
+                        <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                    </li>
+                    <li class="ffw">
+                        <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+                    </li>
+                </ul>
+
+            </div> 
+        </div>
+        <footer class="site-footer"></footer>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont1.html (added)
+++ html/popWin_videoCont1.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/xlWbrdEhcvw?autoplay=1&mute=1" 
+                title="초등 한자 공부 5분한자 01편(숫자 1,2,3,4를 한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont2.html (added)
+++ html/popWin_videoCont2.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/aJHumLjZZP4?autoplay=1&mute=1" 
+                title="초등 한자 공부 5분한자 02편(숫자 5,6,7을 한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont3.html (added)
+++ html/popWin_videoCont3.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/sUXz0JvALKM?autoplay=1&mute=1" 
+                title="초등 한자 공부 5분한자 03편(숫자8,9,10을 한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont4.html (added)
+++ html/popWin_videoCont4.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/8zm43HEt4EU?autoplay=1&mute=1" title="초등 한자 공부 5분한자 04편(큰 수를  한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont5.html (added)
+++ html/popWin_videoCont5.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/0vjUxILIFBA?autoplay=1&mute=1" 
+                title="초등 한자 공부 5분한자 05편(요일을 한자로 알아보기-일,월)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont6.html (added)
+++ html/popWin_videoCont6.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/oJDqC2-961Q?autoplay=1&mute=1" 
+                title="초등 한자 공부 5분한자 06편(요일을 한자로 알아보기-화,수)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont7.html (added)
+++ html/popWin_videoCont7.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/8CWlioTKUY4?autoplay=1&mute=1" title="초등 한자 공부 5분한자 07편(요일을 한자로 알아보기-목)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
54b3ac2
html/popWin_videoCont8.html (added)
+++ html/popWin_videoCont8.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="bg-full">
+        <div class="player-area">
+            <div class="player">
+                <iframe src="https://www.youtube.com/embed/rI0dxq15GHU?autoplay=1&mute=1" 
+                title="초등 한자 공부 5분한자 08편(요일을 한자로 알아보기-금, 토)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <div class="obj-area">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3">
+                    <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4">
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
5fe7ded
54b3ac2
html/puzzleQuiz.html
--- html/puzzleQuiz.html
+++ html/puzzleQuiz.html
@@ -53,11 +53,20 @@
 
                         <p>총 <strong class="font-color-orange">156</strong>건</p>
 
                     </div>
 
                     <div class="r-area">
 
-                        <select class="border-none sm" title="보기 개수 선택">
 
+                        <select class="border-none sm" title="학교급 선택">
 
                             <option>학교급</option>
 
+                            <option>초등학교</option>
 
+                            <option>중학교</option>
 
+                            <option>고등학교</option>
 
                         </select>
 
-                        <select class="border-none sm" title="보기 개수 선택">
 
+                        <select class="border-none sm" title="학년 선택">
 
                             <option>학년</option>
 
+                            <option>1학년</option>
 
+                            <option>2학년</option>
 
+                            <option>3학년</option>
 
+                            <option>4학년</option>
 
+                            <option>5학년</option>
 
+                            <option>6학년</option>
 
                         </select>
 
                     </div>
 
                     <hr class="solid">
@@ -91,6 +100,42 @@
 
                                 <button type="button" class="btn primary order-front">시작</button>
 
                             </div>
 
                         </li>
 
+                        <li>
 
+                            <button type="button" class="lnk-full">선택</button>
 
+                            <span class="label num">3</span>
 
+                            <div class="txt-area">
 
+                                <p class="level">난이도: <span class="label blue">보통</span></p>
 
+                                <div class="quiz-info">
 
+                                    <h4>사자성어 한자퍼즐 귀지 - 3</h4>
 
+                                    <p>12 * 12 퍼즐 퀴즈 </p>
 
+                                </div>
 
+                                <button type="button" class="btn primary order-front">시작</button>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <button type="button" class="lnk-full">선택</button>
 
+                            <span class="label num">4</span>
 
+                            <div class="txt-area">
 
+                                <div class="level">난이도: <span class="label green">어린이용</span></div>
 
+                                <div class="quiz-info">
 
+                                    <h4>사자성어 한자퍼즐 귀지 - 4</h4>
 
+                                    <p>12 * 12 퍼즐 퀴즈 </p>
 
+                                </div>
 
+                                <button type="button" class="btn primary order-front">시작</button>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <button type="button" class="lnk-full">선택</button>
 
+                            <span class="label num">5</span>
 
+                            <div class="txt-area">
 
+                                <p class="level">난이도: <span class="label red">어려움</span></p>
 
+                                <div class="quiz-info">
 
+                                    <h4>사자성어 한자퍼즐 귀지 - 5</h4>
 
+                                    <p>12 * 12 퍼즐 퀴즈 </p>
 
+                                </div>
 
+                                <button type="button" class="btn primary order-front">시작</button>
 
+                            </div>
 
+                        </li>
 
                     </ul>
 
                 </section>
5fe7ded
54b3ac2
html/searchCont.html
--- html/searchCont.html
+++ html/searchCont.html
@@ -52,11 +52,20 @@
 
                         <p>총 <strong class="font-color-orange">156</strong>건</p>
 
                     </div>
 
                     <div class="r-area">
 
-                        <select class="border-none sm" title="보기 개수 선택">
 
+                        <select class="border-none sm" title="학교급 선택">
 
                             <option>학교급</option>
 
+                            <option>초등학교</option>
 
+                            <option>중학교</option>
 
+                            <option>고등학교</option>
 
                         </select>
 
-                        <select class="border-none sm" title="보기 개수 선택">
 
+                        <select class="border-none sm" title="학년 선택">
 
                             <option>학년</option>
 
+                            <option>1학년</option>
 
+                            <option>2학년</option>
 
+                            <option>3학년</option>
 
+                            <option>4학년</option>
 
+                            <option>5학년</option>
 
+                            <option>6학년</option>
 
                         </select>
 
                     </div>
 
                     <hr class="solid">
@@ -65,16 +74,16 @@
 
                     <h3 class="txt-hide">한자용어 검색</h3>
 
                     <ul class="item-word-list">
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>九</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>敎</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>아홉 <span>구</span></h4>
 
+                                    <h4>가르칠 <span>교</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>曲</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>굽을 <span>곡</span></h4>
@@ -83,7 +92,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>肝</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>간 <span>간</span></h4>
@@ -92,7 +101,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>腸</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>창자 <span>장</span></h4>
@@ -101,7 +110,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>寤</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>잠 깸 <span>오</span></h4>
@@ -110,7 +119,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>寐</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>잠듦 <span>매</span></h4>
@@ -119,7 +128,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>不</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>아니 <span>불</span></h4>
@@ -128,7 +137,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>忘</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>잊다 <span>망</span></h4>
@@ -137,7 +146,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
                                 <div class="hanja-box"><span>九</span></div>
 
                                 <div class="txt-area">
 
                                     <h4>아홉 <span>구</span></h4>
@@ -146,64 +155,64 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>曲</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>心</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>굽을 <span>곡</span></h4>
 
+                                    <h4>마음 <span>심</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>肝</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>耳</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>간 <span>간</span></h4>
 
+                                    <h4>귀 <span>이</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>腸</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>目</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>창자 <span>장</span></h4>
 
+                                    <h4>눈 <span>목</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>寤</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>病</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>잠 깸 <span>오</span></h4>
 
+                                    <h4>병 <span>병</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>寐</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>藥</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>잠듦 <span>매</span></h4>
 
+                                    <h4>약 <span>약</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>不</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>悲</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>아니 <span>불</span></h4>
 
+                                    <h4>슬플 <span>비</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="">
 
-                                <div class="hanja-box"><span>忘</span></div>
 
+                            <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
 
+                                <div class="hanja-box"><span>弱</span></div>
 
                                 <div class="txt-area">
 
-                                    <h4>잊다 <span>망</span></h4>
 
+                                    <h4>약할 <span>약</span></h4>
 
                                     <p>초등 &gt; 1학년</p> 
                                 </div>
 
                             </a>
 
54b3ac2
html/ttsoriHanja.html (added)
+++ html/ttsoriHanja.html
@@ -0,0 +1,202 @@
+<!doctype html>
+<html lang="ko">
+
+<head>
+    <title>다채움 한자교실</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/>
+    <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/>
+    <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/>
+    <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/>
+    <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/>
+    <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/>
+    <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/>
+    <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/>
+    <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/>
+    <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico">
+    <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+    <!-- 공통 plugin -->
+    <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <!-- //공통 plugin -->
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="../resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+    <!--공통 퍼블 js-->
+    <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents">콘텐츠 바로가기</a>
+    </div>
+    <div class="container">
+        <header class="site-header"></header>
+        <div class="site-body" id="skipToContents">
+            <div class="wrap">
+                <div class="page-tit-area">
+                    <div class="c-area dir-col">
+                        <h2 class="title-xlg">뜻소리 한자교실</h2>
+                    </div>
+                </div>
+                <div class="fnc-area">
+                    <div class="l-area">
+                        <p>총 <strong class="font-color-orange">156</strong>건</p>
+                    </div>
+                    <div class="r-area">
+                        <select class="border-none sm" title="학교급 선택">
+                            <option>학교급</option>
+                            <option>초등학교</option>
+                            <option>중학교</option>
+                            <option>고등학교</option>
+                        </select>
+                        <select class="border-none sm" title="학년 선택">
+                            <option>학년</option>
+                            <option>1학년</option>
+                            <option>2학년</option>
+                            <option>3학년</option>
+                            <option>4학년</option>
+                            <option>5학년</option>
+                            <option>6학년</option>
+                        </select>
+                    </div>
+                    <hr class="solid">
+                </div>
+                <section>
+                    <h2 class="txt-hide">뜻소리 한자교실</h2>
+                    <ul class="item-cont-list">
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio8.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (8)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio7.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (7)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio6.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (6)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio5.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (5)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio4.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (4)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio3.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (3)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio2.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (2)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="" target="_blank">
+                                <figure>
+                                    <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio1.png" alt="신나는 한자수업 썸네일">
+                                </figure>
+                                <div class="txt-area">
+                                    <h4>알쏭달쏭 뜻소리교실 (1)</h4>
+                                    <p>초등 &gt; 1학년</p>
+                                </div>
+                            </a>
+                        </li>
+                    </ul>
+                </section>
+                <ul class="pagenation">
+                    <li class="ppv">
+                        <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+                    </li>
+                    <li class="pv">
+                        <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                    </li>
+                    <li class="current">
+                        <span title="현재 페이지">1</span>
+                    </li>
+                    <li>
+                        <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                    </li>
+                    <li class="fw">
+                        <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                    </li>
+                    <li class="ffw">
+                        <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+                    </li>
+                </ul>
+
+            </div> 
+        </div>
+        <footer class="site-footer"></footer>
+    </div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
5fe7ded
54b3ac2
html/vedioCont.html
--- html/vedioCont.html
+++ html/vedioCont.html
@@ -54,9 +54,18 @@
 
                     <div class="r-area">
 
                         <select class="border-none sm" title="학교급 선택">
 
                             <option>학교급</option>
 
+                            <option>초등학교</option>
 
+                            <option>중학교</option>
 
+                            <option>고등학교</option>
 
                         </select>
 
                         <select class="border-none sm" title="학년 선택">
 
                             <option>학년</option>
 
+                            <option>1학년</option>
 
+                            <option>2학년</option>
 
+                            <option>3학년</option>
 
+                            <option>4학년</option>
 
+                            <option>5학년</option>
 
+                            <option>6학년</option>
 
                         </select>
 
                     </div>
 
                     <hr class="solid">
@@ -65,7 +74,7 @@
 
                     <h2 class="txt-hide">동영상 콘텐츠</h2>
 
                     <ul class="item-cont-list">
 
                         <li>
 
-                            <a href="https://youtu.be/rI0dxq15GHU?si=qa9GWFfxg7MVp7ZG" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont8.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio8.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
@@ -76,7 +85,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont7.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio7.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
@@ -87,7 +96,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont6.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio6.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
@@ -98,7 +107,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont5.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio5.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
@@ -109,7 +118,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont4.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio4.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
@@ -120,7 +129,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont3.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio3.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
@@ -131,7 +140,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont2.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio2.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
@@ -142,7 +151,7 @@
 
                             </a>
 
                         </li>
 
                         <li>
 
-                            <a href="" target="_blank">
 
+                            <a href="#" onclick="openFullWindow('popWin_videoCont1.html')">
 
                                 <figure>
 
                                     <img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio1.png" alt="신나는 한자수업 썸네일">
 
                                 </figure>
5fe7ded
54b3ac2
index.html
--- index.html
+++ index.html
@@ -419,9 +419,9 @@
 
             <li>
 
                 별이 송이 뜻소리 한자교실
 
                 <ul>
 
-                    <li>뜻소리한자</li>
 
+                    <li>뜻소리한자,html/ttsoriHanja.html</li>
 
                     <li>[새창]뜻소리한자 콘텐츠 플레이</li>
 
-                    <li>알쏭달쏭 동음이의어</li>
 
+                    <li>알쏭달쏭 동음이의어,html/homonym.html</li>
 
                     <li>[새창]알쏭달쏭 동음이의어 플레이</li>
 
                 </ul>
 
             </li>
5fe7ded
54b3ac2
resources/front/site/SITE_00000/css/custom/page/_hwa.scss
--- resources/front/site/SITE_00000/css/custom/page/_hwa.scss
+++ resources/front/site/SITE_00000/css/custom/page/_hwa.scss
@@ -7,9 +7,14 @@
 
         background-color: $color-background-default-primary;
 
         box-shadow: $shadow-sm;
 
         overflow: hidden;
 
-        img{
 
+        figure {
 
+            overflow: hidden;
 
             border-radius: $radius-md; 
+        }
 
+
 
+        img {
 
             transition: transform 0.3s ease;
 
+            display: block;
 
         }
 
         &:hover img {
 
             transform: scale(1.05);
@@ -75,7 +80,7 @@
 
             &::after {
 
                 border-top: $size-stroke-xsm dashed $color-brown20;
 
                 width: 100%;
 
-            }
 
+            } 
             span, & {
 
                 position: relative;
 
                 z-index: 1;
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio1.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio1.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio2.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio2.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio3.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio3.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio4.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio4.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio5.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio5.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio6.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio6.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio7.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio7.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/homonym-vedio8.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio8.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio1.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio1.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio2.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio2.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio3.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio3.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio4.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio4.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio5.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio5.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio6.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio6.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio7.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio7.png
Binary file is not shown
 
54b3ac2
resources/front/site/SITE_00000/images/temp/ttsori-vedio8.png (Binary) (added)
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio8.png
Binary file is not shown
Add a comment
List